/*
Theme Name: viburno
Author: DoTe
Theme URI: https://dotecsa.altervista.org/viburno
Author URI: https://dotecsa.altervista.org/
Description: Minimal theme created for a viburno garden website.
one-column theme, with primary menu (two level), social menu and footer,
 sidebar bottom, align-wide support, excerpt support, mobile version,
 sub-menu mobile scrollable, translation-ready.  You can customize fonts and colors.
Version: 2.3.2
Requires at least: 5.5
Tested up to: 6.7
Requires PHP: 5.6
Tested up to: PHP 8.3
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: viburno
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

All files, unless otherwise stated, are released under the GNU General Public
License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* ! css-reset */
body,
html{font-size: 16px; box-sizing: border-box;margin:0;padding: 0;}
body{font-family: system-ui, 'Helvetica Neue', Arial, sans-serif;-ms-word-wrap: break-word;word-wrap: break-word;}
*,*:before,*:after{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding: 0;}
h1,h2,.site-title{font-family: system-ui, 'Helvetica Neue', Arial, sans-serif;}
ol,ul{list-style-type: none}
img{height: auto;}

/* ! essential */

/* Screen Reader Text ------------------------ */
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;
  position: absolute !important;width: 1px;word-wrap: normal !important;word-break: normal;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;-webkit-clip-path: none;
  clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;right: 5px;line-height: normal;padding: 15px 23px 14px;
  text-decoration: none;top: 5px;width: auto;z-index: 100000;}

