/* Boys Love Games Custom Styles */


@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Orbitron:wght@400..900&family=Permanent+Marker&family=Play:wght@400;700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Ysabeau+Infant:ital,wght@0,1..1000;1,1..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Orbitron:wght@400..900&family=Permanent+Marker&family=Play:wght@400;700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Ysabeau+Infant:ital,wght@0,1..1000;1,1..1000&display=swap');


body {
    background-image: url("https://femboyfuta.com/wp-content/uploads/2025/11/FEMBOY-FUTA-1280px-scaled.png") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

div#primary {
    max-width: 1280px;
    margin: auto;
}

/*=======================Header===================*/

a.social-button.header-social-item {

background: radial-gradient(86.13% 86.13% at 66.14% 8.58%, #EA77E3 0%, #531C96 82.75%), #32323E;

}

.site-header-item.site-header-focus-item {
    margin-right: 49px;
}

.site-header-row-container-inner {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}


.site-header-main-section-right.site-header-section.site-header-section-right .header-html.inner-link-style-normal {
    max-width: 477px;
    width: 100%;
}

.site-header-main-section-right.site-header-section.site-header-section-right .site-header-item.site-header-focus-item {
    max-width: 477px;
    width: 100%;
}



.kadence-search-icon-wrap {
    display: none !important;
}
.search-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: none !important;
padding: 20px 20px !important;
border-radius: 100px !important;
background: rgba(44, 41, 48, 1);

}


form.search-form{
    padding: 1px !important;
    background: radial-gradient(86.13% 86.13% at 66.14% 8.58%, #EA77E3 0%, #531C96 82.75%), #32323E;
    border-radius: 100px !important;
}


.search-wrapper input.search-field {
    color: #E5E7EE !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 100px !important;
    background: none !important;
    border-radius: 0px !important;
    line-height: 1em;
}



.search-wrapper input.search-field::placeholder {
    color: #E5E7EE !important;
}


/*==================Sidebar====================*/

div#primary main#main {
    display: grid;
    grid-template-columns: 300px auto;
}

aside.sidebar {
    padding: 20px;
    background: #2C2930;
}


/*====================Main Content===================*/

section.content-section {
    background: #1F1E26;
}


.hero-section.game-banner-hero-section {
    padding: 77px 54px 76px 54px;
    background-image: url("https://femboyfuta.com/wp-content/uploads/2025/11/Frame-227.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

h1.hero-title {
    font-family: "Orbitron", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #F7F7F7;
    line-height: 1.3em;
    max-width: 420px;
}
h1.hero-title span{
    color: #DE00D0;
}


p.hero-description {
    font-family: "Prompt", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #E3E3E3;
    line-height: 19px;
    letter-spacing: 0.72px;
    max-width: 420px;
    text-transform: capitalize;
    margin: 27px 0 35px 0;
}


.btn {
    background: #DE00D0;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    padding: 14.5px 37px 13.5px 36px;
    font-family: "Prompt", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    font-style: italic;
    -webkit-mask-image: url("https://femboyfuta.com/wp-content/uploads/2025/11/Rectangle-70.png");
    mask-image: url("https://femboyfuta.com/wp-content/uploads/2025/11/Rectangle-70.png");
    /* Make the mask cover the whole box */
    -webkit-mask-size: contain;
    mask-size: contain;
    /* Optional: improve rendering */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}


.btn:hover{
    color: #DE00D0;
    background: #fff;
}


section.featured-two-games {
    padding: 30px 30px 50px 30px;
}

.featured-two-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.featured-two-item {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 24px 26px;
    border: 1px solid rgb(222 0 208 / 60%);
    border-radius: 10px;
    position: relative;
}
.featured-two-item:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 362px;
    background: linear-gradient(to right,#14141C,#14141c00);
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 8px 0px 0px 8px;
}



h3.featured-two-title {
    font-family: "Orbitron", sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #F7F7F7;
    line-height: 1.3em;
    max-width: 190px;
    text-transform: uppercase;
    z-index: 1;
    margin-left: 14px;
}






button.featured-two-button {
    background: #DE00D0;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    padding: 9px 54px 8px 53px;
    font-family: "Prompt", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    font-style: italic;
    -webkit-mask-image: url("https://femboyfuta.com/wp-content/uploads/2025/11/Rectangle-70.png");
    mask-image: url("https://femboyfuta.com/wp-content/uploads/2025/11/Rectangle-70.png");
    /* Make the mask cover the whole box */
    -webkit-mask-size: contain;
    mask-size: contain;
    /* Optional: improve rendering */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    z-index: 1;
    margin-top: 31px;
}


button.featured-two-button:hover{
    color: #DE00D0;
    background: #fff;
}

section.featured-games-section-heading{
    padding: 0 30px;
}
section.featured-games-section-heading .title-container {
    padding: 25px 0;
    border-top: 1px solid #2C2930;
    border-bottom: 1px solid #2C2930;
}

section.featured-games-section-heading .title-container h2 {
    font-family: "Orbitron", sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #F7F7F7;
    line-height: 1.3em;
    max-width: 420px;
    text-transform: uppercase;
}
section.featured-games-section-heading .title-container h2 span{
    color: #DE00D0;
}


.main-content {
    padding: 50px 30px 100px 30px;
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 28px;
}

.game-thumbnail img{
    border-radius: 10px;
        border: 10px solid #2C2930;
    aspect-ratio: 288 / 250;
    object-fit: cover;
}

.game-meta-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: -13px;
}

.game-category-display span.category-value {
    background: #14BC16;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    padding: 5px 10px;
    font-family: "Montserrat", sans-serif;
    border-radius: 100px;
    line-height: 1em;
    text-shadow: 0px 1.28514px 2.57028px rgba(0, 0, 0, 0.25);
}

.game-version-display span{
    background: #FC00FF;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 5px 10px;
    font-family: "Montserrat", sans-serif;
    border-radius: 100px;
    line-height: 1em;
    text-shadow: 0px 1.28514px 2.57028px rgba(0, 0, 0, 0.25);
}






h3.game-title {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 18.3745px;
line-height: 22px;
color: #E5E7EE;

}

.game-info-container {
    padding: 0 5px;
    margin-top: 15px;
}

.game-excerpt {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #C7C9D0;
margin-top: 25px;
}