/*
Theme Name: Villiers sur Loir
Author: cozicom
Template: twentytwentytwo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vsl-child
*/


html {
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
}
/*.entry-content.wp-block-post-content.is-layout-constrained {
    min-height: 63vh;
}*/
h1, h2, h3  {
	font-family: 'Roboto Condensed', Arial, sans-serif!important;
	font-style: normal;
	color:#195395;
}
h1 {
	font-style: normal;
	font-weight: 700!important;
	color:#195395;
}
/*h1:before {
	    content: url(/wp-content/themes/villierssurloire/img/fl.png);
    position: relative;
    width: 269px;
    left: 50%;
    top: 37px;
    display: table;
    transform: translateX(-210px);
	transform: translate(-221px, 60px);
}*/
h2 {
	font-style: normal;
	font-weight: 700!important;
	color:#94BA4E!i!mportant;
	font-size:25px;
}
h3 {
	font-style: normal;
	font-weight: 700!important;
	color:#94BA4E!i!mportant;
	font-size:20px!i!mportant;
}
p {
	color:#195395;
}
/* on force les padding à 0 pour les sub-menus */
ul.wp-block-navigation__submenu-container.has-text-color.has-background-color.has-background.has-custom-couleur-1-background-color.wp-block-navigation-submenu {
    padding: 0;
}
.btn-download a, .btn-plus a { 
padding-right: 60px!important;
}
.btn-download::after { 
	 display: inline-flex;
    content: "";
    background-image: url(/wp-content/themes/villierssurloire/img/icon-download.png);
    background-size: 36px;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    position: relative;
    top: 13px;
    left: -45px;
}
.btn-plus::after { 
	 display: inline-flex;
    content: "";
    background-image: url(/wp-content/themes/villierssurloire/img/icon-fl.png);
    background-size: 36px;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    position: relative;
    top: 13px;
    left: -45px;
}
.col-btn {
	width:60%!important
}
/* HOME*******/
#title-h1 .wp-block-image, #mot-maire .wp-block-image{
	margin-block-start: 0;
	position: relative;
    top: -5px;
}
/*#mot-maire .wp-block-image{
	margin-block-start: 0;
	position: relative;
    top: -25px;
	left:100px;
}*/
/* Header */
.logo-top.wp-block-site-logo {
    position: absolute;
	top: 0px
}
a.custom-logo-link {
	transition-property: width;
  transition-duration: .5s;
  transition-delay: 0s;
	width:13vw;
}
a.custom-logo-link.logo-w {
	width:11vw;
}
.range-top {
	transition-duration: .2s;
	transition-delay: 0s;
	padding-top: 20px; 
    padding-bottom: 20px;
}
.range-top.pad-w {
	padding-top: 5px; 
    padding-bottom: 5px;
}
.search-top .wp-block-search__input {
	background-color:#fff0;
}
.search-top .wp-element-button {
	padding: 5px;
}
input::placeholder, value::placeholder {
   font-style: italic;
    color: #009fff;
}
input#wp-block-search__input-2{
	color:#fff;
}
/* survol items*/
li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu, li.wp-block-navigation-item.wp-block-navigation-link {
    padding:0 4px;
	transition-duration: .5s;
	transition-delay: 0s;
}
li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover, li.wp-block-navigation-item.wp-block-navigation-link:hover {
    background: #009fff;
    /* text-decoration: none!important; */
}
li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu a:hover {
 text-decoration: none!important;
}
/* barre entre les rubriques principales*/
li.wp-block-navigation-submenu:after {
    content: "|";
    position: relative;
    top: -3px;
    left: 11px;
}
li.wp-block-navigation-submenu:last-child:after {
    content: "";
}

ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    min-width: 250px!important;
	width:250px;
}
.wp-block-navigation__submenu-container a {
	font-size:14px;
}
/* on agrandit le burger*/
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    height: 35px;
    width: 35px;
}
/* home*/
/*body.home.villierssurloire .wp-site-blocks {
  padding-left: 0!important;
    padding-right: 0!important;
	overflow: hidden;
}*/
/*body.home.villierssurloire .wp-block-group {
	 margin-left:auto!important;
    margin-right: auto!important;
}*/

