/*
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 :  111111
couleur2 :  222222
couleur3 :  333333

*/

/* HEADER */
.wl-custom-menu {
	float:right;
	position: relative;
	z-index: 999999;
}
.wl-custom-menu a {
	font-weight:400;
}
.wl-custom-menu svg {
	fill:#d60e23;
	position:relative;
	top:3px;
}

/* FONCTIONS */
.cacher{ display:none !important;}
.show-mobile {display: none !important;}
.show-desktop {display: block !important;}

/* ELEMENTS */
.no-margin {margin:0!important;}
.no-padding {padding:0!important;}
.text-white p, .texte-blanc p {color:#ffffff!important;}
.mk-text-block ul {margin-bottom:30px;}
/*.image_holder, .nicepic, .vertical_area_background, .q_team_image > img, .home .wpb_single_image, .lightbox_single_portfolio  {
	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);
}
*/
.vc_row {
	margin:0 auto;
}


/* CONTACT FORM 7 pour JUPITER */
.mk-contact-form {
    position: relative;
    margin: 2px 0 20px;
}
.s_contact.s_outline .mk-form-row {
    margin-bottom: 0;
}
.s_contact .mk-form-row {
    margin-bottom: 12px;
    text-align: center;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.s_contact.s_outline.dark .s_txt-input, .s_contact.s_outline.dark .contact-outline-submit {
    border: 1px solid #333;
    box-shadow: 0 0 0 1px #333;
    color: #222222;
}
.s_contact.s_outline .contact-outline-submit {
    width: 100%;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 18px;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.15s ease 0s;
}
.s_contact.s_outline.dark .s_txt-input, .s_contact.s_outline.dark .contact-outline-submit {
    border: 1px solid #333;
    box-shadow: 0 0 0 1px #333;
    color: #222222;
}
.s_contact.s_outline .s_txt-input {
    margin: 0;
    background-color: transparent;
    outline: 0 none;
    transition: all 0.2s ease 0s;
    padding: 18px;
    text-align: left;
}
.s_contact .mk-form-row input {
    z-index: 11;
    position: relative;
}
.s_contact .mk-form-row.half {
    width: 50%;
    float: left;
}
.s_contact .s_txt-input {
    border: medium none;
}
.s_contact .s_txt-input {
    font-size: 14px;
    padding: 14px;
    text-align: center;
    width: 100%;
    border: medium none;
}
.s_contact .mk-textarea {
    height: 200px;
}
/* PIED-DE-PAGE */
.mk-footer-copyright {
	display: block;
	width: 100%;
	text-align: center;
	padding:0!important;
}
.mk-footer-copyright a {
	color:#dedede;
}

/* CPT Schools & Programs */
.cpt-title,
.cpt-title span {
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size: 85px;
	text-align: left;
	font-style: inherit;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 100%;
}
.cpt-title-2,
.cpt-title-2 span {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 36px;
	color: #ffffff;
	text-align: center;
	font-style: inherit;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 0px;
}

.cpt-subtitle,
.cpt-subtitle span {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 95%;
	text-align: left;
	font-style: inherit;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 0px;
}
.cpt-title-med,
.cpt-title-med span {
	font-size:60px;
}
.cpt-subtitle-med,
.cpt-subtitle-med span {
	font-size:24px;
}

/* RESPONSIVE */
@media screen and (min-width: 1024px) {
	.wl-title {
		max-width:50%;
	}
	.wl-img {
		max-width:45%;
		float:right;
		margin-top: -150px;
		padding: 0 0 25px 25px;
	}
}

.rainbow-title span {
	background: -webkit-linear-gradient(left,#d60e23 0%, #283583 100%);
	background: -moz-linear-gradient(left,#d60e23 0%, #283583 100%);
	background: -ms-linear-gradient(left,#d60e23 0%, #283583 100%);
	background: -o-linear-gradient(left,#d60e23 0%, #283583 100%);
	background: linear-gradient(left,#d60e23 0%, #283583 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline;
}
.rainbow-title a:hover {color:#202A69 !important; text-decoration: underline;}

.bg-gradient-blue {
	background: #283583;
	background: -moz-linear-gradient(left, #283583 0%, #006db0 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#283583), color-stop(100%,#006db0));
	background: -webkit-linear-gradient(left, #283583 0%,#006db0 100%);
	background: -o-linear-gradient(left, #283583 0%,#006db0 100%);
	background: -ms-linear-gradient(left, #283583 0%,#006db0 100%);
	background: linear-gradient(to right, #283583 0%,#006db0 100%);
	opacity: 1;
}

.divider-rainbow {padding: 0 0 60px;}
.divider-rainbow .divider-inner {
	border-top-width: 3px;
	width: 100px;
}
.divider-rainbow.divider_full_width .divider-inner {width:100%;}
.divider-rainbow .divider-inner:after {
	background: #283583;
	background: -webkit-linear-gradient(left,#d60e23 0%, #283583 100%);
	background: linear-gradient(to right,#d60e23 0%, #283583 100%);
	height: 3px;
	top: -3px;
	content: "";
}
.divider-rainbow-sm {padding: 20px 0 20px;}

.single-wl_school #mk-page-introduce,
.single-wl_school .mk-header-padding-wrapper,
.single-wl_programs #mk-page-introduce,
.single-wl_programs .mk-header-padding-wrapper {display:none;}
.single-wl_school .mk-header-bg,
.single-wl_programs .mk-header-bg {opacity: 0;background-color:transparent;}
.single-wl_school .mk-header,
.single-wl_programs .mk-header {border-bottom:none;}
.single-wl_school .mk-header-inner,
.single-wl_programs .mk-header-inner {border: 0;}
.single-wl_school .background-layer,
.single-wl_programs .background-layer {
	background-position: center bottom;
	background-repeat: no-repeat;
}
.single-wl_school .background-layer.bg-top {background-position: center top;}
/*.single-wl_school .mk-page-section,
.single-wl_programs .mk-page-section {min-height: 1100px!important;}*/
.single-wl_school .padding-120,
.single-wl_programs .padding-120 {height:120px;}
.single-wl_school .padding-30,
.single-wl_programs .padding-30 {height:30px;}
.single-wl_school .text-center,
.single-wl_programs .text-center {text-align:center;}
.single-wl_school .full-width-48 {min-height: 930px;margin-bottom: 0px;}
.single-wl_school a.builtin-icons.facebook-hover {color: #4267B2;}
.single-wl_school a.builtin-icons.instagram-hover {color: #F01F3F;}
.single-wl_school a.builtin-icons:hover {color: #222;}
.wpb_gmaps_widget {margin-bottom:0px;}
.wpb_gmaps_widget .wpb_wrapper{padding-bottom:0px;}

.button-md a {
	background: #283583;
	background: -webkit-linear-gradient(left,#283583 0%, #283583 100%);
	background: linear-gradient(to right,#283583 0%, #283583 100%);
}
.button-md-red a {
	padding:20px 55px;
	background: #d60e23;
	background: -webkit-linear-gradient(left,#d60e23 0%, #d60e23 100%);
	background: linear-gradient(to right,#d60e23 0%, #d60e23 100%);
}
.button-md .cgrey {
	background: #cccccc;
	background: -webkit-linear-gradient(left,#cccccc 0%, #cccccc 100%);
	background: linear-gradient(to right,#cccccc 0%, #cccccc 100%);
	color:#333333!important;
}
.single-wl_school .wl-angled .page-section-content,
.single-wl_programs .wl-angled .page-section-content {padding:170px 0;}
.single-wl_school .wl-angled .mk-page-section,
.single-wl_programs .wl-angled .mk-page-section {min-height:100px!important;}

.wl-angled .shape__container .shape {overflow: hidden;}
.wl-angled .shape__container .shape svg {display: block;}
.wl-angled .bottom .shape__container .shape svg {
	position: relative;
	top: 0.6px;
}
.wl-angled .top .shape__container .shape svg {
	position: relative;
	top: -0.6px;
}

.single-wl_programs .insc {
	background-image: url(/wp-content/uploads/2018/05/karate_web.jpg?id=370) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

#wl-programs .vc_col-sm-4 {margin-bottom:40px;}
#wl-programs .vc_single_image-img {margin-bottom:15px;}


/* PLUGINS */
.acf-map {
	width: 100%;
	height: 400px;
}
.acf-map-big {height:650px;}
.acf-map img {max-width: inherit !important;}
.acf-map .marker {display:none;}

.wl-schools-list {width:95%;margin: 30px auto;}
.wl-schools-list tr {border-bottom:1px solid #ccc;}
.wl-schools-list td {text-align:left;vertical-align:middle;}

#wl-schools-list {margin-top:80px;}
#wl-schools-list .vc_col-sm-4 {margin-bottom:40px;text-align:center;}
#wl-schools-list h2 {margin-bottom:35px;}
#wl-schools-list h6 {margin-top:10px;}
#wl-schools-list a {color:#d60e23}

.wl-program-map-info {display:none;}
.wl-program-map-info h3 a{color:#D60E23}
.wl-program-map-info h3 a:hover{color:#000}

#wl-programs-select {background:#283486;padding:20px 0;}
#wl-programs-select .vc_col-sm-6 {padding:0 60px;}
#wl-programs-select h2 {color:#ffffff;margin-bottom:0;}
#wl-programs-select h2 img {vertical-align:middle;margin-right:30px;margin-top:-10px;}
#wl-programs-select select {text-transform:uppercase;width:100%;}
#wl-programs-list {margin:60px 0;}
#wl-programs-list h3 {color:#cd1227;max-width:290px;}
#wl-programs-list p {margin-bottom:3px;font-size:16px;color:#454344;}
#wl-programs-list a {font-weight:bold;}
#wl-programs-list .mk-button {
	background:#bf1728;
	display:table;
	margin:0 auto 10px;
	padding:15px 30px;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	min-width:150px;
}
#wl-programs-list .mk-button.cgrey {background:#283486;}
#wl-programs-list .mk-button:hover {opacity:0.8;}

.mk-accordion-tab{background-color: #283583 !important}
.mk-accordion-tab span{ color: #fff; text-transform: uppercase; font-size: 22px; line-height: 28px;}
.mk-accordion-tab svg.mk-svg-icon path{ display: none !important}
.mk-accordion-tab{ background : transparent url(/wp-content/themes/webloft/images/fleche-right.png) 99% 15px  no-repeat}
.current .mk-accordion-tab{ background : transparent url(/wp-content/themes/webloft/images/fleche-bottom.png) 99% 15px no-repeat}

body .fullscreen-navigation-ul .menu-item a {padding: 10px 0;}
body .mk-love-this svg {fill: #d60e23 !important;}

.fil-ariane {margin-bottom:50px;}
.fil-ariane a{ text-decoration: underline; color:#d60e23}
.fil-ariane a:hover{ text-decoration:  none; color:#222}
.retour-programmes {display:inline-block ; float:right} 


.single-wl_school .mk-page-section,
.single-wl_programs .mk-page-section {min-height: 1100px!important;}

body.single-post .mk-single-content p{font-size: 18px;font-weight: 300;line-height: 28px;color: #000;}



/* RESPONSIVE */
@media screen and (max-width: 768px) {
	.cpt-title,
	.cpt-title span {
		font-size: 35px;
	}
	.cpt-title-2,
	.cpt-title-2 span {
		font-size: 25px;
	}

	.cpt-subtitle,
	.cpt-subtitle span {
		font-size: 20px;
	}
	.cpt-title-med,
	.cpt-title-med span {
		font-size:35px;
	}
	.cpt-subtitle-med,
	.cpt-subtitle-med span {
		font-size:18px;
	}
	
	#wl-programs-select h2 {margin-bottom:20px;}
	#wl-programs-list h3 {max-width:inherit;text-align:center;}
	#wl-programs-list p {text-align:center;}
	#wl-programs-list .wl-program-map-info .center {margin:15px 0 30px;}
	
	.background-img-programme,
	.background-img-programme .background-layer-holder .background-layer,
	.mk-page-section-wrapper .background-layer,
	.hero-page .background-layer {
		background-position: 76% -100px !important;
		/*background-position: center center !important;*/
		margin-bottom:-300px;
		background-size: inherit;
    -webkit-background-size: inherit;
    -moz-background-size: inherit;
	}
	.hero-page,
	.single-wl_school .mk-page-section, 
	.single-wl_programs .mk-page-section {
		min-height:250px!important;
		margin-bottom:100px!important;
	}
	.hero-page .mk-page-section-inner:before {
		content: "";
		height: 100%;
		width: 100%;
		position: absolute;
		background: rgba(255, 255, 255, 0.3);
		z-index: 999;
	}
	
	
	.single-wl_programs .background-img-programme,
	.single-wl_programs .background-img-programme .background-layer-holder .background-layer,
	.single-wl_programs .mk-page-section-wrapper .background-layer,
	.single-wl_programs .hero-page .background-layer,
	.single-wl_school .background-img-programme,
	.single-wl_school .background-img-programme .background-layer-holder .background-layer,
	.single-wl_school .mk-page-section-wrapper .background-layer,
	.single-wl_school .hero-page .background-layer {
		background-size: 300% !important; 
		background-position: 76% -180px  !important;
	}
	
	.programme-titreX,
	.hero-page .mk-fancy-title { background-color: rgba(255, 255, 255, 0.8) !important; padding-top: 15px;padding-bottom: 15px;}
	
	.programme-titre h4, .programme-titre h4 span{word-wrap: break-word !important; }
	/*.single-wl_school .mk-page-section,
	.single-wl_programs .mk-page-section {min-height: 600px!important;}*/
	.fil-ariane { text-align: center; } 
	.retour-programmes { float: none; margin-top:25px;} 
	
	.hero-home.center-y {
    display:block!important;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
		padding-top:30px;
	}
	
	.mk-iconBox-gradient {text-align:center!important;}
	
	iframe {width:100%!important;height:auto!important;}
}