/*
Theme Name: StartFlow Child
Author: Conceptus
Theme URI: https://www.conceptus.be
Description: Ajout de fonctionnalités supplémentaires par Conceptus.
Version: 1.1
License: ©2020 Conceptus - Tous droits réservés
Template: startflow
*/

/* Header */

.cur-menu-1 #main-nav>ul>li>a span:before, 
.header-style-4 .mobile-button span,
.header-style-4 .mobile-button:before,
.header-style-4 .mobile-button:after {
    background-color: #d2263b;
}

.header-style-4 #site-header .header-button a {
    color: #d2263b;
    border: 1px solid #d2263b;
}

.header-style-4 #site-header .header-button a:hover {
    border-color: #fff;
}

.fit-vids-style {
    display: none;
}

#site-header-inner {
    width: 100%;
}

#site-header .header-button a {
    min-width: 140px;
    width: auto;
    padding: 0 20px;
}

/* Mobile Menu */

.header-widgets {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
}

.mobile-icons a {
    font-size: 18px;
    margin-left: 20px;
}

.mobile-button {
    right: 80px;
}

/* Home */

.vc_general.vc_cta3.hp-box {
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-size: 101% !important;
    cursor: pointer;
}

.vc_general.vc_cta3.hp-box:hover {
    background-size: 105% !important;
}


.hp-box.vc_general.vc_cta3 h2 {
    margin-bottom: 0;
    color: #fff;
    z-index: 3;
    position: relative;
    text-transform: uppercase;
    font-size: 26px;

}

.hp-box header.vc_cta3-content-header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 20px;
}

.hp-box .vc_cta3-content {
    position: relative;
    min-height: 670px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 0 !important;
}

.hp-box .vc_cta3-content img {
    opacity:0;
    width: auto;
    max-height: 160px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
        transform: translateY(10px);
}

.hp-box:hover .vc_cta3-content img {
    opacity:1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
}

.hp-box:hover .vc_cta3-content {
    background-color: rgba(29,43,55,.7);
}

.hp-box .box-number {
    position: absolute;
    right: 20px;
    top: 33%;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hp-box:hover .box-number {
    top: 30%;
}

.hp-box .box-number:before {
    content: '';
    height: 90px;
    width: 2px;
    background: white;
    position: absolute;
    left: 50%;
    top: -100px;
    transform: translatex(-50%);
}

.hp-box header.vc_cta3-content-header:after {
    z-index: 0;
    width: 0%;
    height: 100%;
    content: '';
    display: block;
    background-color: #1a2d36;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hp-box:hover header.vc_cta3-content-header:after {
    width:100%;
    right: 0;
    left: 0;
}

.vc_cta3-container {
    margin-bottom: 0;
}

.hp-box .vc_cta3-actions {
    position: absolute;
    visibility: hidden;
}

.image-container.img-parallax img {
    max-width:600px;
}

.startflow-icon-box h3.heading {
    text-transform: uppercase;
}

.hp-cta a.startflow-button span:after {
    display: none;
}

.hp-cta a.startflow-button span {
    padding: 0;
}

.startflow-button.icon_style_2:hover>span:before {
    right: -30px;
    line-height: 36px;
}

.hp-cta .button-wrap {
    display: block;
    margin-bottom: 25px;
}

.hp-cta .startflow-icon-list .icon-list-item .startflow-icon {
    position: relative;
    display: inline-block;
    float: left;
}

.hp-cta .startflow-icon-list .icon-list-item .heading {
    font-size: 22px;
    line-height: 54px;
}

.hp-cta .startflow-icon-list .desc {
    padding-left: 60px;
    max-width: 350px;
}

.startflow-icon-list .icon-list-item {
    margin-bottom: 15px;
}

/* Content */

.wpb_row.with-divider {
    background-image: url(/wp-content/uploads/2020/03/divider.svg);
    background-size: 100% !important;
    background-position: top center !important;
    padding-top: 8%;
}

.dark-overlay {
    position:relative;
}

.dark-overlay:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
}

/* Contact */

.wpcf7-form-control-wrap {
    position: relative;
    margin-bottom: 20px;
    display: block;
}

.wpcf7-form textarea {
    max-height: 160px;
}

span.wpcf7-list-item {
    margin: 0;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #748494;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #748494;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #748494;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #748494;
}

/* Footer */

footer a {
    color: #fff;
}

footer a:hover {
    color: #d2263b;
}

.grecaptcha-badge {
    z-index: 999;
}

#scroll-top.show {
    bottom: 90px;
}

#scroll-top {
    right: 10px;
}

span.email {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 16px;
}

div#footer-widgets i.fa-fw {
    color: #d2263b;
    font-size: 18px;
    margin-right: 5px;
}

#media_image-2 {
    text-align: center;
}


/* RWD */

@media screen and (max-width: 1300px) {
    .hp-box .vc_cta3-content {
        min-height:500px;
    }

    .hp-box.vc_general.vc_cta3 h2 {
        font-size:20px;
    }
}

@media screen and (max-width: 1280px) {
    
    #site-logo-inner {
        max-width: 100px !important;
    }

    #main-nav>ul>li {
        margin: 0 10px;
    }

    .header-style-4 #site-header .header-button a {
        line-height: 48px;
    }

    #site-header .header-button a {
        width: 120px;
        height: 48px;
    }

    .image-container.img-parallax img {
        max-width: 500px;
    }

    #site-header .header-button.hideme {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
    
    .home-item {
        display: none;
    }

    #main-nav>ul>li {
        margin: 0 8px;
        font-size: 14px;
    }

    #site-header .header-button a {
        padding: 0 15px;
    }
}

@media screen and (min-width: 992px) {
    .header-widgets {
        display: none;
    }

    #copyright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .mobileonly {
        display:none;
    }
}

@media screen and (max-width: 991px) {
    
    .footer-grid .span_1_of_3 {
        width: 50%;
    }

    .hp-box header.vc_cta3-content-header:after {
        width:100%;
        right: 0;
        left: 0;
    }
    
    .hp-box .vc_cta3-content {
        background-color: rgba(29,43,55,.7);
    }
    
    .hp-box .vc_cta3-content img {
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    }

    .image-container.img-parallax img {
        display: none;
    }

    .mobileonly img {
        max-width:600px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    
    #footer-widgets .footer-grid .col div {
        text-align: center;
    }

    .hp-box .vc_cta3-content {
        min-height: 400px;
    }

    .hp-box .vc_cta3-content img {
        max-height: 120px;
    }
}

/* Popup */

#popup_index_background {
	z-index: 20000;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
}
#popup_index_container {
	z-index: 20100;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#popup_index_container img {
	max-width: 80vw;
	max-height: 80vh;
}
#popup_index_close {
	z-index: 20200;
	position: fixed;
	top: 2em;
	right: 2em;
	width: 2em;
	height: 2em;
	background-image: url("images/icone-close.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2em;
	cursor: pointer;
}
#popup_index_close:hover {
	background-image: url("images/icone-close-hover.svg");
}

/* Insert vidéo */
#video_insert {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 3em 0 -3em 0;
	box-sizing: border-box;
}
#video_insert iframe {
	max-width: 80vw;
	max-height: 80vw;
}