/* 1 clic */
div#col-clic a, a {
    text-decoration: none;
}
a:hover {
	text-decoration: underline!important;
}
div#clic {
	position: relative;
    top: -100px;
	z-index:8;
	 -webkit-transform: skewX(-5deg);
    -moz-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
 transform: skew(-5deg);
}
div#clic:after {
		position: absolute;
    z-index: 0;
    content: "";
    right: -17px;
    top: 0;
    height: 100%;
    width: 35px;
    background-color: inherit;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    transform: skewX(10deg);
	}
.cols-clic {
	-webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
 transform: skew(5deg);
}
/*span.clic-d, span.clic-m, span.clic-f {
	font-family: 'Roboto Condensed', Arial, sans-serif!important;
	font-weight:900;
	font-style: normal;
	-webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
 transform: skew(5deg);
}
span.clic-d, span.clic-f {
	font-size:60px;
	color:#195395;
	position:absolute;
}
span.clic-d {
		-webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform:  translateX(-50px);
    transform:  translateX(-50px);
}
span.clic-f {
		-webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    transform: translateX(-22px);
    width: 105px;
}
span.clic-m {
	font-size:70px;
	color:#fff;
	background: #94BA4E;
	padding:0 20px;
	border-radius: 50px
}
cliccall::after {
	content: "";
    position: relative;
    background: #94BA4E;
    border-radius: 50px;
    width: 80px;
    height: 80px;
	top:62px;
    left: 86px;
    z-index: -1;
    -webkit-transform: skewX(3deg) translateX(3px);
    -moz-transform: skewX(3deg) translateX(3px);
    -ms-transform: skewX(3deg) translateX(3px);
    transform: skew(3deg) translateX(3px);
}*/

/* mot du maire */
span.h2-vert {
    color: #94ba4e;
    font-weight: 300;
    font-size: 38px;
	line-height: 30px;
}
span.h2-bleu {
    font-weight: 700;
    font-size: 85px;
	line-height: 17px;
}
/* EVENEMENTS */
/*div#evenements {
    height: 500px;
}
div#evenement-group {
    position: absolute;
    left: 0px;
    background: red;
    min-width: 100%;
    display: inline-block;
	}*/
.bottom-ln.wp-block-column {
	border-right:1px solid #fff;
}
.carousel {
	margin: 0 30px;
}
#evenement-group .acf-view__date_des_evenements {
    background: #94BA4E;
    color: #fff;
    padding: 0 5px;
    width: max-content;
    position: relative;
    top: -28px;
	left:-7px;
	display:flex;
	font-style: italic;
}
 .acf-view__label {
    padding: 0 5px;
}
#evenement-group h2 {
    position: relative;
    top: -10px;
}
.ev_extrait .wp-block-post-excerpt__excerpt {
    line-height: 1em;
	min-height:54px;
}
#evenement-group ul {
   min-height:400px;
}
#evenement-group p.wp-block-post-excerpt__more-text {
    text-align: end;
}
#evenement-group a.wp-block-post-excerpt__more-link {
    color: #fff;
    background: #195395;
    padding: 5px 5px;
    position: relative;
    top: 10px;
    right: -7px;
}
.btn-manif .wp-block-button {
	position:relative;
	bottom:45px;
	/*left:60px;*/
}
.wp-block-button__link:hover {
  transition-duration: .5s;
  transition-delay: 0.1s;
}
.btn-manif .wp-block-button__link:after {
		position: absolute;
    z-index: 0;
    content: "";
    right: -11px;
    top: 0;
    height: 100%;
    width: 30px;
    background-color: inherit;
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    transform: skewX(7deg);
}
.btn-manif .wp-block-button__link:before {
		position: absolute;
    z-index: -2;
    content: "";
    left: 0px;
    top: 42px;
    height: 23px;
    width: 232px;
    background-color: inherit;
    -webkit-transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
}
.btn-manif a.wp-block-button__link {
	line-height:1px;
	text-decoration: none!important;
}
.btn-manif .wp-block-button__link:hover {
	opacity: 1;
	background:#009FFF!important;
	line-height:1px;
}
/* section Home actualités municipales */
.btn-actu .wp-block-button {
	position:relative;
	bottom:0px;
}
.home-tr-actu {
    position: relative;
    top: -50px;
}
#actualites-municipale ul {
   min-height:400px;
}
#actualites-municipale p.wp-block-post-excerpt__more-text {
    text-align: end;
}
#actualites-municipale a.wp-block-post-excerpt__more-link {
    color: #fff;
    background: #195395;
    padding: 5px 5px;
    position: relative;
	top: 20px;
    left: 8px;
}
.btn-actu .wp-block-button__link:after {
		position: absolute;
    z-index: 0;
    content: "";
    right: -11px;
    top: 0;
    height: 100%;
    width: 30px;
    background-color: inherit;
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    transform: skewX(7deg);
}
.btn-actu .wp-block-button__link:before {
		position: absolute;
    z-index: 0;
    content: "";
    left: 0px;
    top: 45px;
    height: 20px;
    width: 192px;
    background-color: inherit;
    -webkit-transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
}
.btn-actu a.wp-block-button__link {
	line-height:1px;
	text-decoration: none!important;
}
.btn-actu .wp-block-button__link:hover {
	opacity: 1;
	background:#009FFF!important;
	line-height:1px;
}

