/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1

 .agendabold{
    font-family: "Agenda Bd";
    font-style: Normal;
    font-weight: Normal;
}

.agendaregular{
    font-family: "Agenda Reg";
    font-style: Normal;
    font-weight: Normal;
} */

@import url(https://cloud.typenetwork.com/projects/1707/fontface.css);
body {
    /* font-family: "Agenda Bd"; */
    font-family: "Agenda Reg";
    font-style: Normal;
    font-weight: Normal;
}

body.ascend .container-wrap {
    background-color: white;
}

.hidden {
    display: none;
}

.prominent {
    z-index: 99999;
}

.swiper-slide h2 {
    text-shadow: 0px 0px 9px rgba(150, 150, 150, 1), 0px 0px 9px rgba(150, 150, 150, 1), 0px 0px 9px rgba(150, 150, 150, 1), 0px 0px 9px rgba(150, 150, 150, 1);
}

.swiper-slide p {
    color: red
}

.vc-artoosbanner-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vc-artoosbanner-wrap {
    padding: 50px;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    color: white;
}

.vc-artoosbanner-wrap p {
    font-size: 1.5em;
}

.vc-artoosbanner-wrap h2 {
    color: white;
}

.vc-artoosbanner-wrap a {
    color: white;
    text-decoration: underline;
}

.hover-black .nectar-fancy-box:hover .inner *,
.hover-black .nectar-fancy-box:hover .link-text,
.hover-black .nectar-fancy-box:hover .link-text .arrow::before {
    color: #040404;
    text-shadow: 0px 0px 2px #fff;
}

.hover-black .nectar-fancy-box:hover .link-text .arrow::after {
    background-color: #040404;
}

body.home .morphing-outline .inner .nectar-milestone {
    min-width: 175px;
    min-height: 120px;
    color: #333;
}

.vc-artooscounter-wrap {
    background-color: transparent;
    border-radius: 999px 999px 999px 999px;
    -moz-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    color: #c40d19;
    display: inline-block;
    font-size: 20px;
    height: 190px;
    /* line-height: 150px; */
    max-width: 100%;
    position: relative;
    text-align: center;
    width: 190px;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

.vc-artooscounter-counter {
    height: 190px;
    width: 190px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    position: absolute;
    top: 33%;
}

.vc-artooscounter-counter span {
    font-size: 30px;
    font-family: "Agenda Bd";
    font-style: Normal;
    font-weight: Normal;
}

.vc-artooscounter-counter p {
    margin-top: 10px;
}

.vc-artooscounter-border {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #eeedec;
    height: 189px;
    width: 189px;
    left: 0px;
    position: absolute;
    -moz-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    z-index: 1;
    top: 0px;
    transition-duration: 225ms;
    -moz-transition-duration: 225ms;
    -webkit-duration: 225ms;
    -o-transition-duration: 225ms;
    transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
}


/* 
*   de '+' operator gaat zoeken naar de volgende sibling met class '.vc_column-inner' 
*   omdat de link is oopgebouwd als een overlay over alle content van de colom
*   Kan er gezegd worden dat als je over die link hoverd moet er gebeuren wat er normaal gebeurd
*/

a:hover+.vc_column-inner .vc-artooscounter-wrap,
.vc-artooscounter-wrap:hover {
    background-color: #c40d19;
    color: white;
}

a:hover+.vc_column-inner .vc-artooscounter-wrap .vc-artooscounter-border,
.vc-artooscounter-wrap:hover .vc-artooscounter-border {
    transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    border-color: #c40d19;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: "Agenda Bd" !important;
}

p,
li {
	font-size: calc(.48vw + 1rem)
    line-height: 1.8em;
}

.testimonial_slider blockquote p {
    padding-bottom: 0px;
}

.equal-height .wpb_wrapper,
.equal-height .wpb_wrapper .nectar-fancy-box {
    height: 100%;
}

@media (max-width: 1000px) {
    .reverse>.col.span_12 {
        display: flex;
        flex-direction: column-reverse;
    }
    .reverse>.col.span_12 .wpb_column {
        display: flex;
    }
    .parallax_section {
        min-height: 400px;
    }
}

.portfolio-items .col[data-default-color="true"] .work-item .bottom-meta {
    /* important needed because the styling of salient has something with ID's*/
    background-color: #333!important;
}

.single-post .section-title .meta-comment-count,
.single-post .section-title .inner-wrap>a {
    display: none !important;
}

.member {
    max-width: 260px;
    position: relative;
    background-position: left top;
    background-size: auto 100%;
    margin: 0 auto;
}

.vc_col-sm-6.align-more .nectar-fancy-box .link-text {
    position: absolute;
    bottom: 50px;
}

.sf-menu .language-switcher {
    margin-top: -5px;
    padding-left: 10px;
    border-left: 1px solid #eee;
    margin-left: 10px;
}

.sf-menu .language-item a {
    padding: 0px;
}

.sf-menu .language-item.active {
    color: #c50014;
}

.sf-menu .language-item {
    padding: 0.75em 1em 9px;
}

.sf-menu .language-item a:hover {
    /* important needed because the styling of salient has something with ID's*/
    color: #c50014 !important;
}

.off-canvas-menu-container .menu-item {
    margin: 10px 0;
}

.off-canvas-menu-container .language-item {
    float: left;
    width: 40%;
    text-align: center;
}

#innovatief,
#innovation {
    z-index: 0;
}

.nectar-fancy-ul li {
    margin-bottom: 10px;
}

.nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
    margin-top: 4px;
}


