/*
Theme Name: Istoreco
Theme URI: https://www.istoreco.re.it/
Author: Denis Burani
Author URI: https://buranidenis.com
Description: Tama per sito Istoreco
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter
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.
*/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;700&display=swap');


:root {
    --primary-color: rgb(149, 22, 39);
    --secondary-color:rgb(245, 239, 217); 
    --hover-color: rgb(68, 10, 17);

    --max-width: 1640px;
    --max-width-big: 1820px;
    --max-width-small: 1280px;
}

body,
html{ font-size: 18px; box-sizing: border-box;margin: 0;padding: 0;background-color: #fff; overflow-x: hidden;}
html{scroll-behavior: smooth;}
body.hidden{overflow: hidden;}
*, *:before, *:after{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-position: inside;}
header ol, header ul{list-style: none;}
img{height: auto;}

h1, h2, h3, h4, h5, h6, p, ol, ul{color:#333;margin-bottom: 1.1rem;}

a{transition: all .5s cubic-bezier(.215, .61, .355, 1); color: var(--primary-color); text-decoration: none;}
a:hover{color: var(--hover-color);}
figure{margin: 0;}
img{height: auto;}

/* ! Layout */
/* ----------------------------------------------------------------------------------- */
main, .content{max-width: var(--max-width); width: 90%; margin-left: auto; margin-right: auto;}
.home main{margin-bottom: 0!important;}
.main-landing{max-width: var(--max-width-small); width: 90%; margin-left: auto; margin-right: auto;}

@media (max-width: 1024px) {
  main, .content{width: 96%;}
}

/* ! Font
----------------------------------------------------------------------------------- */

body{font-family: 'IBM Plex Serif', "Helvetica", Arial, sans-serif; font-size: 16px;} 
h1, h2, h3, h4, h5, h6, p{color:#000; margin-bottom: 1.1rem; word-wrap: break-word;}
h1, h2, h3, h4, h5, h6,
.title1, .title2, .title3, .title4, .title5, .title6{font-family: 'Jost', sans-serif; line-height: 1.2em;}
h1, h2, h3{font-weight: bold;}

.small{font-size: 16px; line-height: 20px;}
.big{font-size: 46px; line-height: 58px; font-weight: 100;}
.uppercase{text-transform: uppercase;}

h1, .title1{font-size: 62px;}
h2, .title2{font-size: 50px;}
h3, .title3{font-size: 40px;}
h4, .title4{font-size: 32px;}
h5, .title5{font-size: 26px; line-height: 32px;}
h6, .title6{font-size: 20px; line-height: 28px; font-weight: 400;}
p, li{font-size: 16px; line-height: 30px;}

@media (max-width: 768px) {
  h1, .title1{font-size: 52px;}
  h2, .title2{font-size: 42px;}
  h3, .title3{font-size: 36px;}
  h4, .title4{font-size: 26px;}
  h5, .title5{font-size: 22px; line-height: 26px;}
  h6, .title6{font-size: 16px; line-height: 22px;}
}

figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{font-size: 16px; line-height: 30px;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position: relative; background: none; color: #000; max-width: 450px; margin: 5px auto 0; padding: 0; max-height: unset; text-shadow: none;}
figcaption strong{color: var(--primary-color);}

/* ! Button System
/* ----------------------------------------------------------------------------------- */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.sib_signup_form input.sib-default-btn{background-color: var(--primary-color) ; padding: 15px 25px; font-family: 'Jost', sans-serif; text-transform: uppercase; margin-bottom:5px;}
.wp-block-button:not(.is-style-outline):last-child .wp-block-button__link,
.sib_signup_form:last-child input.sib-default-btn{margin-bottom: 0;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.sib_signup_form input.sib-default-btn{background-color: var(--hover-color) !important; color: #fff !important;}

.wp-block-button.is-style-outline,
.wp-block-post-excerpt__more-text{border: 3px solid var(--primary-color); border-radius: 30px; padding: 5px 15px 5px 5px; display: inline-block;} 
.wp-block-post-excerpt__more-text{margin-top: 10px;}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-post-excerpt__more-link{font-size: 16px; font-family: 'Jost', sans-serif; font-weight: bold; text-transform: uppercase; padding: 0 0 0 60px ; height: 50px; line-height: 50px; border-radius: 0; border: 0; position: relative; color: #000 !important; display: inline-block;}
.wp-block-post-excerpt__more-text:hover{padding: 5px 5px 5px 15px;}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-post-excerpt__more-link:hover{padding-left: 0; padding-right: 60px;}
.wp-block-post-excerpt__more-link:after,
.wp-block-button.is-style-outline .wp-block-button__link:after{content: "▶"; text-align: center; width: 50px; height: 50px; display: block; border-radius:100%; background-color: var(--primary-color); position: absolute; top: 0; left: 0; color: #fff; transition: all .5s cubic-bezier(.215, .61, .355, 1); font-size: 20px; line-height: 53px;}
.wp-block-post-excerpt__more-link:hover:after,
.wp-block-button.is-style-outline .wp-block-button__link:hover:after{left: calc(100% - 50px);}

.wp-block-button--converted{text-align: center;}
.wp-block-button--converted a{width: auto;}

/* ! Header */
/*----------------------------------------------------------------------------------- */
.header__top{background-color: var(--primary-color); padding:5px 0; font-size: 14px; color: #fff;}
.header__top a{color: #fff; border-bottom: 1px solid transparent; }
.header__top a:hover,
.header__top .current-menu-item a{border-color: #fff;}
.header__top ul li{padding: 0 10px; font-family: 'Jost', sans-serif;}
.header__top ul li img{display: block; width: 18px;}

.header__bottom{padding:15px 0; position: relative; z-index: 10; background-color: #f7f7f7;}
.header__bottom--logo img{width: 125px; mix-blend-mode: multiply;}
.header__bottom > .flex{row-gap: 20px;}

.header__bottom.fixed{position: fixed; top: 0; left: 0; width: 100%;}

.header--social{gap: 8px;}
.header--social img{display: block; width: 20px; margin:0;}
.header--social a{border: 0 !important;}

.header--social--mobile{gap: 15px; background-color: var(--primary-color); border-bottom: 2px solid #f7f7f7;}

.desk__menu ul li{padding: 0 10px; position: relative; font-family: 'Jost', sans-serif; text-transform: uppercase;}
.desk__menu ul:not(.sub-menu) > li{margin-left: 15px;}
.desk__menu ul li.current_page_item a{color: var(--hover-color); border-bottom: 2px solid var(--hover-color); padding: 0;}
.desk__menu ul li .sub-menu {position: absolute; margin: 0; top: 150%; left: 5px; background: var(--primary-color); padding: 0; transition: all .5s cubic-bezier(.215, .61, .355, 1); opacity: 0; pointer-events: none; visibility: hidden;}
.desk__menu ul li .sub-menu li{padding:0;}
.desk__menu ul li .sub-menu li a{color: #fff !important; padding: 15px; display: block; white-space: nowrap; line-height:24px}
.desk__menu ul li .sub-menu li a:hover{color: #f8f8f8 !important; background: var(--hover-color);}
.desk__menu li.menu-item-has-children:hover .sub-menu{top: 100%; opacity: 1; pointer-events: all; visibility: visible;}
.desk__menu .menu-item-has-children:after{content: "▶"; transform: rotate(90deg); display: inline-block; top: -1px; color: var(--primary-color); position: relative; font-size: 12px;}
.desk__menu .menu-item-has-children:hover:after{color: var(--hover-color) !important;}

.header .mobile__menu--menu{display: none; position: absolute; height: auto; text-align: center; top: 100%; left: 0; background-color: #ededed; width: 100%;}
.header .mobile__menu--menu li{padding:0; border-bottom: 1px solid rgba(255, 255, 255, 1);}
.header .mobile__menu--menu li.bkg-red{background-color: var(--primary-color);}
.header .mobile__menu--menu li:last-child{border-bottom: 0;}
.header .mobile__menu--menu a{color: #000; display: block; padding: 10px 0;}
.header .mobile__menu--menu li.bkg-red a{color: #fff;}

.mobile__menu{display: none; position: relative;}
.mobile__menu--hamburger{width:27px;height:18px;position:relative;margin:0;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer;}
.mobile__menu--hamburger span{display:block;position:absolute;height:3px;width:100%;background:var(--primary-color);border-radius:9px;opacity:1;right:0;transform:rotate(0deg);transition:.25s ease-in-out}
.mobile__menu--hamburger span:nth-child(1){top:0}
.mobile__menu--hamburger span:nth-child(2){top:8px}
.mobile__menu--hamburger span:nth-child(3){top:16px}
.mobile__menu--hamburger.active span:nth-child(1){top:8px; transform:rotate(135deg)}
.mobile__menu--hamburger.active span:nth-child(2){opacity:0; height:0}
.mobile__menu--hamburger.active span:nth-child(3){top:8px; transform:rotate(-135deg)}

.mobile__menu--menu li{position: relative; font-family: 'Jost', sans-serif; text-transform: uppercase;}
.mobile__menu--menu .sub-menu{overflow: hidden; max-height: 0; transition: all .5s cubic-bezier(.215, .61, .355, 1); margin: 0; background-color: var(--hover-color);}
.mobile__menu--menu .menu-item-has-children > a::after{content: "▶"; transform: rotate(90deg); display: inline-block; left:10px; top: -1px; color: #fff; position: relative; font-size: 12px;}
.mobile__menu--menu .menu-item-has-children.open .sub-menu{max-height: 1000px;}

@media (max-width: 1120px) {
  .header__bottom > .flex{row-gap:10px; flex-direction: row; justify-content: space-between;}
  header .content{width: 90% !important;}

  .desk__menu{display: none;}
  .mobile__menu{display: block;}
  .header__top{padding:7.5px 0; display: none;}
  .header__bottom{padding: 10px 0;}
  .header__bottom--logo img{width: 80px;}
  .header .mobile__menu--menu.menu-open{display: block;}
}

.header-landing{border-top: 5px solid var(--primary-color); background-color: #f7f7f7;}
.logo-landing img{height: 110px; width: auto;} 
@media (max-width: 1120px){
  .logo-landing img {height: 70px;}
}

/* ! Website */
/*----------------------------------------------------------------------------------- */
.pixelbones{overflow: scroll;}

.splide-home .splide__track,
.splide-home .splide__track ul{height: 100%;}
.splide-home li figure{width: 100%; height: 100%; display: block; position: relative;}
.splide-home li figure img{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.splide-home li .wp-block-post-title{position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(149, 22, 3, .83); padding: 20px 5%; margin-bottom: 0;}
.splide-home li .wp-block-post-title a{color: #fff;}
.splide-home .splide__arrow{background-color: transparent; background-color: var(--primary-color); border-radius: 100%; padding: 10px; box-sizing: content-box; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.splide-home .splide__arrow--prev{left: 20px;}
.splide-home .splide__arrow--next{right: 20px;}
.splide-home .splide__arrow svg{fill: #fff; width: 40px; height: 50px;}

@media (max-width: 781px) {
  .splide-home li figure{height: 500px; margin: 0;}
  .splide-home li .wp-block-post-title{position: relative; top: 0; background-color: var(--primary-color); margin: 0;}
}

@media (max-width: 550px) {
  .splide-home li figure{height: 350px; margin: 0;}
}

.wp-block-cb-carousel .wp-block-image>img{max-width: 250px; display: block; margin: 0 auto; width: 90%;}

.wp-block-post-featured-image{position: relative; height: 0; overflow: hidden; padding-bottom: 60%; margin-bottom: 10px;}
.wp-block-post-featured-image img{position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;}
.wp-block-post-date,
.taxonomy-category.wp-block-post-terms{display: inline-block; font-family: 'Jost', sans-serif; font-size: 14px; text-transform: uppercase;}
.wp-block-post-date{color:#929175}
.wp-block-post-date:before{content: "- ";}
.taxonomy-category{font-weight: bold; margin-right: 2px;}
.wp-block-post-title{margin-top: 10px; font-weight: bold;}

.panel--primo-piano figure{width: 100%; height: 0; overflow: hidden; padding-bottom: 60%; position: relative;}
.panel--primo-piano figure img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.panel--primo-piano h3 a{padding: 20px 10px; display: block; color: #fff;}
.panel--evento h3 a{background-color: #3988CB;}
.panel--pagina h3 a{background-color: var(--primary-color);}
.panel--articolo h3 a{background-color: #6963A3;}

.panel--canali-tematici h4{margin-bottom: 5px;}
.panel--canali-tematici a{display: block; height: 0%; padding-bottom: 100%; color: #fff; position: relative; overflow: hidden;}
.panel--canali-tematici a *{color: #fff;}
.panel--canali-tematici span{position: absolute; width: 100%; bottom: 0;}
.panel--didattica a{background: rgb(60,135,202); background: linear-gradient(225deg, rgba(60,135,202,1) 0%, rgba(60,97,167,1) 100%);}
.panel--viaggimemoria a{background: rgb(108,99,164); background: linear-gradient(225deg, rgba(108,99,164,1) 0%, rgba(108,36,129,1) 100%);}
.panel--produzioni a{background: rgb(182,95,88); background: linear-gradient(225deg, rgba(182,95,88,1) 0%, rgba(144,0,28,1) 100%);}
.panel--visiteconferenze a{background: rgb(153,182,56); background: linear-gradient(225deg, rgba(153,182,56,1) 0%, rgba(87,144,75,1) 100%);}

.panel--canali-tematici-cover{position: relative;}
.panel--canali-tematici-cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; mix-blend-mode: luminosity; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.panel--canali-tematici-cover h4{position: relative; z-index: 2;}
.panel--canali-tematici-cover a:hover img{transform: scale(1.3, 1.3);}

aside .wp-block-latest-posts__featured-image{height: 0; overflow: hidden; padding-bottom: 33%; width: 33%; position: relative;}
aside .wp-block-latest-posts.wp-block-latest-posts__list{padding: 1rem;}
aside .wp-block-latest-posts.wp-block-latest-posts__list li{display: flex; margin-bottom: 10px;}
aside .wp-block-latest-posts.wp-block-latest-posts__list li:last-child{margin-bottom: 0;}
aside .em-view-container{padding: 1rem; padding-top: 0;}
aside .wp-block-latest-posts__featured-image img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
aside a.wp-block-latest-posts__post-title{width: calc(66% - 0.7em); font-size: 14px; line-height: 22px; padding-top: 5px; color: #000;}
aside .wp-block-latest-posts.wp-block-latest-posts__list li:hover a{color: var(--primary-color);}
aside h4{color: #fff; background-color: var(--primary-color);}
aside .cont-widgets{background-color: #f7f7f7;}

/* ! Single */
/*----------------------------------------------------------------------------------- */
.single--title{margin-bottom: .5rem;}
#breadcrumbs,
.yoast-breadcrumbs{font-size: 14px; line-height: 24px; color: #737373;}

.single article div{line-height: 30px;}
.wp-block-gallery.has-nested-images figure.wp-block-image img{width:100%}

/* ! Footer */
/*----------------------------------------------------------------------------------- */
footer{background-color: var(--hover-color); color: #fff; font-family: 'Jost', sans-serif; font-size: 14px; letter-spacing: .8px;}
footer p{color: #fff;}
footer p a{color: #fff;}
footer p a:hover{color: var(--primary-color);}
footer .content div{margin-left: 5px; margin-right: 5px;}
.footer--link span{margin-left: 10px;}
.footer--link span:first-child{margin: 0;}
.footer--link a{color: #fff; font-weight: bold;}
.footer--link a:hover{color: var(--primary-color);}

.footer--social a{margin-left: 7px;}
.footer--social img{height: 22px; display: block; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.footer--social a:first-child{margin: 0;}
.footer--social a:hover img{opacity: .6;}

.footer--menu ul{list-style: none;}
.footer--menu ul a{color: #fff; padding: 0 10px; font-weight: bold;}
.footer--menu ul a:hover{color: var(--primary-color);}

.ligntbox__search{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(149, 22, 39, .85); z-index: 9999; opacity: 0; visibility: hidden; pointer-events: none; transition: all .8s cubic-bezier(.215, .61, .355, 1);}
.ligntbox__search.open{opacity: 1; visibility: visible; pointer-events: all;}
.ligntbox__search--content{width: 90%;}
.ligntbox__search--content form{width: 100%; font-family: 'Jost', sans-serif; font-size: 14px;}
.ligntbox__search--content input{width: calc(100% - 165px); height: 80px; border-color: var(--hover-color); background-color: #f7f7f7;}
.ligntbox__search--content button{height: 80px; width: 160px; text-transform: uppercase; color: #fff; background-color: var(--primary-color); border-color: var(--hover-color); font-weight: bold; padding: 10px 3px;}
.ligntbox__close{position: absolute; display: block; width: 50px; height: 50px; background-color: var(--hover-color); color: #fff; text-align: center; line-height: 50px; top: 5%; right: 5%; cursor: pointer; border-radius: 100%;}

/* ! Flex
----------------------------------------------------------------------------------- */

.flex{display:flex;}
.flex--row{flex-direction: row;}
.flex--row-reverse{flex-direction: row-reverse;}
.flex--column{flex-direction: column;}
.flex--column-reverse{flex-direction: column-reverse;}

.flex--nowrap{flex-wrap: nowrap}
.flex--wrap{flex-wrap: wrap}
.flex--wrap-reverce{flex-wrap: wrap-reverse}

.flex--justify-start{justify-content: flex-start;}
.flex--justify-end{justify-content: flex-end;}
.flex--justify-center{justify-content: center;}
.flex--justify-space-around{justify-content: space-around;}
.flex--justify-space-between{justify-content: space-between;}

.flex--items-stretch{align-items: stretch;}
.flex--items-baseline{align-items: baseline;}
.flex--items-center{align-items: center;}
.flex--items-start{align-items: flex-start;}
.flex--items-end{align-items: flex-end;}

.flex--content-stretch{align-content: stretch;}
.flex--content-start{align-content: flex-start;}
.flex--content-end{align-content: flex-end;}
.flex--content-center{align-content: center;}
.flex--content-space-around{align-content: space-around;}
.flex--content-space-between{align-content: space-between;}

.flex--self-auto{align-self: auto;}
.flex--self-stretch{align-self: stretch;}
.flex--self-baseline{align-self: baseline;}
.flex--self-center{align-self: center;}
.flex--self-start{align-self: flex-start;}
.flex--self-end{align-self: flex-end;}


/* ! Grid System 
----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto}
.grid--bi,
.grid--bg{max-width: var(--max-width-big);}
.grid--small{max-width: var(--max-width-small);}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}
.grid--list li{display: flex; flex-wrap: wrap;}
.grid--list li figure{height: auto; overflow: visible;}
.grid--list li figure img{position: relative; height: auto;}

.grid--noBkg .wp-block-column{background-clip: content-box;}
.grid--noBkg > *{padding-left: 1rem; padding-right: 1rem;}

[class*='col-']{padding: 10px;}

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}

.col-100{width:100%}
.col-95{width:95%}
.col-90{width:90%}
.col-80{width:80%}
.col-75{width:75%}
.col-72{width:72%}
.col-70{width:70%}
.col-66{width:66.66%}
.col-60{width:60%}
.col-55{width:55%}
.col-50{width:50%}
.col-45{width:45%}
.col-40{width:40%}
.col-35{width:35%}
.col-33{width:33.33%}
.col-30{width:30%}
.col-25{width:25%}
.col-20{width:20%}
.col-16{width:16.66%}
.col-12{width:12.5%}
.col-10{width:10%}
.col-5{width:5%}
.col-hide{display: none;}

@media (max-width: 1180px) {
  .tab-100{width:100%}
  .tab-90{width:90%}
  .tab-80{width:80%}
  .tab-75{width:75%}
  .tab-70{width:70%}
  .tab-66{width:66.66%}
  .tab-60{width:60%}
  .tab-50{width:50%}
  .tab-40{width:40%}
  .tab-33{width:33.33%}
  .tab-30{width:30%}
  .tab-25{width:25%}
  .tab-20{width:20%}
  .tab-16{width:16.66%}
  .tab-12{width:12.5%}
  .tab-10{width:10%}
  .tab-hide{display:none}
}

/* @media (max-width: 820px) { */
  @media (max-width: 621px) {
  /*[class*='col-'] { width: 100%;}*/
  .sma-5{width: 5%}
  .sma-20{width: 20%;}
  .sma-25{width: 25%;}
  .sma-33{width: 33.33%;}
  .sma-50{width: 50%;}
  .sma-60{width:60%}
  .sma-70{width:70%}
  .sma-80{width:80%}
  .sma-90{width: 90%;}
  .sma-100{width: 100%;}
  .sma-hide{display:none}

  .grid--noBkg *{padding-left: .5rem; padding-right: .5rem;}
}


/* ! Helpers 
----------------------------------------------------------------------------------- */
.ninja{opacity: 0; visibility: hidden; pointer-events: none; display: none !important;}
.max-width{max-width: var(--max-width); margin: 0 auto}
.width800{max-width: 800px; margin-left: auto; margin-right: auto;}
.uppercase{text-transform: uppercase;}

.img-res,
.img-res img{width: 100%; display: block;}
.img-res.p0,
.img-res.p0 a,
.img-res.p0 img{padding:0}

.single .img-res{width: auto; max-width: 100%; margin-left: auto; margin-right: auto;}
.video-res{width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
.video-res video,
.video-res iframe{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.iframe_cont{width: 100%; height: 500px;}
    
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.margincenter{margin-left: auto; margin-right: auto;}

.wpcf7-form input, 
.wpcf7-form  textarea{width: 100%;}
.wpcf7-form .wpcf7-list-item, .wpcf7-form .wpcf7-list-item input{margin: 0;}
.wpcf7-form p{font-family: 'Jost', sans-serif;}

#em-flatpickr{display: none !important;}

.multiply,
.multiply img{mix-blend-mode: multiply;}

/* ! Margin & Padding 
----------------------------------------------------------------------------------- */
.post-password-form{padding:20vh 0;}

.m0{margin: 0;}
.my0{margin-top: 0 !important; margin-bottom: 0 !important;}
.mx0{margin-left: 0 !important; margin-right: 0 !important;}
.mxAuto{margin-left: auto !important; margin-right: auto !important;}
.mx10{margin-left: 10px !important; margin-right: 10px !important;}
.mx20{margin-left: 20px !important; margin-right: 20px !important;}

.mt0{margin-top: 0;} .mt05{margin-top: 0.5rem;} .mt1{margin-top: 1rem;} .mt2{margin-top: 2rem;} .mt3{margin-top: 3rem;} .mt4{margin-top: 4rem;} .mt5{margin-top: 5rem;} .mt6{margin-top: 6rem;} .mt7{margin-top: 7rem;} .mt8{margin-top: 8rem;} .mt9{margin-top: 9rem;} .mt10{margin-top: 10rem;} .mt20{margin-top: 20px;}
.mb0{margin-bottom: 0;} .mb05{margin-bottom: 0.5rem;} .mb1{margin-bottom: 1rem;} .mb2{margin-bottom: 2rem;} .mb3{margin-bottom: 3rem;} .mb4{margin-bottom: 4rem;} .mb5{margin-bottom: 5rem;} .mb6{margin-bottom: 6rem;} .mb7{margin-bottom: 7rem;} .mb8{margin-bottom: 8rem;} .mb9{margin-bottom: 9rem;} .mb10{margin-bottom: 10rem;} .mb20{margin-bottom: 20px;}

.p0{padding: 0;} .p05{padding: 0.5rem;} .p1{padding: 1rem;} .p2{padding: 2rem;} .p3{padding: 3rem;} .p4{padding: 4rem;} .p5{padding: 5rem;} .p6{padding: 6rem;} .p7{padding: 7rem;} .p8{padding: 8rem;} .p9{padding: 9rem;} .p10{padding: 10rem;} .p20{padding: 20px;}
.pt0{padding-top: 0;} .pt1{padding-top: 1rem;} .pt2{padding-top: 2rem;} .pt3{padding-top: 3rem;} .pt4{padding-top: 4rem;} .pt5{padding-top: 5rem;} .pt6{padding-top: 6rem;} .pt7{padding-top: 7rem;} .pt8{padding-top: 8rem;} .pt9{padding-top: 9rem;} .pt10{padding-top: 10rem;} .pt20{padding-top: 20rem;}
.pb0{padding-bottom: 0;} .pb1{padding-bottom: 1rem;} .pb2{padding-bottom: 2rem;} .pb3{padding-bottom: 3rem;} .pb4{padding-bottom: 4rem;} .pb5{padding-bottom: 5rem;} .pb6{padding-bottom: 6rem;} .pb7{padding-bottom: 7rem;} .pb8{padding-bottom: 8rem;} .pb9{padding-bottom: 9rem;} .pb10{padding-bottom: 10rem;} .pb20{padding-bottom: 20rem;}

.margincenter, .mc{margin-left: auto; margin-right: auto;}

.wp-block-columns.grid > .wp-block-column.p05{padding: .75rem;}
.wp-block-columns.grid > .wp-block-column.p05 > *{padding:0 .75rem;}

@media (max-width: 1300px) {
  .p20-tab{padding-left:5%; padding-right:5%;}
}

@media (max-width: 1180px) {
  .mt0-tab{margin-top: 0;} .mt05-tab{margin-top: 0.5rem;} .mt1-tab{margin-top: 1rem;} .mt2-tab{margin-top: 2rem;} .mt3-tab{margin-top: 3rem;} .mt4-tab{margin-top: 4rem;} .mt5-tab{margin-top: 5rem;} .mt6-tab{margin-top: 6rem;} .mt7-tab{margin-top: 7rem;} .mt8-tab{margin-top: 8rem;} .mt9-tab{margin-top: 9rem;} .mt10-tab{margin-top: 10rem;}  .mt20-tab{margin-top: 20px;}
  .mb0-tab{margin-bottom: 0;} .mb05-tab{margin-bottom: 0.5rem;} .mb1-tab{margin-bottom: 1rem;} .mb2-tab{margin-bottom: 2rem;} .mb3-tab{margin-bottom: 3rem;} .mb4-tab{margin-bottom: 4rem;} .mb5-tab{margin-bottom: 5rem;} .mb6-tab{margin-bottom: 6rem;} .mb7-tab{margin-bottom: 7rem;} .mb8-tab{margin-bottom: 8rem;} .mb9-tab{margin-bottom: 9rem;} .mb10-tab{margin-bottom: 10rem;} .mb20-tab{margin-bottom: 20px;}  
  
  .p0-tab{padding: 0;} .p05-tab{padding: .5rem;} .p1-tab{padding: 1rem;} .p2-tab{padding: 2rem;} .p3-tab{padding: 3rem;} .p4-tab{padding: 4rem;} .p5-tab{padding: 5rem;} .p6-tab{padding: 6rem;} .p7-tab{padding: 7rem;} .p8-tab{padding: 8rem;} .p9-tab{padding: 9rem;} .p10-tab{padding: 10rem;} .p20-tab{padding: 20rem;}
  .pt0-tab{padding-top: 0;} .pt1-tab{padding-top: 1rem;} .pt2-tab{padding-top: 2rem;} .pt3-tab{padding-top: 3rem;} .pt4-tab{padding-top: 4rem;} .pt5-tab{padding-top: 5rem;} .pt6-tab{padding-top: 6rem;} .pt7-tab{padding-top: 7rem;} .pt8-tab{padding-top: 8rem;} .pt9-tab{padding-top: 9rem;} .pt10-tab{padding-top: 10rem;} .pt20-tab{padding-top: 20rem;}
  .pb0-tab{padding-bottom: 0;} .pb1-tab{padding-bottom: 1rem;} .pb2-tab{padding-bottom: 2rem;} .pb3-tab{padding-bottom: 3rem;} .pb4-tab{padding-bottom: 4rem;} .pb5-tab{padding-bottom: 5rem;} .pb6-tab{padding-bottom: 6rem;} .pb7-tab{padding-bottom: 7rem;} .pb8-tab{padding-bottom: 8rem;} .pb9-tab{padding-bottom: 9rem;} .pb10-tab{padding-bottom: 10rem;} .pb20-tab{padding-bottom: 20rem;}
}

@media (max-width: 820px) {
  .pt10{padding-top: 3.5rem;}
  .pb10{padding-bottom: 3.5rem ;}
}

@media (max-width: 781px) {
  .mt0-sma{margin-top: 0;} .mt05-sma{margin-top: 0.5rem;} .mt1-sma{margin-top: 1rem;} .mt2-sma{margin-top: 2rem;} .mt3-sma{margin-top: 3rem;} .mt4-sma{margin-top: 4rem;} .mt5-sma{margin-top: 5rem;} .mt6-sma{margin-top: 6rem;} .mt7-sma{margin-top: 7rem;} .mt8-sma{margin-top: 8rem;} .mt9-sma{margin-top: 9rem;} .mt10-sma{margin-top: 10rem;} .mt20-sma{margin-top: 20rem;}
  .mb0-sma{margin-bottom: 0;} .mb05-sma{margin-bottom: 0.5rem;} .mb1-sma{margin-bottom: 1rem;} .mb2-sma{margin-bottom: 2rem;} .mb3-sma{margin-bottom: 3rem;} .mb4-sma{margin-bottom: 4rem;} .mb5-sma{margin-bottom: 5rem;} .mb6-sma{margin-bottom: 6rem;} .mb7-sma{margin-bottom: 7rem;} .mb8-sma{margin-bottom: 8rem;} .mb9-sma{margin-bottom: 9rem;} .mb10-sma{margin-bottom: 10rem;} .mb20-sma{margin-bottom: 20px;}
  .p0-sma{padding: 0;} .p05-sma{padding: .5rem;} .p1-sma{padding: 1rem;} .p2-sma{padding: 2rem;} .p3-sma{padding: 3rem;} .p4-sma{padding: 4rem;} .p5-sma{padding: 5rem;} .p6-sma{padding: 6rem;} .p7-sma{padding: 7rem;} .p8-sma{padding: 8rem;} .p9-sma{padding: 9rem;} .p10-sma{padding: 10rem;} .p20-sma{padding: 20rem;}
  .pt0-sma{padding-top: 0;} .pt1-sma{padding-top: 1rem;} .pt2-sma{padding-top: 2rem;} .pt3-sma{padding-top: 3rem;} .pt4-sma{padding-top: 4rem;} .pt5-sma{padding-top: 5rem;} .pt6-sma{padding-top: 6rem;} .pt7-sma{padding-top: 7rem;} .pt8-sma{padding-top: 8rem;} .pt9-sma{padding-top: 9rem;} .pt10-sma{padding-top: 10rem;} .pt20-sma{padding-top: 20rem;}
  .pb0-sma{padding-bottom: 0;} .pb1-sma{padding-bottom: 1rem;} .pb2-sma{padding-bottom: 2rem;} .pb3-sma{padding-bottom: 3rem;} .pb4-sma{padding-bottom: 4rem;} .pb5-sma{padding-bottom: 5rem;} .pb6-sma{padding-bottom: 6rem;} .pb7-sma{padding-bottom: 7rem;} .pb8-sma{padding-bottom: 8rem;} .pb9-sma{padding-bottom: 9rem;} .pb10-sma{padding-bottom: 10rem;} .pb20-sma{padding-bottom: 20rem;}
}


/* ! Animazione
----------------------------------------------------------------------------------- */
.fadeUp{opacity: 0; transform: translateY(5rem);}
.opacity{opacity: 0;}



/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

input, textarea{border: 3px solid #ddd; border-radius: 3px;padding: 10px;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;}

.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}

.cont-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.cont-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 


.wp-block-group .wp-block-group__inner-container{max-width: var(--max-width); margin-left: auto; margin-right: auto;}
.wp-block-group--max .wp-block-group__inner-container{max-width: var(--max-width-big);}

.wp-block-columns[class*='wp-container-']{gap: 0em;}

@media (max-width: 600px) {
  .wp-block-media-text .wp-block-media-text__media{margin-bottom: 20px;}
}

table {font-family: Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;border-left: 1px solid #ccc;border-top: 1px solid #ccc; color: #333;}
table thead tr th {text-transform: uppercase;background: #e2e2e2;}
table tfoot tr th, table tfoot tr td {text-transform: uppercase;color: #000;font-weight: bold;}
table tfoot tr th {width: 20%;}
table tfoot tr td {width: 80%;}
table td, table th {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;line-height: 1.8em;font-size: 0.8em;vertical-align: top;width: 20%;}
table tr.odd th, table tr.odd td {background: #efefef;}

@media(max-width:800px) {
  table td, table th{width:23%; font-size:12px; word-wrap: break-word;}       
  table .cookielawinfo-column-4, table .cookielawinfo-column-4{width:45%;}
}

.wp-block-social-links .wp-social-link svg{width: 2em; height: 2em;}

.em.em-list-widget .em-item .em-item-image img{height:100%; width:100%;}
.em.em-modal .em-modal-popup header .em-modal-title{font-family:'Jost', sans-serif !important; text-transform:uppercase}
.em.em-list-widget .em-item .em-item-info .em-item-name a{color: var(--primary-color) !important; font-weight:bold}

@media (max-width: 480px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image{width: 100% !important;}
  .wp-block-gallery.has-nested-images figure.p1{padding: 0.5rem;}
}

/* - Accordion */
.wp-block-pb-accordion-item{border:3px solid #d49ea5; margin-bottom: 20px; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.wp-block-pb-accordion-item:hover,
.wp-block-pb-accordion-item.is-open{border-color: var(--primary-color); background-color: #f7f7f7;}
.wp-block-pb-accordion-item h4,
.wp-block-pb-accordion-item h5{margin-bottom: 0;}
.wp-block-pb-accordion-item .c-accordion__content{margin-top: 20px;}
.c-accordion__title:after{color:var(--primary-color)}


.wp-block-columns.col-archive4{padding: 0;}
.wp-block-columns.grid{flex-wrap: wrap !important;}
.wp-block-columns.grid > .wp-block-column{padding: 1rem;}
.wp-block-columns.grid--content-center .wp-block-column{align-content: center;}

.wp-block-columns.grid-2 > .wp-block-column{flex-basis: 50% !important;}
.wp-block-columns.grid-3 > .wp-block-column{flex-basis: 33.33% !important;}
.wp-block-columns.grid-4 > .wp-block-column{flex-basis: 25% !important;}
.wp-block-columns.grid-5 > .wp-block-column{flex-basis: 20% !important;}

.grid--name{gap:0}
.grid--name > *{padding:0.5em; width: 25%;}

@media (max-width: 820px) {
  .wp-block-columns.grid-5 > .wp-block-column,
  .wp-block-columns.grid-4 > .wp-block-column,
  .wp-block-columns.grid-3 > .wp-block-column {flex-basis: 50% !important;}
	
  .wp-block-columns.grid-tab100 > .wp-block-column {flex-basis: 100% !important;}
  .wp-block-columns.grid.tab-rev{flex-direction:column-reverse}

  .grid--name > *{width: 33.33%;}
}

@media (max-width: 620px) {
  .wp-block-columns.grid > .wp-block-column{padding: 10px;}
  .wp-block-columns.grid-5 > .wp-block-column,
  .wp-block-columns.grid-4 > .wp-block-column,
  .wp-block-columns.grid-3 > .wp-block-column,
  .wp-block-columns.grid-2 > .wp-block-column {flex-basis: 100% !important;}
  .wp-block-columns.grid.sma-rev{flex-direction:column-reverse}	

  .grid--name > *{width: 50% !important;}
}

@media (max-width: 400px) {
  .grid--name > *{width: 100% !important;}
}