/*
Theme Name: Tempera Haut-Bocage
Version: 1.0
Description: A child theme of Tempera
Template: tempera
*/

@import url("../tempera/style.css");

/* Tempera Custom CSS */ 

/* correction //.post .entry-summary > p {color:red;} //articles accueil */

#site-title {margin-left: 10px;}

#site-description {margin-left: 10px;} 

a:focus {outline: none;}

.searchform {right: 20px;}
@media (max-width: 800px) { 
	.searchform {float: right;} 
}
.searchform input[type="search"]  {float: right;width: 80%;}
.searchform:hover input[type="submit"].searchsubmit {right: -35px;}

#main { background: url('/wp-content/uploads/2016/10/fond.jpg') repeat-y top center; 
margin:0 auto;
} 

#front-text1 {margin: 0;}

.column-image:hover .columnmore {bottom: 10px;}

@media (max-width: 650px) {
	#branding {height: 150px !important;}
	#bg_image {position: absolute !important; top: 0px !important; left: -200px !important; height: 150px !important; width: 1050px !important; max-width: 1050px !important;}
	#header-widget-area {top: 100px !important;}
	#slider{min-height: 290px !important;}
	#front-text1{padding:0 !important;}
}

#front-text1 h1 {background-color: #1693A5; width: 100%;} 

#front-text2 h1 {background-color: #1693A5;} 

#front-text3 blockquote {
	margin-bottom: 20px;
	padding: 15px;
	background: rgba(140,200,210,0.3);
} 

#access {padding: 0; margin: 0;}

.tribe-events-list .tribe-events-event-image + div.tribe-events-content {
	width: 100%;
}

#fourth {
	display: flex;
max-width: 250px;
min-width: 250px;
min-height: 215px;
max-height: 215px;
background: #eeeeee;
}

#fourth ul.xoxo {
	display: flex;
  flex-wrap: wrap;
	flex-direction: column;
}

#fourth ul.xoxo li {
	flex: 1 0 auto;
	width: 100%;
	margin: 0 1rem 0 0;
}

#first {
width: 720px;
max-width: 100%;
min-height: 215px;
max-height: 215px;
background: white;
} 

#pied-infos {
clear: both;
width: 100%; /* fixed syntax issue by adding ; */
max-width: 100%;
color: #909090;
}

#pied-infos .pied-colonne{
display: inline-block;
min-width: 140px;
float: left;
padding: 10px;
border-right: 1px solid #dadada;
min-height: 200px;
}

#pied-infos .pied-titre {
font-size: 14px;
color: #5a5a5a;
margin-bottom: 10px;
font-weight: bold;
}
/* Faire glisser la présentation des communes en bas sur smartphone */

@media screen and (max-width: 768px)
{
div#pp-afterslider {display: table;}
div#front-columns {display: table-footer-group; margin: 0;}
div#front-columns .column1 {border-top: 5px solid #1693A5;}
}

/*						   */
/* Affichage page météo	   */
/*						   */

.wu-current-conditions {
border: solid #eeeeee 5px;
left: -5px;
margin: 0;
padding: 0;
} 

.wu-forecast-wrapper{
	margin: 10px;
}
.wu-forecast-wrapper div {
    margin: 0;
}

.entry-content code {
    white-space: normal;
}

/*						   */
/* Actus bandeau de droite */
/*						   */

#main .widget-area ul ul {
	margin-left: 0px;
}

#main .widget-area ul ul li {
	margin-left: 0px;
	padding-left: 10px;
	-webkit-transition: background-color 0.3s, padding 0.3s;
	transition: background-color 0.3s, padding 0.3s;
}

li#recent-posts-2.widget-container.widget_recent_entries ul li:hover, li#recent-posts-2.widget-container.widget_recent_entries ul li:focus {
	background-color: white;
}

li#categories-2.widget-container.widget_categories ul li:hover, li#categories-2.widget-container.widget_categories ul li:focus {
	background-color: white;
	padding-left: 20px;
}

ul li.cat-item.cat-item-6, ul li.cat-item.cat-item-3 {
	margin-bottom: 20px;
}

/*						 	    */
/* Patrimoine bandeau de gauche */
/*							    */

#patrimoine1, #patrimoine2, #patrimoine3, #patrimoine4 {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

/*							 */
/* Evènements en bas de page */
/*							 */