/*
*   MEMBER 
*/

.member .member-info {
    /* position: absolute; */
    bottom: 0%;
    width: 100%;
    bottom: 0;
    padding-left: 3.09051%;
}

.member .member-info h5 {
    color: #c50014!important;
    text-transform: uppercase;
}

.clients.fade-in-animation.completed>div {
    padding: 2%;
}

.member .fill {
    overflow: hidden;
    background-position: left top;
    background-size: auto 100% !important;
    position: relative;
    display: block;
    max-width: 260px;
    height: 0;
    padding-bottom: 107.69231%;
}

.member.ani-in-five .fill {
    -webkit-animation: peopleani-out 0.8s steps(4);
    animation: peopleani-out 0.8s steps(4);
}

.member.ani-in-six .fill {
    -webkit-animation: peopleani-out 0.8s steps(5);
    animation: peopleani-out 0.8s steps(5);
}

.member.ani-in-seven .fill {
    -webkit-animation: peopleani-out 0.8s steps(6);
    animation: peopleani-out 0.8s steps(6);
}

.member.ani-in-eight .fill {
    -webkit-animation: peopleani-out 0.8s steps(7);
    animation: peopleani-out 0.8s steps(7);
}

.member.ani-in-nine .fill {
    -webkit-animation: peopleani-out 0.8s steps(8);
    animation: peopleani-out 0.8s steps(8);
}

.member.ani-in-ten .fill {
    -webkit-animation: peopleani-out 0.8s steps(9);
    animation: peopleani-out 0.8s steps(9);
}

