/*!
Theme Name: micologia che passione
Theme URI: https://dotecsa.altervista.org/
Author: DoTe
Author URI: https://www.storieeluoghidabruzzo.it
Description: One-column theme, with primary menu (multilevel), social menu and footer, sidebar at the end of the text, align-wide support, excerpt support, mobile version, translation-ready.
Version: 2.4.0
Tested up to: 6.7
Requires PHP: 5.6
Tested up to: PHP 8.3
License: GPLv2 or later. 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: micologia-che-passione

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

micologia che passione is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# dote custom
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {margin: 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em; }
a {	background-color: transparent;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {	overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {	padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box;	padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;appearance: textfield;outline-offset: -2px;    border-radius: 20px; padding: 5px 10px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after {box-sizing: inherit;}
html {box-sizing: border-box;}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body, button, input, select, optgroup, textarea {color: #404040;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;	font-size: 1rem;line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both;}
p {	margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {	background: #fff9c0;text-decoration: none;}
big {font-size: 125%;}
.small{font-size: .8em;}

/* Elements
--------------------------------------------- */
body {background: #fff;-ms-word-wrap: break-word;word-wrap: break-word;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0; padding:0;}
ul { list-style: disc;}
ol {list-style: decimal;}
ol.wp-block-latest-comments{padding:0;}
li>ul, li>ol {	margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {	max-width: 100%;}
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {	margin: 0 0 1.5em;	width: 100%;}

/* Links
--------------------------------------------- */
a {color: #ad541c;text-decoration: none;}
a:hover,
a:focus,
a:active {color: #191970;}
a:focus {outline: thin dotted;}
a:hover,
a:active {outline: 0;}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #ffeace;color: #ad541c;line-height: 1;padding: 0.45em 1em 0.45em;text-transform: uppercase;}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color: #ccc #bbb #aaa;text-transform: uppercase;background: #161511;color:#eee;border: 1px solid;cursor: pointer;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {color: #666;border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;padding: 3px;}

select {border: 1px solid #ccc;}
textarea {width: 100%;}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
/*.main-navigation {display: block;width: 100%;}*/
.main-navigation ul {display: none;list-style: none;/*margin: 20px 0;*/}
.main-navigation ul ul {position: absolute;top: 100%;left: -999em;z-index: 99999;}
/*.main-navigation ul ul ul {	display: block;	left: auto;top: 0;}*/

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {display: block;	left: auto;top: 100%;}
.main-navigation ul ul a {width: 200px;    padding: .3em 1em}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {left: auto;top: 100%;}
.main-navigation li {position: relative;}
.main-navigation a {display: block;text-decoration: none;}
.main-navigation.toggled ul > li:hover > ul, .main-navigation.toggled ul > li > ul:hover {
 transform: translate(20px);
 transition: all 0.5s ease;
}
.menu, .menu ul {
    margin: 0;
    position: relative;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {display: block;}
/*custom*/
.main-navigation li a, #footer-menu li a {padding: .5em 1em;}
.main-navigation.toggled ul li {border-bottom:1px solid #ccc;width:100%}
.main-navigation.toggled ul.sub-menu li {border-bottom:0;}
.main-navigation.toggled ul li.menu-item-has-children>ul.sub-menu {left: -999em;}
.main-navigation.toggled ul li.menu-item-has-children.open>ul.sub-menu {position: sticky;width: 100%;left: auto;}
.main-navigation.toggled ul li.menu-item-has-children>ul.sub-menu ul.sub-menu {left: -999em;}
.main-navigation.toggled ul li.menu-item-has-children.open>ul.sub-menu ul.sub-menu {position: relative;	width: 100%;left: auto;	display: block;}

li span.icon {	width: 36px;height: 36px;display: block;	right: 10px;background: #ffeace url(img/arrowdown.svg);	background-size: 35px 35px;	border: 1px solid #ccc;border-radius: 3px;	position: absolute;	top: 2px;transition:all .5s cubic-bezier(.215, .61, .355, 1);}
li.open span.icon {width: 36px;height: 36px;display: block;right: 10px;background: #fcde9d url(img/arrowdown.svg);transform: rotate(180deg);	background-size: 35px 35px;	border: 1px solid #ccc;border-radius: 3px;	position: absolute;	top: 2px;transition:all .5s cubic-bezier(.215, .61, .355, 1);}


.menu.toggled ul ul, .menu ul ul, .menu.toggled ul {
    box-shadow: none;
    position: relative;
    top: 100%;
	left:auto;
	padding-left: 20px;
    z-index: 99999;
}


.main-navigation.toggled ul ul li span.icon {display: none;}

/*posts-navigation*/
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {margin: 1.5em 0;clear: both;}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {display: flex;border-top: double #f9c759;border-bottom: double #f9c759;padding: 10px 0;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {flex: 1 0 50%; padding-left:15px;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {text-align: end;flex: 1 0 50%;padding-right:15px;}
/*posts-navigation custom*/
.nav-previous, 
.nav-next { position: relative;overflow: hidden;}
.nav-previous::before {content: "";position: absolute;background: url(img/arrowdown.svg) no-repeat;background-size: 30px 30px;transform: rotate(90deg);top: -8%;left: -8px;width: 30px;height: 30px;}
.nav-next::before {content: "";position: absolute;background: url(img/arrowdown.svg) no-repeat;background-size: 30px 30px;transform: rotate(-90deg);top: -8%;right: -8px;width: 30px;height: 30px;}

/* Posts and pages
--------------------------------------------- */
.sticky {display: block;}
.updated:not(.published) {display: none;}
.page-content,
.entry-content,
.entry-summary {margin: 0;}
.page-links {clear: both;text-align:center;margin:1.5em;}
/*custom*/
.col-100, .col-50, .col-33, .single-post article, .page-header, .posts-navigation{width: 100%;}
.col-33 .entry-content, .col-33 .entry-content p{margin:0}
.entry-footer{margin-top:20px;}
.entry-footer span{padding-right:20px;}
h2.entry-title{margin-bottom:0}
aside, main{padding:0 5px}
aside{display: block;}
article.col-33 img.wp-post-image {max-height: 200px;width: 100%;object-fit: cover;}

/* Comments
--------------------------------------------- */
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/* Widgets
--------------------------------------------- */
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {	border: none;margin-bottom: 0;margin-top: 0;padding: 0;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {display: inline-block;padding-right: 10px;}

/* Captions
--------------------------------------------- */
.wp-caption {margin-bottom: 1.5em;	max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/* Galleries
--------------------------------------------- */
.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}
.gallery-item {display: inline-block;	text-align: center;	width: 100%;}
.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}
.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}
.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}
.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}
.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}
.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}
.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}
.gallery-columns-9 {grid-template-}
.toggled .icon-hamburger span:nth-child(2){transform: translateY(1px) rotate(-45deg);margin-top: 0px;columns: repeat(9, 1fr);}
.gallery-caption {display: block;}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {display: none;}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {display: block;}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.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;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {outline: 0;}

/* Alignments
--------------------------------------------- */
.aligncenter,.alignleft, .alignright {text-align:center;margin:0 auto;}

/*  ---------------------------------------
custom DoTe dicembre 2023 
------------------------------------------*/

/*header e footer*/
.site-header { padding: 5px;background: #ffeace;}
.site-title {font-size: 2em;margin: 0;font-weight: bold;}
.custom-logo-link{display: flex;}
.titoli{display: flex;align-items: center;}
p.site-description{margin:0; padding-left:10px}
.site-info {text-align: center;padding-bottom: .5em;}
#social-menu{display: flex;justify-content: end; list-style: none;}
ul#social-menu li {margin: 0 5px;}
#social-menu li.menu-item-object-custom {filter: opacity(60%);transform: scale(.8);}
#social-menu li.menu-item-object-custom:hover {filter: opacity(100%); transform: scale(.85);}
#footer-menu {display: flex;justify-content: center; list-style: none;padding: 10px 0;}
.site-footer{padding:5px;background: #161511;color: #ccc;}

/*icon hamburger*/
.icon-hamburger {margin-top: -9px; padding-left: 10px;}
.icon-hamburger span{width: 30px;margin: 0 auto;background: #8e2a02;position: relative;display: block;margin-top:10px;height: 2px;border-radius: 2px;}
.toggled .icon-hamburger span:nth-child(1) {transform: translateY(3px) rotate(45deg);margin-top: 5px;transition: all .5s cubic-bezier(.215, .61, .355, 1);transition: all .5s cubic-bezier(.215, .61, .355, 1);} 
button.menu-toggle{border:1px solid #f9c759;background: none;display:flex; align-items: center;color:#ad541c; margin:5px}

/* ! sprite social*/
.facebook{width: 17px;height: 29px;background: url(img/icone-social.png) 0px 0;}
.twitter{width: 29px;height: 30px;background: url(img/icone-social.png) -18px 0;}
.youtube{width: 34px;height: 30px;background: url(img/icone-social.png) -47px 0;}
.instagram{width: 25px;height: 30px;background: url(img/icone-social.png) -81px 0;}
.linkedin{width: 24px;height: 30px;background: url(img/icone-social.png) -106px 0;}
.pinterest{width: 23px;height: 29px;background: url(img/icone-social.png) -131px 0;}
.email{width: 29px;height: 30px;background: url(img/icone-social.png) -154px 0;}

/* ! full-width */
.alignfull {margin-left: calc(50% - 49.55vw);margin-right: calc(50% - 49.45vw);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;}

/*body is-scrolled*/
body.is-scrolled .main-navigation{position:fixed;background: #ffeace;left:0; top:0px;width:100%; z-index: 9;box-shadow:  0 5px 20px rgb(0 0 0 / 5%);}
body.admin-bar.is-scrolled .main-navigation{ top:0px;}	

/*aside-secondary*/
#secondary.widget-area{display:none; position:absolute;background:#fff;z-index:999;width:100%;border:1px solid #ddd;border-radius: 0 0 5px 5px;box-shadow: 5px 5px 20px rgba(0,0,0,.2);}
#secondary.focus{display:block; background:#fff;z-index:999999999;position:absolute;}
#secondary.widget-area.open{display:block; }
.banner a{pointer-events: none;	cursor: default;}

/*contact form7*/
#responsive-form{max-width:600px;margin:0 auto;  width:100%;}
.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  }/**—————- Per personalizzare il messaggio di successo —————-**/
form p{margin-bottom:0}
.wpcf7 input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="checkbox"]::before, textarea, .search-field, input.search-submit, input.wpcf7-submit{border: 1px solid #f9c759;padding: 0.41em; background: #fffbf7;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;}
input[type="search"]{padding: 0.2em;}
.column-half{width: 100%;}    
.form-row{width: 100%;display: block;}
.column-half, .column-full{padding: 0.65rem;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box  }
/*checkbox contact form 7*/
input[type=checkbox] {display: none;}
input[type=checkbox] + span {display: inline-block;}
input[type=checkbox] + span::before {content: '';width: 20px;height: 20px;display: inline-block;margin-right: 3px;border: 1px solid #f9c759;background: none #fffbf7;}
input[type=checkbox]:checked + span::before {background: #161511 url(img/check-solid.svg) center no-repeat;}
/*submit commenti e contact form 7*/
.comment-form input[type="submit"], input.wpcf7-submit {border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #ffeace;color: #ad541c;line-height: 1;padding: 15px 20px;text-transform: uppercase;}
.comment-form input[type="submit"]:hover, input.wpcf7-submit:hover {border-color: #ccc #bbb #aaa;text-transform: uppercase;background: #161511;color:#eee;border: 1px solid;cursor: pointer;}

/*register_block_styles*/
.wp-block-image[class*=is-style-cornice] {box-sizing: border-box;padding: 1rem;background-color: #fff;box-shadow: 0 4px  10px 0 rgba( 0, 0, 0, 0.3 ), 0 0 4rem rgba( 255, 255, 235, 0.5 ) inset;text-align: center;border-radius: 3px;}
.wp-block-image[class*=is-style-cornice] figcaption {margin-top: 1rem;margin-bottom: 0;}

@media screen and (min-width: 37.5em) {
	/*layout*/
	.site-main{padding:3em}
	.single-post .site-main, .page .site-main{max-width: 1000px;margin:auto}
	.col-50{width: 50%;padding:0 1em;}
	.col-33 {width:33.33%;padding:1em}
	aside{display: flex;flex-wrap: wrap;justify-content: space-evenly;padding:0 3em;}
	#secondary.widget-area.open{display:flex; }
	.widget{padding: 2%;}
	.full{display: flex;flex-wrap: wrap;justify-content: center;}
	.col-100{text-align: center;}
	.alignleft {text-align:left;}
	.alignright {text-align:right;	}
	/*header e footer*/
	.site-header { padding: 1em 3em 0 3em;}
	.site-branding{width: 100%;display: flex;align-items: center;}
	.site-footer{padding:0 3em;}
	/*navigazione*/
	.main-navigation ul {display: flex;	justify-content: center;	}	
	.main-navigation ul ul {display: block;background: #ffeace;}
	.main-navigation ul li:hover {background: #fcde9d}
	.menu > li.menu-item-has-children > a::after {
		content: " ";
		width: 15px;
		height: 15px;
		background-size: 15px;
		position: absolute;
		top: 15px;
		right: 0;
		background-size: 100%;
		background-image: url(img/arrowdown.svg);
	}
	.menu > li:hover > ul, .menu > li > ul:hover {
		padding-left: 10px;
		}
	.menu > li > ul {
		border-radius: 0 0 10px 10px;
		padding:10px;
	}
	
	
	button.menu-toggle, .menu li span.icon{display:none;}
	body.admin-bar.is-scrolled .main-navigation{ top:32px;}
	/*contact form7*/
	.form-row{display: flex;}
	.column-half{width: 50%; }

/*correzioni 23-10-24*/

	.widget{width: 25%;}
	.site-footer a:hover,.site-footer a:focus,.site-footer a:active {color: #d80532;}
	#social-menu{align-items: center;}
	h1.entry-title {font-size: 36px;}
	body, button, input, select, optgroup, textarea {line-height: 1.4;}
}
.site-title {font-size: 1.5em;padding-bottom:10px}
h1.entry-title {font-size: 30px;line-height: 1.2;}
h2 {font-size: 1.3rem;}
h2.wp-block-post-title {margin-top: 30px;margin-bottom: 10px;}