/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.tax-legal-recruiters .row_col_wrap_12 {
    display: flex;
    justify-content: center;
}

.menu-item-object-wpml_ls_menu_item > a.sf-with-ul {
    background: #fae515 !important;
    padding: 10px 15px !important;
    border-radius: 3px !important;
}

.menu-item-object-wpml_ls_menu_item > a.sf-with-ul span {
    color: black !important;
}

#header-outer nav>ul>.megamenu ul li {
    width: 50%;
}

#header-outer[data-format=centered-menu] #top nav>.sf-menu>li ul {
    display: flex !important;
    flex-flow: row wrap !important;
}

.wpml-ls-current-language ul li.wpml-ls-item a span {
    color: black !important;
}

.vacature span {
    width: auto !important;
}

.justify-column-home .vc_column-inner .wpb_wrapper
{
	display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.fieldset-location option[value="bruges"] {
    display: none !important;
}

#homepage-new-row1 .home-bg-video
{
	position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 2;
    width: 100%;
}

#homepage-new-row1 .home-bg-video video
{
	width: 100%;
}

#homepage-new-videos .nectar-flickity {
    margin-right: -28vw !important;
}

#homepage-new-row1 {
    min-height: 600px;
}

#homepage-new-row1 video.nectar-video-bg {
    aspect-ratio: auto !important;
    width: 100% !important;
    height: auto !important;
}

#homepage-new-row1 > .nectar-video-wrap > .nectar-video-inner {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.la-vie-heading h1 {
    background: #2E2E38;
    display: inline-block;
    padding: 7px 15px;
    font-style: italic;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    font-family: 'EYINTERSTATE LIGHT';
}

.la-vie-heading h1 span:not(.title-bg) {
    font-family: 'EYINTERSTATE BOLD';
}

.homepage-new-subtitle h2 {
    font-family: 'EYINTERSTATE LIGHT';
}

a.nectar-button.homepage-new-button {
    font-family: 'EYINTERSTATE LIGHT' !important;
    font-weight: 200;
    border-radius: 12px !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
}

#homepage-new-row2 .row-bg-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -99px;
    height: 100px;
    width: 100%;
    background: #2f2e37;
    z-index: 5;
    clip-path: polygon(0 0, 100% 60%, 100% 0);
}

.homepage-row-2-title h2 {
    font-family: 'EYINTERSTATE LIGHT' !important;
}

.homepage-row-2-title h2 strong {
    font-family: 'EYINTERSTATE LIGHTBOLD' !important;
}

.homepage-new-row3-title h2 {
    font-family: 'EYINTERSTATE LIGHT' !important;
    text-align: center;
}

.homepage-new-row3-title h2 strong {
    font-family: 'EYINTERSTATE BOLD' !important;
    font-size: 55px !important;
}

.homepage-new-row3-title h2 em {
    font-size: 80px !important;
    font-style: normal !important;
}

.homepage-row-2-text {
    font-family: 'EYINTERSTATE LIGHT' !important;
}

.homepage-row-2-text strong {
    font-family: 'EYINTERSTATE LIGHTBOLD' !important;
}

.reasons-subtitle {
    margin-bottom: 7px !important;
}

.reasons-subtitle h3 {
    background: #2E2E38;
    font-family: 'EYINTERSTATE LIGHTBOLD' !important;
    padding: 10px 15px;
    font-style: italic;
}

.reasons-row .hover-wrap {
    margin-bottom: 0 !important;
}

.reasons-row img {
    height: 400px !important;
    width: 100% !important;
    object-fit: contain;
    object-position: center bottom;
}

.reasons-detail {
    margin-top: 7px;
}

.reasons-detail p {
    line-height: 20px;
    font-family: 'EYINTERSTATE LIGHT' !important;
}

.homepage-new-last-row-title h2 {
    font-family: 'EYINTERSTATE LIGHT' !important;
    text-align: center;
}

