/*
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
*/

/* SALIENT WIDGETS - SVG TABS */

div.svg-tabs-wrapper {
    display: flex;
    align-items: center;
}

div.svg-tabs-items-wrap {
    position: relative;
}

div.svg-tabs-items-wrap > div {
    position: absolute;
    top: 0;
}

div.svg-tabs-wrapper > .vc_column-inner {
    display: inline-flex;
    height: 360px;
    width: 100%;
}

div.svg-tabs-wrapper > .vc_column-inner > .wpb_wrapper {
    padding-right: 75px;
    width: 100%;
}

div.svg-tabs-wrapper > .vc_column-inner > .wpb_wrapper p {
    font-size: 24px;
    line-height: 32px;
    margin-top: 40px;
}

div.fat-svg-tabs-nav {
    display: flex;
    flex-direction: column;
    position: relative;
}

div.fat-svg-tabs-nav > div:not(:first-child){
    margin-top: -125px;
}

div.fat-svg-tabs-nav > div {
    cursor: pointer;
}

div.fat-svg-tabs-nav > div > svg {
    opacity: 0.9;
    transition: opacity 0.3s;
}

div.fat-svg-tabs-nav .svg-wrapper {
    z-index: 5;
}

div.fat-svg-tabs-nav > div:hover > svg {
    opacity: 1;
}

div.svg-tabs-nav-bg {
    bottom: 0;
    margin-top: 0;
    position: absolute;
    right: -50px;

    -webkit-animation: flickerAnimation 5s infinite;
    -moz-animation: flickerAnimation 5s infinite;
    -o-animation: flickerAnimation 5s infinite;
     animation: flickerAnimation 5s infinite;
}


@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
  }
  @-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
  }
  @-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
  }
  @-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0.5; }
    100% { opacity:1; }
  }


/* GENERAL STYLES */
.page-id-174 .container-wrap {
    background-color: #F9FAFB !important;
}

.nectar-cta.font_size_desktop_14px * {
    font-size: 14px;
    font-weight: 600;
}
.nectar-button.medium {
    
    font-size: 18px;
    color: #FFF;
    
}
form>:not([hidden])~:not([hidden]) {
    margin-bottom: 10px;
    margin-top: 10px;
}

body.material[data-button-style^=rounded] .nectar-button.has-icon:not([class*=see-through]) i, body.material[data-button-style^=rounded] .nectar-button.has-icon[class*=see-through]:hover i {
    background-color: #ffffff;
}

@media (min-width:961px)  {
    .form-2col {
        display: flex;
        gap: 10px;
    }
}

/* SHADOWS OVERRIDE */

.white-rounded-cards {
    background-color: #ff0000;
}
.white-rounded-cards div[data-shadow="medium_depth"] > .vc_column-inner > .column-bg-overlay-wrap {
    box-shadow: 0px 8px 32px rgba(144, 164, 234, 0.3) !important;
}
.white-rounded-tabs .wpb_column[data-shadow=medium_depth]>.vc_column-inner>.column-bg-overlay-wrap {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
    background-color: #ffffff;
}


/* MENU */

#header-outer li[class*="menu-item-btn-style"] > a:hover:before,
#header-outer li[class*="menu-item-btn-style"] > a:hover:after {
    box-shadow: none !important;
    transform: scale(1) translateY(-50%)!important;
}

#header-outer li[class*="menu-item-btn-style"] > a:hover:before {
    background-color: #0069d0 !important;
}

#header-outer li[class*="menu-item-btn-style"] > a:hover:after {
    background-color: #0069d0 !important;
} 

#top nav .sf-menu .current_page_item > a {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;    
    border-bottom-style: solid;
    border-color: rgba(243,244,246, 1) !important;
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
    border: 1px solid #f3f4f6;
}

#top .container nav .sf-menu .current_page_item > a span.menu-title-text:before {
    background-color: #ffffff !important;
}

@media only screen and (max-width : 1000px) {
    .off-canvas-menu-container ul li:last-child a {
        background-color: #4c4be8;
        border-radius: 6px;
        color: #fff!important;
        display: block!important;
        padding: 10px!important;
    }

    .off-canvas-menu-container ul li.current-menu-item {    
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 #0000;
        --tw-ring-offset-shadow: 0 0 #0000;    
        --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }

    body #slide-out-widget-area[class*="fullscreen"] .current-menu-item > a {
        color: #111827 !important;
    }
}

/* MEDICAL TABS */
@media only screen and (min-width : 1000px) {

    .medical-tabs ul.wpb_tabs_nav {
        display: inline-block;
        /* background-color: #3c78b5; */
        background-color: #f9fafb;
        border-radius: 999px;
    }
    .medical-tabs ul.wpb_tabs_nav li {
        min-width: 140px !important;
    }

    .medical-tabs ul.wpb_tabs_nav li a {
        text-align: center;
    }

    .medical-tabs .col h5 {
        font-size: 24px;
    }

    .medical-tabs .col p {
        font-size: 20px;
    }
}


#f9fafb
/* CONTACT FORM */

.wpcf7 input.wpcf7-form-control.wpcf7-text, 
.wpcf7 .wpcf7-textarea, 
.wpcf7 .wpcf7-select {
    margin: 2px;
    transition: none;
}

