/*
Theme Name: Stage Of Talens
Theme URI: https://egd.vn
Author: thanhnv@egdgroup.com
Author URI: https://egd.vn
Description: Wordpress Theme for HTA Project
Version: 1.0
License: GNU General Public License v2 or laterg
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stageoftalens
*/
@charset "UTF-8";
@import "css/bootstrap.min.css";
@import "css/fontawesome/css/all.css";


html, body {
    margin: 0;
    padding: 0;
}

.text-color-gradient h2{
    background: linear-gradient(#F4D170, #714508  50%, #FFE08C) !important;
    color: transparent !important;
    background-clip: text !important;
}
.btn-color-gradient a {
    background: linear-gradient(#F4D170, #714508 50%, #FFE08C) !important;
}

.home header{
    display: none;
}
.page-id-362 header,
.page-id-10 header,
.page-id-14 header,
.page-id-12 header,
.postid-769 header,
.postid-766 header,
.postid-762 header,
.page-template header,
.single-post header{
    display: none;
}

/*HEADER*/

.nav-decoration h2{
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),radial-gradient(at center center, #D3B47A 0%, #FFFFFF00 100%);
    background-repeat: no-repeat;
    background-position: 110%, 112%, 0 120%;
    background-size: 100% 5px;
}

header{
    width: 100%;
    height: 100%;
    /*background: #000;*/
}
header .container{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 2000px;
}
header .nav{
    padding: 1rem 0;
    text-align: center;
}
header .nav li a{
    padding: .25rem 1rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
header .navbar #stageoftalens-navbar ul.menu-item > li.active a span{
    color: #D08FBA !important;
    /*text-decoration: underline #D08FBA !important;*/
}
.navbar-light .navbar-nav .active>.nav-link,
.home .navbar-light .navbar-nav .nav-link:focus,
.home .navbar-light .navbar-nav .nav-link:hover {
    color: #D08FBA !important;
    /*text-decoration: underline #D08FBA !important;*/


}
.home .navbar-light .navbar-nav .active > .nav-link,
.home .navbar-light .navbar-nav .nav-link.active,
.home .navbar-light .navbar-nav .nav-link.show,
.home .navbar-light .navbar-nav .show > .nav-link {
    color: #D08FBA !important;
    /*text-decoration: underline #D08FBA !important;*/

}
.home header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link {
    color: #fff;
}
.home .navbar-expand-lg .navbar-nav li.menu-item-23 .nav-link:after {
    color: #fff;
}
.home .topbar a {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff !important;
}
.logo-nav{
    padding-right: 350px;
}
.stageoftalens-navbar{
    padding-left: 30px;
}
#stageoftalens-navbar{
    justify-content: end;
}

#stageoftalens-navbar ul li{
    padding: 0 0 0 20px;
}

#aspirelifestyles-navbar{
    justify-content: end;
}

.header-destop {
    display: none !important;
}