/* PAGE CR */
.compte-rendus.type-compte-rendus {
    -webkit-box-shadow: 0px 10px 15px 0px #00000042;
    -moz-box-shadow: 0px 10px 15px 0px #00000042;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#00000042,Strength=15);
    box-shadow: 0px 10px 15px 0px #00000042;
}

#scrollUp {
position: fixed;
bottom : 10px;
right: -100px;
	z-index:1000;
}

@media only screen and (max-width: 1024px) {
	/* on cache la recherche */
  .search-top {
    display: none;
}
	.wp-block-site-logo img {
    max-width: 80%;
}

	/* on enleve le skew à la div clic */
	div#clic {
	position: relative;
    top: -50px;
		margin-left: auto!important;
    margin-right: auto!important;
    min-width: 95%;
	z-index:0;
	 -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(05deg);
 transform: skew(0deg);
}
div#clic:after {
		display:none;
	}
.cols-clic {
	-webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
 transform: skew(0deg);
}
	  }
@media only screen and (max-width: 1024px) {
	/* on force la largeur max du menu home */
.home .wp-container-6.wp-container-6 > .alignwide {
    max-width: 1010px;
}
	/* on modifie le design des boutons home*/
.btn-manif .wp-block-button__link:after, .btn-actu .wp-block-button__link:after {
		display:none;
}
.btn-manif .wp-block-button__link:before, .btn-actu .wp-block-button__link:before {
		display:none;
}
.home .btn-actu {
		    justify-content: center;
	}
}
@media only screen and (max-width: 768px) {
		/* on force la largeur max du menu home */
.home .wp-container-6.wp-container-6 > .alignwide {
    max-width: 755px;
}
	/* on force l'affichage du burger en 768px */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
	div#modal-3 {
	color:#fff;
}
#modal-3-content .wp-block-navigation__submenu-container {
	 padding-right:0px;
	 padding-left:0px;
}
#modal-3-content .wp-block-navigation-submenu a {
	 font-size:1.5rem;
	font-weight:600;
}
#modal-3-content .wp-block-navigation__submenu-container a {
	color:#009FFF;
	font-weight:300;
}
#modal-3-content .wp-block-navigation-submenu:after {
	 content: ""!important;
}
.bottom-ln.wp-block-column {
	border-right: 0px;
}
.bottom-ln p, .bottom-ln-end p  {
	text-align:center;
}

	  }
@media only screen and (max-width: 425px) {
		/* on force la largeur max du menu home */
.home .wp-container-6.wp-container-6 > .alignwide {
    max-width: 411px;
}
#modal-3-content .wp-block-navigation-submenu a {
	 font-size:1.2rem;
}}