.member.ani-in-five:hover .fill {
    -webkit-animation: peopleani-in 1.8s steps(4);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation: peopleani-in 1.8s steps(4);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.member.ani-in-six:hover .fill {
    -webkit-animation: peopleani-in 1.8s steps(5);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation: peopleani-in 1.8s steps(5);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.member.ani-in-seven:hover .fill {
    -webkit-animation: peopleani-in 1.8s steps(6);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation: peopleani-in 1.8s steps(6);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.member.ani-in-eight:hover .fill {
    -webkit-animation: peopleani-in 1.8s steps(7);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation: peopleani-in 1.8s steps(7);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.member.ani-in-nine:hover .fill {
    -webkit-animation: peopleani-in 1.8s steps(8);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation: peopleani-in 1.8s steps(8);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.member.ani-in-ten:hover .fill {
    -webkit-animation: peopleani-in 1.8s steps(9);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation: peopleani-in 1.8s steps(9);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes peopleani-in {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

@keyframes peopleani-in {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

@-webkit-keyframes peopleani-out {
    100% {
        background-position: left center;
    }
    0% {
        background-position: right center;
    }
}

@keyframes peopleani-out {
    100% {
        background-position: left center;
    }
    0% {
        background-position: right center;
    }
}


/*
*   PREROLL
*/

.homepage-hero-module {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #FEFEFE;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 500px;
    width: 600px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 5%;
}

.video-container video.fillWidth {
    width: 100%;
}


/* REMOVE UNWANTED PORTFOLIO ITEMS */

#all-items,
#next-link {
    display: none;
}

/* MOOOSE contact form customizations */
.wpcf7 .wpcf7-form.flex-response .wpcf7-response-output.wpcf7-mail-sent-ok {
    position: absolute;
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px;
    margin: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    vertical-align: bottom;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    line-height: 150%;
    font-size: 150%;
}

[data-badge], [data-badge-mobile] {
  position: relative;
}

[data-badge]:after {
  content: "2";

  position: absolute;
  background: #ed1c24;
  border-radius: 50%;
  display: none;
  padding: 0.3em;
  color: #f2f2f2;
  right: -6px;
  top: -12px; 
  width: 15px;
  height: 15px;
  text-align: center;	
}

[data-badge-mobile]:after {	
    content: "2";
	
    position: absolute;
    background: #f9f4f4;
    border-radius: 50%;
    display: none;
    padding: 5px 15px 23px 10px;
    color: #ed1c24;
    width: 15px;
    height: 15px;
    text-align: center;
    margin-left: 10px;
}

#wpcf7-f6716-p6670-o1 form.wpcf7-form p{
		padding-bottom: 0px !important;
		line-height: 1.2em !important;
margin-bottom:5px;
	}
	
#wpcf7-f6716-p6670-o1 form.wpcf7-form div{
		border: 1px solid #8a8080 !important;
		border-radius: 5px;
	}
	
#wpcf7-f6716-p6670-o1 form.wpcf7-form span.text{
		padding: 5px !important;
	}

#wpcf7-f6716-p6670-o1 form.wpcf7-form .minimal-form-input label span.text .text-inner{
	color: #676767 !important;
}

body.page-id-6670 #ajax-content-wrap .main-content ul li {
  list-style: none !important;
}

body.page-id-6670 #ajax-content-wrap ul li:before {
    list-style: none !important;
    content: "\2713\0020";
    color: green;
}
.wpb_row .span_12 >.col.padding-2-percent, .column-inner.padding-2-percent{
    padding: 1%;
}

body.page-id-6670 #ajax-content-wrap .instance-1 ul li {
  list-style: none !important;
	margin-bottom: 20px;
}
body.page-id-6670 #ajax-content-wrap .instance-1 .nectar-button {
	margin-bottom: 0px !important;
}


#wpcf7-f6758-p6759-o1 form.wpcf7-form .minimal-form-input label span.text .text-inner{
	color: #676767 !important;
	font-weight:bold !important;
}


#wpcf7-f7012-p6672-o1 form.wpcf7-form p{
		padding-bottom: 0px !important;
		line-height: 1.2em !important;
margin-bottom:5px;
	}
#wpcf7-f7012-p6672-o1 form.wpcf7-form div{
		border: 1px solid #8a8080 !important;
		border-radius: 5px;
	}
	
#wpcf7-f7012-p6672-o1 form.wpcf7-form span.text{
		padding: 5px !important;
	}

#wpcf7-f7012-p6672-o1 form.wpcf7-form .minimal-form-input label span.text .text-inner{
	color: #676767 !important;
}

.grecaptcha-badge { 
	visibility: hidden; 
}


/*Added for 2021 version*/
.swiper-slide h2{text-shadow:none;}
.sf-menu span.mymenuicon{font-size: 20px; background-color: #fff!important;}
.artoosform input, .artoosform textarea{background-color: rgba(0, 0, 0, 0.5)!important;}