/*
Theme Name: Ilex
Author: DoTe
Theme URI: https://dotecsa.altervista.org/thema-ilex
Author URI: https://dotecsa.altervista.org/
Description: Minimal theme created for a secular ilex wood website, it can be adapted to different use.
Two-column theme, with primary menu (two level), social menu and footer, 
full-width template, sidebar right, align-wide support for full-width template, excerpt support,
mobile version, sub-menu mobile scrollabile, translation-ready, color customization, localized in Italian.
Version: 2.4.1
Requires at least: 5.5
Tested up to: 7.0
Requires PHP: 5.6
Tested up to: PHP 8.5
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ilex
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-width-template, 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: 1rem;line-height:1.6; box-sizing: border-box; margin: 0;padding: 0;}
body {-ms-word-wrap: break-word;word-wrap: break-word; font-family:-apple-system, BlinkMacSystemFont, 'Work Sans', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;}
*, *: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', sans-serif;}
h3, h4, h5, h6, p, ol, ul {font-family: 'Work Sans', 'Helvetica Neue', system-ui, sans-serif;}
img {height: auto;width: 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: #fefefe}
.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;font-weight: 500;line-height: 1.2;font-style: italic;}
figcaption a, .wp-caption-text a {color: inherit;}
figure {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 {float: left;margin-right: 20px;margin-bottom: 10px;display: inline;text-align: left;}
.alignright {float:right;margin-left: 20px;margin-bottom: 10px;display: inline;text-align: right;}
.aligncenter {clear: both; display: block;margin-left: auto;margin-right: auto;text-align: center;}
.left {display:flex; align-items:center;}
.right {display:flex; align-items:center;justify-content:right;}
.center {clear: both; display: block;margin-left: auto;margin-right: auto;text-align: center;}

/* root */
:root {/*--ilex_header_color: #ffffff;--ilex_title_color: #a94100;--ilex_primary_color: #000;*/--ilex_link_color: #ad541c;--ilex_link_color_hover: #d50000;
--submenu_bg:#ffffff;--ilex_submenu_color:#777;}

/* ! base */
article, .page .col-70 article, .single .col-70 article{max-width:800px; width:100%;margin:0 auto;/*padding-bottom:100px;*//*padding:1%;*/}
.col-70{width: 66.33%;}
aside.col-20{width: 30.00%;padding:0 3%;font-size:14px;}
.container, aside.col-19 {max-width: 1400px;width:100%;margin:0 auto;}
.container{padding:10px; position:relative;}
body>.grid-between.container, body>.grid-top.container {margin: 120px auto;margin-bottom:100px;overflow-x: hidden;}
.container.full {max-width: 100%;width:100%;margin: 120px auto;margin-bottom:0px;overflow-x: hidden;}
.header {height: 100px;/*padding: 5px 10px;*/}
img.custom-logo {max-width: 250px;max-height: 80px;aspect-ratio: auto;height: auto;  width: auto;}
body.is-scrolled .header{height: 60px;}
body.is-scrolled img.custom-logo {max-height: 50px; max-width: 150px;}
.branding{display: block;max-width: 250px; width: 100%;}


body {color: #444;}
h1, h2, h3, h4, h5, h6 {color: #333; margin-bottom: 20px; line-height: 1;font-weight: 600;}
h1 {font-size: clamp(36px, 7vw, 56px);}
h2 {font-size: clamp(20px, 4vw, 25px);}
h3 {font-size: clamp(18px, 3vw, 22px);}
h4 {font-size: clamp(17px, 2.5vw, 20px);}
p {line-height: 1.5;font-size: .95rem;}
.mb-1 {margin-bottom: 20px}
.mb-2 {margin-bottom: 40px}
.mb-3 {margin-bottom: 30px}
.mt-1 {margin-top: 20px}
.mt-2 {margin-top: 30px;}
a {text-decoration: none;color: var(--ilex_link_color);}
a:hover {color: var(--ilex_link_color_hover)}
iframe {max-width: 100%;}
hr {border: 0;border-bottom: 1px solid #ccc;}
html {scroll-behavior: smooth;}
:target {
    margin-top: -100px;
    padding-top: 100px;
}

/* ! layout */

.animate {-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.grid-center {display: flex;align-items: center;justify-content: space-between;}
.grid-top {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.grid-between {display: flex; flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.header-image {width: 100%;height: 400px}
.col-33 {width: 33.33%;padding: 10px;padding-bottom: 20px; }
.col-100 {width: 100%;}
.spacer {height: 30px;}
/* ! aside */
aside.col-20 {padding-top:100px; animation-name: example;animation-duration: 1.5s;animation-timing-function: ease-in-out;}

@media (max-width: 1200px) {
	#site-content .col-33 {width: 50%}
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
/*	.container {padding: 1vw;}*/
	#site-content .col-33 { width: 100%; padding: 0px;padding-bottom: 30px;}
	.grid-center .col-33.alignleft, .grid-center .col-33.aligncenter, .grid-center .col-33.alignright {text-align: center;}
}
@media (max-width: 600px) {
	.page .col-70, .single .col-70, .col-70 { width: 100%;margin:0 auto}
	#site-content .col-33 {width: 100% }
	.grid-top, .grid-center, .grid-between { display: block; }
	.col-33 {width: 100%; padding: 0}
	body>.grid-between.container, body>.grid-top.container { min-height: calc(100vh - 450px);margin: 150px 0 80px 0 }
    .mb-3.mt-2 { margin-top: 20px;margin-bottom: 20px}
	    /* ! aside */
    aside.col-20{margin-top: 50px;width: 100%;padding-left: 0;}
}

@media (max-width: 500px) {
    .col-20, .col-70, .single .col-70, .page .col-70  {width: 100%;}
}

/* ! .header */
#site-header {margin: 0 auto;background-color: #ffffff; position: fixed;width: 100%; top:0;z-index:99;}
body.is-scrolled #site-header { box-shadow: 0 5px 20px rgb(0 0 0 / 5%);}
.header {display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;height:100px; position: relative;transition:all .5s cubic-bezier(.215, .61, .355, 1);}
body.is-scrolled .header.container {transition: all .5s cubic-bezier(.215, .61, .355, 1);height:60px}

img.custom-logo {max-width: 250px; max-height: 80px;aspect-ratio: auto;height: auto;width: auto;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
a.custom-logo-link {max-height: 80px;display: block; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
body.is-scrolled img.custom-logo{max-height:50px; max-width: 150px;transition: all .5s cubic-bezier(.215, .61, .355, 1);} 
body.is-scrolled a.custom-logo-link {max-height: 50px;}
/* allinea immagine e link del logo */
a.custom-logo-link .custom-logo {display: flex;align-items:center ;}

body.admin-bar #site-header, body.is-scrolled.admin-bar #site-header {top: 32px}


.site-title {font-size: 26px;font-weight: 700;padding: 0 7px;color: #a94100;display: flex;align-items: center;line-height: 1;}
.site-description {line-height: 1.2;margin-bottom: 0;color: #a94100;padding-left: 10px;}

/* widget search */
form .wp-block-search__inside-wrapper {width: 100%;}

/* div-search */
div.search{text-align:right}
.branding, div.search { min-width: 120px;}
.branding { display: block;max-width:250px;width:100%}
.page div.search {text-align: right;}
.header input.search-submit {  display: none}
/* se c'è search al posto di contact */
#site-header input.search-field, .wp-block-search__input, .error404 .search-field { width: 120px;background: #ededed url(img/search_bg.png) no-repeat 0px 50%;background-size: contain;padding: 5px 0px;}
#site-header input.search-field:focus, .wp-block-search__input:focus { width: 120px;background:  transparent;}
body.is-scrolled form.search-form {padding-top: 0;}
@media (max-width: 1200px) {
	.header{max-height:100%;}
	.branding, div.search {min-width: 250px;}
	.branding {display:flex;align-items:center;max-width:250px;height:90px}
	body.is-scrolled .branding {height: 50px;}
	.site-description {padding-left: 0px;padding:3px 0}
}
@media (max-width: 1024px) {
	
}
@media (max-width: 768px) {
    body.admin-bar #site-header, 
    body.is-scrolled.admin-bar #site-header {top: 46px}
	.site-description{padding:0;}
}
@media (max-width: 550px) {
	.header div.search {position: relative;top: 0%;right: 0px;}
    button.contact, .submit, .wpcf7-submit, .wp-block-search__button {padding: 0.6em; font-size: 12px;}
    button.contact {margin: 10px;}
	body.is-scrolled.admin-bar #site-header {top: 0;}
    body.is-scrolled #site-header .menu.grid-center {padding: 0; }
	.header {flex-wrap: wrap;}
    div.search{width:100%;display: flex;justify-content: center;}
    .header-title.grid-center {display: flex;justify-content: flex-start; flex-wrap: wrap }
    body.is-scrolled div.search{display: none;}
	.header {height:auto;}
}

/* ! article */
/*.page .col-70 article, .single .col-70 article{max-width: var(--ilex_article_width);margin: 0 auto;}
article {max-width: var(--ilex_article_width);margin: 0 auto;padding: 0}*/
article h3 {font-weight: normal;margin-bottom: 5px}
.blog h1.mb-3.mt-2, div.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, div.search article { width: 100%; margin-bottom: 20px}
.blog .img-res, .archive .img-res, .category .img-res, div.search .img-res {max-height: 200px;height: 200px;width: 100%;object-fit: cover;}
.content-blog p {margin-bottom: 0;}
figure.wp-block-media-text__media img { width: 100%;}
pre {white-space: pre-wrap;word-wrap: break-word;}
.header-title {width: auto;}
/*.entry-content {max-width: 800px;margin: 0 auto}*/
.entry-content-bottom {clear: both;padding-top: 20px;font-size: .9em;}
.entry-content ul{margin-bottom:20px;margin-left: 3rem;}
.entry-content ol {list-style-position: inside;margin-bottom:0px;margin-left: 1.5rem;}
.entry-content ul li {list-style-type: disc;list-style-position: inside;padding:0.22rem 0;/*line-height: 1.5;*/}
.entry-content p {font-size: 1rem;line-height: 1.6;}
.img-res {width: 100%;height: auto;padding-bottom: 20px;}
.entry-content a, .entry-content a:hover { text-decoration: underline;}

p.post-nav-links {padding-bottom: 10px;}
.small { font-size: 12px; font-style: italic;}
p.small { font-size: 14px; font-style: italic;}
.comments p, .comments a { font-size: 14px; }
p.small.aligncenter {margin-top: -55px;margin-bottom: 60px;}
@media (max-width: 1200px) {
	
}
@media (max-width: 1024px) {
	
}
@media (max-width: 550px) {
	main#site-content {min-height: 50px; }
	.blog article, .archive article, .category article, div.search article, article {width: 100%;margin-bottom: 20px}
    .wp-block-media-text__media img {width: auto;height: auto }
    .grid-top {display: block;}
}

/* ! comment */
ol.comment-list {list-style: decimal;list-style-position: outside;margin-left: 15px;}
ol.children {padding-left: 30px;border-left: 3px solid #ddd;margin-top: 20px;}
textarea#comment {width: 100%;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 50%}
input#author, input#email, input#url {width: 100%}
footer.comment-meta img {width: auto;}
.comment-content {padding: 10px 0;}
ol.comment-list li {padding-bottom: 20px;}
ol.wp-block-latest-comments li {line-height: 1.2;margin-bottom: 5px;}
.comment-metadata {padding-top: 10px;}

/* ! pagination*/
.pagination.clearfix {padding-top: 20px;font-size: 15px; font-style: italic;}

/* ! post navigation */
.nav-links {display: flex;justify-content: space-between;}
.nav-previous, .nav-next {position: relative;overflow: hidden;}
.nav-next span.nav-title, .nav-previous span.nav-title {display:flex; align-items:center}
.nav-next span.nav-title {justify-content:right}
.nav-next span.nav-title svg {position: relative;transform: rotate(-90deg);width: 25px;right: 0;}
.nav-previous span.nav-title svg {position: relative; transform: rotate(90deg); width: 25px;left: 0; }
@media (max-width: 768px) {
	.nav-links { display: block;}
} 

/* ! widget*/
.widget-title {margin-bottom: 10px}
.widget article {margin-bottom: 0;}
.widget input.search-field,
.error404 input.search-field {width: auto;}
.widget h2 {font-style: italic;font-weight: 600; margin-bottom: 0px; font-size: 22px;}
.widget, .correlated {margin-bottom: 30px;}
.widget_search {padding: 20px 0;}
.widget ol, .related ul,.widget ul {margin: 10px 0;}
.widget ol li, .related ul li, .widget ul li {list-style-position: inside;padding:0.10rem 0;}

/* ! footer */
ul#footer-menu {display: flex;justify-content: flex-end;flex-wrap: wrap;list-style: none;}
ul#footer-menu li a {padding: 0 5px;font-weight: 500;font-size: 14px}
ul#social-menu li a:hover {padding: 0;background: none;display: flex;list-style: none;}
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;list-style: none;}
ul#social-menu li {margin: 0 5px;cursor:pointer}
ul#social-menu li:hover { opacity: .8;}
.footer a:hover{text-decoration:underline}
.footer p, .footer ol, .footer ul {margin-bottom: 0px;}
.footer .col-33 {padding: 20px 0}
.footer p.site-description {color: inherit!important}
.footer img.custom-logo {    max-width: 150px !important; max-height: 50px !important;height: auto;width: auto;margin: 0 auto;}
.footer .col-33.alignleft {display: flex;align-items: center;flex-wrap: wrap;}
@media (max-width: 1200px) {
	ul#footer-menu{display: block;text-align:right}
	.left {display: block;}
	.footer img.custom-logo  {margin: 0;}
	.footer .col-33.alignleft{display:block}
	.footer .col-33.alignright{float:none}
}
@media (max-width: 1024px) {
	ul#footer-menu, .footer .col-33.alignleft {display: block;/*margin-right: 10px */}
}
@media (max-width: 768px) {
	.footer .grid-center {display: block;text-align: center;}
	.footer img.custom-logo  {margin: 0 auto;}
	.footer .col-33 {width:100%} 
	.menu {margin-right:0;padding-left:0!important;}	
	.right  {display: block; margin:0 auto }
	ul#footer-menu{text-align: center;}
}
@media (max-width: 550px) {
	p.small.aligncenter {margin-top: -20px; margin-bottom: 20px;}
}


/* alignfull */
.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;}

/* ! 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: #fff 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;}

/* Navigation
--------------------------------------------- */

@keyframes example {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/*navigation comuni*/
#primary-menu, #primary-menu ul {margin: 0;position: relative;}
#primary-menu li {display: inline-block;position: relative;}
#primary-menu li a {display: block;padding: 16px 14px;font-size: 14px;font-weight: 600;text-transform: uppercase;color: #000;border: 1px solid transparent}
#primary-menu .sub-menu li a {padding: 6px 16px 6px 6px;font-size: 13px;text-transform: capitalize;}
#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 #999;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);animation-name: example;animation-duration: .5s;animation-timing-function: ease-out;background-color: #fff;}
button.menu-toggle {display: none;}
#primary-menu li.open>ul{visibility: visible;height: auto;}
.sub-menu {padding-left: 1em;background-color: #fff;}
#primary-menu>li:hover>ul{visibility: visible;display: block;height: auto;}
#primary-menu li:focus-within ul {visibility: visible;display: block;height: auto;}
#primary-menu li ul li {clear: both;width: 100%;margin:0;}
#primary-menu li:hover, #primary-menu li.open {background: #ededed;transition: all .5s cubic-bezier(.215, .61, .355, 1);}

#primary-menu li span.icon,
#primary-menu li.open span.icon {width: 15px;height: 15px;right: -2px;background-size: 15px 15px;position: absolute;top: 18px;color: #000;}
#primary-menu li:hover span.icon path, .primary-open #primary-menu span.icon path { fill:var(--ilex_submenu_color)!important;  }
.sub-menu li span.icon {display: none}
#primary-menu li:hover a,
.sub-menu li a {color: var(--ilex_submenu_color)!important;}

#primary-menu .sub-menu li:hover a {color: var(--ilex_submenu_color)!important;}
#primary-menu .sub-menu li:hover a:hover {color: red!important;}
@media (max-width: 1200px) {
	/* toggle-menu */
    button.menu-toggle {background: transparent;border: 0;color: var(--ilex_link_color);display: block;width: 40px;padding:0;min-height:40px;margin:0 auto;}	
    .icon-hamburger {height: 15px;}
    .icon-hamburger span{width: 30px;margin: 0 auto;position: relative;display: block;margin-top:10px;height: 2px;border-radius: 2px;}
    .primary-open .icon-hamburger span:nth-child(1) {transform: translateY(2px) rotate(45deg);transition: all .5s cubic-bezier(.215, .61, .355, 1);}
    .primary-open .icon-hamburger span:nth-child(2){transform: translateY(0px) rotate(-45deg);margin-top: 0px;transition: all .5s cubic-bezier(.215, .61, .355, 1);} 
    /* menu */
    #primary-menu {padding-left:0;position: absolute;top: 100px;min-width: 100%;overflow: auto;background: #fff;height: 100vh;height: 0vh;left:0;right:0;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
	.primary-open #primary-menu{padding-top:50px;height:100vh;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
	body.is-scrolled #primary-menu {top:60px}
	#primary-menu li{width: 96%;margin: 0 2%; border-bottom: 1px solid #ccc;position:relative;}
	.primary-open #primary-menu li a{color:var(--ilex_submenu_color)}
	#primary-menu ul li, #primary-menu li.open{border-bottom: 0px;}
	#primary-menu > li > ul{position:relative}
	#primary-menu, #primary-menu ul{margin: 0;display:block;}
	.primary-open #primary-menu li>ul, .primary-open #primary-menu li>ul ul{position: relative;height:0;display:none;}	
	.primary-open #primary-menu li.open>ul{position: relative;height:auto;display:block;overflow:hidden}
	.primary-open #primary-menu li.open>ul ul{position: relative;height:auto;display:block;}
	.primary-open #primary-menu li span.icon {	width: 39px;height: 39px;display: block;right: 0.5em;background-size: 40px 40px;border: 2px solid var(--ilex_submenu_color);border-radius: 3px;	position: absolute;	top: 8px;transition:all .5s cubic-bezier(.215, .61, .355, 1);}
	.primary-open #primary-menu li.open span.icon {transform: rotate(180deg);}
	.primary-open #primary-menu ul li span.icon {display: none;}
	.primary-open #primary-menu > li:last-child{margin-bottom: 150px;position: relative;}
	#primary-menu li:not(.open) {background: transparent;transition: all .8s cubic-bezier(.215, .61, .355, 1);}

}
@media (max-width: 1024px) {
	
}
@media (max-width: 768px) {
	
}
@media (max-width: 550px) {
	button.menu-toggle {margin-right:0;}	
    #primary-menu {top: 150px;}
	body.is-scrolled #primary-menu {top: 60px;}
}


/*block_styles*/
.is-style-ilex-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);}
.is-style-ilex-1:hover {background: #000;color: #fff; transform: scale(.98); transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.wp-block-search__input, .wp-block-search__button {border-radius: 3px;border: 2px solid #000;}

/*button*/
button.contact, .search-submit, .submit, .wpcf7-submit, .wp-block-search__button { border: 0;padding: 0.6em 1em;border-radius: 3px;background: #d30000;font-size: 14px;text-transform: uppercase;color: #fff;}
button.contact a, .submit a, .wpcf7-submit a {color: #fff;}
button.contact:hover, .submit:hover, .wpcf7-submit:hover, .wp-block-search__button:hover {background: #bc0000;transition: all 0.25s ease-in-out;cursor: pointer;}


/* ! mobile -------------------------- */
@media (max-width: 1200px) {
	/* focus-within */
	#primary-menu:focus-within{display:block;overflow:visible; height:100vh}
	#primary-menu li:focus-within ul{position:relative; }
	
	/* fixed nel caso di logo più alto */
	body.primary-open {overflow: hidden}
	body.primary-open nav .menu {position: absolute;}
	body.is-scrolled.primary-open {position: absolute;overflow:hidden}
}
@media (max-width: 1024px) {
 
}

@media (max-width: 768px) {

}

@media (max-width: 550px) {

}
/* focus-within */	
nav .menu li:focus-within nav .menu{height: 100vh;}
nav .menu li:focus-within ul li ul {position:static!important}
nav .menu > li:hover > ul, nav .menu > li > ul:hover {padding-left: 10px;}
/*.primary-open nav .menu li:focus-within ul li ul { padding: 20px 5px!important;  }	*/

/*
.container {border:1px solid red}
.col-33, .page .col-70 article, .single .col-70 article, .widget {border: 1px solid brown}
.col-70, .page .col-70, .single .col-70, aside.col-20 {border: 1px solid green;}
.branding { border: 1px solid #ccc;}*/

/* customization */
.info-article { }


.container.full {margin:120px auto;}
.post-template-template-regolar-width-sidebar-bottom .grid-top.container{width:var(--ilex_article_width);}
.post-template-template-full-width-menu-trasparent #site-header {background-color: transparent;}
aside.col-19 {display:flex; justify-content:space-between;font-size: 14px;padding:1vw;}
aside.col-19 .widget, aside.col-19 .correlated{width:24%;padding:1%}
@media (max-width: 1024px) {
aside.col-19 {width:100%;display:block; max-width:450px}
aside.col-19 .widget, aside.col-19 .correlated{width:100%;}
}
@media (max-width: 550px) {
.container.full {margin:180px auto;margin-bottom: 50px;}
aside.col-19 {max-width:100%}
}