li#tribe-events-list-widget-2.widget-container.tribe-events-list-widget div ol.tribe-list-widget li.tribe-events-list-widget-events {
	position: relative;
	display: inline-block;
	min-width: 140px;
	max-width: 140px;
	text-align:center;
	float: left;
	margin: 5px;
	padding: 7px;
	border-right: 1px solid #dadada;
	border-top: 1px solid #dadada;
	min-height: 110px;
	background: white url('/wp-content/uploads/2016/10/coin-post-it.png') no-repeat bottom left;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

@media screen and (max-width: 400px) {
	li#tribe-events-list-widget-2.widget-container.tribe-events-list-widget div ol.tribe-list-widget li.tribe-events-list-widget-events {min-width: 125px; max-width: 125px; min-height: 130px;}
}

li#tribe-events-list-widget-2.widget-container.tribe-events-list-widget div ol.tribe-list-widget li.tribe-events-list-widget-events:hover {
	background-color: #fee7b0;
}

.tribe-events-list-widget li.tribe-events-list-widget-events .tribe-event-title a {
	font-family: 'Asap Condensed', sans-serif;
	font-size: 18px !important;
}

.tribe-event-date-start {
	font-size: 12px;
}

.tribe-events-widget-link {
	text-align: center;
	font-weight: normal;
} 

.tribe-events-list-widget {
	height: 215px;
}

div#first.widget-area {
	position: relative;
}

a#liste-evenements {
	text-align: center;
	position: absolute;
	width: 100%;
/*	bottom: 5px; */
}

a#lien-evenement {
	/*position: absolute; fix */
	top: 0px; left: 0px;
	width: 100%; height:100%;
}

/*											 */
/* Pour afficher un événement dans le header */
/*	WIP !									 */

#header-full .tribe-events-list-widget li.tribe-events-list-widget-events {
background: orange;
padding: 0px;
margin: 0px;
height: 26px;
}

/*					*/
/* Bulles du slider */
/*					*/

.slider-bullets .nivo-controlNav a { background-color: #fff; box-shadow: 0 0 3px #666; } 
.slider-bullets .nivo-controlNav a:hover { background-color: #660000; } 

/*							  		*/
/* Bouton de retour en haut de page */
/*							  		*/
#toTop {
	background: url('/wp-content/uploads/2017/09/bouton.jpg') top left;
	height: 100px;
	width: 40px;
  padding: 8px;
	border-radius: 0 4px 20px 0;
	border: 1px solid #ddd;
	color: #222;
}
.crycon-back2top {
	display: block;
  text-align: center;
}

/*							  */
/* Articles en page d'accueil */
/*							  */
.magazine-layout #content article.post, .magazine-layout.search #content article {
	float: left;
	width: 100%;
	padding: 0;
	box-shadow: 0 3px 6px 0 #656565;
	background: rgba(255,255,255,0.5);
	color: #6a6c6e;
	position: relative;
	border-radius: 0;
	-webkit-transition: border-radius 0.3s;
	transition: border-radius 0.3s;
	pointer-events: none;
}

.edit-link {opacity:0;}

.lien-article {
	border: 1px solid transparent;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: border-color 0.3s, border-width 0.3s, border-radius 0.3s;
	transition: border-color 0.3s, border-width 0.3s, border-radius 0.3s;
	z-index: 4;
	border-radius: 0px 0px 0px 0px;
	pointer-events: auto;
}
.lien-article:hover, .lien-article:focus {
	border: 10px solid rgba(140,200,210,0.6);
/* correction	border-radius: 50px 0px 0px 50px; */
	}

a.lire-la-suite {
	border: 1px solid transparent;
	-webkit-transition: border-color 0.3s, border-width 0.3s;
	transition: border-color 0.3s, border-width 0.3s;
	z-index: 4;
	float: right;
}
.magazine-layout #content article.post:hover a.lire-la-suite , .magazine-layout #content article.post:focus a.lire-la-suite {
	border-right: 20px solid transparent;
	color: #d6341d;
}

/*                 			  */
/* Bouton "Articles suivants" */
/*							  */

#cryout_ajax_more_trigger {
	-webkit-transition: background 0.3s, border 0.3s;
	transition: background 0.3s, border 0.3s;
	border: solid transparent 2px;
}

#cryout_ajax_more_trigger:hover {
	background: #fad9d6;
	border-bottom: solid #d6341d 2px;
}

/*                 				  */
/* Le widget météo en bas de page */
/*								  */

#div-meteo {
	position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 4;
	pointer-events: auto;
}

