/*
Theme Name: Divi Community Child Theme
Description: Theme enfant de Divi par Divi Community
Author: Julien - WebMate
Author URI: https://www.divi-community.fr
Template: Divi
Version: 1.1
*/

/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}

/*
** CSS des FONTS
*/

body {
	font-family: Helvetica;
	font-size: 15px;
	line-height: 25px;
	color: #222222 !important;}

.et_pb_button{
	text-decoration: none;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #f25353;
}

a:hover {
  color: #f25353;
  text-decoration: underline;
}

p {
	font-family: Helvetica;
	font-size: 15px;
	line-height: 25px;
	color: #222222;
}

h1 {
	font-family: Arial;
	font-size: 2.5em;
	line-height: 1em;
	color: #339cac !important;
}

h1.entry-title {
	color: #339cac !important;
}

h2 {
	font-family: Helvetica;
	font-size: 2em;
	line-height: 1.5em;	
	color: #f25353 !important;
}

h3 {
	font-family: Arial;
	font-size: 1.7em;
	line-height: 2em;
	text-decoration: none;
	color: #339cac !important;
}

h4 {
	font-family: Helvetica;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #f25353 !important;
}

@media only screen and (max-width: 980px) {
h1 {
	font-size: 2.5em;
	font-family: Arial;
	}
h2 {
	font-size: 1.5em;
	text-transform: none;
	font-family: Helvetica;
	}
h3 {
	font-size: 1.3em;
	font-family: Arial;
	}
h4 {
	font-size: 1.2em;
	font-family: Helvetica;
	}

}

#top-menu li a {
    font-size: 13px;
    color: #339cac;
}
#top-menu li a:active {
    font-size: 13px;
    color: #f25353 !important;
}
#top-menu li a:hover {
    font-size: 13px;
    color: #f25353 !important;
}

@media only screen and (max-width: 1350px) and (min-width: 1221px) {
.et-menu a {
        font-size:12px !important;
    }
}

@media only screen and (max-width: 1220px) and (min-width: 1081px) {
.et-menu a {
        font-size:10px !important;
    }
}

@media only screen and (max-width: 1080px) and (min-width: 981px) {
.et-menu a {
        font-size:8px !important;
    }
}

/* Aligner les boutons & les centrer dans une meme colonne */

.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 25px;
}

.btn-inline {
    text-align: center !important;
}

/* MOBILE MENU sticky */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important;
}
}

/* Menu mobile COLLAPSE */
@media only screen and ( max-width:980px ) {
	#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
	#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
	#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 20px; }
	#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
	#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
	#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
}

/* Changer l'ordre des colonnes en Vmobile */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  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;
	}
}

/* DISABLE LIGHTBOX for GALLERY */
.disable-lightbox a {
pointer-events: none;
}
 
.disable-lightbox .et_overlay {
display: none !important;
}

.et-pb-slider-arrows a { pointer-events: auto; }

/* Modifier les flèches des galeries */
.et-pb-arrow-prev {content:"\23";background-color:#f25353; opacity: 0.5;left: 15px; color: #fff!important; font-size: 30px !important; width: 30px;}
.et-pb-arrow-next {content:"\24";background-color:#f25353; opacity: 0.5;right: 15px;color: #fff!important; font-size: 30px !important;}

/* Ne pas afficher les navigation bullets sur les galeries photos */
.et-pb-controllers {display:none;}

/* Ne pas afficher le scroll horizontal */
#page-container {
    overflow-x: hidden;
}

/* Sticky Side Buttons */
#ssb-container {
    position: fixed;
    top: 50%;
    z-index: 9999;
}

/* Sticky Header Divi 4 */
#divi-sticky-header {
	top: 0;
	width: 100%;
	z-index: 99 !important;
}

/* Custom Mega Menu Categories */
@media all and (min-width: 981px) {
	.et-menu-nav li.mega-menu>ul>li>a:first-child {
		font-weight: 900;
		font-size:15px;
	}
}

@media all and (min-width: 981px) {
	#menucategorieup {
		font-weight: 900;
		font-size:15px;
	}
}

/* Cacher items menu mobile sur desktop */
@media only screen and (max-width: 980px) {
    .mobile-menu-item { display: none !important; }
}

