/*
 Theme Name: X – Child Theme
 Theme URI: http://theme.co/x/
 Author: Themeco
 Author URI: http://theme.co/
 Description: Make all of your modifications to X in this child theme.
 Version: 1.0.1
 Template: x
 */

html body .desktop-only {
	display:block !important;
}
.x-brand img {
    width: 300px;
    margin: 20% 0;
}
html body .iphone-only {
	display:none !important;
}
header, footer, body, .entry-wrap, .x-logobar {
	background:#323232 !important;
	background-color:#323232 !important;
}
.x-navbar-wrap {
	display: none;
}

.sous-titres h2 {
	font-size: 14px;
	color:#67c8c9;
	text-transform: uppercase;
	letter-spacing: 0;
}
.section-box.right .vc_column-inner  {
	background:#fff;
    padding: 10% 10% 10% 25% !important;
    margin-left: -10em;
}
.section-box.left .vc_column-inner  {
	background:#fff;
    padding: 10% 25% 10% 10% !important;
    margin-right: -10em;
}
.section-box p {
	margin-top: 75px;
	font-size: 28px;
	line-height: 40px;
	color:#6b6b6b;
	font-weight: lighter;
}

.col-top {
	z-index: 2;
}
.vc_separator.vc_sep_pos_align_right {
	position: absolute;
	right:0;
}
.vc_separator.vc_sep_pos_align_left {
	position: absolute;
	left:0;
}

#right-para {
    background-size: 10% !important;
    background-position: 100% 20% !important;
}
#left-para {
    background-size: 10% !important;
    background-position: 0% 20% !important;
}

.equipe-section img {
	max-width: 175px !important;
}
.nom-titre {
	font-size: 15px;
	color:#fff;
	font-weight: lighter;
	line-height: 18px;
}
/*.nom-titre::first-line {
	color:#67c8c9;
	font-weight: bold;
	margin-bottom: 10px;
}*/

body .gform_wrapper .gform_body ul.gform_fields li.gfield+li.gfield {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}
form {
	max-width: 50% !important;
}

input[type="text"] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    color:#67c8c9;
}
input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder  {
	color:#67c8c9;
}

html button {
	background: transparent !important;
	background-color: transparent !important;
	border:1px solid #67c8c9 !important;
	text-shadow: 0 0 0 0!important;
    box-shadow: 0 0 0 0 !important;
    border-radius: 0 !important;
    margin: 0 auto !important;
    width: 70% !important;
    display: block !important;
}

footer .x-nav {
	display: none;
}

.x-colophon.bottom {
	padding:0 !important;
	border: 0 !important;
}
 /* IPAD LANDSCAPE */

 @media only screen and (min-width: 769px) and (max-width: 1024px) {
	#post-6 > div > div > div > div:nth-child(1) {
		margin-bottom: 10%;
	}
	.equipe-section img {
		max-width: 125px !important;
	}
	
 	}
/* IPAD PORTRAIT */
@media only screen and (min-width: 690px) and (max-width: 768px) {
	.equipe-section img {
		max-width: 90px !important;
	}
	.section-box p {
	    margin-top: 75px;
	    font-size: 20px;
	    line-height: 36px;
	    color: #6b6b6b;
	    font-weight: lighter;
	}
	.section-box.right .vc_column-inner {
	    background: #fff;
	    padding: 10% 10% 10% 45% !important;
	    margin-left: -10em;
	}
	.section-box.left .vc_column-inner {
	    background: #fff;
	    padding: 10% 45% 10% 10% !important;
	    margin-right: -10em;
	}
}
/* IPHONE */

@media only screen and (max-width: 689px) { 

	html body .desktop-only {
		display:none !important;
	}
	html body .iphone-only {
		display:block !important;
	}
	
	.section-box.right h2, .section-box.right p {
		text-align: left !important;
	}
	.section-box.right .vc_column-inner  {
        background: #fff;
	    padding: 5% !important;
	    margin-left: 0em !important;
	}
	.section-box.left .vc_column-inner  {
        background: #fff;
	    padding: 5% !important;
	    margin-right: 0em !important;
	}
	.section-box p {
		margin-top: 75px;
		font-size: 24px;
		line-height: 36px;
		color:#6b6b6b;
		font-weight: lighter;
	}
	.vc_separator.vc_sep_pos_align_right {
		left:0;
		right:initial;
	}
	.wpb_single_image.vc_align_right, .wpb_single_image.vc_align_left {
		text-align: center !important;
	}
	body .vc_custom_1530203744562, body .vc_custom_1530203724701 {
	    margin-left: 0% !important;
	}
	body .gform_wrapper .gform_body ul.gform_fields li.gfield+li.gfield {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	form {
		max-width: 100% !important;
	}

}