/* =========================
   OVERRIDES & FIXES SALIENT
   ========================= */

/* carrousel */

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    left: -11px;
    width: 157%;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

@media screen and (max-width: 999px) {
    .nectar-flickity.nectar-carousel[data-column-padding="30px"] .inner-wrap {
    padding: 10px;
}
}

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    height: 50px;
}


/* flip boxes en side menu*/
 .inner a:hover {
    color: #ff8044;
    transform: scale(1.3);
    /* text-shadow: 3px 12px 6px #baa584, -1px 4px 10px #fff; */
} 
.inner a {
    padding: 20px 50px;
    display: inline-block;
    transition: transform 0.5s 
ease, color 0.2s 
ease;
} 

/* back flipbox */
.nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner p b {
    font-size: 20px;
}


.nectar-flickity.nectar-carousel .flickity-slider .inner-wrap>:last-child {
    padding: 4px;
    /*box-shadow: rgb(79 77 77) 0px 50px 100px -20px, rgb(223 217 217) 0px 30px 60px -30px, rgb(165 177 189) 0px -2px 6px 0px inset; */
    box-shadow: rgb(79 77 77) 17px -12px 30px 0px, rgb(223 217 217 / 71%) 2px 2px 18px 0px, rgb(165 177 189) 0px -2px 6px 0px inset;
}

.nectar-flip-box .flip-box-back {
    margin: 1% 1% 0 1% !important;
    width: 98% !important;
}


/* post loop builder */

@supports (display:grid) {
    .nectar-post-grid-wrap[data-style=content_overlaid] .nectar-post-grid[data-grid-item-height*=vh][data-masonry=yes] .nectar-post-grid-item {
        min-height: 250px;
        box-shadow: rgb(83 104 126) 7px 8px 11px 0px, rgb(255 9 9 / 3%) 3px 0px 2px 8px;
    }
}



/*klein beetje draaien icoontjes */

.nectar_icon_wrap .nectar_icon {
   transform: rotate(7deg);
}

/* list icon size */

.nectar-hor-list-item img.item-icon.x_large {
    width: 220px;
}

/* salient fix footer mobile color */
#footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap
 {
    background-color: #1f0000;
}

/* portfolio single pages */
body.single-portfolio .row .col.section-title.span_12 h1 {
    line-height: 1.2em;
    font-size: xx-large !important;
    color: white;
}

@media only screen and (min-width: 1000px)  {
body.single-portfolio .row .col.section-title.span_12 h1 {
    margin-top: 10%;
}
}

body.single .project-title .section-title {
    padding: unset;
}

.nectar_video_player_self_hosted .wpb_wrapper video, .nectar_video_player_self_hosted__overlay {
    box-shadow: rgb(57 91 128 / 40%) 2px 0px 20px 10px, rgb(90 90 90 / 18%) 2px 0px 0px 5px;
}

/* portfolio video size and shadows */
@media screen and (min-width: 1001px) {
.nectar_video_player_self_hosted .wpb_wrapper video, .nectar_video_player_self_hosted__overlay {
    width: 60%;
    height: 60%;
    margin-left: 20%;
}
}
@media screen and (min-width: 691px) and (max-width: 1500px) {
body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title {
    padding-top: 140px;
}
}


/* nav portfolio */
#portfolio-nav {
    display: none !important;
}
/* faquestions tabs */
.faqTab {
    padding: 5% 3% 7% 3%;
}

.tekstFaq p { 
    max-width: 600px;
}

.tekstFaq {
    padding:30px 5% 50px 5%;
    box-shadow: rgb(8 8 24) -1px 1px 100px -20px, rgb(17 17 17) -3px 4px 34px -9px, rgb(0 0 0 / 73%) -1px -4px 14px -6px inset;
    background: linear-gradient(45deg, #1f0000, #c61b1b91);
    background: linear-gradient(45deg, #ad0a0a, #5e0000);
    border-radius: 0 0 15px 15px ;
    color: white;
    margin-top:9px;
    justify-items: center;
}
.tabbed[data-style*="material"] .wpb_tabs_nav {
    margin-bottom: 0;
}

/* .tabbed[data-style*="material"] ul:after {
    margin-top: 20px;
} 
, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] .wpb_tabs_nav li a:before, .tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-2"] .wpb_tabs_nav li a:before    
*/

.tabbed[data-style*="material"] .wpb_tabs_nav:after {
    padding-top: 10px;
    opacity: 1;
    background: #4c343a !important;
    z-index: 1;
    width: 71.5% !important;
    margin-left: 14.25%;
    border-radius: 10px 10px 0 0 !important;
}

@media screen and (max-width: 999px) {
.tabbed[data-style*="material"] .wpb_tabs_nav:after {
    width: 79.25% !important;
    margin-left: 10.5%;
}
}