/*
 Theme Name: Divi-Child
 Description: a Divi child theme for Aphie's Website
 Author: Raphaelle Lecot
 Template: Divi
 Version: 1.0
*/

/* ****************************************************** */
/* *** General                                            */
/* ****************************************************** */

/* Bug Pied de page */
.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget{float:none!important;}

/* ****************************************************** */
/* Personnalisation des titres                            */
/* ****************************************************** */
h2{
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 20px;
}
 h2.titre::before {
	background: #748da6;
    display: inline-block;
    width: 92px;
    height: 2px;
    content: '';
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}
h3{
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 20px;
}

/* ****************************************************** */
/* *** PAGE NEWS + CATEGORY                               */
/* ****************************************************** */
/* Post_thumbnail */
.et_pb_post a img {
	float: left;
	margin: 10px 0px 10px 0px;
    padding: 2px ;
}

@media screen and (min-width:968px) {
/* Miniature dans le listing d'articles */
	 .et_pb_post a img {
		margin: 10px 20px 10px 20px;
	}
/* Images dans les articles impactés par la propriété précédente */
	 .et_pb_post .entry-content a img {
		margin: auto;
	}
}


/* ****************************************************** */
/* PAGE NEWS + ARCHIVE*/
/* ****************************************************** */
.archive article,
#custom-blog article{
	border: solid 1px #ddd;
	background-color:#fff;
	transition: all 0.5s ease-in-out 0s;
	overflow: hidden;
}
.archive article:hover,
#custom-blog article:hover{
	box-shadow: 0px 2px 4px rgba(0, 0, 0, .1);
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	z-index: 5;
}
.archive article h2:hover,
#custom-blog h2:hover {
    color: #fea852;
}
.archive article h2,
#custom-blog h2{
	margin-top:30px;
	transition: all 0.5s ease-in-out 0s;
    margin-bottom: 0px;
	/* display:inline-block!important; */
	/* min-width:100px!important; */
}



/* ****************************************************** */
/* *** POST META                                          */
/* ****************************************************** */

/* POST META  */
#left-area .post-meta a,
.et_pb_blog_0 .et_pb_post .post-meta a{
	font-size: 16px;
	color: #748da6;
	margin-bottom: 20px;
}
.et_pb_blog_0 .et_pb_post .post-meta{
	margin-bottom:20px;
}

/* ****************************************************** */
/* *** MORE-LINK                                          */
/* ****************************************************** */
#custom-blog a.more-link{
	float:right;
	clear:none!important;
	color:#fff;
	padding: 0.3em 1em !important;
	background-color: #748da6 !important;
	margin-top:20px;
	margin-right:40px;
	margin-bottom:20px;
}
#custom-blog a.more-link:hover{
	background-color: #99b4cf !important;
	transition: all 0.5s ease-in-out 0s;
}

/* ****************************************************** */
/* *** WIDGET                                             */
/* ****************************************************** */
#recent-posts-2 ul{
	list-style-type: disc;
}
#recent-posts-2 ul li a{
	font-weight:400;
}
h4.widgettitle{
	margin-bottom:10px;
}

/* ****************************************************** */
/* *** PAGINATION ARTICLES                                */
/* ****************************************************** */
.et_pb_posts_nav .nav-next,
.et_pb_posts_nav .nav-previous{
	border: 1px solid #748da6;
	padding: 8px;
	border-radius: 2px;
	margin-top:10px!important;
}


/* ****************************************************** */
/* *** PAGE EVENEMENT                                     */
/* ****************************************************** */
.evenement{
	transition: all 0.5s ease-in-out 0s;
}
.evenement:hover {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, .1);
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	z-index: 5;
}

/* ****************************************************** */
/* *** HOMEPAGE                                           */
/* ****************************************************** */
.home .et_pb_slide_description h2 a:hover{
	color: #fea852;
	transition: all 0.5s ease-in-out 0s;
}


