/*!
Theme Name: weblasalillo
Theme URI: 
Author: WeBlasa.com
Author URI: 
Description: 
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: weblasalillo
Tags: 
*/


:root {
	--pricolor: #009435;
	--seccolor: #;
	--sfondoverde: #009435;
}

/*------ # Generic ------*/
* {box-sizing: border-box; margin: 0; padding: 0;}
body {font-family: "Figtree", sans-serif; background-color: #fff; color: #555;}
a {text-decoration: none; color: #166fbc;}
a:hover {color: #a31377; transition: 1s;}
p { margin: 0 0 20px 0; margin-bottom: 20px; line-height: 1.5; font-size: 18px; color: #555;}
h1, h2, h3, h4 {color: green;font-family: "Outfit", sans-serif;margin:10px 0;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.page-title {font-size:40px;margin-bottom:30px;}
iframe {width: 100%; max-width: 100%; height: 550px;}
ul {list-style-type: none;}
img {max-width: 100%;}
.aligncenter, div.aligncenter {display: block;}
.alignright {float: right!important;}
.alignleft {float: left!important;}
.left{float: left!important;}
.right{float: right!important;}
img.alignright {margin: 10px 0px 2px 15px!important; display: inline-block;}
img.alignleft {margin: 10px 15px 2px 0px!important; display: inline-block;}
hr {margin: 30px 0;background: var(--tercolor);}

/*------ # Blocco Header ------*/
	header {padding: 10px; position: fixed; top: 0; left: 0; width: 100%;z-index: 999;background-color: #009435e6; height: 120px;}
	.contenido {position:relative; width:100%;max-width:1200px;margin:auto;padding:0px 10px 10px 10px;background-color:white;border-radius:8px;}
	.sitebranding {margin-top: 11px;}
	.sitebranding a {position: absolute; top: 0; left: 0; width: 100%; max-width: 300px; padding: 5px;}
	.sitebranding img {width: 100%; height: auto;}
	.imgHomeCover {position:relative;margin-bottom:40px;z-index: -1;}
	.imgHomeCover img {width:100%;height:auto;object-fit:cover;}
	.titleHomeH1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 100px; text-shadow: 3px 3px 8px black;}
	.gallery-icon img {border-radius:8px;}
	.gallery {width: 100%; height: auto; overflow: hidden; position: relative;}
	.gallery-slides {display: flex; transition: transform 0.8s ease;}
	.topFotoHome { position: relative; width: 100%; height: 100%; text-align: center; }
	.topFotoHome img {width: 100%; height: 700px; object-fit: cover;}
	.topFotoHome h1 {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);color: white; font-size: 80px; text-shadow: 3px 3px 8px black;}
	.topFotoHome h2 {position: absolute; top: 67%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: white; font-size: 35px; text-shadow: 3px 3px 8px black;}
	
/*------ # Blocco Menu ------*/
	#sitenavigation {display:block;position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:var(--pricolor);}
	.navjb { margin:0; width:40px; height:40px; position:absolute; z-index:110; top:20px; right:20px; border:0px solid white; cursor: pointer; transform: rotate(0deg); transition: all 0.35s cubic-bezier(.215, .61, .355, 1); }
	.navjb span { left:0; width:100%; height:4px; display:block; position:absolute; background:white; background-repeat;10px; transition: all 0.35s cubic-bezier(.215, .61, .355, 1); }
	.navjb span:nth-child(1) {top:0;width:100%;}
	.navjb span:nth-child(2), .navjb span:nth-child(3) {top:10px;width:100%;}
	.navjb span:nth-child(4) {top:20px;width:100%;}	
	.open .navjb {transform: rotate(180deg);top: 10px;}
	.open .navjb span:nth-child(1){top:2em;width:0;}
	.open .navjb span:nth-child(2){transform: rotate(45deg);width:100%;}
	.open .navjb span:nth-child(3){transform: rotate(-45deg);width:100%;}
	.open .navjb span:nth-child(4){top:18px;width:0;left:50%;}
	.open .navjb span:nth-child(5){top:18px;width:0;left:50%;font-size:0px;}
	
	.menu {padding: 40px; font-size: 30px; text-align: center;}
	.menu a {color:white;}
	
	.menufixedmobile {z-index: 999;width:100%;max-width:300px;position:fixed;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background: linear-gradient(357deg, #e6dfd7, #07c24a);;border:1px solid #848f9b;border-radius:4px;}
	.menufixedmobile > div {padding:5px;}
	.dettagliFoto {display:flex;justify-content:center;align-items:center;}
	.dettagliFoto > a > img {height:40px;}
	
	.coverMenu {background-color: var(--pricolor); border: 1px solid #ffc5c5; height: 74px; width: 74px; position: absolute; top: -3px; right: 0; border-radius: 8px;}
	
/*------ # Blocco Content ------*/
	#breadcrumbs {margin-top:180px;padding-top:10px;}
	.photoSinglePost img {width:100%;height:400px;object-fit:cover;}
	.dateSinglePostEvent {margin:20px 0;}
	.contentSinglePost {margin:20px 0;}
	
	.contantAloi {text-align: center; margin: 40px 0;padding:15px; background-color:beige;}
	.designContact {font-size:24px;font-weight: 700;}

/*------ # Blocco Archive ------*/
	.contentBlogList {display:grid;grid-template-columns:300px 1fr;gap:20px;margin-bottom: 80px;}
	.fotoSingleBlog img {width:100%;height:200px;object-fit:cover;border-radius:8px;}

/*------ # Blocco Footer ------*/
	footer {width:100%;height:auto;margin-top:40px;background-color:brown;padding:10px;text-align:center;}

/*------ # Blocco Mobile ------*/
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	.titleHomeH1 {font-size:50px;top:60%;}
	
@supports (display: grid) {
	.classe {
		 display: grid;
		 grid-template-columns: 1fr;
	  }
}

}

@media screen and (max-width: 426px) {
	.sitebranding a {width:70%;}
	.titleHomeH1 {font-size:48px;width: 100%; text-align: center;}
	.imgHomeCover img {width:100%;height:660px;object-fit:cover;}
	.contentBlogList {grid-template-columns:1fr;}
	.menufixedmobile {max-width:100%;}
}

@media screen and (max-width: 375px) {


}

@media screen and (max-width: 320px) {


}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */