:root{
	--main:#007f8a;
	--black: #1a1a1a;
	--yellow: #f4f2c0;
	--purple: #2D937B;
	--grey:#333333;
	--orange: #d6a632;
	--brown: #847953;
	--violet: #df421e;
}

@font-face {
    font-family: 'plainbold';
    src: url('./fonts/plain-bold-webfont.woff2') format('woff2'),
         url('./fonts/plain-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'plainlight';
    src: url('./fonts/plain-light-webfont.woff2') format('woff2'),
         url('./fonts/plain-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'plainmedium';
    src: url('./fonts/plain-medium-webfont.woff2') format('woff2'),
         url('./fonts/plain-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'plainregular';
    src: url('./fonts/plain-regular-webfont.woff2') format('woff2'),
         url('./fonts/plain-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'plainthin';
    src: url('./fonts/plain-thin-webfont.woff2') format('woff2'),
         url('./fonts/plain-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@view-transition {
  navigation: auto;
  types: slide forwards;
}

/* defaults */
::view-transition-group(root) {
  animation-duration: 0.7s;
  animation-timing-function: cubic-bezier(0.94, 0.13, 0.14, 1.01);
}

@keyframes move-out { from { transform: translateY(0%); filter: blur(0); } to { transform: translateY(-100%); filter: blur(60px); } }
@keyframes move-in  { from { transform: translateY(100%); filter: blur(0); } to { transform: translateY(0%);  filter: blur(0); } }

::view-transition-old(root) { animation-name: move-out; will-change: transform, filter; }
::view-transition-new(root) { animation-name: move-in;  will-change: transform, filter; }

/* variazione quando il type attivo è 'forwards' */
html:active-view-transition-type(forwards) {
  &::view-transition-old(root) { animation-name: move-out; }
  &::view-transition-new(root) { animation-name: move-in; }
}

/* esempio per 'slide' se lo aggiungi nei types attivi */
html:active-view-transition-type(slide) {
  &::view-transition-old(root) { animation-name: move-out; }
  &::view-transition-new(root) { animation-name: move-in; }
}
.grecaptcha-badge{display:none !important;}

body p,
a,
body *{font-family: 'plainthin';}
body{scroll-behavior: smooth; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .bold *{font-family: 'plainbold' !important; font-kerning: none; text-rendering: optimizeSpeed;}
body.active-menu{overflow:hidden;}

body p strong,
body p b,
.ct-text-block b{font-family: 'plainmedium' !important;}

/*h1{visibility: hidden;}
h1.animated { visibility: visible;}*/
/*.split-line { display: block;  white-space: normal;  overflow-wrap: break-word;}*/
.video-section .oxy-video-container{filter: brightness(1.3) grayscale(1) blur(8px); top: -12px !important;  left: -12px !important;  right: -12px !important;  bottom: -12px !important;}

/*HEADER*/
.ct-div-block.humb{cursor:pointer;align-items: center;  display: flex; flex-direction: column; justify-content: center; width: 40px; height: 45px;}
.ct-div-block.humb .humb-line {margin: 5px 0; transition: transform .6s ease;}
.ct-div-block.humb.active .humb-line:first-child{ transform: rotate(-135deg); margin:0;}
.ct-div-block.humb.active .humb-line:last-child {transform: rotate(-45deg);   margin-top: -1.5px;}
.oxel_megamenu__wrapper{transition-duration: 0.7s !important;}
.oxel_megamenu__wrapper--hidden{transform: translateY(0px) translateX(64px) !important; opacity: 1 !important; padding-top: 120px !important; height: auto !important;}
.column-menu .menu-main-menu-container{column-count:2;}
body header *{z-index:2}
body header:after{content:""; height:100%; width:0%; position:absolute; right:0; top: 0; transition:all .4s ease-in-out; background-color:#fff;}
body.sticky-header header:after{width:100%;}

/*CLIP PATH*/
.clip-path-section{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 73px), calc(100% - 123px) 100%, 0 100%);}
.clip-path-section.small-card {  clip-path: polygon(-4% -8%, 105% 0%, 100% calc(100% - 73px), calc(100% - 123px) 100%, 0% 100%);}
.clip-path-section.wrapper-image{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100%), calc(100% - 123px) 0%, 0 0%); transition:all .5s ease-in-out;}
.clip-path-section.wrapper-image.enable{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 73px), calc(100% - 123px) 100%, 0 100%);}

/*STICKY BLOCK*/
.sticky{position: sticky;  top: 150px; display: block;}

/*BUTTON*/
.hub-button,
.wp-block-button__link.wp-element-button{transition:all .2s ease-in; clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%); position:relative; border-radius: 0 !important;}
.hub-button:hover,
.wp-block-button__link.wp-element-button:hover{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 24px) 100%, 0 100%); background-color:var(--black) !important; border:1px solid var(--black) !important; }
.hub-button .hub-button-text,
.hub-button .hub-button-icon{transition:all .2s ease-in;}
.hub-button:hover .hub-button-text{color:#fff; border-right-color: #fff;}
.hub-button:hover .hub-button-icon{background-color:#fff; color:var(--black);}
.wp-block-button__link.wp-element-button{border:1px solid var(--black) !important; font-size:16px; text-transform:uppercase;}

/*SCROLL BANNER*/
.scroll-banner{position: relative; width: 100vw; overflow: hidden; z-index: 1; margin: 0; padding: 0;}
.scroll-banner .inside-scroll{height: 100%; white-space: nowrap; animation: scrollText 10s infinite linear; margin: 0; font-size: 0;}
.scroll-banner  .inside-scroll > div{  white-space: nowrap; width:auto; margin: 0; padding: 0;}

@keyframes scrollText {
  from {    transform: translateX(0vw);  }
	to {    transform: translateX(-115vw);  }
}


/*TITLE LINE*/
.title-line{position:relative; width:100%; padding-bottom:15px; margin-bottom:15px;}
.title-line:after{content:""; height:2px; width:100%; position: absolute; left:0; bottom:0; background-color: var(--main); transition:all .4s ease-in-out;}
.title-line.purple:after{background-color: var(--purple);}
.title-line.orange:after{background-color: var(--orange);}
.title-line.brown:after{background-color: var(--brown);}


/*CARD STACKS*/
.card-wrapper { width: 100%; perspective: 500px; margin-bottom: 100px;}
.card-wrapper:last-child { margin-bottom: 0; }

/*SERVIZI*/
.servizi .clip-path-section p{margin:0; margin-top:5px;}
.servizi .clip-path-section svg{opacity:0.6;}
.servizi .clip-path-section[bg="orange"] path.cube-color{fill:var(--main);}
.scroll-banner-servizi[bg="orange"]{background-color:var(--orange) !important;}
.servizi .clip-path-section[bg="purple"],
.scroll-banner-servizi[bg="purple"]{background-color:var(--purple) !important;}
.servizi .clip-path-section[bg="purple"] path.cube-color{fill:var(--main);}
.servizi .clip-path-section[bg="violet"],
.scroll-banner-servizi[bg="violet"]{background-color:#df421e !important;}
.servizi .clip-path-section[bg="violet"] path.cube-color{fill: #c21010;}
.servizi .clip-path-section[bg="main"],
.scroll-banner-servizi[bg="main"]{background-color:var(--main) !important;}
.servizi .clip-path-section[bg="main"] path.cube-color{fill:var(--purple);}
.servizi .clip-path-section[bg="brown"],
.scroll-banner-servizi[bg="brown"]{background-color:var(--brown) !important;}
.servizi .clip-path-section[bg="brown"] path.cube-color{fill:#1e3729;}
.singolo-servizio,
.singolo-servizio .image-wrapper-servizio img{transition:all 1.2s ease-in-out;}
.singolo-servizio:hover .image-wrapper-servizio img{transform:scale(1.1); filter:brightness(1.5);}

/*EVENTI*/
.tipo-di-evento a{color:var(--yellow); text-transform: uppercase;}
.descrizione-evento p{margin:0;}
.parallax-image{transform: translate3d(0px, 0px, 0px);}
.single.single-evento .oxy-stock-content-styles figure{margin:20px 0;}
.aree-artistiche a{color: #f4f2c0 !important;}

/*CHI SIAMO*/
.content-wrapper{margin-top:0vh;}
.big-card-wrapper .before{content:""; backdrop-filter: blur(0px) saturate(1); background-color: rgba(255, 255, 255, 0); width:100%; height:100%; position:absolute; left:0; top:0; z-index: 1;}

/*FORM*/
.hub-form{    display: flex;  flex-direction: column;  flex-wrap: nowrap;  align-content: space-between;  justify-content: flex-start;  align-items: flex-start;}
.hub-form .full{    width: 100%;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  align-content: flex-start;  justify-content: space-between;    align-items: stretch;}
.hub-form .full .mid{width:49%;}
.hub-form p{margin:0; width:100%;  display: flex; flex-direction: column;}
.hub-form input[type="text"],
.hub-form input[type="email"],
.hub-form input[type="tel"],
.hub-form select,
.hub-form input[type="date"],
.hub-form textarea{    width: 100%;  padding: 16px 20px;  border-radius: 0;  box-shadow: none;  outline: none;   border: 1px solid; margin-bottom:12px;}
.hub-form textarea{width:100%;}
.hub-form .accept{font-size:12px;}
.hub-form .accept .wpcf7-list-item{margin:0;}
.hub-form input[type="submit"]{padding: 13px 28px 13px 18px;  border-radius: 0;  border: 0;  background-color: var(--black);  color: #fff;  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 20px) 100%, 0 100%); font-family: 'plainthin'; font-size:15px; margin-top:20px;}
.hub-form input[type="submit"]:disabled{ background-color: var(--grey) !important;}
.hub-form .mid label{    text-transform: uppercase;  font-weight: 700;  color: var(--main);  font-family: 'plainbold';  font-size: 14px;}

/*NEWSLETTER FORM*/
.hub-newsletter-form{padding: 0 !important;  background: none;}
.hub-newsletter-form #sib-container{background: none !important; padding: 0 !important;}
.hub-newsletter-form #sib-container form#sib-form{    display: flex; flex-direction: row; flex-wrap: wrap;  align-content: stretch;
    align-items: stretch;  justify-content: space-between;}
.hub-newsletter-form #sib-container .mid{width:40%;}
.hub-newsletter-form #sib-container .ter{width:20%;     display: flex;  flex-direction: row;  flex-wrap: wrap;  align-content: stretch;  align-items: stretch;  justify-content: space-between;}
.hub-newsletter-form #sib-container .sib-input{padding:0;}
.hub-newsletter-form.sib-form .entry__field{border: 1px solid #1a1a1a; border-width:1px 0 1px 1px; background: none;  padding: 0;  margin: 0; border-radius: 0;}
.hub-newsletter-form.sib-form .entry__field input{margin:0 !important; background:#fff; color:#1a1a1a; border:none !important; padding:10px 15px;}
.hub-newsletter-form #sib-container .ter .sib-form-block{    padding: 0;  margin: 0; width: 100%; display: flex;  flex-direction: row;
    flex-wrap: wrap;   align-content: stretch;   align-items: stretch;   justify-content: space-between; }
.hub-newsletter-form #sib-container .ter .sib-form-block button{border: 1px solid; width:100%; background-color:#007f8a;}
.hub-newsletter-form #sib-container .ter .sib-form-block button:hover{background-color:#d6a632 !important;}
.hub-newsletter-form #sib-container .ter .sib-form-block button .hub-button-icon{border-radius:50%; background-color:#fff;}
.hub-newsletter-form #sib-container .ter .sib-form-block button .hub-button-icon svg{fill:#1a1a1a;}
.hub-newsletter-form #sib-container .ter .sib-form-block button:hover .hub-button-icon svg{fill:#1a1a1a;}
.hub-newsletter-form #sib-container .ter .sib-form-block button .hub-button-text{color:#fff;     border-right-color: #fff; width:80%;}
.hub-newsletter-form .sib-optin.sib-form-block{padding:0; }

/*ARTICOLI*/
.single.single-post .ct-inner-content figure{    margin: 50px 0;}
figcaption.wp-element-caption { font-family: 'plainmedium'; font-size: 13px;}

@media (max-width:1500px){
	.hub-newsletter-form #sib-container .mid{width:35%;}
	.hub-newsletter-form #sib-container .ter{width:30%; }
}

@media (max-width:1290px){
	.oxy-nav-menu .oxy-nav-menu-list li.menu-item a{    padding-left: 5px !important;   padding-right: 5px !important;}
	.humb{display:flex !important;}
	.main-menu{display:none !important;}
	.hub-newsletter-form #sib-container form#sib-form{    flex-direction: column;}
	.hub-newsletter-form #sib-container .mid{width:100%;}
	.hub-newsletter-form #sib-container .ter{width:100%; }
	.hub-newsletter-form.sib-form .entry__field{border-width:1px 1px 0px 1px !important;}
	
}

@media (max-width:767px){
	.hub-form .full{ flex-direction: column;}
	.hub-form .full .mid{width:100%;}
	.oxel_megamenu__wrapper--hidden,
	.oxel_megamenu__wrapper{ padding-top: 0px !important; height:100vh !important;}
	.column-menu .menu-main-menu-container{column-count: 1;}
	
}