/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #398f14;
}
.blanc p {
    color: #fff;
}
.blanc .col p input, .blanc .col p textarea, .blanc .col .checkbox {
    background-color: #fff;
    color: #000 !important;
}
.blanc .checkbox label{color:#000 !important;text-transform:none !important;}
span.highlight {
    font-size: 30px;
    display: inline-block;
    position: relative;
}
span.highlight:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
    background-color: #d3a18d;
    width: 100%;
    height: 0.4em;
    z-index: -1;
}
.diaporamaAccueil {
   position: fixed;
    height: 100vh;
    width: 100%;
	top:0px;
}
.masque {
    width: 100%;
    background-color: transparent;
}
.nextDiapo{margin-top:100vh;}
#main-footer {
    position: relative;
    z-index: 999;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}

.home .logo_container a {
    opacity: 0;
}
.home .et-fixed-header a {
    opacity: 1;
}
div#top-header {
    position: relative;
}
#et-info-phone:before{content:none;}
#et-info-phone .phoneIcon:before {
    content: "\e090";
    position: relative;
    top: 2px;
    margin-right: 2px;
    margin-left: 10px;
font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
}
.clipFont:before{
	content: "\68";
    position: relative;
    top: 2px;
    margin-right: 3px;
    margin-left: 13px;
font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
}
.col-container {
  display: flex;
  width: 100%;
}
footer p {
    font-size: 14px;
    line-height: 24px;
}
.col {
  flex: 1;
  padding: 16px;
}
/*contact input*/
.col p input, .col p textarea, .col .checkbox {
    width: 100%;
    padding: 15px;
    background-color: #ddd;
    border: 2px solid #aaa;
    color: #000312 !important;
}
input.wpcf7-text, .wpcf7-textarea, .wpcf7-select {
    width: 100%;
    padding: 15px;
}
span.wpcf7-form-control-wrap.cv {
    display: block;
}
span.wpcf7-list-item {
    display: block;
}
.listForm{margin:50px 0;}
.listForm > label {
    margin-bottom: 10px !important;
    display: block;
}
.btnForm{text-align:center;}
.btnForm input{
    background: #000312;
    color: #fff;
    letter-spacing: 2px;
    font-size: 16px;
    font-family: 'Bebas Neue',display!important;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
}
.blanc label {
    color: #fff;
    text-transform: uppercase !important;
}
.produits label {
    text-transform: none !important;
}
.bgBrun input{
	background:#9f4d26;
}
p.fullHeight, p.fullHeight textarea {
    height: 100% !important;
}

footer .et_builder_inner_content{
    background-size: cover;
    background-repeat: repeat;
    background-image: url(/wp-content/uploads/2020/05/bgfooter2.jpg)!important;
}
div.et_pb_section.et_pb_section_0_tb_footer {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2020/05/logo-bg_footer.png)!important;
    background-position: left;
    align-content: center;
}

.r1 .diamondShape {
    position:relative;
    top:85px;
}
.diamondShape {
    margin: 0 auto;
}
.diamondShape .et_pb_blurb_content {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-45deg);
}

footer ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}
footer a, footer ul li{
   font-size:14px;
   color:#fff;
}
span.mobile_menu_bar.mobile_menu_bar_toggle:before {
    color: #9f4d26 !important;
}
.et_mobile_menu{border-top: 3px solid #9f4d26 !important;}


/*responsive*/
@media all and (max-width: 1240px) {
	.diamondShape {
	    width: 150px !important;
	    height: 150px !important;
	}
	.diamondShape .et_pb_main_blurb_image {
    margin-bottom: 10px;
}
	.diamondShape img {max-width: 50px;}
}
@media all and (max-width: 1050px) {
	.r1 .diamondShape {top: 60px;
}
}
@media all and (max-width: 1024px) {
div.et_pb_section.et_pb_section_0_tb_footer {
    background-size: 40%;
    background-position: left top;
}
}
@media all and (max-width: 980px) {
	.r1 {
    max-width: 100% !important;
    width: 100%;
}
	.r1 .et_pb_column {
    width: 33%;
}
.et_pb_module.et_pb_blurb.et_pb_blurb_5.diamondShape.et_clickable.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_dark {
    margin-right: 15px !important;
}
.et_pb_module.et_pb_blurb.et_pb_blurb_6.diamondShape.et_clickable.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_dark {
    margin-left: 60px !important;
}
	
	.nextDiapo { margin-top: 0 !important;}
	h2 {
    font-size: 28px !important;
}
h1 {
    font-size: 33px !important;
    line-height: 48px !important;
}
.col-container {
    flex-direction: column;
}
.col {
    flex: 1;
    padding: 0;
}
/*** wrap row in a flex box ***/
.switch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
 */