/* EBEA Theme - Custom CSS  */

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

/* MAIN LAYOUT COLOR : #aaaaff */

/* Various */

body, .paging-nav, .dtcareers #career-filter li a, .postdate .year, .footer-right, #dt-menu li a, #mobile-header label, #dt-menu, #dt-topbar-menu-right .sub-nav, .btn {
    /* font-family: Open Sans; */
}

h1, h2, h3, h4, h5, h6, .horizontal-wp-custom-menu .widget_nav_menu ul li, .dt-media .select-target, input.secondary_color_button, .social-share-link, .postdate .day, .postmetabottom, .dt-comment-author, #mobile-header label, #dt-menu, #dt-menu a, #mobile-header-top-left label, #dt-topbar-menu-left, #dt-topbar-menu-left .toggle-sub, #mobile-header-top-right label, #dt-topbar-menu-right, #dt-topbar-menu-right .toggle-sub, #top-bar, #footer h3.widget-title, .share-button.float-right.sharer-0 label span, .carousel-content .carousel-inner a.inline-block, .box-main-color .iconbox-detail h3, .box-secondary-color .iconbox-detail h3, section#banner-section .breadcrumbs , .postmetatop ul li, .singlepostmetatop ul li, .dt-comment-date, .comment-leave-title, .comment-reply-title, footer#footer .widget_archive, footer#footer .dt_widget_recent_post, footer#footer .widget_categories, footer#footer .widget_tag_cloud .tagcloud .tag, .blog_info_author {
    font-family: Playfair Display;
}

h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title,
h5.elementor-heading-title,
h6.elementor-heading-title {
    font-family: Playfair Display;
}

h1 { font-size: 48px; margin-bottom: 1rem; margin-top: 1rem; }
h2 { font-size: 40px; margin-bottom: 1rem; margin-top: 1rem; }
h3 { font-size: 32px;  }

/* General */

body {
    font-size: 14px;
}

.elementor-widget-text-editor {
    font-family: Open Sans;
    color: #7a7a7a;
}

/* Header */

#top-bar {
    background-color: #fdfbf9;
    font-family: Open Sans, sans-serif;
    border-bottom: 1px solid #d7d7d7;
    font-size: 12px;
    padding: 4px;
}

.header {
    border-bottom: 1px solid #d7d7d7;
}

.header-content nav.nav {
    justify-content: center;
}

.header-content nav.nav ul.navbar-nav {
    flex: 1;
    margin: auto !important;
    display: flex;
    justify-content: space-around;
    flex-direction: row !important;
}

.header nav.nav li.nav-item a.nav-link {
    text-transform: uppercase;
    color: black;
    font-weight: 700;
}

.dropdown-menu {
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

/* Header mobile */

nav.nav {
    display: none !important;
}

@media (min-width: 768px) {
    nav.nav {
        display: flex !important;
    }
}

ul.mobile-menu i.mobile-menu-button {
    padding-right: .5rem;
    padding-left: .5rem;
}

.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.nav-open .main-menu {opacity: 1; visibility: visible; background: rgba(168, 140, 94, 0.96); }
.main-menu .nav li a{color:#FFF; font-size: 5vh; font-weight:600; }
.main-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
}
.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}


#mobile-menu-overlay ul.mobile-nav li {
    margin-bottom: 10px;
}

#mobile-menu-overlay ul.mobile-nav li a {
    font-size: 2em;
    color: #b9b9b9;
}

#mobile-menu-overlay ul.mobile-nav li a:hover,
#mobile-menu-overlay ul.mobile-nav li a:active {
    color: #e1e1e1;
}

ul.social-links li a.nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

div.mobile-menu-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

div.mobile-menu-close a i:hover {
    color: white;
}

body.admin-bar div.mobile-menu-close {
    top: 60px;
}

/* Sidebar */

.sidebar h4 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.sidebar ul {
    list-style-type: square;
    padding-left: 20px;
}

.sidebar p,
.sidebar a {
    color: #9b9b9b;
}

.sidebar a:hover {
    text-decoration: none;
}

#searchform input#s {
    max-width: 70%;
}

