/*
 Theme Name:   PABU
 Theme URI:    https://generatepress.com/forefront/
 Description:  Forefront is a GeneratePress child theme with two sidebars and a red color scheme. Using GeneratePress you can alter the child theme to your taste in minutes. Forefront is mobile responsive, W3C Markup Validated, Schema.org integrated, search engine friendly, cross browser compatible and 100% translatable. See more about GeneratePress here: http://generatepress.com
 Author:       Qualité Informatique
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      1.0.3
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

 Forefront, Copyright 2016 Thomas Usborne
 Forefront is distributed under the terms of the GNU GPL

 Forefront is a child theme of GeneratePress
 
 It's not recommended to add CSS to this file, as it will be lost if you ever update this child theme.
 Instead, use a Custom CSS plugin.
 
 */
 @font-face {
    font-family: Satisfy;  
    src: url('https://www.ville-pabu.fr/wp-content/themes/forefront/fonts/Satisfy-Regular.ttf');  
	src: url('https://www.ville-pabu.fr/wp-content/themes/forefront/fonts/Satisfy-Regular.woff') format('woff');
    font-weight: normal;  
}
 

body {
	background-color:#f8f8f8  !important;
	background-image:	url('https://www.ville-pabu.fr/wp-content/uploads/2021/07/Mairie-de-pabu-photo.jpg') !important;
	background-repeat: no-repeat ;
	background-position: top !important;
	/*background-image:none;background:#FFF !important;*/
	background-size:cover;
	background-attachment: fixed;}
	
body .grid-container {max-width: 100%;}	
body.archive .entry-content, body.page-parent .entry-content, body.page-child .entry-content{padding:20px !important;padding-top:0px !important;}
body.home .entry-content {padding:0px !important;}
header{/*border:1px solid #888;*/}
.inside-header {padding: 5px 30px 5px 50px !important;background-color: #FFFFFF!important;}
.main-navigation {z-index: 100;height: 50px !important;}
.nav-aligned-left.nav-below-header .main-navigation, .nav-aligned-left.nav-above-header .main-navigation {text-align: center !important;}

/*menu*/
.main-navigation .main-nav ul ul .current-menu-item > a, .main-navigation .main-nav ul ul .current-menu-parent > a, 
.main-navigation .main-nav ul ul .current-menu-ancestor > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a  {color: #FFFFFF;  background-color: #D08F2E;}
}
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,
 .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, 
 .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
	 color: #ffffff!important;
	background-color: rgb(30, 115, 190)!important;}


.main-title{font-size: 28px!important;padding-top: 15px !important;text-transform: none;}
#page{border:1px solid #888;border-top:0px;border-bottom:0px;}
 
 .page .entry-title {display:none !important}
 #les-ecoles .entry-title {display:block !important}
 article {padding:20px !important;}
 .archive article {}
 .home article {padding:0px !important;}

 
.header-widget {float: left;/*width:100%; max-width:100%;*/}
/*.site-header {}*/
.site-header {background-color: rgb(30,127,203)!important;background: linear-gradient(180deg, rgba(30,127,203,1) 0%, rgba(208,143,46,1) 100%);}
.widget-title {
	border-bottom: 1px solid #efefef;
	padding-bottom: 8px;
	margin-bottom: 10px;
	text-align: center;
}

.site-main {
	border:none;
}	 

.inside-article {
	background: #FFF !important;
	padding: 0px 0px !important;
	width: 80%;
	margin: 0 auto;
	box-shadow: 0 8px 6px -6px #5a5a5b;
	 -moz-box-shadow: 0 8px 6px -6px #5a5a5b;
	 -webkit-box-shadow: 0 8px 6px -6px #5a5a5b;
/*background: transparent !important;*/padding: 10px !important;
}

#france-services .inside-article {
	background: transparent !important;
	padding: 0px 0px !important;
	width: 80%;
	margin: 0 auto;
	box-shadow: none;
	 -moz-box-shadow: none;
	 -webkit-box-shadow: none;