/* ****************************************************** */
/* *** ULTIMATE MEMBER                                    */
/* ****************************************************** */
/* 
Ultimate member default blue color #3ba1da and hover color #44b0ec can be overwritten using CSS. 
                                   748da6                   ff9933        
*/
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color{
    color: #748da6!important;
}

.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover{
    background: #748da6!important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background: #ff9933!important;
}

.um input[type=submit]:disabled:hover {
    background: #748da6!important;
}

.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active {
    background: #748da6!important;
}

.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5!important;	
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
    background: #e5e5e5!important;
}

.um a.um-link {
    color: #748da6!important;
}

.um input[type=submit].um-button:hover,
.um a.um-button:hover {
    background-color: #ff9933!important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #ff9933!important;
}
/* ****************************************************** */
/* Blocage de la photo de couverture sur fiche membre */
.um-profile.um-editing2 .um-cover.has-cover .um-cover-overlay{
	display:none!important;
}

.um-member-photo.radius-2 img{
	border-radius: 750px !important;
}

/* ****************************************************** */
/* PAGE ANNUAIRE */
@media all and ( max-width: 600px ) {
	.um-55 .um-member-photo {
		padding: 40px 0 20px 0;
		text-align: center;
		display: none;
	}
/*.um-55 um-member-card  padding-bottom:0px!important; */
}


/* ****************************************************** */
/* FORMULAIRES DU SITE */
/* ****************************************************** */


#form-adhesion,
.form-event{
	border:1px rgba(116,141,166,0.5) solid;
}
#form-adhesion .et_pb_contact_field_radio,
.form-event .et_pb_contact_field_0  .et_pb_contact_field_options_list,
.form-event .et_pb_contact_field_12 .et_pb_contact_field_checkbox,
.form-event .et_pb_contact_field_15 .et_pb_contact_field_radio{
	display:none;
}
#form-adhesion .et_pb_contact_field_options_title,
.form-event .et_pb_contact_field_options_title{
	font-size:1.6em;
	font-weight:400;
	color:#686868;
	margin-top:30px;
	margin-bottom:0!important;
}
#form-adhesion,
.form-event{
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);
}

 

/* ****************************************************** */
/* *** CUSTOM ACCORDEON                                   */
/* ****************************************************** */
.et_pb_accordion.custom-accordion {
    position: relative;
}

.et_pb_accordion.custom-accordion:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #ff0000;
    position: absolute;
    top: 0;
    left: 0;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right:before {
    right: 0;
    left: auto;
}