@media screen and (max-width: 1100px) {
	#fourth {max-width: 100%; width: 100%; text-align: center; margin-top: 10px;}
	#first {width: 100%;}
}

div.wu-wrapper.wu-current-conditions.wp_wunderground {
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	pointer-events: none;
	width:250px;
	display: inline-block;
	float: none;
}

div.wu-wrapper.wu-current-conditions.wp_wunderground:hover {
	background-color: white;
}

div.wu-wrapper.wu-current-conditions.wp_wunderground #a-meteo {
	position: absolute; left: 15px; bottom: 0px; font-size: 14px;
	-webkit-transition: left 0.3s, bottom 0.3s, color 0.3s;
	transition: left 0.3s, bottom 0.3s, color 0.3s;
}

div.wu-wrapper.wu-current-conditions.wp_wunderground:hover #a-meteo {
/* fix	left: 20px; */
/* fix	bottom: 20px; */
	color: #d6341d;
}

.wu-current-conditions .wu-cond-text {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/*                 				  */
/* Plan interactif en bas de page */
/*								  */

#plan-interactif-fond {
	position: relative;
	width: 200px; height: 158px;
	background: url('/wp-content/uploads/2017/10/plan-interactif2.png') top left;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 0.7;
}

#plan-interactif {
	position: absolute;
	width: 200px; height: 158px;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#plan-interactif-fond:hover, #plan-interactif-fond:focus {
	opacity: 1;
}

#plan-interactif:hover, #plan-interactif:focus {
	opacity: 1;
}

/*                 				*/
/* Module abonnement actualités */
/*								*/

.es_textbox_button {
    background: #D6341D;
    color: #F7F7F7;
	border-radius: 10px;
	padding: 5px 20px;
	cursor: pointer;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

.es_textbox_button:hover, .es_textbox_button:focus {
    background-color: #1693A5;
}

#abo-module {
  display: block;
	position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 800px) {#abo-module {top: -20px; height: 30px;}}

#es_shortcode_msg {padding: 0; min-height: 18px;}

.es_widget_form {text-align: center; line-height: 0.5; font-family: 'Asap Condensed', sans-serif;}


/* W3P 2024-02-28 ajouts */
#evcalwidget_sc-2.widget-container.EvcalWidget_SC,
#evcalwidget_sc-4.widget-container.EvcalWidget_SC,
#evcalwidget_sc-5.widget-container.EvcalWidget_SC {
	width: 100%;
}
#evcal_widget {
	width: 50%;
	max-width: 470px;
	min-width: 310px;
	margin: 0 auto;
}







/*#region W3P : MAJ site + theme ########################## */

/* #region Menu ////////////////////////////////// */
header #masthead nav div.menu {
	height:  100%;
}
header #prime_nav {
	display: inline-flex;
  width: 100%;
	display: flex;
	flex-wrap: wrap;
}

header #masthead nav .menu li,
header #masthead nav .menu li a,
header #masthead nav .menu li a span,
header #masthead nav .menu li.menu-item-has-children > a {
	height: 40px;
}
header #masthead nav .menu > li.menu-hover {
	height: inherit;
}
#access > .menu > ul > li > a > span {
	display: flex;
  align-items: center;
  justify-content: center;
	padding: 0.5rem;
  line-height: 1;
  box-sizing: border-box;
}
#prime_nav li {
	flex: 1 0 auto;
}

#access > .menu li a:not(:only-child) > span, #access > .menu > ul > li > a:not(:only-child) > span {
	height: 100%;
	padding: 0;
}
#access > .menu > ul > li a:not(:only-child) > span::after {
	position: inherit;
	top: inherit;
	right: inherit;
	padding-left: 0.25rem;
}

/* Sous menu */
header #access .sub-menu li.menu-item-has-children a {
	height: 40px;
  padding: 4px 8px;
}
header #access .sub-menu li.menu-item-has-children a > span::after {
	position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  padding: 0;
  transform: rotate(270deg) !important;
}
header #access .sub-menu a > span {
  padding: 4px 8px;
  height: 40px;
  box-sizing: border-box;
}

/* Recherche */
.menu-main-search {
	display: none !important;
}
/* #endregion Menu ////////////////////////////////// */