/*background: transparent !important;*/padding: 10px !important;
}

.inside-article .post-image{margin:0px;max-width: 250px;}
.type-post .inside-article .featured-image.page-header-image-single,
.type-post .inside-article nav.post-navigation{display:none!important}

/*.home .separate-containers .inside-article {width:100%}*/
.home .inside-article {width:100% !important;background:transparent !important;padding: 0px !important;box-shadow: none;
	 -moz-box-shadow: none;
	 -webkit-box-shadow: none;}

/*footer*/	 
 .site-footer{border:1px solid #888;border-top:0px;}
 .footer-widgets {border:0px;background: rgba(255, 255, 255, 0.6)!important;/*background:transparent !important*/}
 .footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4{width:25% !important;float:left;}
 .footer-widgets .widget {font-size: 12px !important;}
 .footer-widget-1 p, .footer-widget-2 p, .footer-widget-3 p, .footer-widget-4 p {margin-bottom: 0.6em;}
 .footer-widget-1 .widget-title, .footer-widget-2 .widget-title, .footer-widget-3 .widget-title, .footer-widget-4 .widget-title {
	 padding-bottom:5px !important;
	 font-weight:bold;
	 }
 .footer-widgets a, .footer-widgets a:visited {color: #1E7FCB !important;font-size: 15px; }
.footer-widgets a:hover {color: #d08f2e !important; }


 .archive h2.entry-title {font-size: 18px;line-height: 1em;}
 .page article .entry-content h3 {text-align: center;
	width: 250px;
margin: -30px;
margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
margin-top: -40px;
background: #1E7FCB;
padding: 15px;
color: #FFF;
margin-bottom: 40px;
border-bottom:0px !important;
box-shadow: 5px 8px 6px -4px #5a5a5b;
-moz-box-shadow: 5px 8px 6px -4px #5a5a5b;
-webkit-box-shadow: 5px 8px 6px -4px #5a5a5b;
/*font-family:Satisfy;*/
}
.archive  .page-header  {background:transparent}
.page-header h1 {
	text-align: center;
	width: 250px;
	margin: -30px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #1E7FCB;
	padding: 20px;
	color: #FFF;
	margin-bottom: 40px;
	border-bottom: 0px !important;
	box-shadow: 5px 8px 6px -4px #5a5a5b;
	-moz-box-shadow: 5px 8px 6px -4px #5a5a5b;
	-webkit-box-shadow: 5px 8px 6px -4px #5a5a5b;
	/* font-family: Satisfy; */
}
.archive .format-aside .entry-header {display:block}
.archive .entry-meta {display:none;}
.single time {display:none;}
.single h1{font-size:18px !important}
.page article .entry-content h3 {z-index: 120;position: relative;width:auto;max-width: 340px;font-size:21px;}


article .entry-content h6 img.size-full {max-width: 100%;height: auto;width:100%;display: block;margin: -60px auto 0;margin-bottom: 30px;box-shadow: 5px 8px 6px -4px #5a5a5b;
-moz-box-shadow: 5px 8px 6px -4px #5a5a5b;
-webkit-box-shadow: 5px 8px 6px -4px #5a5a5b;}

#les-loisirs  h2, #sports-loisirs  h2 {border-bottom: 1px solid #1E7FCB; padding-bottom: 15px;margin-top: 50px;}

#le-bulletin-municipal .entry-content h3{
	
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
	background: transparent;
	color: #1E7FCB;
	font-style: italic;
	box-shadow: none;
}

 /*---accueil ----*/
 #pg-16-1{margin: 0px 50px 30px 50px;}
 #pgc-16-1-0, #pgc-16-1-1 {align-self: stretch !important;}
 
 div.bandeaubas{padding:15px !important;margin-top: 80px;}
 div.bandeaubas, .accueilicone, .accueilscroll {
	 background:#FFF !important;
	 box-shadow: 0 8px 6px -6px #5a5a5b;
	 -moz-box-shadow: 0 8px 6px -6px #5a5a5b;
	 -webkit-box-shadow: 0 8px 6px -6px #5a5a5b;
}
/*bas de page - texte des blocks - adresse mairie, horaire mairie*/
#custom_html-3 blockquote, #custom_html-4 blockquote {border-left: 0px !important;padding: 0 0 0 20px !important;margin : 0px !important; font-style: normal !important;}
/*---*/
.accueilicone{/*width:80%;*/text-align: center;border:1px solid #b4b1b1 !important;margin-left:10%;margin-right:10%;margin-bottom:10px;padding:10px;}
.accueilscroll{text-align: center;border:1px solid #b4b1b1 !important;margin-left:10%;margin-right:10%;padding:10px;}
.accueilscroll .newsscroller_title {text-decoration:none !important}
.accueilicone h3, .accueilscroll h3 {color:#1E7FCB;font-size:1.5em;}
.accueilicone h3.widget-title, .accueilscroll h3.widget-title  {text-align: center;
	width: 250px;
margin: -30px;
margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
margin-top: -40px;
background: #1E7FCB;
padding: 20px;
color: #FFF;
margin-bottom: 40px;
border-bottom:0px !important;
box-shadow: 5px 8px 6px -4px #5a5a5b;
-moz-box-shadow: 5px 8px 6px -4px #5a5a5b;
-webkit-box-shadow: 5px 8px 6px -4px #5a5a5b;
/*font-family:Satisfy;*/
}



.accueilicone figure{
	display: inline-block;
	width: 150px !important;
	vertical-align: top;
	margin: 0px 20px 20px 20px;
	}
.accueilicone figcaption {/*margin: -70px !important;*/text-align:center;background:transparent !important;color:#666 !important;position: relative !important;}	
	
.accueilicone img{width:70px !important;}	
.accueilicone .wp-caption .wp-caption-text {line-height: 16px;font-size:14px}


h4 {font-weight:bold;font-size:16px !important;color: rgb(30, 127, 203);}
#france-services h4 {padding-top:20px;}
/*sous le scrolle droit - mis en avant*/

#content-enavant img{display: block;margin:0 auto;box-shadow: 5px 8px 6px -4px #5a5a5b;margin-bottom:5px}
#content-enavant .title{display: block;font-size:1.2em}
#content-enavant .excerpt{}
#content-enavant .excerpt .read-more{}

/*accueil footer*/
.accueilbulletin, .accueilappli, .accueilvideo {font-size:12px;line-height: 1.2em;}
.accueilbulletin p, .accueilappli p, .accueilvideo p{margin-bottom: 0.8em;font-size: 1.2em;}


.accueilbulletin img{height:120px;float:left;width:auto;padding-right:10px;}
.accueilappli img {height:40px;width:auto;}
.accueilvideo img{height:60px;width:auto;}

.accueilbulletin h3.widget-title, .accueilappli h3.widget-title, .accueilvideo h3.widget-title, #custom_html-3 h4.widget-title, #custom_html-4 h4.widget-title {
	font-family:Satisfy;
	color: #000 !important;
	font-size :2em !important;
	font-weight: 400;
	background:transparent !important;
	box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
	margin-bottom: 0px !important;
	padding: 8px;
	margin-top:0px !important;
}

.page-child h3.widget-title {background:transparent;
	box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
	margin-bottom: 0px;
padding: 8px;color: #000;}
.home h1{font-size: 24px;margin-bottom: 5px;text-transform: none;}	
 /*----------------------------*/
 
.category img.size-full {max-width:95%;}

.post-image {
	margin-top: 0;
	margin-bottom: 1.5em;max-width:32%;
}


.wsp-pages-title {display:none;}/*titre plan du site pages*/


#main header {padding: 20px 20px 20px 20px;}

#advps_container3 .bx-wrapper .bx-viewport {/*height:220px !important;*/padding-top:20px !important;padding-bottom:30px !important;border-radius: 4% 96% 3% 97% / 85% 9% 91% 15%;
-moz-box-shadow: 0px 1px 1px #000000 !important;
  -webkit-box-shadow: 0px 1px 1px #000000 !important;
  box-shadow: 0px 1px 1px #000000 !important;
  }
#advps_container3 .bx-wrapper .bx-pager.bx-default-pager a {background: -moz-linear-gradient(#64a9e6, #1e73be) !important;}
#advps_container3 .bx-wrapper .bx-pager.bx-default-pager a:hover, #advps_container3 .bx-wrapper .bx-pager.bx-default-pager a.active{
	color:#1e73be !important;
	text-shadow: 0 1px 0 #FFFFFF;
	background-color:#FFFFFF !important;
	background:-moz-linear-gradient(#FFFFFF, #E0E0E0) !important;
	background:-webkit-gradient(linear, 0 top, 0 bottom, from(#FFFFFF), to(#E0E0E0))!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E0E0E0',GradientType=0 )!important;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%)!important;
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%)!important;
}
.advps-excerpt-three {width:65%}
.bx-wrapper img {width:25%}
.advps-slide-field-three img {max-width: 280px !important; display: block; max-height: 280px !important;object-fit: cover;height: 280px !important; width: 280px !important;}
.advps-slide-field-three {width:94% !important}	
.advs-title {margin-top:5% !important;text-align:center;}
.advs-title a{text-transform: uppercase !important}
.advps-slide-field-three a.read-more {
	width: 100%;
  display: inline-block;
  text-align: right;margin-top:8%}


/*slider accueil remplace le précédent pour WEB12*/
#slideraccueil02 {background: #ffffff;max-width:1200px!important;max-height:430px!important; margin: 0 auto!important;margin-bottom:120px!important;
border-radius: 4% 96% 3% 97% / 85% 9% 91% 15%;
  -moz-box-shadow: 0px 1px 1px #000000 !important;
  -webkit-box-shadow: 0px 1px 1px #000000 !important;
  box-shadow: 0px 1px 1px #000000 !important;}
 /* #slideraccueil02 .pcp-carousel-wrapper {width:100%;}*/
#slideraccueil02 .so-widget-sow-editor.so-widget-sow-editor-base{width:90%;margin: 0 auto!important;height: 420px;}
#slideraccueil02 .pcp-carousel-wrapper .sp-pcp-carousel { }
/*#slideraccueil02 .pcp-carousel-wrapper .sp-pcp-carousel .swiper-wrapper{width:1000px!important;}*/
#slideraccueil02 .sp-pcp-post .pcp-post-thumb-wrapper,
#slideraccueil02 .sp-pcp-post .sp-pcp-post-details {width:50%;left:50%!important}
#slideraccueil02 .sp-slider_layout .sp-pcp-post .sp-pcp-post-details {background:rgba(0,0,0,0)!important}
#slideraccueil02 .sp-pcp-post .pcp-post-thumb-wrapper .sp-pcp-post-thumb-area{}
#slideraccueil02 .sp-pcp-post .sp-pcp-post-thumb-area img {max-width:600px!important;height:280px!important; object-fit:cover;}

#slideraccueil02 .sp-pcp-post .sp-pcp-post-details .sp-pcp-post-content{text-align:justify;}
#slideraccueil02 .sp-pcp-post .sp-pcp-post-details .sp-pcp-readmore {margin-top: 10%!important;text-align: right;}
#slideraccueil02 .pcp-carousel-wrapper .pcp-button-next.top_right, #slideraccueil02 .pcp-carousel-wrapper .pcp-button-prev.top_right {top:50%!important;border-radius:50%!important;}
#slideraccueil02 .pcp-carousel-wrapper .pcp-button-prev.top_right {left:0px!important}
#slideraccueil02 .pcp-carousel-wrapper .pcp-button-next.top_right{}



/*---------------------------------*/
	
#verticalscroll-2 h4.widget-title, #custom_html-2 h4.widget-title, #text-2 h4 {color: #D08F2E;font-size:18px;}
#verticalscroll-2, #custom_html-2 {border-bottom:solid 1px #efefef;}
#verticalscroll-2 .newsscroller_title{text-decoration:none;}
#custom_html-2 {padding-bottom:20px;}
#text-2 {padding-top:0px;}

/*#left-sidebar {border-right:5px solid #000000;}*/
/*#primary {border-left:5px solid #000000;}*/
/*#content {background : #FFFFFF;}
/*#hwim-2 {border-left:5px solid #D08F2E;}*/
/*.site-main {
    margin: 20px 5px ;
	border-right: 5px solid #D08F2E;
}
*/
@media screen and (max-width: 805px) {
		button#responsive-menu-button {background: rgba(30, 127, 203, 0.8)!important;top:130px!important}
.inside-article {width:95%!important}
		.inside-footer-widgets > div {width:100% !important;text-align: center;}
.widget-title{padding:10px !important}
#pg-16-1 {margin: 0px 10px 30px 10px;}
	.accueilicone, .accueilscroll{margin-left: 5%;margin-right: 5%;}
	.accueilscroll h3.widget-title, article .entry-content h3 {width: auto;}
	/*.nav-aligned-center.nav-below-header .main-navigation .menu > li {font-size:12px!important;}*/
.advps-slide-field-three img {max-width: 200px !important; display: block; max-height: 200px !important;object-fit: cover;height: 150px !important; width: 200px !important;padding-top: 10px;margin: 0 auto;}
/*.advps-slide-field-three {text-align:center !important;margin: 0 auto;}*/
.advps-excerpt-three {
  /*width: 75%;*/
  /*margin: 0 10%;*/
  text-align: justify;
}
.advps-excerpt-three h2 {padding-top:20px;}
}
@media screen and (max-width: 640px) {
	.inside-article {min-height: 250px;width:95%!important}
	.inside-footer-widgets > div {width:100% !important;text-align: center;}
	.accueilbulletin {/*text-align:center;*/}
	#advps_container3 .bx-wrapper .bx-viewport {/*height:200px !important;*/}
	body {background-image:	none !important;}
	.inside-header {padding: 0px !important;}
	.site-description, .home h1 { font-size: 12px;}
	/*titre bloc*/
	.accueilicone, .accueilscroll{margin-left: 5%;margin-right: 5%;}
	.accueilicone h3.widget-title, .accueilscroll h3.widget-title, article .entry-content h3 {width: auto;font-size: 1.2em;padding: 10px;margin-bottom: 10px;}
	
	/*image icone*/
	.accueilicone figure {width: 80px !important;}
	.accueilicone img {width: 60px !important;}
	
	/*---bloc icone*/
	#pg-16-1 {
    margin: 0px !important;
	margin-bottom: 30px;}
	
	/*---bloc scroll*/
	.newsscroller_title {font-size: 14px!important;}
	.scrollercontent {font-size:12px;}
	/*les pages*/
	.inside-article header {padding: 5px !important;}
	h1.entry-title {font-size:18px !important;}
	body.archive .entry-content, body.page-parent .entry-content, body.page-child .entry-content {padding: 5px !important;}
	/*le menu*/
	/*button#responsive-menu-button {background: rgba(30, 127, 203, 0.8)!important;top:130px!important}*/

.advps-slide-field-three img {max-width: 280px !important; display: inline-block; max-height: 280px !important;object-fit: cover;height: 150px !important; width: 280px !important;float:none !important;padding-top: 10px;margin: 0 auto;}
.advps-slide-field-three {text-align:center !important;margin: 0 auto;}
.advps-excerpt-three {
  width: 75%;
  margin: 0 10%;
  text-align: justify;
}
.advps-excerpt-three h2 {padding-top:20px;}

}
/*.separate-containers .inside-article {padding: 20px 0px;}*/

/*---fil d'ariane---*/
.breadcrumb:before {content:"Vous êtes ici : ";}

.breadcrumb {
	background-color: rgba(208, 143, 46, 0.11);
    font-size: 12px;
	padding: 1px 1px 1px 10px;
	margin-bottom: 20px;
}

#france-services .breadcrumb{
	background-color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 20px;
	}
/*------------------------------*/	
	/* page france servies */
#france-services .entry-header {background-color: #ffffff;}
#france-services .entry-content {margin:0;padding:0 !important;}
#france-services .entry-content .panel-layout .panel-grid {
	background:#FFFFFF;
	box-shadow: 0 8px 6px -6px #5a5a5b;
	 -moz-box-shadow: 0 8px 6px -6px #5a5a5b;
	 -webkit-box-shadow: 0 8px 6px -6px #5a5a5b;padding:20px;}

/*page les elus 2*/
#les-elus-2 .staff-list{text-align:center;max-width: 1250px;margin: 0 auto;}
#les-elus-2 .staff-member{display: inline-block;max-width: 250px;margin: 40px;width: auto;}
#les-elus-2 .staff-photo {width:150px; height:150px; /*margin: 5px 30px 30px 30px;*/margin: 5px auto;float: none;box-shadow: 5px 2px 5px 2px #989898;}
#les-elus-2 .staff-photo, #les-elus-2 .staff-photo img {border-radius:50%}
#les-elus-2 .staff-photo img {float:none;margin: 0px;max-width: 150px;width:150px;height:150px;object-fit: cover}
#les-elus-2 .staff-member-right{margin-left: 0px !important;}
#les-elus-2 h3.staff-member-name {position : static;width:100%; background:transparent;color:#000;box-shadow:none;margin: 0;padding:0px;padding: 5px 0 0 0;font-size:18px;font-weight: 500;}
#les-elus-2 .staff-member-bio p{margin-bottom: 0;}
#les-elus-2  h2 {border-bottom: 1px solid #1E7FCB; padding-bottom: 15px;margin-top: 50px;}

/*-----formulaire -----*/
/* demande actes */
.page-template-template-demande_actes-v2 .post {width: 80%;margin: 0 auto;box-shadow: 0 8px 6px -6px #5a5a5b;
	 -moz-box-shadow: 0 8px 6px -6px #5a5a5b;
	 -webkit-box-shadow: 0 8px 6px -6px #5a5a5b;}
	 
#demandes-dactes-detats-civil form.formcontact {}
#demandes-dactes-detats-civil form.formcontact table, #demandes-dactes-detats-civil form.formcontact table td {border-width: 0px!important;border-color: #FFF!important;}
 /*---intégration vidéo---*/
.site-header .headervideo {height: auto;/*450px;*/
top: 0%;
left: 0%;
max-height: 450px;
width: 100%;
overflow: hidden;
background-size: cover;
position:relative;
}	
.site-header video {/*width: 100%;position: absolute;
    left: 50%; /* % of surrounding element */
    /*top: 50%;
    transform: translate(-50%, -50%);*/} 
/*/--------------------*/


/* ARTICLES RELAIS PETIT ENFANCE
Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

/* Grid style */
@media (min-width: 767px) {

	.display-posts-listing.grid {
		overflow: hidden;
		width: 100%;
	}

	.display-posts-listing.grid .listing-item {
		float: left;
		width: 32%;
		margin-left: 2%;
	}

	.display-posts-listing.grid .listing-item:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}
}

.display-posts-listing.grid .title {
	display: block;text-align: center;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}