/* Footer */

.first-footer {
    background-color: #a88c5e;
    color: white;
    font-family: Open Sans, sans-serif;
}

.first-footer p {
    color: #ebebeb;
}

.second-footer {
    background-color: #f6f1eb;
    font-family: Open Sans;
}

.second-footer p {
    margin-bottom: 0;
    font-size: 0.8em;
}

.second-footer .footer-social-link i {
    margin: 0 5px;
    font-size: 1.2em;
    color: black;
}

@media (min-width: 992px) {
    .second-footer p {
        font-size: 1em;
    }
}

.first-footer .footer-widget h2 {
    font-size: 1.2em;
    color: white;
}

.first-footer .footer-widget ul {
    list-style-type: square;
    padding-left: 0px;
    list-style-position: inside;
}

.first-footer .footer-widget ul li {
    padding: 1px 0px 0px 0px;
}

.first-footer .footer-widget ul li,
.first-footer .footer-widget ul li a {
    color: white;
    text-decoration: none;
}

.first-footer .footer-widget ul li a:hover {
    color: black;
}

/* Wordpress components : 404 */

.section-404 {
    background-color: #d7d7d7;
}

/* Wordpress components : Blog */

.blog-deck h5.card-title a {
    color: #000;
    font-size: 30px;
}

.blog-deck h5.card-title a:hover {
    color: #a88c5e;
    text-decoration: none;
}

.blog-deck div.card p.card-meta {
    font-family: Playfair Display, sans-serif;
}

.blog-deck div.card p.card-excerpt {
    font-family: Open Sans;
    color: #9b9b9b;
}

.blog-deck div.card,
.blog-deck div.card .card-img-top {
    border-radius: 0px;
}

/* Wordpress component : Blog single */

.page-custom-heading h3.title {
    font-size: 2em;
}

.page-custom-heading h4.subtitle {
    color: #cec9c3;
    margin-top: 0;
}

.single-page-header-title .page-custom-heading h3.title {
    font-size: 3em;
}

/* Elementor Default Element : Form */

.elementor-field-type-submit button.elementor-button {
    padding: 8px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #9b9b9b;
    background-color: transparent;
    color: #9b9b9b;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0px;
}

form.elementor-form input.elementor-field-textual,
form.elementor-form textarea.elementor-field-textual {
    border-radius: 0px;
    height: auto;
    padding: 20px;
    color: #999999;
    border-color: #ddd;
    font-size: 14px;
    font-weight: 400;
}

.elementor-field-type-submit button.elementor-button:hover {
    background-color: #A88C5E;
    border-color: #A88C5E;
    color: white;
}

/* Elementor Custom Element : EBEA Double Heading */

.ebea-double-heading-custom-container {
    text-align: center;
    font-family: Playfair Display, sans-serif;
}

div.elementor-widget[data-id="ebea-doubleheading"] {
    margin-top: 2em;
    margin-bottom: 2em;
}

.ebea-double-heading-custom-container h3.title {
    color: #333333;
    line-height: 1.2;
    font-size: 40px;
    margin: 0 auto;
    display: table;
    position: relative;
    padding: 0.1em 0;
}

.ebea-double-heading-custom-container h4.pretitle {
    color: #717171;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    position: absolute;
    padding: 0;
    top: 50%;
    font-weight: bold;
    line-height: 1;
    font-size: 80px;
    margin-bottom: 0px;
    display: table;
    margin-top: 0px;
    opacity: 30%;
}

div.elementor-widget.white-pretitle[data-id="ebea-doubleheading"] h4.pretitle {
    color: #fff;
}

@media (max-width: 575.98px) {
    .ebea-double-heading-custom-container h4.pretitle {
        display: none;
    }
}

.no-image-separator {
    display: none;
}

/* Bootstrap default elements : Button */

.btn-primary {
    border-width: 1px;
    border-style: solid;
    border-color:#9b9b9b;
    background-color: transparent;
    color:#9b9b9b;
    position: relative;
    padding: 4px 12px;
}

.btn-primary:hover {
    background-color: #A88C5E;
    border-color: #A88C5E;
}