/* #region Titres ////////////////////////////////// */
#front-text1,
#front-text2 {
	padding: 0;
  text-align: center;
  color: #fff;
}
#front-text1 h1,
#front-text2 h1,
#evcalwidget_sc-2 .widget-title {
	background-color: #1693A5;
	display: flex;
  align-items: center;
  justify-content: center;
	min-height: 50px;
	margin-top: 64px;
	padding: 0;
	font-size: 1.76470rem;
	font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 0;
}
#front-text1 h1 {
	margin-top: 0;
}
/* #endregion Titres ////////////////////////////////// */


/* #region Home ////////////////////////////////// */
#front-text3 {
	margin: 0;
	padding: 0;
}

/* #region Home : Slider ---------------- */
.continue-reading-button {
	display: none;
}
/* #endregion Home : Slider ---------------- */

/* #region Home : Presentation communes */
#front-columns .column-text {
  font-size: 13px;
  line-height: 1.25;
  padding: 16px 24px 0;
}

#front-columns .columnmore a {
	background: #D6341D;
	border-radius: 10px;
  padding: 5px 20px;
	transition: background .2s ease-out;
}
#front-columns .columnmore a:hover {
	background: #1693a5;
}

#front-columns .column-image:hover .columnmore {
	bottom: 12px;
}


/* #region Home : Actualites ------------ */
/* Articles */
#container article {
  background: url('/wp-content/uploads/2017/10/fond-articles.jpg') no-repeat right bottom #fff;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
  padding: 1rem;
	min-height: 175px;
  color: #6a6c6e;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.35);
	transition: all 0.15s ease;
}

#container article #contenu-article {
	padding: 10px 10px 10px 20px;
  width: 50%;
  height: 100%;
  float: right;
}

#container article .entry-header {
	padding-left: 50%;
}

#container article img {
	position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 45%;
	margin: 0;
	z-index: 1;
}

/* Texte article */
#container article .entry-summary {
	padding-left: 50%;
}

#container article .entry-summary > a:first-of-type {
	position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
	border: 12px solid transparent;
	z-index: 99;
}
#container article .entry-summary a:first-of-type:hover {
	border: 12px solid #badee4;
}

/* Lire la suite */
#container p.continue-reading-button {
	position: absolute;
	bottom: -0.25rem;
  right: 0.5rem;
	transition: all 0.15s ease;
}
#container article .entry-summary a:first-of-type:hover ~ p.continue-reading-button {
	margin-right: 0.5rem;
}
#container article .entry-summary a:first-of-type:hover ~ p.continue-reading-button a.continue-reading-link,
#container article .entry-summary a:first-of-type:hover ~ p.continue-reading-button .crycon-right-dir {
	color: #D6341D;
}

#container a.continue-reading-link {
	background: transparent;
  text-transform: uppercase;
  color: #1693a5;
  border: 0;
}

/* Formulaire abonnement actu */
.abo-zone-cta {
	position: absolute; right: 0; z-index: 1000; width: 230px; height: 50px; overflow: hidden; -webkit-transition: height 0.8s; transition: height 0.8s;
	top: 0;		
}
.abo-cta-formulaire {
	position: absolute; right: 0; bottom: 0; height: 364px; width: 230px; z-index: 1000;
}
.abo-formulaire {
	background-color: #dceef1; height: 314px; padding: 10px; text-align: center; font-size: 12px;
}
.abo-titre {
	background-color: #A3010A; color: #ffffff; padding: 5px; font-size: 14px;  height: 50px; text-align: center; cursor: pointer; transition: background-color 0.8s; transition: background-color 0.8s;
}
@media screen and (min-width: 0) {
	.abo-zone-cta {
		top: 0;		
	}
}
@media screen and (min-width: 768px) {
	.abo-zone-cta {
		top: -50px; 
	}
}
/* #endregion Home : Actualites ------------ */


/* #region Home : Calendrier ------------------- */
/* Calendrier */
#evcal_widget {
	width: 100%;
  max-width: inherit;
}
.ajde_evcal_calendar.boxy.box_2 .eventon_list_event,
.ajde_evcal_calendar.boxy.box_2 .evoShow_more_events {
	width: 100%;
}

/* Cards event */
.ajde_evcal_calendar.boxy .eventon_list_event.hasbgimg,
.evo_boxtop {
	border-radius: 0 !important;
}
/* #endregion Home : Calendrier ------------------- */

/* #region Footer ------------------- */
/* Suppression credit */
#footer2 > span {
	display: none !important;
}
/* #endregion Footer ------------------- */
/* #endregion Home ////////////////////////////////// */
/*#endregion W3P : MAJ site + theme ########################## */