/*======================================
Theme Name: Judith L'Esperance by Kalidao
Theme URI: http://www.kalidao.com
Description: Kalidao Child Theme For Divi
Version: 3.0
Author: Kalidao
Author URI: http://www.kalidao.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*TYPOGRAPHIE*/
body {
	font-size:12pt !important;
	/*font-weight:300 !important;*/
}
h1 {
	font-size: 2.3em !important;
}
#blogmainh1 h1 {
	font-size: 3em !important;
}
h2 {
	font-size:1.8em !important;
	margin-bottom:20px !important;
}
h3 {
	font-size:1.3em !important;
	font-weight:500 !important;

}
h4 {
	font-size:1.3em !important;
}
h5 {
	font-size:1.1em !important;
	font-weight:600 !important;
	text-transform : uppercase !important;
}
h6 {

}
.SousTitre p {
	font-size:1.2em !important;
	margin-bottom:20px !important;	
}

a {
}
p {
	margin-bottom:10px !important;
}
strong {
}
.K-bullets ul {
	list-style-type: none !important;
}
.K-bullets ul li:before {
	content: '\e052'!important;
	color: #502E16;
	font-family: 'ETMODULES'!important;
	margin-right: 10px;
	margin-left: -14px;
	font-size: 1.2em!important;
}
.K-bullets.croix ul li:before {
/*	content: '\24CD' !important;*/
	content: '\51' !important;
	font-weight:600;
	color:red;
}
.K-bullets.et_pb_bg_layout_dark ul li:before{
	color: white;
}

#main-content .listespace ul li{
	padding-bottom:20px;
}

/*POSITIONS - boutons*/
.K-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

/*ANIMATION*/
.animfeuille{
	animation-name: anim1;
	animation-duration: 4s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}
@keyframes anim1 {
  0%   {left:0px; bottom:0px;}
  25%  {left:10px; bottom:-5px;}
  50%  {left:15px; bottom:-10px;}
  75%  {left:20px; bottom:-5px;}
  100% {left:25px; bottom:0px;}
}
/*MENU*/
#logo {
	/*max-height: 80% !important;*/
}
#et-top-navigation {
	/*margin-left: 20% !important;*/
}

@media only screen and (min-width: 981px){
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 35px 0 30px 0 !important;
}
}
@media only screen and (max-width: 1090px){
/*.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
	padding-top: 100px !important;
}
.et_header_style_left .logo_container {
    height:80%;
    width: 100%;
}*/
}	
@media only screen and (max-width: 980px){
/*.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
	padding-top: 100px !important;
}
.et_header_style_left .logo_container {
    height:80%;
    width: 100%;
}*/
}
#et-top-navigation>nav>ul#top-menu>li {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#et-top-navigation ul#top-menu li.menulast {
	padding-right : 20px !important;
}
/*
#et-top-navigation ul#top-menu li.btnEspaceMembres a {
	color:white !important;
    background-color: #0B6773 !important;
	padding-right: 15px !important;
    padding-left: 15px !important;
	border-radius:5px !important;
}
#et-top-navigation ul#top-menu li.btnEspaceMembres a:hover {
	color:black !important;
    background-color: #8CB2AD !important;
}
#et-top-navigation ul#top-menu li a {
	font-size:1.2em !important;
    padding: 10px 0 10px 0 !important;
}
*/
#menu-menu-principal-fr li.btnEspaceMembres a {
	color:white !important;
    background-color: #0B6773 !important;
	padding-right: 15px !important;
    padding-left: 15px !important;
	border-radius:5px !important;
}
#menu-menu-principal-fr li.btnEspaceMembres a:hover {
	color:black !important;
    background-color: #8CB2AD !important;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	font-size:1.2em !important;
    padding: 0px 0 0px 0 !important;
	margin-top: 20px !important;
	margin-bottom:20px !important;
}
@media all and (max-width: 1169px) {
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
}

#top-menu .menu-item-has-children>a:first-child:after {
	position:relative !important;
}

/*Bouton*/
.et_pb_button, .et_button_no_icon .et_pb_button, .et_pb_button:hover, .et_button_no_icon .et_pb_button:hover {
	border-radius:5px !important;
	padding: 5px 15px 5px 15px !important;
	margin: 10px 15px 10px 0px !important;
	font-size: 1.1em !important;;
}


/*Blog Content*/
.blogcontent .et_pb_row {
	margin:0px !important;
  width:100% !important;
}
.blogcontent .et_pb_post_content h3 {
  margin-top: 34px !important;;
}
.et_pb_section_0 {
  padding:0 !important;;
}
.et_pb_ajax_pagination_container article {
	padding:0 !important;
}

.et_pb_testimonial::before {
	position:initial !important;
}

/*BlocFlipBox*/
.BlocFlipBox{}

/*Slider Divi+*/
.dipl_image_card_inner_content_wrapper {
    justify-content: flex-start !important;
}
#main-content .dipl_blog_slider div.dipl_blog_slider_image_wrapper {
    height: auto !important;
}

/*BLOG*/
#main-content .dipl_blog_slider div.dipl_blog_slider_image_wrapper {
    height: auto !important;
}


/*FOOTER*/
#footerbottom {
	font-size:14px !important;
	padding-top: 20px !important;
    padding-bottom: 0px !important;
}
#footerbottom a {
	color: #FFFFFF!important;
}
#footerbottom a:hover {
	color: #F7BED3 !important;
}
#footerbottom h2 {
	padding: 0px !important;
	margin: 0px !important;	
}
#footerbottom h3 {
	padding: 0px !important;
	margin: 0px !important;		
}

@media all and (max-width: 1240px) {
body {
	font-size:1em !important;
}
}

/*RESPONSIVE*/



/*Modifier tailles textes et marges*/
@media all and (max-width: 980px) {
body {
	font-size:1em !important;
}
h1 {
	font-size: 2em !important;
}
.et_pb_row {
    width:90% !important;
	}
#blogmainh1 h1 {
	font-size: 2.5em !important;
}	
}

@media all and (max-width: 412px) {
body {
	font-size:1.1em !important;
}
h1 {
	font-size: 1.7em !important;
}
.et_pb_row {
    width:92% !important;
	}
}