/* Changer la couleur des bullet points */
.bullet-customize ul {
  list-style: none; /* Remove default bullets */
}

.bullet-customize ul li::before {
	content: "\002B";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #f25353; /* Change the color */
	font-size: 1.5em;
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */

}

/* Customize Comments Form */

.comment-form-url{
	display: none;
}

/* Customize padding blurb icon H3 */
.blurb_h3 .et-pb-icon {
padding-top: 15px !important;
}

/* menucategorieup menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-473 */

/* Contact Form 7 Form Background And Border CSS
 -----------------------------------------------*/
 .wpcf7 {
	background: transparent;
	border: 0px solid #ffffff;
	width: 100%;
	padding: 20px 20px 20px 20px !important;
 }

/* Contact Form 7 Input CSS 
 ---------------------------*/
 .wpcf7 input[type="text"],
 .wpcf7 input[type="email"],
 .wpcf7 input[type="tel"],
 textarea {
	font-size: 13px;
	color: #333333;
	background-color: #ffffff;
	 border: none;
	border-bottom: 2px solid #f25353 !important;
	width: 96%;
	padding: 2%;
 }

/* Contact Form 7 Submit Button 
 -------------------------------*/
 .wpcf7 input[type="submit"] {
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	background: #f25353;
	padding: 15px 25px 15px 25px;
	border: none;
	border-radius: 5px;
	width: auto;
 }
 .wpcf7 input:hover[type="submit"] {
	background: #494949;
	transition: all 0.4s ease 0s;
 }
 .wpcf7 input:active[type="submit"] {
	background: #000000;
 }

/* Mobile Menu Edits */

.mobile_menu_bar:before {
content:"\61";
}
 
.mobile_menu_bar:after {
content:'Menu';
font-weight:900;
text-transform:uppercase;
line-height:1;
position:relative;
font-size:13px;
top:-10px;
padding-left:8px;
padding-right:10px;
color: #339cac;
}
/* End Mobile Menu Edits */

/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile */
@media all and (max-width: 980px) {
/* align header container text to left */
    .et_header_style_centered #main-header .container,
    .et_header_style_split #main-header .container {
        text-align: left;
    }
/* set max width for logo container and bring it above the navigation bar to make it clickable */
    .et_header_style_centered header#main-header .logo_container,
    .et_header_style_split header#main-header .logo_container {
        position:relative;
        z-index: 2;
        max-width: 50%;
    }
/* move split header logo to left */
    .et_header_style_split header#main-header .logo_container {
        float: left;
    }
/* prevent the split header logo from shrinking by increasing its max width */
    .et_header_style_split #logo {
        max-width: 100%;
    }
/* adjust top navigation alignment */
    .et_header_style_centered #main-header div#et-top-navigation,
    .et_header_style_split #main-header div#et-top-navigation {
        position: absolute;
    }
/* make "select page bg color transparent" */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         background-color: rgba(0, 0, 0, 0); 
    }
/* remove mobile_nav left and right padding */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         padding: 5px 0px;
    }
/* remove unnecessary top margin */
    .et_header_style_centered #et_mobile_nav_menu,
    .et_header_style_split #et_mobile_nav_menu {
        margin-top: 0px;
    }
/* hide "select page" container */
    .et_header_style_centered #main-header .mobile_nav .select_page,
    .et_header_style_split #main-header .mobile_nav .select_page {
        display: none;
    }
/* adjust vertical and right alignment of the mobile menu bar */
    .et_header_style_centered #main-header .mobile_menu_bar,
    .et_header_style_split #main-header .mobile_menu_bar {
        position: relative;
		margin-top: -40px;
        right: 0px;
        text-align: right;
    }
/* adjust dropdown menu top offset */
    .et_header_style_centered #main-header .et_mobile_menu,
    .et_header_style_split #main-header .et_mobile_menu {
        top: 30px;
    }
}

/*  CSS to style the Back To Top Button */
.et_pb_scroll_top.et-pb-icon.et-visible, .et_pb_scroll_top.et-hidden {
/* Change background color */
background: #C4C0BC;
/* Change arrow color */
color: #ffffff;
/* Change border width, style and color */
border: 2px solid #339cac;
}