.et_pb_accordion.custom-accordion .et_pb_toggle {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle {
    text-align: right;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_title {
    color: #ff0000;
    padding: 15px 0 15px 65px;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_title {
    padding: 15px 65px 15px 0;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_title:before {
    overflow: hidden;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #ff0000;
    color: transparent;
    left: -9px;
    right: auto;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_title:before {
    left: auto;
    right: 0;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_title:hover {
    color: #ff0000;
}

.et_pb_accordion.custom-accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    font-size: 30px;
    font-weight: bold;
    color: #ff0000 !important;
}

.et_pb_accordion.custom-accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
    padding: 5px;
    margin: -15px 0 0 -14px;
    color: #FFF;
    text-shadow: 1px 1px 0 #e60d0d, 2px 2px 0 #e60d0d, 3px 3px 0 #e60d0d, 4px 4px 0 #e60d0d, 5px 5px 0 #e60d0d, 6px 6px 0 #e60d0d, 7px 7px 0 #e60d0d, 8px 8px 0 #e60d0d, 9px 9px 0 #e60d0d, 10px 10px 0 #e60d0d, 11px 11px 0 #e60d0d, 12px 12px 0 #e60d0d, 13px 13px 0 #e60d0d, 14px 14px 0 #e60d0d, 15px 15px 0 #e60d0d, 16px 16px 0 #e60d0d, 17px 17px 0 #e60d0d, 18px 18px 0 #e60d0d, 19px 19px 0 #e60d0d, 20px 20px 0 #e60d0d, 21px 21px 0 #e60d0d, 22px 22px 0 #e60d0d, 23px 23px 0 #e60d0d, 24px 24px 0 #e60d0d, 25px 25px 0 #e60d0d, 26px 26px 0 #e60d0d, 27px 27px 0 #e60d0d, 28px 28px 0 #e60d0d, 29px 29px 0 #e60d0d, 30px 30px 0 #e60d0d, 31px 31px 0 #e60d0d, 32px 32px 0 #e60d0d, 33px 33px 0 #e60d0d, 34px 34px 0 #e60d0d, 35px 35px 0 #e60d0d;
    background-color: #ff0000;
    left: 0;
    right: auto;
    -webkit-transform: scale(3);
       -moz-transform: scale(3);
        -ms-transform: scale(3);
         -o-transform: scale(3);
            transform: scale(3);
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    margin: -15px -14px 0 0;
    left: auto;
    right: 0;
}

.et_pb_accordion.custom-accordion .et_pb_toggle .et_pb_toggle_content {
    padding: 0 0 15px 65px;
}

.et_pb_accordion.custom-accordion.et_pb_text_align_right .et_pb_toggle .et_pb_toggle_content {
    padding: 0 65px 15px 0;
}

/* ****************************************************** */
/* *** PERSONNALISEUR DE THEME     12/12/2020             */
/* ****************************************************** */

.et_pb_text_overlay_wrapper h2{
	margin-bottom:0px!important;
}

/* BOUTONS */
.orange-button{
	color:#fff!important;
	border:none!important;
	border-radius:0px!important;
	background-color: #ff9933!important;
	transition: all 0.5s ease-in-out 0s;
}
.orange-button:hover{
	background-color: #fea852!important;
}
.blue-button{
	color:#fff!important;
	border:none!important;
	border-radius:0px!important;
	background-color: #748da6!important;
	transition: all 0.5s ease-in-out 0s;
}
.blue-button:hover{
	background-color: #99b4cf !important;
}

.um-member{
	background:  url('https://www.aphie.fr/wp-content/uploads/2018/12/Fond-fiche-adherent-aphie.jpg') no-repeat fixed center!important;
}

/* Bug Pied de page */
.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget{
	float:none!important;
}

/* BOUTON COOKIES */
#cn-accept-cookie,#cn-more-info{
	background-color:#FEA852!important;
	color:#fff;    
	border-color: #FEA852; 
	background: #fea852;
	text-shadow: none;
}

/* BLOG HOME */ 
#blog-home img{
	max-width:300px;
	height:100%;
	width:auto!important;
}


.et_pb_post_slider_image_right .et_pb_slide_image{margin-right:12%!important}

@media all and (max-width:560px) {
	#custom-blog h2{
		margin-top:10px;
		display:inline-block;
		padding: 0 10px;
	} 
	#custom-blog p{
		padding: 0 10px;
	} 
}

/* Blocage de la photo de couverture sur fiche membre */
.um-profile.um-editing2 .um-cover.has-cover .um-cover-overlay{
	display:none!important;
}

.um-member-photo.radius-2 img{
	border-radius: 750px !important;
}

/*CHAMPS DE RECHERCHE Page Annuaire */
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
    justify-content: center!important;
}
.um-button{padding: 0.3em 1em !important;border-radius: 0px !important;
background-color: #748da6 !important;font-size: 20px;
font-weight: 500;
line-height: 1.7em !important;}
.um .um-form input[type="search"],.um .um-form input[type="text"]{border-width: 1px!important;
border-color: rgba(116,141,166,0.7)!important;}
/* MENU DEROULANT */
/* Decalage suite icone membre */
#top-menu-nav .sub-menu{right: -100px;}


/* SONDAGE */
.bouton-sondage{
padding: 0.3em 1em!important;
	color: #fff!important;
    border-width: 0px!important;background-color: #ff9933!important;font-size: 20px;
    font-weight: 500;
}