/*
Theme Name: Vain Faneille
Theme URI: https://github.com/jeffreyvr/vainfaneille
Author: Jeffrey van Rossum
Author URI: https://vanrossum.dev
Description: A WordPress theme made with TailPress.
Version: 0.1.0
License: MIT
License URI: https://github.com/jeffreyvr/vainfaneille/blob/master/LICENSE
Text Domain: vainfaneille
*/

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/OpenSans/OpenSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}

#content {
    background-color: #0F171C;
    color: #fff;
}

* {
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans';
}

h6 {
    font-size: 14px;
}

h5 {
    font-size: 16px;
}

h4 {
    font-size: 18px;
}

h3 {
    font-size: 20px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-size: inherit;
}

.header-container {
    background: #0f171c;
}

#primary-menu ul li a {
    color: #fff;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

h1.front-page-lead {
    line-height: 54.47px;
    margin: 1rem 0;
}

p.front-page-subtitle {
    margin: 0;
    max-width: 430px;
}

.ratings {
    width: 118px;
}

.socials {
    width: 150px;
}

.socials-container {
    width: 43px;
    height: 43px;
    border-radius: 4px;
    border: 1px solid #FFFFFF36;
    background-color: #35465E;
}

.btn {
    cursor: pointer;
    background: linear-gradient(0deg, #35465E, #35465E),
        linear-gradient(0deg, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0.21));
    border-radius: 4px;
}

.btn-onlyfans {
    width: 222px;
    height: 43px;
}

.text-shadow {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}

.performer-lead-image-container {
    width: 100%;
    height: 524px;
}

.performer-lead-image-container figure{
    width: inherit;
    height: inherit;
}

.performer-lead-image-container figure .wp-post-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    object-position: center;
}

.badge {
    width: 90px;
    height: 30px;
    background: linear-gradient(0deg, #0094FF, #0094FF),
        linear-gradient(0deg, #5BA9D5, #5BA9D5);
    border: 2px solid rgba(91, 169, 212, 1);
    border-radius: 30px;

}

.badge span {
    font-size: 14px;
    color: #fff;
}

.info-box {
    background: linear-gradient(0deg, #1F2937, #1F2937),
        linear-gradient(0deg, #35465E, #35465E);
    border: 1px solid rgba(53, 70, 94, 1);
    border-radius: 6px;
    width: 80%;
    max-width:220px;
    height:54px;
    min-width: 190px;
}

.acfBlock {
    max-width: 100%;
}

.dark-blue-bc{
    border-color:rgba(53, 70, 94, 1);
}


.review-title h2{
    max-width: 220px;
}

.review-title p{
    font-size: 14px;
}

.single-performers .entry-content>*, .single-performers article>:not(.entry-content) {
    max-width: 100%;
}


footer#colophon {
    height: auto;
    background: #05080B;
}

.footer-description {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    line-height: 23px;
    margin-left: 58px;
}

h3.footer-menu-title {
    margin-bottom: 25px;
}

.footer-menu-title {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;

}

footer ul li a {
    color: #DBDBDB;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
}

.footer-social-links img {
    width: 22.5px;
}


@media (min-width: 1536px){
    .custom-container {
        width: 1280px;
    }
}

@media (max-width: 1535px){
    .custom-container {
        width: 85%;
    }
}




@media (max-width: 1024px){
    .info-box span{
        font-size: 16px;
    }
}

@media (max-width: 991px){
    #primary-menu{
        background-color: #2b2c2d;
    }
}


@media (max-width: 768px){
    .performer-lead-image-container {
        height: auto;
    }

    .socials, .ratings{
        margin: 0 auto;
    }

    .of-button{
        text-align: center;
    }

    .custom-container {
        width: 95%;
    }
}



/*
@media (min-width: 1280px) and (max-width:1536px) {
    .container {
        max-width: 1024px !important;
    }
} */