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


:root {
	--pricolor: #;
	--seccolor: #;
	--tercolor: #;
}

/*------ # Generic ------*/
* {box-sizing: border-box; margin: 0; padding: 0;}
body {font-family: "Afacad Flux", sans-serif;background-color: #fff; color: #333;font-size: 22px;}
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: 22px; color: #333;}
h1, h2, h3, h4 {color: #109f91;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.titleh1 {font-size:40px;margin: 40px 0;text-align:center;}
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 {background-color:#065b84;position: sticky; top: 0;z-index:9;}
	.contenido {position:relative;width:100%;max-width:1200px;margin:auto;}
	#breadcrumbs {margin-top:40px;}
	.imgCoverHome img {width:100%;height:600px;object-fit:cover;}
	
/*------ # Blocco Home ------*/
	.iconHome {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0;}
	.sottoIconHome {display:grid;grid-template-columns:100px 1fr;gap:10px;border:2px solid #d2e7e8;border-radius:12px;padding:5px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);}
	.textIconHome {background-color: cadetblue;color:white;font-weight:700;font-size:25px;display: flex ; justify-content: center; align-items: center;background: linear-gradient(357deg, #0ABBB5, #07b1ab);text-align: center;border-radius: 4px;}
	.imgIconHome {text-align:center;}
	.cardSpiaggia {border: 1px solid #109f91;text-align:center;padding:5px;border-radius:12px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);}
	.spiaggeVicine {margin: 40px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
	.titleSpiaggia {background-color: #109f91; color: white;font-size: 25px;padding: 5px; border-radius: 4px;height: 90px;display: flex ; justify-content: center; align-items: center;}
	.imgSpiaggeHom2 img {width: 100%; border-radius: 4px;}
	.cardHome {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 80px 0;}
	.cardHome a {color:white;}
	.bloccoServizi { position: relative; width: 100%; height: 200px; background-color: orange; border-radius: 12px; display: flex; justify-content: center; align-items: center; font-weight: 800; color: white; font-size: 40px; text-shadow: 2px 2px 4px black; text-align: center; height: 260px; box-shadow: 1px 1px 4px black; }
	.wifi-box {display: flex; align-items: center;margin-bottom: 40px;}
	
/*------ # Blocco Menu ------*/
	#sitenavigation {display:block;position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#065b84;z-index: 9;}
	.navjb { margin:0; width:40px; height:40px; position:absolute; z-index:110; top:25px; 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;}

/*------ # Blocco Content ------*/
	.contentHome {margin: 80px 0 40px;}
	.contentHome strong {background-color: #e2eefa; padding: 0 2px; border-radius: 3px;}
	.category-cover  img {width:100%;height:450px;object-fit:cover;border-radius:4px;}
	.category-cover-single  img {width:100%;height:600px;object-fit:cover;border-radius: 0 0 4px 4px;}
	.iconeHotel img {width:50px;}
	.testoIcona {font-size:18px;}
	
	#gallery-1 {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
	.gallery-icon img {width:100%;height:200px;object-fit:cover;border-radius:10px;}
	
	article strong {background-color: #b5f7da; padding: 2px; border-radius: 4px;}
	.articoloCard {height: 380px; background-color: beige; padding: 10px; border-radius: 12px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); border: 1px solid #b8b4b4;}

	.iconeHotel {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin: 80px 0;text-align:center;}

/*------ # Blocco Archive ------*/
	.gridlistPost {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;}
	.imgCardPost img {width:100%;height:200px;object-fit:cover;border-radius:4px;}

/*------ # Blocco Footer ------*/
	footer {background-color: #7EFFD4;margin-top:80px;width:100%;height:auto;padding: 10px;text-align:center;}
	.siteinfo p {font-size:18px;margin:5px 0;}
	.iconWhatsapp {position: fixed; bottom: 15px; left: 10px;}
	.gridLogoFooter {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center;padding:8px;}
	.gridLogoFooter img {border-radius:8px;}
	
/*------ # Blocco Mobile ------*/
@media screen and (max-width: 1024px) {
	.contenido {padding-left:8px;padding-right:8px;}
}

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

@supports (display: grid) {
	.classe {
		 display: grid;
		 grid-template-columns: 1fr;
	  }
}

}

@media screen and (max-width: 426px) {
	header {height:85px;}
	.imgCoverHome img {height:500px;}
	.sottoIconHome {grid-template-columns:1fr;}
	.spiaggeVicine, .gridlistPost, #gallery-1  {grid-template-columns:1fr 1fr;gap: 20px;}
	.textIconHome {font-size:20px;padding: 5px; text-align: center;height: 120px;}
	.iconHome {gap:15px;}
	.site-branding img {width: 80%; height: auto;margin-top: 5px;}
	.navjb {top:18px;}
	.titleSpiaggia {height:95px;font-size:20px;}
	.imgCardPost img {height:120px;}
	.titleCardPost {font-size:18px;}
	.category-cover-single img {height:300px;}
	.gallery-icon img {height:120px;}
	.articoloCard {height: 275px;}
	.gridLogoFooter, .cardHome {grid-template-columns:1fr;}
	
	.iconeHotel {grid-template-columns:repeat(3,1fr);gap:40px 15px;}
	.iconeHotel img {width:50px;}
	.testoIcona {font-size:16px;}
}

@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 */