.homepage-new-last-row-title h2 strong {
    font-family: 'EYInterstate LightBold' !important;
}

.homepage-new-last-row-title h2 i {
    font-style: italic !important;
}

.homepage-new-videos-title {
    margin-bottom: 0 !important;
}











.elementor-page .container {
    max-width: 100%;
    padding: 0;
}

.faq-container {
    display: flex;
    max-width: 1800px;
    width: 100%;
    margin: 100px auto;
    padding: 0 20px !important;
}

.faq-container .title-underline {
    background: #FFE600;
    height: 3px;
    width: 60px;
}

.faq-container > div:first-child {
    width: 50%;
}

.faq-container > div:last-child {
    width: 50%;
    text-align: center;
}

.faq-item {
    margin-bottom: 20px;
}

.faq-item-container {
    margin-top: 20px;
}

.faq-item h3 {
    font-family: 'Interstate', sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}

.faq-item-toggle {
    padding: 10px 20px;
    padding-right: 70px;
    border: 1px solid #2E2E38;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    background: white;
    z-index: 2;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.faq-item-toggle.active .faq-toggle-icon {
    background-color: #FFE600;
}

.faq-item-toggle:hover {
    background: #FFE600;
}

.faq-toggle-icon {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 55px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #2E2E38;
    background-image: url('https://eycareers.be/wp-content/uploads/2023/12/arrow-1.png');
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.faq-item-content {
    border: 1px solid #2E2E38;
    background: #F6F6FA;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px 20px 20px;
    margin-top: -5px;
}

.faq-item-content p {
    padding-bottom: 0 !important;
}

.application-process-image {
    width: 100% !important;
    height: auto !important;
}

.application-process-row {
    max-width: 1800px;
    margin: 0 auto;
}

.application-process-row .column_container {
    padding: 0 60px !important;
}

.dreamjob-tab-title {
    text-align: center;
}

.dreamjob-tab-title p {
    display: inline-block;
    background: #FFE600;
    padding: 10px 20px;
    border-radius: 3px;
}

.best-workplace-image .img-with-aniamtion-wrap {
   position: relative !important;
   top: 300px !important;
} 

.best-workplace-image {
    -webkit-animation: fly 1s linear 0s forwards;
    -moz-animation: fly 1s linear 0s forwards;
    -o-animation: fly 1s linear 0s forwards;
    animation: fly 1s linear 0s forwards;
    transform: scale(0);
}

@keyframes fly {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

li.menu-item a,
li.menu-item a small {
    font-family: "EYInterstate Bold", "Open Sans", sans-serif !important;
}

.mobile-only li.menu-item a small {
    margin-top: 20px;
}

.sub-menu .item_desc {
    font-family: 'EYInterstate Light' !important;
}

body.mobile .sub-menu .item_desc {
    font-family: 'EYInterstate Bold' !important;
}

/* .vacatures > h3 {
    position: relative;
}

.vacatures > h3::after {
    content: '';
    width: 260px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: -240px;
    background-image: url(images/arrow.svg);
} */

.service-line-block {
    min-height: 300px;
}

.about-greener-blocks .vc_column-inner {
    min-height: 300px;
    display: flex;
    align-items: center;
}

.arrow-vacancies {
    width: 230px;
    position: absolute;
    left: 270px;
    top: -50px;
}

.ey-event-dropdowns .toggle-heading::after {
    content: '';
    position: absolute;
    background-image: url('https://eycareers.be/wp-content/uploads/2023/06/arrow-dropdown.png');
    width: 13px;
    height: 13px;
    margin-left: 10px;
    right: 10px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ey-event-dropdowns .fa-plus-circle,
.ey-event-dropdowns .fa-minus-circle {
    display: none !important;
}

.event-image {
    box-shadow: 0 20px 50px rgba(0, 0, 0, .2) !important;
}

.stories-filter {
    text-align: center;
}

.stories-filter a {
    display: inline-block;
    padding: 15px;
    color: white !important;
    font-weight: 600;
    opacity: .8;
    transition: all .2s;
}

.stories-filter a:hover {
    opacity: 1;
}

.stories-tab {
    display: none;
}

.stories-tab .element {
    position: static !important;
    width: 100%;
    transform: none !important;
    height: 100%;
}

.stories-tab .element .work-item {
    height: auto !important;
}

.stories-tab .element .work-item img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
}

.stories-tab .theiaStickySidebar {
    opacity: 1 !important;
}

.assurance-tab {
    display: block;
}

.team-member {
    text-align: center !important;
}

.team-member .social {
    display: flex;
    justify-content: center;
}

.team-member img {
    max-width: 200px !important;
}

/* .assurance-tab,
.accounting-tab {
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
} */

/* .assurance-tab.active,
.accounting-tab.active {
    opacity: 1;
} */

/* .assurance-tab.hideElement,
.accounting-tab.hideElement {
    display: none;
} */


#homepage-new-videos .flickity-button {
    display: none !important;
}

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

    #homepage-new-row1 {
        min-height: 500px;
    }
}

/* TABLET */
@media screen and (max-width: 1300px) {
    .arrow-vacancies {
        left: 125px;
    }

    #homepage-new-row1 {
         min-height: auto;
    }
    
    .reasons-row .vc_col-sm-4 {
        max-width: 400px;
        margin: 0 auto !important; 
    }
    
    #homepage-new-videos .nectar-flickity {
        margin-right: 0 !important;
    } 
    
    #homepage-new-videos .flickity-button {
        display: initial !important;
    }
    
     #homepage-new-videos .flickity-button.previous {
        left: -60px;
     }
     
     #homepage-new-videos .flickity-button.next {
        right: -60px;
     }
}

/* SMARTPHONE */
@media screen and (max-width: 1000px) {
    .la-vie-heading h1 {
        font-size: 30px;
        background: none;
        padding: 0;
        box-shadow: none;
        max-width: 300px;
    }
    
    .la-vie-heading h1 span.title-bg {
        background: #2E2E38;
        display: inline-block;
        padding: 5px 12px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    }
    
    .la-vie-heading h1 span.title-bg:first-child {
        margin-bottom: 5px !important;
    }
    
    .la-vie-heading, .homepage-new-subtitle {
        margin-bottom: 10px !important;
    }
    
    .homepage-new-row3-title h2 strong {
        display: block;
        margin-bottom: 15px !important;
    }
    
    .homepage-new-row3-title h2 em {
        display: block;
        margin-bottom: 20px !important;
    }
    
    .reasons-row img {
        height: 330px !important;
    }
    
    #homepage-new-row2 .row-bg-wrap::after {
        clip-path: polygon(0 0, 100% 30%, 100% 0);
    }
    
    .homepage-new-last-row-title h2 {
        text-align: left !important;
        font-size: 32px !important;
        line-height: 40px !important;
    }
    
    .homepage-new-last-row-title h2 strong {
        display: block;
    }
    
    .arrow-vacancies {
        display: none;
    }

    .ey-event-dropdowns .toggle-heading::after {
        margin-top: 6px;
    }

    .stories-filter a {
        display: block;
    }

    .stories-tab .dark > div:first-child {
        margin-bottom: 50px !important;
    }
    
    #homepage-new-row1 .mobile-video-image
    {
        background-position: bottom right !important;
        background-size: contain !important;
    }
    
     #homepage-new-videos .flickity-button.previous {
        left: -34px;
     }
     
     #homepage-new-videos .flickity-button.next {
        right: -34px;
     }
}

@media only screen and (max-width: 999px) {
    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 60px !important;
    }
}

@media only screen and (max-width: 998px) {
    .wpml-ls-current-language ul li.wpml-ls-item a span{
        color: #EEFBFA !important;
    }
}