/* Skip Link --------------------------------- */
.skip-link{position:absolute;left: -9999rem;top: 2.5rem;z-index: 999999999;text-decoration: underline;background:#efefef}
.skip-link:focus {display: block;left: 6px;top: 7px;font-size: 14px;font-weight: 600;text-decoration: none;line-height: normal;	padding: 15px 23px 14px;
	z-index: 100000;right: auto;}

/* sticky --------------------------------- */
.sticky .post-sticky {	color: inherit;}

/* figcaption --------------------------------- */
figcaption,
.wp-caption-text {color: #6d6d6d;display: block;font-size:.9rem;line-height: 1.2;font-style: italic;}
figcaption a,
.wp-caption-text a {color: inherit;}
figure {max-width: 100%;}
iframe {max-width: 100%;}

/* GALLERIES */
.gallery {display: flex;flex-wrap: wrap;margin: 3em 0 3em -0.8em;	width: calc(100% + 1.6em);}
.gallery-item {margin: 0.8em 0;padding: 0 0.8em;width: 100%;}
.gallery-caption {display: block;	margin-top: 0.8em;}

/* author */
.bypostauthor .comment-footer-meta .by-post-author {display: block;}

/* # Alignments */
.alignleft {display: inline;text-align: left;	}
.alignright {display: inline;text-align: right;	}
.aligncenter {clear: both;display: block;margin-left: auto;	margin-right: auto;  text-align: center;}

/* ! base */
h1,h2,h3,h4,h5,h6{color:#333; margin-bottom:20px}
h1{font-size: 60px;line-height: 1;font-weight: 600;}
h2{font-size: 28px;line-height: 1;font-weight: 600;}
h3{font-size: 24px;line-height: 1;font-weight: 600;}
h4{font-size: 20px;line-height: 1;font-weight: 600;}
h5{font-size: 18px;line-height: 1;font-weight: 600;}
h6{font-size: 15px;line-height: 1;font-weight: 600;}
p{line-height: 1.6}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 30px}
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px;}
.mxy-1{margin:10px}
.pxy-1{padding: 10px}
.entry-content p{font-size: 18px}
.img-res{width: 100%;height: auto;}
.entry-content a, .entry-content a:hover{text-decoration: underline;}
a{text-decoration: none;color:#8e2a02; }
a:hover{text-decoration: none;color:#d50000; }
.widget_search {padding: 20px 0;}
.content-blog p{margin-bottom:3px;}


@media (max-width: 768px) {
	h1{font-size: 40px;}
	h2{font-size: 30px;}
	h3{font-size: 25px;}

}

/* ! layout */
.header,
.footer{margin: 0px;padding: 10px; }
.container{max-width: 1250px;margin:0 auto; padding:0;}
.animate{-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 1s ease-in-out;}
.grid-center{display: flex;align-items: center;}
.grid-top{display: flex;flex-wrap: wrap;align-items: flex-start; }
.grid-between{display: flex;flex-wrap: wrap;justify-items: center;}
.header-image{width:100%; height:400px;margin-top:100px}
.col-20{width:19.33%}
.col-70 {width:77.4%;margin: 0 auto}
.col-33{width: 32%; padding:0 10px}
.col-100{width: 100%;}
.entry-content {margin: 0 auto}
.spacer{height:30px}
ul#social-menu li {margin: 0 5px;}
.spacer{height: 30px;}
#site-content{margin: 10px 0 50px 0;}

@media (max-width: 768px) {
	.col-70, .col-20, .col-33{width:100%}
	.branding.grid-center{display: flex;}
	.footer .grid-center{display: block;}
}

/* ! header */
#site-header{margin:0 auto; }
#site-header input.search-field { width: 120px;}
.widget input.search-field, .error404  input.search-field{ width: auto;}
.navigation{position: relative;}
/*img.logo{float: left;max-width: 250px;max-height: 80px;padding-right:20px; }*/
/*.header-title{width: auto; }*/
.site-title {font-size: 26px;font-weight: 700;}
p.site-description {padding: 0 8px;}
/*.titoli {display: flex;align-items: center;justify-content: start;}*/
a.custom-logo-link {margin-bottom:-5px;}
/*#site-header input.search-field {
	background: url(/wp-content/themes/viburno/img/search_bg.png) no-repeat 0px 50%;
}*/

@media (max-width: 768px) {
	.header{display: block;}
	.header input.search-submit{display:inline-block; }
	form .search-form{display:flex;}
	.search-results article{text-align:left;}
	.branding {display: flex;align-items: center;justify-content: space-between;}
}

/* ! header scrolled*/
#site-header{position:relative;width:100%; padding: 0;left:0; top:0;background: #fff;box-shadow: 0 5px 20px rgb(0 0 0 / 5%);    transition: all .5s ease-in-out;}
body.is-scrolled #site-header{position:fixed;width:100%; padding: 0;left:0; top:0;background: #fff;z-index: 9;box-shadow: 0 5px 20px rgb(0 0 0 / 5%);    transition: all .5s ease-in-out;}
body.is-scrolled.admin-bar #site-header{top:32px}
.header {width: 100%;margin:0 auto;display:flex; justify-content:space-between;align-items:center;position:relative; padding:10px;z-index:9999}
@keyframes example1 {
  0%   {opacity: 0;}
  100% {opacity:1;}
}
@keyframes example {
  0%   {opacity: 0;}
  100% {opacity:1;}
}
.header {padding:10px;}
body.is-scrolled .header {width: 100%; height:60px;}
@media (max-width: 768px) {
	body.is-scrolled.admin-bar #site-header{top: 46px}
	body.is-scrolled .header {width: 100%; padding:5px;}
	body.is-scrolled #site-header {animation: none;}
	body.primary-open{overflow: hidden;}
}
/* ! aside */
aside {display: flex;  justify-content: center;flex-wrap: wrap;}

/* ! article */
article.post, article.page {max-width: 800px; width: 100%;margin: 0 auto;}
article{margin: 0;padding:2%}
article h3{font-weight: normal;margin-bottom:5px}
.blog h1.mb-3.mt-2, .search h1.mb-3.mt-2, .archive h1.mb-3.mt-2, .category h1.mb-3.mt-2, h1.error.mb-3.mt-2{width:100%; text-align:center; }
.blog article, .archive article, .category article, .search article {width:33.3%; }
.blog article .content-blog, .archive article .content-blog, .category article .content-blog, .search article .content-blog {padding: 0;line-height:1.4}
.small{font-size: 14px; }
p.small.aligncenter{margin-bottom: 50px;margin-top:-20px;font-style:italic }
.blog .img-res, .archive .img-res, .category .img-res, .search .img-res{height: 200px;width:100%}
article p ul li, article p ol li{list-style-type:disc ;list-style:inside }
.entry-content-bottom {clear: both;padding-top:20px;font-size:14.5px}
figure.wp-block-media-text__media img {width: 100%;}
pre {white-space: pre-wrap;word-wrap: break-word;}
.entry-content ul {margin: 10px 0;margin-left: 20px;}
.entry-content ul li {list-style-type: disc;list-style-position: inside;font-size: 17px;line-height: 1.5;}

@media (max-width: 768px) {
	.blog article, .archive article, .category article, .search article, article{width:50%; margin:10px 0}
	.blog .img-res, .archive .img-res, .category .img-res, .search .img-res{height: 200px;width:100%}
	.wp-block-media-text__media img{width:auto; height:auto}
	.mxy-1{margin:0px}
	.pxy-1{padding: 0px}
}

/* ! comment */
ol.comment-list {list-style: decimal;margin-left: 10px;}
ol.children {padding-left: 30px;border-left: 3px solid #ddd;}
textarea#comment { width: 100%;}
.comment-form-author,
.comment-form-email,
.comment-form-url{width:50%}
input#author,
input#email,
input#url{width: 100%}
.widget_recent_comments article{width:100%}

/* ! pagination*/
.pagination.clearfix {margin: 0 auto;text-align: center;padding-top:20px; width: 100%;}

/* ! post navigation */
.nav-links { display: flex; justify-content: space-between;align-items:center;line-height:1.6; border-bottom: 1px solid #999;border-top: 1px solid #999;}
.nav-next {padding-right: 20px;text-align: right;}
.nav-previous {padding-left: 20px;text-align: left;}
.nav-previous, .nav-next { position: relative;overflow: hidden;}
.nav-next span.nav-title svg {position: absolute;transform: rotate(-90deg);width: 25px;right: 0;top:0px;}
.nav-previous span.nav-title svg {position: absolute;transform: rotate(90deg);width: 25px;left: 0;top:0px;}
p.post-nav-links {padding-bottom: 10px;}

/* ! widget*/
.widget-title{margin-bottom:10px}
.widget{padding:15px;max-width: 25%;width:100%;}
.widget h3.wp-block-heading {text-align: center;border-bottom: 1px solid #999;line-height: 1.6;}
.widget ol li article {width: 100%;line-height:1.2;padding:0;}

@media (max-width: 768px) {
	.widget{max-width:100%;width:100%}
}

/* ! footer */
ul#footer-menu {display:flex; justify-content: flex-end;}
ul#footer-menu li a{padding:0 10px; font-weight: 500;font-size: 14px}
ul#footer-menu .sub-menu {display:block; width: auto; box-shadow: none}
ul#footer-menu .sub-menu li a {padding:0; padding-left:10px; overflow-x: auto;white-space: nowrap;box-shadow: 0 0 0}
ul#social-menu{display:flex; justify-content: center;flex-wrap: wrap;}
#social-menu li a {width: 100%;height: 100%;display: block;}
.footer p, .footer ol, .footer ul { margin-bottom: 0px; }
.footer .col-33 { padding:20px 0 }
footer img.custom-logo {max-height:40px;max-width:100%;width:auto}
footer  .col-33.alignleft {display: flex;align-items: center;}
footer a.custom-logo-link {display:block}


@media (max-width: 768px) {
	ul#footer-menu {justify-content: center;}
	#social-menu.menu {width:100%}
	.site-info {padding-top: 20px;}
	footer  .col-33.alignleft {justify-content: center;}
	footer a.custom-logo-link {margin:0 auto}
}

/* ! full-width */
.col-100{width:100%}
.alignfull {margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);width: auto;max-width: 1000%;}
.alignwide {margin-left: calc(25% - 25vw);margin-right: calc(25% - 25vw);width: auto;max-width: 1000%;}
.alignwide img, .alignfull img {display: block;margin: 0 auto;}

/*icon hamburger*/
.icon-hamburger {height: 1px;width: 1px;display: block;margin: 0;padding: 0;margin-top:-3px;margin-left:2px;}
.icon-hamburger span{width: 30px;margin: 0 auto;background: #8e2a02;position: relative;display: block;margin-top:10px;height: 2px;border-radius: 2px;	margin-left:2px;}
.primary-open .icon-hamburger span:nth-child(1) {transform: translateY(3px) rotate(45deg);transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.primary-open .icon-hamburger span:nth-child(2){transform: translateY(1px) rotate(-45deg);margin-top: 0px;transition: all .5s cubic-bezier(.215, .61, .355, 1);} 

/* ! sprite social*/
.twitter {width: 24px;display: block;height: 25px;background: url(img/social-sprite1.png) 0px 0;}
.facebook {width: 25px;display: block;height: 25px;background: url(img/social-sprite1.png) -24px 0;}
.instagram {width: 25px;display: block;height: 25px;background: url(img/social-sprite1.png) -49px 0;}
.youtube {width: 34px;display: block;height: 25px;background: url(img/social-sprite1.png) -73px 0;}
.linkedin {width: 25px;display: block;height: 25px;background: url(img/social-sprite1.png) -106px 0;}
.pinterest {width: 21px;display: block;height: 25px;    background: url(img/social-sprite1.png) -131px 0;}
.whatsapp {width: 25px;display: block;height: 25px;background: url(img/social-sprite1.png) -152px 0;}
.email {width: 25px;display: block;height: 25px;background: url(img/social-sprite1.png) -177px 0;}
.telephone {width: 25px;display: block;height: 25px;background: url(img/social-sprite1.png) -202px 0;}

	button.menu-toggle {display: none;}	
	#primary-menu > li:hover > ul, #primary-menu > li > ul:hover { visibility: visible; display: block;height:auto; }
	#primary-menu .sub-menu {padding-left: 1em;}
	#primary-menu .sub-menu li a {padding-left: 1em;padding:8px;margin:2px; font-weight:400; }
	#primary-menu > li.open > ul{visibility: visible; display: block; height:auto;}
	#primary-menu li:focus-within ul{overflow: visible; display: block; height:auto;position:absolute}
	#primary-menu li ul li { clear: both;/* width: 100%; */}
	#primary-menu li:hover {background: #ddd;transition:all .8s cubic-bezier(.215, .61, .355, 1);}
	#primary-menu li span.icon, menu li.open span.icon {width: 15px;height: 15px;right: 2px;background-size: 15px 15px;border: 0px solid #ccc;position: absolute;top: 18px;}
	.sub-menu li span.icon {display:none}

/*navigation comuni*/
#primary-menu, #primary-menu ul{margin: 0;display:flex; }
#primary-menu li{/*display: inline-block;*/position: relative;width: auto;}
#primary-menu li a{ display: flex;padding: 16px;font-size: 15px;font-weight: 600;}
.sub-menu li a{ padding:10px 16px;padding-left:1em;font-size: 14px;}
#primary-menu > li > ul{
	display: none; 
	min-width: 220px; 
	position: absolute; 
	left: 0;
	padding: 10px;
	border-radius:0 0 5px 5px;
	height:auto;
	height:0%;
	border:1px solid #ddd; 
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); animation-name: example;
    animation-duration: .5s; animation-timing-function: ease-out;  
}

/*desktop*/
@media screen and (min-width: 1150px) {


	
	
}


/*toggled*/
@media screen and (max-width: 1150px) {
    #primary-menu {
    position: absolute;
    top: 68px;
    min-width: 100%;
    overflow: hidden;
	background: #fff;
    height: 100vh;	
	height: 0vh;
	left:0;
/*	z-index:-1;
	padding-top:80px;*/
	transition: height .5s cubic-bezier(.215, .61, .355, 1);
    }
	.is-scrolled #primary-menu {top:60px;}
	.primary-open #primary-menu{height:100vh;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
	#primary-menu li{width: 96%;margin: 0 2%; border-bottom: 1px solid #ccc;position:relative;}
	#primary-menu ul li{border-bottom: 0px solid #ccc;}
	#primary-menu > li > ul{position:relative}
	button.menu-toggle{	
        height: 50px;
        width: 50px;
        position: absolute;
        top: 0px;
        right: 15px;
        display: block;
        border: none;
        background: transparent;
        z-index: 99;
    }

	#primary-menu, #primary-menu ul{margin: 0;display:block;}
	.primary-open #primary-menu li.open>ul, .primary-open #primary-menu li.open>ul ul{position: relative;height:auto;padding:0 5px;display:block;}
	#primary-menu li span.icon {	width: 39px;height: 39px;display: block;	right: 0.5em;background-size: 40px 40px;	border: 2px solid #ad541c;border-radius: 3px;	position: absolute;	top: 4px;transition:all .5s cubic-bezier(.215, .61, .355, 1);}
	#primary-menu li.open span.icon {transform: rotate(180deg);}
	.primary-open #primary-menu ul li span.icon {display: none;}
	#site-header {box-shadow: none!important;}
	.header{max-height:100%;min-height:60px;padding:5px;padding-right:100px;}
	footer .col-33.alignleft{display: block}
	ul#footer-menu {display: block;text-align:right}
	#primary-menu > li:hover > ul, #primary-menu > li > ul:hover { display: none; }
	#primary-menu li:focus-within ul{position:relative; }
	.search-form{position:absolute; top:18px;right:20vw;display: flex;}
	
	/*img.custom-logo*/
	.primary-open .header{width:auto;max-height:80px;}
	.header img.custom-logo {height:auto; width:auto;animation-name: example1;
	animation-duration: .8s; animation-timing-function: ease-in;}
  	.primary-open .header img.custom-logo {max-height:60px; width:auto;animation-name: example;
	animation-duration: .8s; animation-timing-function: ease-in-out;}	


}
    .is-scrolled .header img.custom-logo, .is-scrolled.primary-open .header img.custom-logo {max-height:50px; width:auto;animation-name: example; animation-duration: .8s; animation-timing-function: ease-in-out;}


@media (max-width: 768px) {
footer .col-33, #footer-menu{text-align:center!important}
}

@media screen and (max-width: 550px) {
	.branding{width:80%;}
	.search-form{position:absolute; top:110%;right:calc((100vw - 170px) / 2);display: flex;}
	.primary-open .search-form{display: none;}
	article.post, article.page {width: 100%;}
	#site-content { margin: 50px 0 ;}
	body.is-scrolled.admin-bar #site-header{top: 0}
	body.is-scrolled .search {display:none}
}

/*contact*/
#responsive-form{max-width:600px margin:0 auto;  width:100%;  }
.form-row{width: 100%;display: flex;}
.column-half, .column-full{padding: 0.65rem;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box  }
.clearfix:after {content: "";display: table;clear: both;}
.wpcf7 form.invalid .wpcf7-response-output {clear: both;text-align:center; color:red;border-color:red;font-size: .8rem; }
.screen-reader-response{display:none}
span.wpcf7-not-valid-tip {color: red;font-size:1rem;font-style:italic  }
form p{margin-bottom:0}
.wpcf7 input[type="text"], input[type="email"], input[type="tel"],textarea{border: 1px solid rgba(0,0,0,.2);padding: 0.6em;    max-width:100%;border-radius:3px;}
textarea {width: 100%;  }
.wpcf7-list-item {display: inline-block;margin: 0;width: 100%;}
.wpcf7 label, span.wpcf7-not-valid-tip {font-size: .8rem;}
.column-half{width: 50%;  }

@media (max-width: 768px) {
	.column-half{width: 100%;  }    
	.form-row{width: 100%;display: block;}
} 
/*block_styles*/  
.wpcf7-submit, .submit, .is-style-viburno-1 {
  background: #efefef;cursor: pointer;
  border: 2px solid #ccc;border-radius:10px;
  transform:scale(1);text-transform:uppercase; transition: all .5s cubic-bezier(.215, .61, .355, 1);
  padding: calc(.667em + 2px) calc(1.333em + 2px);}
.wpcf7-submit:hover, .submit:hover, .is-style-viburno-1:hover {
  background: #000;color:#fff;
  transform: scale(.98);transition: all .5s cubic-bezier(.215, .61, .355, 1);}

.wp-block-search__inside-wrapper {max-width: 100%;}