/*
 Theme Name:   Evenements Asia Theme
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.2.0.0.1
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

@font-face {
    font-family: "Patron";
    src: url("/wp-content/themes/bootscore-child-main/fonts/Patron.otf");
}

@font-face {
    font-family: "SegoeUI";
    src: url("/wp-content/themes/bootscore-child-main/fonts/SegoeUI.ttf");
}

@font-face {
    font-family: "SegoeUIBold";
    src: url("/wp-content/themes/bootscore-child-main/fonts/SegoeUIBold.ttf");
}

body {
    font-family: "SegoeUI";
}

.mt-custom {margin-top: 125px;}
a{text-decoration:none; color:#C9A33D;}
p{font-size:1rem; margin-bottom: 1.5rem; }
label {
    font-size: 1.4rem;
    font-weight: 500;
}

.bg-dark-theme{background-color: #000000;}
.text-theme, .text-theme i, .text-theme a { color:#C9A33D;     }
.bg-theme {background-color:#C9A33D;}
.bg-theme-lighter {background-color:#d4ba69;}
.bg-theme-lighter_2 {background-color:#faf7ef;}
.top-nav-widget .widget_text {
    text-align: right;
}
.top-nav-widget .widget_text div {
    display: inline-block;
    margin: 0 10px;
}
.top-nav-widget .widget_text div i {
    margin: 0 5px;
}
.navbar-brand img { width:110px;}

span.breadcrumb_last {
    color: #6c757d;
}

nav#nav-main, .offcanvas-header{
    border-bottom: 6px solid #c5a22f;
}
ul#bootscore-navbar li a ,  ul#menu-main-menu-1 li a{
    text-transform: uppercase;
    padding: 20px 25px!important;
    color: #333333;
    font-weight: 600;
    font-size: 16px;
}
.dropdown-item:hover, .dropdown-item:focus {background:#000000;}
ul#bootscore-navbar li.current_page_item a , ul#menu-main-menu-1 li.current_page_item a{
    color: #C9A33D!important;
}
li.menu-item a:hover {
    color: #C9A33D!important;
}
ul#menu-main-menu-1 li {
    margin-bottom: 10px;
}


.dropdown-item.active, .dropdown-item:active {
    background: unset;
}
.section {
    padding: 6% 0;
    display: block;
    position: relative;
}
.section h2.section-title,h2.section-title {
    text-transform: uppercase;
    font-family: "SegoeUIBold";
    font-size: 3.5rem;
    letter-spacing: 2px;
    margin: 1rem 0 3rem;
}
.section p.section-intro {
    font-size: 1.4rem;
    font-style: italic;
    font-weight:600;
}
.section p.section-content {
    font-size: 1.3rem;
    margin-bottom: 1.6rem;
}
h3.section-content, h2.section-content {
    font-weight: 600;
}
.theme-cta {
    border-radius: 5px;
    font-size: 1.5em;
    padding: 10px 20px;
    border: 1px solid #C9A33D;
    color: #C9A33D;
    min-width: 400px;
    margin-bottom: 1rem;
}
.theme-cta:hover {
    background: #C9A33D;
    border-color: #C9A33D;
}
.top-button {
    padding: 10px 15px;
    right: 2%;
}
.img-members{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 10%;
    height: 75vh;
    width: 33vw;
}
/*********************** FOOTER *****************************/
.bootscore-footer {
    background: #faf7ef;
}
.tagline-row {
    font-family: "Patron";
}
.tagline-row h2 {
    font-size: 4em;    padding: 2rem 0;
}
.footer_widget .footer-logo {width: 75%;
    /*
    filter: brightness(0%) invert(30%);
    backface-visibility: hidden;*/
    width: 90%;
}
ul#menu-main-menu-1 .sub-menu {
    display: none;
}
.footer_widget input {
    border-radius: 0!important;
}
/*********************** CONTACT FORM *****************************/
input.theme-contact-form,select.theme-contact-form,textarea.theme-contact-form {
    background: #faf7ef;
    padding: 6px 15px;
    border: 1px solid #c5a22f;
    border-radius: 3px;
    width: 100%;
    font-size: 18;
    height: 50px;
    margin-bottom: 0.5rem;
}
textarea.theme-contact-form {
    min-height: 80px;
}
label.contact-form {
    font-size: 1.1rem;
    margin-top: 0.8rem;
}
input.wpcf7-submit{
    border-radius: 5px;
    font-size: 18px;
    padding: 3% 5%;
    border: 1px solid #C9A33D;
    color: #070707;
    background-color: #C9A33D;
    text-transform: uppercase;
    margin-top: 0.8rem;
    width:100%;
}

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        top: 65px;
        border-radius: 0;
        padding: 0;
    }

.wpcf7-response-output {
    text-align: center;
    background: #ececec;
}
/********* ARCHIVE TWEAK ************/

.archive-item:hover .card-body {
    background-color: #000000;
    transition: 500;
    transition: background-color 0.8s ease;
}
.archive-item .blog-post-title a:hover, .archive-item a.read-more:hover , .archive-item:hover .blog-post-title a{
    color: #c2a11a!important;
}
.archive-item img:hover {
    opacity: 0.8;
}
.card-img-left-md img {
    height: 200px;
    border-radius:0;
}
@media only screen and (max-width: 600px) {  
    .mt-custom {margin-top: 100px;}
    .section p.section-content {
        font-size: 1rem;
    }
    .tagline-row h2 {
        font-size: 2.4em;
        text-align: center;
    }
    .footer_widget {
        text-align: center;
    }
    .footer_widget .footer-logo {
        width: 150px!important;
    }
    .section h2.section-title, h2.section-title {
        font-size: 2.3em;
    }
    .offcanvas-body {
        background: #000000;
    }
    #offcanvas-navbar {
        width: 100%;
    }
    ul#bootscore-navbar li a, ul#menu-main-menu-1 li a {
        color: #ffffff;
    }
    .footer_widget ul#menu-main-menu-1 li a {
        color: #000000;
    }
    ul.dropdown-menu {
        background: #000000;
    }
    ul.dropdown-menu li {
        padding-left: 20px;
    }
    ul.dropdown-menu a {
        color: #ffffff;
        text-transform: capitalize!important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
        top: unset;
    }
    .mobile-topbar .widget_text {
        text-align:left;
        margin-left: 0!important;
    }
    .mobile-topbar .widget_text div {
        display: block;
        margin-bottom: 1em;
    }
    .mobile-topbar .widget_text div i {
        font-size: 1.5em;
    }
    .mobile-menu-toggle {
        border: none;
        border: none;
        height: 100%;
        font-size: 1.5rem;
        padding: 2% 6%;
        position: absolute;
        right: 0;
        top: 0;
        background: #c2a11a!important;
        border-radius: 0;        
    }    
    .mobile-menu-toggle i.fa-solid {
        color: #000000;
        font-size: 1.3em;
    }
    .navbar-brand img { width: 90px;  }
    .navbar-brand  {margin: auto 1rem!important;}
    
    .img-members{
        height: 42vh;
        width: 90vw;
    }
    .card-img-left-md {
        max-height: 300px;
        overflow: hidden;
    }    
    .card-img-left-md img {
        height: auto;
    }
        
}