/*
Theme Name:     WEBLOFT
Theme URI: 		http://www.webloft.ca/
Description: Thème personnalisé pour le client. Habituellement développé à partir d'un PSD fournis par votre agence de communication. Pour plus d'informations, veuillez communiquer avec votre agence ou le support de Webloft au 514-945-3700 / support@webloft.ca
Author:         WEBLOFT // JFRanger, Maxime & Dominique
Theme URI: 		http://www.webloft.ca/
Template:       jupiter
Version: 1.0.0
Text Domain: mk_framework
Domain Path: /languages/
*/

/* COULEURS SITE
couleur1:  368945
*/

/* FONTS */
@font-face {
  font-family: 'Quattrocentosans';
  src: url('fonts/quattrocentosans-regular-webfont.eot');
  src: url('fonts/quattrocentosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/quattrocentosans-regular-webfont.woff') format('woff'),
       url('fonts/quattrocentosans-regular-webfont.ttf')  format('truetype'),
       url('fonts/quattrocentosans-regular-webfont.svg#a3894d49b0c62da6d619d8a85ab36753') format('svg');
  font-style:   normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Black';
  src: url('fonts/AvenirLTStd-Black.eot');
  src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirLTStd-Black.woff') format('woff'),
       url('fonts/AvenirLTStd-Black.ttf')  format('truetype'),
       url('fonts/AvenirLTStd-Black.svg#2d55e36446b90be6f85f84e74f83cb6c') format('svg');
  font-style:   normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Light';
  src: url('fonts/AvenirLTStd-Light.eot');
  src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirLTStd-Light.woff') format('woff'),
       url('fonts/AvenirLTStd-Light.ttf')  format('truetype'),
       url('fonts/AvenirLTStd-Light.svg#a3894d49b0c62da6d619d8a85ab36753') format('svg');
  font-style:   normal;
  font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue-Condensed';
	src: url('fonts/HelveticaNeue-Condensed.eot');
	src: url('fonts/HelveticaNeue-Condensed.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-Condensed.woff2') format('woff2'),
		url('fonts/HelveticaNeue-Condensed.woff') format('woff'),
		url('fonts/HelveticaNeue-Condensed.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue-BoldCond';
	src: url('fonts/HelveticaNeue-BoldCond.eot');
	src: url('fonts/HelveticaNeue-BoldCond.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-BoldCond.woff2') format('woff2'),
		url('fonts/HelveticaNeue-BoldCond.woff') format('woff'),
		url('fonts/HelveticaNeue-BoldCond.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue-MediumCond';
	src: url('fonts/HelveticaNeue-MediumCond.eot');
	src: url('fonts/HelveticaNeue-MediumCond.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-MediumCond.woff2') format('woff2'),
		url('fonts/HelveticaNeue-MediumCond.woff') format('woff'),
		url('fonts/HelveticaNeue-MediumCond.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue-HeavyCond';
	src: url('fonts/HelveticaNeue-HeavyCond.eot');
	src: url('fonts/HelveticaNeue-HeavyCond.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-HeavyCond.woff2') format('woff2'),
		url('fonts/HelveticaNeue-HeavyCond.woff') format('woff'),
		url('fonts/HelveticaNeue-HeavyCond.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PetitaBold';
	src: url('fonts/petitabold-webfont.eot');
	src: url('fonts/petitabold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/petitabold-webfont.woff2') format('woff2'),
			 url('fonts/petitabold-webfont.woff') format('woff'),
			 url('fonts/petitabold-webfont.ttf') format('truetype'),
			 url('fonts/petitabold-webfont.svg#petitaboldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-hvtcond * {font-family: 'HelveticaNeue-Condensed';}
.font-hvtboldcond * {font-family: 'HelveticaNeue-BoldCond';}
.font-hvtmedcond * {font-family: 'HelveticaNeue-MediumCond';}
.nav-1 a {font-family: 'Quattrocentosans'; color:#000}
.hero-text-bloc p {font-family: 'Avenir Light';}
.hero-text-bloc span {font-family: 'Avenir Black';}
.hero-video a {font-family: 'HelveticaNeue-MediumCond';font-size:24px;}
.font-alight* {font-family: 'Avenir Light';}
.font-ablack * {font-family: 'Avenir Black';}

/* GLOBAL */
h1, h2, h3, h4, h5, h6 {font-family: 'HelveticaNeue-Condensed';}

body a:hover {color:#358844;}

.link-white a {color:#ffffff;}
.link-white a img {margin-top: -5px;}

.custom-btn-1, .custom-btn-2 {margin-bottom:10px!important;}
.custom-btn-1 a, .custom-btn-2 a {background:#ffffff!important;color:#000000!important;letter-spacing:0;padding:10px 20px 8px;font-family:'HelveticaNeue-HeavyCond';font-size:19px;}
.custom-btn-2 a {background:#000000!important;color:#ffffff!important;}
.custom-btn-1 .mk-svg-icon[data-name='mk-icon-angle-right'], 
.custom-btn-2 .mk-svg-icon[data-name='mk-icon-angle-right'] {transform:scale(1.5);}
.custom-btn-icon-right i {float:right;margin:-2px 0 0 15px!important;}
.custom-btn-icon-right i svg {fill:#0197cf!important;}

.custom-btn-absolute-bottom-right {position:absolute!important;bottom:35px;right:70px;}

/* HEADER */
body .mk-header-holder  { position: relative}
.mk-header-toolbar {display:none;}
.mk-header-toolbar {height:auto;padding:30px 0;}
.mk-header-toolbar .topbar-text {color:#000000;font-size:20px;line-height: 24px;font-family: 'HelveticaNeue-MediumCond'; max-width: 700px;}
.mk-header-toolbar .topbar-text strong {display:block;}
.mk-header-toolbar .mk-button {color:#000000!important;vertical-align:middle;}
.mk-header-toolbar .mk-button:hover {color:00aeef!important;}

.hero-text-bloc span {color:#358844;font-weight:700;}
.hero-text-bloc p {background:#ffffff;font-weight:300;margin-bottom:10px;float:left;clear:both;padding:5px 15px;display:inline-block;font-size:50px;line-height: normal;color:#000000;}
.hero-text-bloc .bloc-2 {margin-left:50px;}

.hero-video a {color:#ffffff;text-shadow: 0px 0px 12px rgba(0, 0, 0, 1);}
.hero-video a img {margin:-4px 8px 0 0;}

.nav-1 {padding:30px 0 62px;}
.nav-1 ul {margin:0;}
.nav-1 li {list-style:none;display:inline-block;}
.nav-1 li a img {vertical-align:middle;margin-top:-2px;}
.nav-1 li.spacer-small {margin-left:1em;}
.nav-1 li.spacer-big {margin-left:4em;}

.main-navigation-ul li {background:#000000;font-family: 'PetitaBold';}
.main-navigation-ul li a {margin-left:0!important;}
.header-style-1 .menu-hover-style-4 .main-navigation-ul > li > a {height:40px !important;line-height:40px !important}
.sub-menu li:hover, 
.sub-menu li.current-menu-item {background:#368844}

a#topbarClose {display:inline-block;margin:0 0 0 25px;padding:0;background:transparent url(img/ico-topbar-close.png) no-repeat!important;height:36px;width:36px;vertical-align: middle;}
a#topbarClose:hover {opacity:0.8;}
/* CONTENT */
.last-news {text-align:center;color:#ffffff;padding:115px 60px!important;}
body .last-news h4 {font-family: 'HelveticaNeue-HeavyCond';color:#ffffff;font-size:43px;z-index: 10;position: relative;}
.last-news p {font-size:26px;line-height:26px;color:#ffffff;z-index: 10;position: relative;}
.last-news:before {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}

body a.mk-post-nav.mk-post-next,
body a.mk-post-nav.mk-post-prev,
.mk-post-cat,
body.single-post div.mk-header-padding-wrapper,
body.single-post .boxed-header section#mk-page-introduce.intro-left,
body.post-type-archive-tribe_events .boxed-header section#mk-page-introduce.intro-left,
body.single-tribe_events .boxed-header div.mk-header-padding-wrapper,
body.single-product .boxed-header section#mk-page-introduce.intro-leftX,
body.single-product .boxed-header div.mk-header-padding-wrapper,
.tabs.wc-tabs,
.woocommerce-tabs h2,
.woocommerce-ordering,
div#mk-archive-products h4.mk-woocommerce-shop-loop__title {
	display: none !important;
}

.mk-page-title-box-content .mk-page-title-box-title{
	text-transform: uppercase !important
}

.header-align-center .main-navigation-ul li.no-mega-menu > ul.sub-menu, .header-align-center .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu, .header-align-left .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu, .header-style-2.header-align-center .main-navigation-ul li.no-mega-menu > ul.sub-menu, .header-style-2.header-align-left .main-navigation-ul li.no-mega-menu > ul.sub-menu {
    left: 0px !important
}

body .main-navigation-ul li.no-mega-menu ul.sub-menu {    padding: 0px 0;}
ul.ecs-event-list{	list-style-type: none;	margin: 0 ;	padding: 0 ;}
ul.ecs-event-list li.ecs-event {	margin: 0 0 30px 0; text-align: center}
ul.ecs-event-list li.ecs-event a{ color:#fff;}
ul.ecs-event-list li.ecs-event a:hover{ color:#dedede;}
ul.ecs-event-list li.ecs-event h4{	margin: 0;	padding: 0; font-size: 24px}
ul.ecs-event-list li.ecs-event span{ color:#dedede;}

body .mk-toolbar-resposnive-icon svg, body .mk-header .mk-shoping-cart-link svg {fill: #000;}

.shopping-cart-header.add-header-height{height: 40px;line-height: 40px;}
ul.blizzard { list-style-type: none; }
ul.blizzard li a{ display: block ; width:100%; text-align: center ; padding: 10px 0; text-transform: capitalize}
ul.blizzard li img{ /*max-height: 320px; */ height: 320px; display: block; width:225px; margin: 0 auto 3px auto !important; padding: 0 !important;}
ul.blizzard li{
	width:23%; 
	margin: 0 1% 20px 0; 
	float:left; 
	border: solid 1px #dedede; 
	text-align: center;	
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 0.125em 0.275em 0 rgba(0, 0, 0, 0.125); 
}

body #mk-page-introduce {
    padding: 75px 0;
}

/* GRAVITY FORMS CSS */

.gform_wrapper .top_label .gfield_label {
    float: left;
    width: 30%;
}
.gform_wrapper .top_label .full-label .gfield_label{
    float:  none;
    width: 100%;
}
.gfield_radio li{
	display: inline-block ;
	margin-right: 10px !important;
}

.longform h5{
	background-color: #368844;
	color:#fff !important;
	text-transform: uppercase !important;
	padding:20px 0 17px 20px !important;
	margin: 20px 0 0 -20px   !important;
}

.gform_save_link {
    background-image: none;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 13px;
    margin-left: -5px !important;
    outline: 0 none;
    padding: 12px 15px;
    vertical-align: top;
	text-transform: uppercase;
	background-color: #f28035;
	font-weight: bold;
}
.gform_save_link:hover {
	background-color: #252525;
	color:#fff;
}
#field_3_45, #field_4_47{
    background-color: #eeeeee;
    padding: 10px;
}

.ginput_container_fileupload .screen-reader-text,
.blog-single-meta {
	display: none !important;
}


/* DESACTIVER LE BOUTON DE PAIEMENT EN LIGNE*/
#gform_submit_button_9{
	display: none 
}

div.form_saved_message div.form_saved_message_emailform form input[type="text"] {
    height: auto !important ;
}

.clearfix.lswp-notification.info{
	display: none  !important;
}

body #mk-advanced-gmaps-2 .gm-style-iw .info_content p,
body #mk-advanced-gmaps-2 .gm-style-iw .info_content p strong {
    color: #000;
}

body span.wpcf7-form-control-wrap,
body .s_contact.s_outline .mk-form-row {
    font-size: 14px;
}



body .mk-toggle.step--item .mk-toggle-title {
	padding: 0!important;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
body .mk-toggle.step--item .mk-toggle-title b {
	font-size: 54px;
	padding: 0;
	color: #777777;
	font-weight: 400;
	line-height: 100%;
	
	float: left;
	display: block;
	width: 100px;
}
body .mk-toggle.step--item .mk-toggle-title i {
	color: #222;
	font-weight: 600;
	line-height: 1.3em;
	font-weight: 400;
	font-size: 16px;
	vertical-align: middle;
	color: #777777;
	
	float: left;
	display: block;
	padding-right: 50px;
	width: calc(100% - 150px);
}
body .mk-toggle.simple-style.step--item .mk-toggle-title .mk-svg-icon {
	top: 50%;
	transform: translateY(-50%);
	height: 18px!important;
	width: 15.285714px!important;
	background-color: #318941;
	padding: 10px;
	fill: #ffffff;
}
body .mk-toggle.step--item  .mk-toggle-pane {
	background: transparent;
	padding: 0!important;
}



/* RESPONSIVE */
@media screen and (min-width:1140px) {
	/*.home #layerslider_1 {margin:265px auto 0!important;}*/
}

@media screen and (max-width:768px) {
	ul.blizzard li{
	width:100%; 
	margin: 0 0 20px 0; 
	float: none; 
    }
}

/* Single Job */
body.single-wl_jobs .mk-header-padding-wrapper {
    display: none;
}

body.single-wl_jobs #mk-page-introduce {
    padding: 75px 0;
    text-align: center;
}
body.single-wl_jobs #mk-page-introduce .page-title {
    font-size: 30px;
}

body.single-wl_jobs .wl-job-single {
    padding: 40px 0;
}

body.single-wl_jobs .wl-job-single section {
    margin-bottom: 60px;
}

body.single-wl_jobs .wl-job-single .application {
    margin-top: 90px;
    border-radius: 20px;
    padding: 60px 140px;
    background: #ffffff;
    box-shadow: 0 20px 80px #DDDDDD;
}
body.single-wl_jobs .wl-job-single .application .acf-field {
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

body.single-wl_jobs .wl-job-single .application .acf-field .acf-label {
    display: none;
}

body.single-wl_jobs .wl-job-single .application .acf-field.wl-phone {
    width: calc(50% - 20px)!important;
    margin-left: 20px;
}

body.single-wl_jobs .wl-job-single .application .acf-field.acf-field-file input {
    width: 100%;
}
body.single-wl_jobs .wl-job-single .application .acf-field.acf-field-file .description {
    font-size: small;
    padding-left: 17px;
}

body.single-wl_jobs .wl-job-single .application .acf-form-submit {
    margin-top: 30px;
}
body.single-wl_jobs .wl-job-single .application .acf-form-submit button {
    background: #2C7F3A;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 50px;
}
body.single-wl_jobs .wl-job-single .application .acf-form-submit button:focus,
body.single-wl_jobs .wl-job-single .application .acf-form-submit button:hover {
    background: #000000;
}

body.single-wl_jobs .wl-job-single .application .acf-field input,
body.single-wl_jobs .wl-job-single .application .acf-field textarea {
    border: 1px solid #000000;
    padding: 20px 25px;
    border-radius: 20px;
    box-sizing: border-box;
}

body.single-wl_jobs .wl-job-single .application #message.updated {
    background: green;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}
body.single-wl_jobs .wl-job-single .application #message.updated p {
    color: #ffffff;
    margin-bottom: 0;
}

body.single-wl_jobs .wl-job-single .application #message.updated ~ #acf-wl-job-application {
    display: none;
}

body.single-wl_jobs .wl-job-single h2 {
    color: #409538;
    font-size: 36px;
    font-weight: 700;
}

body.single-wl_jobs .wl-job-single ul {
    margin-left: 0;
    list-style: none;
}

body.single-wl_jobs .wl-job-single ul li {
    padding-left: 30px;
    margin-left: 0;
    position: relative;
}
body.single-wl_jobs .wl-job-single ul li:not(:last-child) {
    margin-bottom: 20px;
}
body.single-wl_jobs .wl-job-single ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
	width: 15px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='26.235' viewBox='0 0 15 26.235'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M21.725,19.309,11.8,9.389a1.867,1.867,0,0,1,0-2.648,1.891,1.891,0,0,1,2.656,0L25.7,17.981a1.871,1.871,0,0,1,.055,2.585L14.461,31.884A1.875,1.875,0,0,1,11.8,29.236Z' transform='translate(-11.246 -6.196)' fill='%232c7f3a'/%3E%3C/svg%3E%0A");
}

body.single-wl_jobs .wl-job-single section.contact {
    display: flex;
    flex-direction: row;
    column-gap: 70px;
    row-gap: 40px;
    flex-wrap: wrap;
}
body.single-wl_jobs .wl-job-single section.contact .column {
    border-radius: 20px;
    box-shadow: 0 20px 80px #DDDDDD;
    background: #ffffff;
    padding: 15px 20px;
    display: flex;
    flex-direction: row;
    column-gap: 25px;
    flex: 1;
    align-items: center;
}
body.single-wl_jobs .wl-job-single section.contact .column p {
    margin: 0;
}
body.single-wl_jobs .wl-job-single section.contact .column .ico svg {
    width: 60px;
}
body.single-wl_jobs .wl-job-single section.contact .column .name {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #010101;
    display: block;
    margin-top: -5px;
}
body.single-wl_jobs .wl-job-single section.contact .column .value,
body.single-wl_jobs .wl-job-single section.contact .column .value a {
    display: block;
    font-size: 16px;
    color: #404040;
    font-weight: 400;
}


body.single-wl_jobs .wl-job-single ul,
body.single-wl_jobs .wl-job-single ul li,
body.single-wl_jobs .wl-job-single p {
    font-size: 18px;
    font-weight: 400;
}

body.single-wl_jobs .wl-job-single .jobslist {
    margin-top: 160px;
    margin-bottom: 80px;
}
body.single-wl_jobs .wl-job-single .jobslist strong {
    color: #404040;
}

body.single-wl_jobs .wl-job-single .jobslist table {
    margin-top: 40px;
}
body.single-wl_jobs .wl-job-single .jobslist table tr {
    border-bottom: 2px solid #C4C4C4;
}
body.single-wl_jobs .wl-job-single .jobslist table td,
body.single-wl_jobs .wl-job-single .jobslist table th {
    padding: 20px 5px;
}

body.single-wl_jobs .wl-job-single .jobslist table thead th {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #404040;
    text-align: left;
}
body.single-wl_jobs .wl-job-single .jobslist table tbody td,
body.single-wl_jobs .wl-job-single .jobslist table tbody td a {
    font-weight: bold;
    font-size: 18px;
    color: #010101;
    text-align: left;
}
body.single-wl_jobs .wl-job-single .jobslist table tbody td.title a {
    text-transform: uppercase;
}
body.single-wl_jobs .wl-job-single .jobslist table tbody td.btn {
    width: 230px;
}
body.single-wl_jobs .wl-job-single .jobslist table tbody td.btn a {
    background: #2C7F3A;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 15px 25px;
    text-align: center;
}
body.single-wl_jobs .wl-job-single .jobslist table tbody td.btn a:focus,
body.single-wl_jobs .wl-job-single .jobslist table tbody td.btn a:hover {
    background: #000000;
}

@media screen and (max-width: 1024px) {
    body.single-wl_jobs .wl-job-single .application {
        padding: 60px 80px;
    }
}

@media screen and (max-width: 767px) {
    body.single-wl_jobs .wl-job-single .application {
        padding: 60px 30px;
    }
    body.single-wl_jobs .wl-job-single table {
        border: 0;
    }
    
    body.single-wl_jobs .wl-job-single table caption {
        font-size: 1.3em;
    }
    
    body.single-wl_jobs .wl-job-single table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    body.single-wl_jobs .wl-job-single table tr {
        border: 2px solid #C4C4C4;
        padding: 10px;
        display: block;
        margin-bottom: 20px;
    }
    
    body.single-wl_jobs .wl-job-single table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    
    body.single-wl_jobs .wl-job-single table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
    }
    
    body.single-wl_jobs .wl-job-single table td:last-child {
        border-bottom: 0;
    }
    
    body.single-wl_jobs .wl-job-single .application .acf-field,
    body.single-wl_jobs .wl-job-single .application .acf-field.wl-phone {
        width: 100%!important;
        margin-left: 0!important;
    }
    body.single-wl_jobs .wl-job-single .jobslist table tbody td.btn {
        width: 100%!important;
    }
    body.single-wl_jobs .wl-job-single .jobslist table tbody td,
    body.single-wl_jobs .wl-job-single .jobslist table tbody td a {
        text-align: right;
        font-size: 14px;
    }
}

.mk-progress-button:disabled {
	opacity: 0.2;
}
/* Style pour le spinner */
.spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    margin-left: 10px;
    vertical-align: middle;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}