.nav-wrap {
    margin-left: auto;
}
.navbar-light .navbar-toggler {
    padding-top: 20px;
    margin-right: 10px;
}
.navbar-light .navbar-toggler {
    background: url('images/mobile-icon.png') no-repeat 0 0;
}
.navbar .nav-item .dropdown-menu {
    padding: 0;
    width: 350px;
    border-radius: 0;
    background: #1f1f1f;
    /*background: #fff;*/
    border: none;
}
.navbar .nav-item .dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0;
    display: none;
}
.navbar-toggler-text {
    display: block;
    font-size: 12px;
    color: #A7A9AC;
}
/*.navbar-expand-lg .navbar-nav {*/
/*	margin: 0 auto;*/
/*}*/
.navbar-expand-lg .navbar-nav li.menu-item-23 .nav-link {
    padding: 10px 0 10px 25px;
    background: url(images/phone.png) no-repeat 0 15px;
    position: relative;
}
.navbar-expand-lg .navbar-nav li.menu-item-23 .nav-link:after {
    content: 'Tổng đài đặt đặc quyền';
    display: block;
    position: absolute;
    width: 100%;
    top: -2px;
    right: 0;
    font-size: 12px;
    /*color: #162B75;*/
    color: #fff;
    line-height: 100%;
    text-transform: none;
    text-align: right;
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-toggle {
    background: none;
}
.dropdown-item {
    color: #fff;
    /*color: #000;*/
    padding: 10px 20px;
    white-space: normal;
}
.dropdown-item:hover {
    color: #000;
    background: #DCC89D;
    /*color: #fff;*/
    /*background: #162B75;*/
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #E8C4BB !important;
    /*text-decoration: underline !important;*/
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
    background: transparent;
    background-image: linear-gradient(150deg, #E8C4BB 0%, #A66D6A 100%);
    border-radius: 15px;
}

.modal-dialog {
    max-width: 1660px;
}
.modal-content {
    border-radius: 0;
}
h1.entry-title {
    margin-bottom: 50px;
    font-size: 25px;
    color: #395680;
    font-weight: bold;
}
.promotion-header h1.entry-title {
    margin: 0 0 30px 0;
    font-size: 25px;
    color: #000;
}

/**/


/*HOME PAGE*/

.about-stageoftalents{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.about-stageoftalents .containers{
    background: url('images/About-us.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    transition: all 0.8s;
}
.about-stageoftalents .content{
    text-align: center;
    position: absolute;
    bottom: -528px;
    transition: all 0.8s;

}

.about-stageoftalents .containers {
    transform: scale(1.5);
    &::after {
        transform: scale(1.5);
    }

    &:focus,
    &:hover {
        transform: scale(1);
        &::after {
            transform: scale(1);
        }
    }
}

.about-stageoftalents .containers .content .scroll-content-home .des .text-content h2 {
    background: linear-gradient(#F4D170, #714508 50%, #FFE08C) !important;
    color: transparent !important;
    background-clip: text !important;
}


.containers:hover .content{
    bottom: 20%;
}
.content .scroll-content-home{
    position: relative;
}
.scroll-content-home .des{
    display: flex;
    justify-content: center;
}
.des img{
    position: absolute;
    top: 25%;
    left: 20%;
}
.text-content{
    color: #fff;
    width: 40%;
    padding-top: 50px;
}
.text-content h2{
    font-size: 22px;
}
.text-content p{
    padding-top: 20px;
    font-size: 16px;
}


/*END HOME PAGE*/


/*SINGLE PAGE*/


.detail-news img{
    width: 100%;
    height: 700px;
    border-radius: 10px 10px 0 0;
    display: none;

}
.news-header{
    background: url("../../../wp-content/themes/stage_of_talens/images/Heading.png") no-repeat 0 0;
    background-size: cover;
    background-position: top center;
    height: 200px;
}
.news-header h2{
    color: #FFFFFF;
    font-family: "Montserrat", Sans-serif;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 70px;
}
/*.main-single-post{*/
/*    background: url("../../../wp-content/themes/stage_of_talens/images/NAM0336555 2.png") no-repeat 0 0;*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*}*/
.main-single-post .single-details-area .detail-news{
    /*margin-top: 80px;*/
    /*background-color: #fff;*/
    border-radius: 10px;
}
.main-single-post .single-details-area .posts-related{
    padding: 50px 0;
}
.main-single-post .single-details-area .posts-related .related{
    /*background-color: #fff;*/
    margin: 20px 0;
    border-radius: 10px;
}
.main-single-post .single-details-area .posts-related .related img{
    width: 100%;
    height: 50%;
    border-radius: 10px 10px 0 0;
}
.main-single-post .single-details-area .posts-related .related h4 a{
    color: #000;
    font-weight: 700;
    font-size: 19px;
}
.list-posts-related .related .col-md-4{
    background: #fff;
    padding: 0;
    margin: 10px 10px;
    border-radius: 10px;
}
.list-posts-related .related .col-md-4 .content-text{
    padding: 10px;
}


/*END SINGLE*/


/*CONTACT*/

.form-contact-stage .elementor-shortcode .gform-theme .gform_heading{
    display: none !important;
}
.form-contact-stage .elementor-shortcode .gform-theme form .gform-body label{
    color: #fff;
    font-size: 16px;
}
.form-contact-stage .elementor-shortcode .gform-theme form .gform_footer input{
    padding: 15px 70px !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    background: linear-gradient(#F4D170, #714508 50%, #FFE08C) !important;
}


/*FOOTER*/

footer {
    margin: 0;
    padding: 0;
    position: relative;
    color: #fff;
    background: #231F20;
}

footer .footer-main {
    padding: 30px 0 0 0;
}
footer .copyright {
    text-align: center;
    font-weight: 500;
}
footer .footer-hotline {
    padding: 20px 0 40px 0;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
footer .footer-hotline a.hotline {
    padding: 0 0 0 30px;
    color: #FFF;
    display: inline-block;
    background: url(images/footer-phone.png) no-repeat 0 50%;
}
footer nav {
}
footer nav .footer-menu {
    margin: 0;
    padding: 20px 0 40px 0;
}
footer nav .footer-menu li {
    margin: 0;
    list-style: none;
}
footer nav .footer-menu li a {
    padding: 0;
    color: #C39E2D;
    text-transform: uppercase;
}
footer nav .footer-menu li a:hover,
footer nav .footer-menu li a:active,
footer nav .footer-menu li a:focus {
    text-decoration: underline;
}
footer .footer-main .menu .row{
    padding: 0 30px;
}
.menu-footer{
    color: #fff;
}
.menu-footer ul{
    padding: 25px 0 0 0;
    display: flex;
    justify-content: end;
}
.menu-footer ul li{
    padding-right: 18px;
    list-style: none;
}
.menu-footer ul li a{
    color: #fff;
}
.fb-page iframe{
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px;
}
.fb-page iframe ._2p3a{
    width: 100%;
}
.tiktok-embed iframe{
    height: 130px !important;
    border-radius: 5px;
}
.tiktok-embed iframe html body #root #main #embed-profile-container .css-ekq38o .css-1kgu1c0{
    display: none !important;
}
.videoList.css-1kgu1c0.euzsirz2 {
    display: none !important;
}
.css-1kgu1c0{
    display: none !important;
}
.content-footer p{
    color: #fff;
}
.content-footer p i{
    padding-right: 10px;
}

/*END FOOTER*/

@media screen and ( max-width: 2100px ){

}
@media only screen and (max-width: 1825px) {

}
@media only screen and (max-width: 1675px) {

}

@media only screen and (min-width: 1350px) {
    
    #stageoftalens-navbar{
        position: relative;
    }
    .logo-nav{
        padding-right: 180px;
    }
}
@media (min-width: 1200px) {
  .container{
    max-width: 1320px;
  }
}
/*@media only screen and (min-width: 1440px) {*/
    
/*    .elementor-8 .elementor-element.elementor-element-e50ef9c.e-con {*/
/*        --e-con-transform-translateX: 281px !important;*/
/*    }*/
/*}*/

@media only screen and (max-width: 1000px) {

}
@media only screen and (max-width: 992px) {

    .home header{
        display: block !important;
    }
    .page-id-362 header,
    .page-id-10 header,
    .page-id-14 header,
    .page-id-12 header,
    .postid-769 header,
    .postid-766 header,
    .postid-762 header,
    .page-template header,
    .single-post header{
        display: block !important;
    }

    header .navbar-expand-lg .navbar-nav .nav-item {
        padding: 0 0 0 15px;
    }
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
    }
    .navbar-expand-lg .navbar-nav li.menu-item-23 .nav-link:after {
        font-size: 10px;
    }
    .page-id-12 header{
        display: block;
    }

    .elementor-posts .elementor-post{
        display: block !important;
    }
    .elementor-916 .elementor-element.elementor-element-b9e7923 .elementor-post__text{
        padding: 20px !important;
    }
    #stageoftalens-navbar{
        position: relative;
    }
    #stageoftalens-navbar ul li{
        padding: 10px;
    }
    .logo-nav{
        padding-right: 100px;
    }
    .elementor-6 .elementor-element.elementor-element-d918ab1:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-d918ab1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
        background-size: contain !important;
    }

    /*Home page - about*/


    .about-stageoftalents{
        width: 100%;
        height: 100vh;
        overflow: hidden;
        position: relative;
    }
    .about-stageoftalents .containers{
        background: url('images/About-us.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 100%;
        transition: all 0.8s;
    }
    .about-stageoftalents .content{
        text-align: center;
        position: unset;
        bottom: -528px;
        transition: unset;

    }

    .about-stageoftalents .containers {
        transform: none;
        padding: 50px 20px;
    }


    .containers:hover .content{
        bottom: 20%;
    }
    .content .scroll-content-home{
        position: relative;
    }
    .scroll-content-home .des{
        display: flex;
        justify-content: center;
    }
    .des img{
        position: absolute;
        top: 100%;
        left: 35%;
    }
    .text-content{
        color: #fff;
        width: 100%;
        padding-top: 50px;
    }
    .about-stageoftalents .containers .content .scroll-content-home .des img{
        height: 90%;
    }
    
    .column-reverse{
        flex-direction: column-reverse !important;
    }

    /*e*/
    
    /*SINGLEPAGE*/
    
    .detail-news img{
        width: 100%;
        height: 360px;
        border-radius: 10px 10px 0 0;
    }
    
    .single-page-header{
        display: none;
    }

}
@media only screen and (max-width: 768px) {
    #stageoftalens-navbar{
        background: #f3ce7a;
        padding: 10px 0;
        margin: 0 -15px;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 99999999;
        text-align: center;
    }
    .logo-nav{
        padding-right: 100px;
    }

}
@media only screen and (max-width: 500px) {

}

/*@media screen and (min-width: 1024px){*/
/*    #stageoftalens-navbar{*/
/*        position: relative;*/
/*    }*/
/*}*/