.wpcf7 input.wpcf7-form-control.wpcf7-text:focus, 
.wpcf7 .wpcf7-textarea:focus, 
.wpcf7 .wpcf7-select:focus
{
    border-radius: 6px !important;
    border-width: 3px;    
    margin: 0;
}

/* VACANCIES */
.vacancies-category-list h5 {
    color: rgba(0,117,227,1);
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 32px;
}

.vacancies-category-list .vacancy-post {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    border-radius: .375rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px;
    padding: 1.5rem;
}

.vacancies-category-list .vacancy-post a {
    display: flex;
    flex-direction: row;
    align-items: center;
  justify-content: center;
    width: 100%;
}
.vacancies-category-list .vacancy-post a .vacancy-title {
    color: #1e293b;
    font-size: 20px;
    font-weight: 500;
}

.vacancies-category-list .vacancy-post .vacancy-info {
    width: 100%;
}

.vacancies-category-list .vacancy-post .vacancy-attributes {
    color: #6b7280;
    font-size: 16px;
}

.vacancies-category-list .vacancy-post .vacancy-attributes span:nth-child(2):before {
    content: ' • ';
}

.vacancies-category-list .vacancy-post span.view-vacancy {
    color: #6b7280;
    display: block;
    font-size: 16px;
} 

.vacancies-category-list .vacancy-post a:hover span.view-vacancy {
    color: #0069d0;
}

.vacancies-view-positions .vacancy-count {
    background-color: #fff;
    border-radius: 999px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    color: #0069d0;
    font-size: 16px;
    height: 24px;
    line-height: 15px;
    margin-left: 5px;
    padding: 5px;
    width: 24px;

}

.vacancy-header {
    background: #fbfcfd;
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(249,250,251,0));
}

.single .vacancy-header .heading-title {
    text-align: left;
}

.single .vacancy-header .heading-title h1 {
    font-size: 72px !important;
} 

.back-navigation-wrapper a {
    border: 1px solid #e5e7eb;
    border-radius: 25px;
    color: #1e293b;
    display: inline-block;
    font-size: 14px;
    opacity: 0.9;
    padding: 5px 10px;
}

.back-navigation-wrapper a:hover {
    opacity: 1;
}

.back-navigation-wrapper a:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M11 17l-5-5m0 0l5-5m-5 5h12"></path></svg>');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    position: relative;
    height: 20px;
    top: 4px;
    width: 20px !important;
}
.back-navigation-wrapper a span {
    font-size: 14px !important;
    padding-left: 0 !important;
}

/* .back-navigation-wrapper a:before {
    content: '\f060';
    font-family: 'FontAwesome';
    font-weight: 200;
} */

.policy-links ul {
    margin: 0;
    padding: 0;
}

.policy-links ul li {
    display: inline-block;
    list-style: none;
}

.policy-links ul li a {
    color: #1e293b;
    font-size: 16px;
    padding: 0 1rem;
}

.policy-content {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 48px !important;
}

.policy-content h2 {
    font-size: 46px;
}

.policy-content h3 {
    font-size: 24px !important;
}


/* TABBED */

.tabbed > ul li .active-tab, body.material input[type=text]:focus, body.material textarea:focus, body.material input[type=email]:focus, body.material input[type=search]:focus, body.material input[type=password]:focus, body.material input[type=tel]:focus, body.material input[type=url]:focus, body.material input[type=date]:focus, body.material input[type=number]:focus, body.material select:focus, .row .col .wp-caption .wp-caption-text, .material.woocommerce-page input#coupon_code:focus, .material #search-outer #search input[type="text"], #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after, div[data-style="minimal"] .toggle.default.open i, div[data-style="minimal"] .toggle.default:hover i, div[data-style="minimal"] .toggle.accent-color.open i, div[data-style="minimal"] .toggle.accent-color:hover i, .single #single-meta div a:hover, .single #single-meta div a:focus, .single .fullscreen-blog-header #single-below-header > span a:hover, .blog-title #single-meta .nectar-social.hover > div a:hover, .nectar-hor-list-item[data-hover-effect="full_border"][data-color="accent-color"]:hover, .material.woocommerce-page[data-form-style="default"] div input#coupon_code:focus {
    border-color: #4c4be8;
    border-radius: 20px;
}

.tabbed>ul li a {
    display: block;
    color: #000;
    position: relative;
    background-color: transparent;
    padding: 8px 15px;
    border-left: 0px solid rgba(0, 0, 0, .00);
    border-right: 0px solid rgba(0, 0, 0, .00);
    transition: all .0s cubic-bezier(.12, .75, .4, 1);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.tabbed>ul li a:hover {
    background-color: transparent;
}


/* FOOTER */
.site-footer-copyright > *,
.site-footer-copyright .img-with-aniamtion-wrap {
    text-align: left !important;
}

.site-footer-menu ul {
    list-style: none;
    margin: 0;   
    padding: 0; 
}
.site-footer-menu ul li {
    border-top: 1px solid #ccc;
    list-style: none;
    padding: 15px 0;
    text-align: left;
}

.site-footer-menu ul li a {
    animation: none !important;
    background: none !important;
}

@media only screen and (min-width : 1000px) {
    .site-footer-menu ul li {
        border: 0;
        display: inline-block;
        padding-left: 15px;
    }
}