/* 
Theme Name:		 Ilex child museo
Theme URI:		 http://dotecsa.altervista.org/theme-ilex/
Description:	 Ilex child is a child theme of Ilex
Author:			 DoTe
Author URI:		 http://dotecsa.altervista.org/
Template:		 ilex
Version:		 1.0.0
Text Domain:	 ilex-child
*/


/*
    Add your custom styles here
*/

/* root */
:root { --menu-bg: #fff; --menu-color: #5f5f5f; --link-color:rgb(168, 60, 39);  --button-bg: #d30000;
  --button-text: #fff;  --button-bg-hover: #bc0000;}

  @font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*helpers*/ 
.spacer{height: 70px!important;}
.entry-content h2,.entry-content h3{margin: 30px 0 20px 0!important;}

.seo-title h1{ position: absolute; top:-9999px;}
.button, .wp-block-button__link {
    font-size: .9rem;
    letter-spacing: .055em;
    text-transform: uppercase;
    font-weight: 500;
    background: var(--button-bg);
    color: var(--button-text);
    padding: 10px 15px;
    display: inline-block;
    border-radius: 5px;text-decoration: none !important;
}
.button:hover, .wp-block-button__link:hover { background: #bc0000;}
#site-header, body.is-scrolled #site-header,  body.home.is-scrolled #site-header{
  background: #1d1e1f!important;
  position: fixed!important;
  top: 0;z-index: 99!important;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
body.home #site-header {
  background: transparent!important;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
/*
body.admin-bar header#site-header {top: 32px;}
.col-70 {width: 70%!important;padding:0 1.5%;}
.col-20 {width: 25%!important;padding:1.5%;}
.blog-two .tre, .xxx.container.aligncenter .tre{width:31%}
.container.aligncenter .due{min-width: 46%;
    width: 46%;
    margin: 1%;
    min-height: 200px;
}*/
/*
.hero-museo{z-index:0;position:relative;width:100%;height:100vh;background: url(/wp-content/uploads/2024/06/sansalvatore.jpg); background-size:cover; background-position: 50% 100%}
*/

/* ! sprite social*//*
.twitter1{width: 30px;height: 28px;background: url(img/social-sprite.png) -66px 0;}
.facebook{width: 30px;height: 28px;background: url(img/social-sprite.png) -33px 0;}
.instagram1{width: 30px;height: 28px;background: url(img/social-sprite.png) 0 0;}
.youtube1{width: 30px;height: 28px;background: url(img/social-sprite.png) -100px 0;}
.linkedin1{width: 30px;height: 28px;background: url(img/social-sprite.png) -167px 0;}
.whatsapp1{width: 30px;height: 28px;background: url(img/social-sprite.png) -133px 0;}
.twitter1:hover, .facebook1:hover, .instagram1:hover, .youtube1:hover{opacity: .55;transition: cubic-bezier(0.075, 0.82, 0.165, 1);}
*/
/* ! widget*/
.widget {font-family: 'Muli'!important;position: relative;border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;margin-bottom: 40px;}
.widget h2{font-family: 'Prata'!important;font-weight: 400!important; margin-bottom:20px}
.widget ul li {position: relative;}
.widget ul li + li {margin-top: 5px;}
.widget ul li a {
  font-size: 16px;
  display: inline-block;
  position: relative;
  padding-left: 15px;
/*  color: #777777;*/
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.widget ul li a:hover {color: #d99578;}
.widget ul,  .widget ol, .widget ol li article {  padding-left: 0px;}
.wp-block-latest-comments__comment {margin-bottom:0;}

/* ! article */
article{margin: 10px;padding:0;}
.single article, .page article{position: relative; /* padding-right: 40px;*/}
.article-left{width:150px;}
/*.article-right{padding-left:20px}*/
.cont-article{display: flex; justify-content: space-around;}
.comments article{padding-left:0}
article h3{font-weight: normal;text-transform: uppercase;font-size: clamp(20px, 4vw, 20px)!important;}
.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 .content-blog, .archive article .content-blog, .category article .content-blog, .search article .content-blog {padding: 0 10px;line-height:1.4}
.small{font-size: 12px; }
.blog .img-res, .archive .img-res, .category .img-res, .search .img-res{height: 200px;width:100%;object-fit: cover;}
.entry-content {max-width: 100%!important;}
article ul li{position: relative;
  padding-left: 28px;margin-top: 15px;}
article ul li:before{content: '';
  width: 6px;
  height: 6px;
  background-color: #d99578;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;}
  
.blog-four__date {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ad541c;
  border-radius: 4px;
  margin-right: 5px;
}
.date_evento {  width: auto;
  height: auto;padding:3px;}
.blog-four__author p{margin-top:10px}

.blog-four__date span {
  color: #fff;
  font-family: "Prata";
  font-size: 14px;
  line-height: 1.5em;
  display: block;
  text-transform: uppercase;
  text-align: center;
}
.blog-four__date.date_evento span {
  text-transform: none;
}
.blog-details__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px;
  margin-bottom: 60px;
}
.blog-details__social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #777777;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e4e4;
  border-radius: 4px;
  padding: 4px 8px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-details__social a:hover, .blog-details__tags a:hover  {
  background-color: #ad541c;
  border-color: #d99578;
  color: #fff;
}
i {transform: scale(.5);}
.blog-details__social a + a {margin-left: 20px;}

@media (max-width: 768px){
	.blog-details__social{display: block;}
	.blog-details__social a {margin: 10px 0px;}
	.blog-details__social a + a {margin-left: 0px;}
	.blog article, .archive article, .category article, .search article, article{width:100%;margin:0}
	.blog .img-res, .archive .img-res, .category .img-res, .search .img-res{height: 200px;width:100%;object-fit: cover;}
	.wp-block-media-text__media img{width:auto; height:auto}
	.grid-top{display: block;}
	.single article{padding-left:0; padding-right:0; display:block}
	.article-left, .article-right{padding:0;width: 100%;}
	.article-left{display: flex;padding-bottom:5px}
	.cont-article{display: block;}
	.blog-four__author p{margin-top:3px}
	/* ! comment */
	ol.comment-list {list-style: decimal;}
	ol.children {padding-left: 30px;border-left: 3px solid #ddd;}
	textarea#comment { width: 100%;}
	input#submit { color: #fff;}
	.comment-form-author,
	.comment-form-email,
	.comment-form-url{width:50%}
	input#author,
	input#email,
	input#url{width: 100%}
	}


/*dote 2024*//*
nav#site-navigation ul#primary-menu { background-color: transparent;}
body.is-scrolled #site-header img.custom-logo, #site-header img.custom-logo, footer img.custom-logo {  max-height: 50px; width: auto;}
body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
.home #site-header img.custom-logo {max-width: 250px;max-height: 80px;aspect-ratio: auto; border:1px solid #fff;}
main{position: relative;z-index:9;background:#fff}*/
/*body > .grid-between.container, body > .grid-top.container {margin-top: 120px!important;}*/
/*body.is.scrolled .container {padding:5px 10px!important;}*/
.primary-open .main-navigation li {border-bottom: 1px solid #ccc!important;}
.main-navigation li>ul {margin-left: 0!important;}
h2.sezioni{padding:50px; font-family: 'Prata';font-size: 48px!important;font-weight: 400!important; }
h3{font-weight: 400!important;font-family: 'Prata';}
p, article{font-family: 'Muli';color:#555555}
.entry-content p{font-size: 16px!important;}
h3.wp-block-heading{margin-top:10px;font-family: 'Prata'!important;}
.tagline{border-top: 3px double #d99578;width: 50px;margin:0 auto;height:2px;position: relative;}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {padding: 5px;}
.sede{background: #f4ece9;}

/*
.xxx {
  position: relative;
  background-image: url(http://museo.local/wp-content/uploads/2024/01/macchina-tabacchi.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.xxx:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#d99578), color-stop(82%, #302e2f));
  background-image: linear-gradient(-90deg, #d99578 0%, #302e2f 82%);
  opacity: .95;
}
.xxx p, footer p{color:#fff;}
.xxx .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{background:transparent!important; color:#fff;}
.xxx h3 {color:#fff}.xxx h2.sezioni{color:#fff!important; z-index: 999;position: relative;}
*/

.fade-in{opacity: 0;transform: translateY(10vh);transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);}


body .is-layout-flex {display: flex;justify-content: space-between;flex-wrap: wrap;}


.video-bg{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 0;
}

.section.fade-in{
  position: relative;
  width: 100%;

  z-index: 1;
  top:-200px
}
.title{
  text-align: center;
  display:flex;
  width: 100%;
  max-width: 50%;
  height: auto;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left:25%;
  letter-spacing: 3px;
  left: 0;line-height: 2;
  transform: scale(1);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity:1;color:#fff;font-size: 2.5em;
}
.section.titoli .title{transform:scale(.7);opacity: 0;}
#primary-menu li{padding:0;background-color: transparent;padding:0 1.35em;}
#primary-menu li a, .social li a {/*color: #fff!important;*/font-family: 'Inter'!important;font-size: 15px;}
#primary-menu li a:hover, .social li a:hover, #primary-menu .sub-menu li a:hover {  color: #ad541c!important;}
#primary-menu .sub-menu li { border-bottom:1px dotted #ccc;padding:0.5em!important;}
#primary-menu .sub-menu li a{color:#444!important;}
nav ul#primary-menu > li > .sub-menu:before {
  content: '';
  width: 17px;
  height: 9px;
  background-color: #fff;
  position: absolute;
  left: 80px;
  bottom: 99%;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
nav#site-navigation ul.sub-menu {background-color: #fff!important;}
footer#site-footer {  z-index: 1;  position: relative;  background: #1d1e1f;color:#fff;}
.flex{display: flex;/*align-items: flex-start;justify-content: center;*/}

/*blog-two*//*
.blog-two__single {
  margin: 30px;
}
.blog-two__image {
  background-color: #1d1c1d;
  overflow: hidden;
  position: relative;    line-height: .5em;
}
.blog-two__content {
  padding-left: 30px;
  padding-right: 25px;
  padding-top: 32px;
  padding-bottom: 30px;
}
.blog-two__single{
  background-color: white;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);	
}
.blog-two__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;justify-content: space-between;
  margin: 16px 0; position:absolute; bottom:0; padding-left:30px;
}
.blog-two__meta a, .blog-two__meta span {
  color: #9c9c9c;
  font-size: 13px;
}
.post-meta-mine {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
.blog-two__title {
  font-size: 20px;
  line-height: 32px;
  margin: 0;
  color: #302e2f!important;
}
.blog-two__title::after {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #e4e4e4;
  display: block;
  margin-top: 21px;
  margin-bottom: 22px;
}
.blog-two__title a {
  color: inherit;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-two__text {
  margin: 0;
  color: #777777!important;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 25px;
}
.blog-two__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-two__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  color: #302e2f!important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1em;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-two__link a:hover {
  color: #ad541c!important;
}
.blog-two__date {
  font-size: 16px;
  color: #9c9c9c;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}*//*
section.partner{background-color: #1d1d1f;border-bottom:1px solid #777}
section.partner h3.aligncenter{color:#fff;margin:25px 0}
.img-partner{height:100px; width:auto;}*/

/*.grid-center {justify-content: space-between!important;padding-top:5px}*/
/*.header {display: block!important;}*/
.nav-links {display: block!important;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;padding: 10px 0;}
.icon-hamburger span{color:#fff!important}


@media (max-width: 1200px) {
	body.admin-bar .main-navigation{top:110px}
	body.is-scrolled.admin-bar .main-navigation{top:60px}
	.main-navigation{
    position: absolute;
    top:110px;left:0;
    background-color: #1d1d1f!important;
    width: 100%;
    height: 100vh;
    height: 0vh;
    overflow: hidden;
   /* transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);*/
  }
	body.is-scrolled .main-navigation{top:60px}
	body.is-scrolled .search {display: block!important;}
	.main-navigation li{ width: 100%;border-bottom: 1px solid #444;  }
	.primary-open .main-navigation{height: 100vh;width:100%;padding:2%;  }
	body.home.primary-open #site-header{background-color: #1d1d1f!important;}
	.primary-open .main-navigation a { margin-left: 0em!important; }
	.primary-open .main-navigation li {padding: .5em 0!important}
	li span.icon, li.open span.icon {right: 7px!important;top: 7px!important;}
	nav#site-navigation ul.sub-menu {background-color: #fff!important;/*margin-top: 27px!important;*/  }
	nav#site-navigation ul.sub-menu li {padding: 5px!important;}
	.primary-open #primary-menu .sub-menu li a{color: #555!important;}
	.primary-open .main-navigation li.open {    padding-bottom: 0!important;}
	.primary-open .main-navigation .sub-menu {border-top: 2px solid #444!important;}
	.primary-open .main-navigation ul li.menu-item-has-children.open>ul.sub-menu {border-left: 1em solid #aaa!important;}
/*	#primary-menu li a{color:#fff!important;} */
	nav ul#primary-menu > li > .sub-menu:before {display: none;}
	.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);} 
	.blog-two__single { margin: 0px;}
	.blog-two__meta, .flex {display: block;}
	.blog article, .archive article, .category article, .search article {width: 100%!important;}
	.title{font-size: 2em;}
	footer{padding-bottom:30px!important}
 	.icon-hamburger span{color:#fff!important}
	.menu-toggle{color:#fff!important}
}

.category article{width: 100%;}
.category__single {border-top: 1px solid #e4e4e4; padding-top: 40px;  margin-top: 40px; width: 100%;}
.category__image  {margin-bottom: 0;width: 48%;}
.content-blog{width: 48%;}
.category .img-res {height: 250px!important;}
.category__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.category__date {
  margin-right: 20px;
}
.category__date span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #AD541C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.category__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.category__meta a {
  color: #9c9c9c;
  font-size: 13px;
  /*text-transform: uppercase;*/
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.category__meta a:hover {
  color: #d99578;
}
.category__meta span{text-transform: uppercase;}
.category__title{
  margin: 0;
  color: #302e2f;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.category__title a {color: #302e2f;}
.category__text {
  margin: 0;
  font-size: 18px;
  color: #777777;
}
.category__link{
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  /*color: #302e2f;*/
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  margin-top: 20px;
  position: relative;
  padding-left: 15px;
}
.category__link:hover{
  color: #d99578;
}
ul.post-categories{padding-left: 0px;margin: 0 0 0rem 0;display: flex;}
ul.post-categories li {
  position: relative;
  padding-left: 15px;
  margin-top: 0px;margin-right: 20px;
}
ul.post-categories li:before {
  content: '+';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0px;
  left: 0;background-color: transparent;color:#9c9c9c;
}
ul.post-categories li:hover:before{
  content: '-';
  color: #d99578;
}/*
.ul-evento{display:flex;flex-wrap: wrap; background:#302e2f;justify-content:center;}
.li-evento{padding:1.5%;width: 50%;}
.li-evento h2 a{margin:20px 0;color:#fff;font-size: 20px;font-family: "Prata";font-weight: 500;}
.li-evento h2 a:hover{color:#d99578;}
.li-evento p, .blog-four__date p{color:#fff;}
.li-evento p span, .blog-four__date p span{font-family: "Prata";font-size: 14px;}
.li-evento .img-res-evento{ max-height:200px;object-fit:cover}
.li-evento .button {
    border-style: solid;
    border-width: 1px;
    border-color: #3f3e3f;
    border-radius: 4px;
    background-color: #393738;
    padding: 8px 27px;color:#fff; margin-top:10px;
}
.single-evento .blog-four__date span, .single-mostrato .blog-four__date span {
  display: inline-block;
}
.single-evento .blog-four__date, .single-mostrato .blog-four__date {
align-items: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
    margin-right: 0px;padding:5px;margin-bottom:10px;
}*/
.article-right{ width:100%}
.title-img{width:600px; 
  height:auto;
  opacity:0;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  box-shadow: rgba(100, 100, 111, 1) 0px 7px 29px 0px;
  animation: titlehome 5s;
  cursor: pointer;
 }
.branding{max-width: 100%!important;}
.branding.grid-center {width: 100%!important;justify-content: space-between;}

@media (max-width: 768px) {
	.title-img{width:60%;left:calc((100% - 60%) / 2);}
	.hero-museo {height: 50vh;}
	.col-33 {width: 100%!important;}
	.branding.grid-center {width: 100%!important;justify-content: space-between;}
	}
@media (max-width: 500px) {
	.grid-top, .grid-center, .grid-between {display: flex!important;}
	.col-70, .col-20 {width: 100%!important; }
	}
 @keyframes titlehome {
  0%   {scale: .8;opacity: 0;}
  10%{scale: 1;opacity: 1;}
  80% {scale:1;opacity:1;}
  100% {scale:.6;opacity:0;}
}

.is-scrolled #site-header{opacity:1}
.sede .container.aligncenter .due  {
  min-width: 100%;
  width: 100%;
  margin: 1%;
  min-height: auto;
}
.home #site-header img.custom-logo {transition: all .5s cubic-bezier(.215, .61, .355, 1);}
ul#footer-menu {justify-content: center!important;}


/* Animation System on scroll v2 
--------------------------------------------------------- */

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease-out, transform .8s cubic-bezier(.2,.7,.25,1), filter .8s cubic-bezier(.2,.7,.25,1); will-change: opacity, transform, filter; }

/* Directional variants */
.reveal.reveal-up { transform: translateY(30px); }
.reveal.reveal-down { transform: translateY(-30px); }
.reveal.reveal-left { transform: translateX(30px); }
.reveal.reveal-right { transform: translateX(-30px); }
.reveal.reveal-zoom { transform: scale(.95); }
.reveal.reveal-skew { transform: translateY(20px) skewY(5deg); }
.reveal.reveal-blur { filter: blur(6px); }

/* Active state on scroll */
.reveal.is-inview { opacity: 1; transform: none; filter: none; }

/* Clip-path effect */
.reveal.reveal-clip{ height: 0; interpolate-size: allow-keywords; overflow: hidden; transition: height 1s cubic-bezier(.2,.7,.25,1), opacity .3s ease-out, transform .6s cubic-bezier(.2,.7,.25,1); will-change: height, opacity, transform; padding-bottom: 0px; }

/* Clip-path active state */
.reveal.reveal-clip.is-inview {height:auto; opacity: 1; padding-bottom: 5px;  }


/* Accessibility: disable animations */
@media (prefers-reduced-motion: reduce) {
  .reveal { transition: none !important; animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; clip-path: none !important; }
}

/* Delay utilities */
.delay-01 { transition-delay: .1s!important; }
.delay-02 { transition-delay: .2s!important; }
.delay-03 { transition-delay: .3s!important; }
.delay-04 { transition-delay: .4s!important; }
.delay-05 { transition-delay: .5s!important; }
.delay-06 { transition-delay: .6s!important; }
.delay-07 { transition-delay: .7s!important; }
.delay-08 { transition-delay: .8s!important; }
.delay-09 { transition-delay: .9s!important; }
.delay-10 { transition-delay: 1s!important; }
.delay-11 { transition-delay: 1.1s!important; }
.delay-12 { transition-delay: 1.2s!important; }
.delay-13 { transition-delay: 1.3s!important; }
.delay-14 { transition-delay: 1.4s!important; }
.delay-15 { transition-delay: 1.5s!important; }


/*personalizza*/
h2, h3, h4, h5, h6 {margin: 30px 0 20px;}
.icon-hamburger span{background:#fff!important}
.wp-block-media-text__content{align-self: start!important;}

.icon-hamburger {margin-top: 0px!important;padding-left: 0px!important;}
/*aside.col-20{margin-top:100px}*/

/*.branding { max-width: 100%;}*/

.home .grid-between.container, .home  .grid-top.container { margin-top: 0px !important;}
a.custom-logo-link{max-height: 100px!important;}
.content-blog {width: 100%;}
#primary-menu li a:hover, .social li a:hover, #primary-menu .sub-menu li a:hover{color:#d30000} 
.footer a, .visite a{ color: #fff!important;text-decoration:underline}
.footer a:hover, .visite a:hover{ color: #ededed!important;}
.footer a:hover {color: #d30000 !important;}
ul#footer-menu {display: flex;justify-content: center;}


.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 50px;}
.wp-block-separator { border-bottom: 0px;}
#site-header img.custom-logo{max-height:100px;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}
p.sottotitolo {font-size: 1.2rem !important;padding: 10px;font-style:italic}
h3 {font-size: clamp(16px, 4vw, 20px); line-height: 1.2!important;}


.related, .correlated {padding:5px;} 
.correlated h3{ margin:10px 0;font-style:italic; /*font-size:16px*/}
.related ul li{list-style-type:none;font-size:16px; padding:5px 0; font-family:"muli";}
.related a:hover{color:#8F8F8F}

.wp-block-search__input, .wp-block-search__button {border: 1px solid #949494!important;}
.autore {font-family: serif;text-align:right; padding-right: 50px;font-style: italic;}

div#accordion-item-1-panel { border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.wp-block-accordion-heading { border-bottom: 1px solid #ddd;}

img.img-res.wp-post-image {background: #eee; padding: 3px;border-radius:3px}
.category img.img-res.wp-post-image { margin-bottom: 10px;  padding: 1px;}

#primary-menu li:hover a, #social-menu li:hover a, #footer-menu li:hover a {color:#555!important}
#primary-menu .sub-menu li a{color:#444!important} 
#primary-menu .sub-menu li.current-menu-item a, #primary-menu li.current-menu-item a, #footer-menu li.current-menu-item a {color:#ad541c!important}

.hero-museo {height:100vh}

@media (max-width: 1200px) {
/*	.header.container {height: 110px!important;}*/
	body.is-scrolled	.header.container {height: 60px!important;}
	nav#site-navigation ul.sub-menu li {padding: 0em!important; margin:0!important;}
	nav .menu {top: 20px!important;}
	.primary-open ul#primary-menu>li a{padding: 1em .7em; border-bottom: 0px solid #fff;}
	.hero-museo {height:50vh}
	li span.icon, li.open span.icon {top: 12px !important;}
}	

@media (max-width: 768px) {
	aside.col-20{margin-top:20px}
	button.menu-toggle {display: block;/*margin:0 auto!important;*/}
	.footer .grid-center{display: block!important;}
	.grid-center .col-33.alignleft, .grid-center .col-33.aligncenter, .grid-center .col-33.alignright
	{ display: flex;justify-content:center}

}

@media (max-width: 500px) {
	.grid-top, .grid-center, .grid-between {display: flex!important;}
	aside.col-20 {padding-left: 1.5%!important;}
	.col-70 {padding-right: 1.5%!important;}
	img.custom-logo {max-height: 50px!important;margin-left: 3px;    }
}



aside.col-20 {box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}
/*body.is-scrolled aside.col-20 {position:sticky!important;top:150px; right:calc((100% - 1250px) / 2)}*/
.titoli{width: 100px;}
.section.titoli {width:auto}
body.is-scrolled #primary-menu li {padding: 0 1.35em;}
body.is-scrolled li span.icon, body.is-scrolled li.open span.icon {top: 12px !important;}

.footer p{color:#fff}

.primary-open .main-navigation li.menu-item-has-children.open {border-bottom: 0px !important;}

/*titoli  in stampato con prima lettera grande*//*
h1.mb-3.mt-2.aligncenter::first-letter {text-transform: uppercase;}
h1.mb-3.mt-2.aligncenter {text-transform: lowercase;}*/

/*home img hover*/
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a {overflow: hidden;}
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img {
 transition: all .9s cubic-bezier(0.215, 0.61, 0.355, 1);}
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img:hover{transform: scale(1.1);}
ul#social-menu {align-items: center!important;justify-content:flex-end!important}
ul#social-menu li a:hover { margin: 0px;}
#primary-menu li.current-menu-parent > a {color: #ad541c!important;}

@media screen and (min-width: 1201px){
  li span.icon, li.open span.icon {right: 15px!important;top: 40px!important;}
  body.is-scrolled li span.icon, body.is-scrolled li.open span.icon {right: 15px!important;top: 18px!important;}
  
  }
  
  /*personalizzato*/
  @media (max-width: 1200px) {
    .hero-museo {height: 60vh;}
	div.search {min-width: 100px!important;width: 100px; }  

	
}
@media (max-width: 768px) {
	body.admin-bar header#site-header{top: 46px;}
}

#site-header img.custom-logo {max-height: 80px;}
body.is-scrolled #site-header img.custom-logo {max-height: 50px;}
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media {overflow: hidden;}