/*
Theme Name: Arwin
Theme URI:
Author: Andrea Ricciotti
Author URI: https://www.andrearicciotti.it
Description: Custom ultra light theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: arwin

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.
*/

:root {
  --primary:#32639e;
  --primary-dark:#1F3E66;
  --secondary:#ffcc00;
  --secondary-dark:#e6b000;
  --light:#f0f2f4;
  --dark:#1f242a;
  --default: #323a45;
  --link:rgba(50,99,154,.7);
  --link-hover:#32639e;
}

/* -------------------------------------------------------------------------------- */
/* ! Base */
/* -------------------------------------------------------------------------------- */

body{
  font-family: 'Open Sans', sans-serif;;
  background-color: var(--light);
}

main {
  margin-top: 100px;
  min-height: calc(100vh - 300px);
}

@media (max-width: 767px) {
  main {margin-top: 80px;}
}


/* -------------------------------------------------------------------------------- */
/* ! Typography */
/* -------------------------------------------------------------------------------- */

@font-face {
  font-family: 'fontello';
  src: url('/fontello/font/fontello.eot?22967762');
  src: url('/fontello/font/fontello.eot?22967762#iefix') format('embedded-opentype'),
       url('/fontello/font/fontello.woff?22967762') format('woff'),
       url('/fontello/font/fontello.ttf?22967762') format('truetype'),
       url('/fontello/font/fontello.svg?22967762#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

footer a {color: rgba(255,255,255,0.7)!important;}
footer a:hover {color: rgba(255,255,255,1)!important;}

h1,h2,h3,h4 {color:var(--default); margin-top:30px; font-family: 'Montserrat', sans-serif}

h2 {margin-bottom: 2.5rem;line-height: 1.2;}

a {color:var(--link);text-decoration: none;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
a:hover {color: var(--link-hover);}

p {font-weight: 400;}

blockquote.wp-block-quote {border-color: #ddd;font-size: 0.9rem;}

blockquote.wp-block-quote.is-style-large {border: none!important; margin-top:80px!important; margin-bottom: 80px!important;}
blockquote.wp-block-quote.is-style-large {padding-left:30px;padding-right: 15%;position: relative;}
blockquote.wp-block-quote.is-style-large cite {font-size: 0.9rem;}
blockquote.wp-block-quote.is-style-large::before {content: '\e811';font-family: 'fontello';font-size: 70px;line-height: 0;display: block;position: absolute;top: 0px;left: -30px;opacity: .2;transform: rotate(180deg);}

@media (max-width: 767px) {
  blockquote.wp-block-quote {margin-left:1rem; margin-right: 1rem;}
  blockquote.wp-block-quote.is-style-large {padding-left:35px;padding-right: 0;}
  blockquote.wp-block-quote.is-style-large p {font-size: 1.3em;}
  blockquote.wp-block-quote.is-style-large::before {left: -5px;font-size: 50px;}
}

/* --------------------------------------------------------------------------------- */
/* ! HEADER */
/* --------------------------------------------------------------------------------- */

header {position: fixed; opacity: 0;width: 100%;top: 0;transform: translateY(-100px);transition: all 0.5s cubic-bezier(.215, .61, .355, 1);z-index: 999;}
.is-inview header{transform: translateY(0);opacity: 1;}

.nav-container{display: -webkit-flex; display: -ms-flex; display: flex; position: relative; align-items:flex-end; justify-content: space-between; height: 100%; padding: 0px;}
.navbar {display: -webkit-flex; display: -ms-flex; display: flex;}

.nav-logo{display: -webkit-flex; display: -ms-flex; display: flex;align-items:center;padding: 10px 10px 10px 0px;max-width: 250px;}
.stemma {display: block;background: url(img/logo/stemma.png) center center no-repeat;background-size: contain;width: 60px;height: 60px;flex-basis: 23%;}
.lettering {display: block;background: url(img/logo/lettering_w.png) center center no-repeat;background-size: contain;margin-left: 10px;width: 200px;height: 50px;flex-basis: 77%;filter: invert(1);}
.nav-logo .logo {display: -webkit-flex; display: -ms-flex; display: flex;align-items: center;flex-wrap: nowrap;max-width: 100%;}

.home:not(.scroll-down) .lettering {filter: invert(0);}
.home:not(.scroll-down) .stemma {background-image: url(img/logo/stemma_white.png);}

@media (min-width: 768px) {
  .home:not(.scroll-down) .nav-container{align-items: flex-start;}
  .home:not(.scroll-down) header {padding-top: 40px;}
  .home:not(.scroll-down) .nav-logo .logo {flex-direction: column;align-items: flex-start;max-width: 600px;}
  .home:not(.scroll-down) .lettering {flex-basis: auto;width: 600px;max-width: 90%;height: 200px;margin-left: 0;}
  .home:not(.scroll-down) .stemma {flex-basis: auto;width: 120px;height: 120px;}
}

/* ! - Header Nav */

.menu { margin: 0; padding: 0; list-style-type: none; }
.menu a,
.menu a:link,
.menu a:visited,
.menu a:focus { font-family:'Montserrat';color: var(--text-white); text-decoration: none; display: block; position: relative; padding: 10px 0;}

.menu > li { display: inline-block; position: static; margin: 0;padding-bottom:0!important;}
.menu > li > a {color: var(--dark); padding:0 10px 20px 10px !important; display: block; text-transform: uppercase; font-weight: 900; font-size:0.9rem;}
.menu > li > a:after { content: ' '; position: absolute; bottom: 0; left: 0; width: 0; height: 6px; background: #ffc007; transition: all .3s cubic-bezier(.215, .61, .355, 1);z-index: 100;}

.menu > li:hover > a:after { width: 100%;}

.menu > li > .sub-menu {display: none; overflow: hidden; list-style: none; width: 100%; text-align: left; z-index: 99; padding: 15px; margin: 0; font-size: .9rem;}
/* .menu > li:hover > .sub-menu{ display: none;} */

/* ! - Hamburger */
.hamburger {position: fixed;top: 0;right: 0;display: block;width: 80px;height: 80px;cursor: pointer;transform: translateX(100%);transition: all .5s cubic-bezier(.215, .61, .355, 1);z-index: 999;}

.icon-hamburger{ width: 20px;height: 20px;position: absolute;top:30px; left: 35px;}
.icon-hamburger span {height: 2px;width: 100%; position: absolute; top: 11px; transition: all 0.2s ease-in-out;}
.icon-hamburger span:before,
.icon-hamburger span:after{height: 2px;width: 100%; position: absolute; left: 0; content: ' '; margin-top: -8px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.icon-hamburger span:after{margin-top: 8px;}

.icon-hamburger--open span{background: transparent!important;}
.icon-hamburger--open span:before{transform: rotate(45deg);margin-top: 0;}
.icon-hamburger--open span:after{transform: rotate(-45deg);margin-top: 0;}

@media (max-width: 767px) {
  .hamburger {transform: translateX(0);}

  .header{transition: all 0.3s cubic-bezier(.215, .61, .355, 1);top:0;}

  /* .nav-container {padding-left: 10px;} */
  .navbar {overflow: hidden;width: 100%;height: calc(100vh - 80px);padding-bottom:80px;position: fixed;background: var(--primary);color: #fff;right: -110%;top: 80px;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
  .menu--open .navbar{right: 0%;}

  .menu {padding-top: 40px;padding-bottom: 40px; overflow: scroll;}
  .menu > li > .sub-menu {display: block;}
  .menu > li:hover > .sub-menu{ display: block; justify-content: center}
  .menu,
  .menu li{width: 100%;list-style-type: none;margin-right: 0;position: relative;}
  .menu > li > a {font-size: 24px; text-align:center;padding:20px 10px !important;}

  .menu > li > ul li ul,
  .menu li > ul li,
  .menu > li > .sub-menu,
  .menu > li > ul,
  .menu > li {transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}

  .menu > li > .sub-menu {padding: 0; margin: 0; border:none;}

  .menu > li > .sub-menu--open{max-height: 800px;min-height: 100px}
  .menu > li > .sub-menu > li > a{padding: 10px; text-align: center; font-size: 24px;}
  .menu > li > .sub-menu .sub-menu{min-height: auto;}

  .menu > li > a:after {content: none;}
}

/* ! - Nav-search */
.nav-search__open {cursor: pointer;}
.nav-search__close {position: absolute;top: 2%;right: 2%;font-size: 50px;color: #fff;cursor: pointer;}
.nav-search{position: fixed;display: -webkit-flex; display: -ms-flex; display: flex; visibility: hidden;align-items: center;justify-content: center;z-index: 999;top: 0;width: 100%;height: 0;background-color: rgba(0,0,0,.8);backdrop-filter:blur(5px);transition: all .5s cubic-bezier(.215, .61, .355, 1);opacity: 0;}
.nav-search.nav-search--open {visibility: visible;height: 50vh;opacity: 1;}
.nav-search__form{position: relative;height: auto;width: 60%;font-family: 'Montserrat';font-size: 50px;}
.nav-search__form input[type=text]{width: calc(100% - 80px); border:none; border-radius: 0!important;background: transparent!important;color: #fff;}

.nav-search__form input[type=text]:focus,
.nav-search__form button {border: none;outline: none;appearance: none;}

.nav-search__submit{position: absolute; border: none; background: transparent;color: #fff;line-height: 0;opacity: 0;width: 0;height: 80px;transition: all .5s cubic-bezier(.215, .61, .355, 1);cursor: pointer;}
.nav-search__form input[type=text]:not(:placeholder-shown) + .nav-search__submit{opacity: 1;width: 80px;}
.nav-menu{width: 100%;background-color: #fff;position: relative;display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center;border-bottom: 1px solid #ddd}

@media (max-width: 767px) {
  .menu {max-height: 100vh; max-height: -webkit-fill-available; }
  .nav-search__open {display: none;}
  .nav-search {background-color: rgba(0,0,0,.2);top: auto; bottom: 0;height: 90px;}
  .menu--open .nav-search {visibility: visible; opacity: 1;}
  .nav-search__close {display: none;}
  .nav-search__form {width: 84%; font-size: 25px;}
  .nav-search__form input[type=text] {width: calc(100% - 40px); font-size: 25px;}
  .nav-search__submit {height: 40px;padding:0;}
  .nav-search__form input[type=text]:not(:placeholder-shown) + .nav-search__submit{width: 40px;}
}

/* -------------------------------------------------------------------------------- */
/* ! PAGE ELEMENTS */
/* -------------------------------------------------------------------------------- */

/* ! - Cover */
.cover__container {position: relative;}
.cover {height: 85vh;width: calc(100vw - 6%);background-position: center center; background-size: cover;}
.cover__caption{
  position: absolute;
  display: -webkit-flex; display: -ms-flex; display: flex;
  align-items: flex-start;
  justify-content: center;
  font-weight: 300;
  line-height: 30px;
  padding: 2rem 3rem;
  top: auto;
  bottom: 50px;
  right: 3%;
  background-color: rgba(255,255,255,1);
  backdrop-filter: blur(5px);
  transform: translateX(500px);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  width: 370px;
}
.cover__caption p {display: none;}
.cover__caption.children{bottom:-250px; width: 350px; padding-bottom: calc(15vh + 250px); max-height: 100vh;}
.cover__caption.children p{display: block;font-size: .9rem;line-height: 1.6;}

.is-inview .cover__caption,
.active .cover__caption{transform: translateX(0);opacity: 1;}

.cover__caption-link {padding-top: 30px;padding-bottom: 20px;margin-top: 50px;border: 1px solid #bbb;}
.cover__caption-link>h6 {margin-top: -50px;margin-bottom: 0;display:table;padding: 5px;color: #bbb;background: #fff;font-weight: lighter;}
.cover__caption-link li {list-style-type:none;position: relative;}
.cover__caption-link li::after{position: absolute;top: 0;left: -20px;content: '\e813';font-family: 'Fontello';color: var(--primary);transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.cover__caption-link li:hover::after{left: -10px;}

@media screen and (max-width: 767px), (max-height: 400px) and (orientation: landscape) {
  .cover {height: 100vh; max-height: -moz-available; max-height: -webkit-fill-available; width: 100vw; max-width: 100vw;}
  .cover__caption,
  .cover__caption.children {top: auto;bottom: 50px;right: 0;height: auto;width: 80%;padding: 0;}
  .cover__caption h1 {margin: 0;padding: 1rem;font-size: 1.8rem}
  .cover__caption.children p {display: none;}
}

/* ! - Breadcrumb */
.breadcrumb {display: block;z-index: 0;position: relative;max-width: 90%;margin: 0 auto;}

/* ! - Topbar */
.topbar {margin-top: calc(-1rem - 80px);}
.topbar ul {display: -webkit-flex; display: -ms-flex; display: flex; padding-left: 0;justify-content: center;width: calc(100vw - 10%);}
.topbar ul li {position: relative;width: 300px;list-style-type: none;margin: 20px;padding-bottom: 0;background-color: #fff;height: 200px;opacity: 0;transform: translateY(50px);transition: all .5s cubic-bezier(.215, .61, .355, 1) .3s;}
.topbar ul li:first-child{margin-left: 20px;}
.topbar ul li:last-child{margin-right: 20px;}
.is-inview .topbar ul li {opacity: 1;transform: translateY(0);}

.topbar ul li a {display: block; width: 100%; height: 100%;position: relative;}
.topbar ul li a img {width: 100%;height: 100%;max-height: 100%;padding-top: 60px;object-fit:cover;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.topbar ul li a:hover img{padding-top: 0;}

.topbar ul li a span {position: absolute;top: 0;left: 0;width: 100%;height: 60px;display: -webkit-flex; display: -ms-flex; display: flex;align-items: center;}
.topbar ul li a span h3 {font-size: 16px;color:#333;margin: auto;display: block;padding: 0 10px;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.topbar ul li:hover a span h3{color: #fff;}

.topbar .page_item {padding: 20px; background-color: #fff; list-style: none; flex-grow: 1;}
.topbar .page_item a {color:#666; text-decoration: none; display: block;}
.topbar .page_item:hover{border-left: medium solid #ffc104;}
.topbar .current_page_item {background-color: #ffc104;}
.topbar .current_page_item a {color: #333;}
.topbar .menu ul {padding:0;}

@media screen and (max-width: 767px), (max-height: 400px) and (orientation: landscape) {
  .topbar {margin-top: 50px;}
  .topbar ul {flex-direction: column; margin: 0 auto;}
  .topbar ul li {width: 100%; height: 150px; margin: 10px auto!important;}
  .topbar ul li a img{padding-top: 0;}
  .topbar ul li a span {height: 100%;align-items: flex-end;background-color: rgba(0,0,0,.2);}
  .topbar ul li a span h3 {color:#fff;margin: 0 0 10px 5px;}
}

/* ! - Sidebar */
.sidebar {top: 120px;}

@media (max-width: 768px) {
  .sidebar {margin-top:0px;}
}

/* -------------------------------------------------------------------------------- */
/* ! Widgets */
/* -------------------------------------------------------------------------------- */

/* ! - General styles */
.widget {padding-bottom: .5rem; margin-bottom: 2rem;background-color: #fff;}
.widget h5 {display: block; padding-top: 2rem;margin-top: 0; text-align: center;}
.widget ul {padding-left: 0;}
.widget ul li {list-style-type: none;margin-bottom: 0;padding-bottom:0;}

/* ! - Recent items */
.recent-item {position: relative;}
.recent-item__cat {position: absolute;display: block;font-weight: bold;top: 5px;left: calc(30% + 1rem);z-index: 2;}
.recent-item__img {display: flex;justify-content: center;align-items: center;}
.recent-item__img img {width: 100%;max-width: 80px;}
.recent-item__text {padding-left: 1rem; padding-top: 30px;display:flex; flex-direction: column; font-weight: bold;}

@media (max-width: 767px) {
  /* .recent-item {padding: 1rem 0;} */
}

/* ! - Categories */
.widget.widget_categories ul {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap;padding: 1rem;}
.widget .cat-item {margin: 5px; flex-grow: 1;display:inline-block; text-align: center; background-color: #fff;border: 1px solid var(--primary); line-height: 1.1rem;}
.widget .cat-item a {display: block;padding: 1rem .5rem;}
.widget .cat-item:hover {background-color: var(--primary);}
.widget .cat-item:hover a {color: #fff; }

/* -------------------------------------------------------------------------------- */
/* ! Pagination */
/* -------------------------------------------------------------------------------- */
.pagination{margin-bottom:40px;text-align: center;}
.page-numbers{display: inline-block;padding: 10px 15px;border: 1px solid var(--primary);margin-right:4px;}
.page-numbers:hover {background-color: var(--primary);color: #fff;}
.page-numbers.current {background-color: #fff!important; color: var(--primary);}


/* -------------------------------------------------------------------------------- */
/* ! Links and buttons */
/* -------------------------------------------------------------------------------- */

p .link {display: inline-block;}
.link,
.wp-block-button__link {position: relative;}
.link img {transition: all .5s cubic-bezier(.215, .61, .355, 1); aspect-ratio:4/3;}
.link:hover img {filter: brightness(.8);}
.link.link--underline::after,
.wp-block-button__link::after{content: '\e813';font-family: 'fontello';display: inline-block;bottom: 0;margin-left: 10px;}
.link.link--underline::before{content: ' ';position: absolute;display: block;bottom: -3px;left: 0;height: 2px;width: 0;background-color: var(--link-hover);transition: all .3s cubic-bezier(.215, .61, .355, 1);}
footer .link.link--underline::before {background-color: #fff;}
.link.link--underline:hover::before{width: 100%;}
.wp-block-button {margin-top: 30px;}
.wp-block-button__link {font-weight: bold;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.wp-block-button__link:not(.has-background) {background-color: var(--secondary)!important; color: var(--dark)!important; border-color: var(--secondary);}
.wp-block-button__link:not(.has-background):hover {background-color: var(--secondary-dark)!important;}

.wp-block-button::first-letter {text-transform: uppercase;}

/* outline */
.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline {border-color: var(--link); color: var(--link)!important; background: transparent!important;padding: .558em 1.208em;}
.is-style-outline>.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link.is-style-outline:hover {color: var(--light)!important; background-color: var(--link-hover)!important;border-color: var(--link-hover)!important;}

/* -------------------------------------------------------------------------------- */
/* ! INDEX */
/* -------------------------------------------------------------------------------- */

.article-img {flex-basis: 150px; height: 150px;}
.article-content {flex-basis: 70%;}

@media (max-width: 767px) {
  .article-img {height: 250px;}
}


/* -------------------------------------------------------------------------------- */
/* ! HOME PAGE Sections */
/* -------------------------------------------------------------------------------- */

/* ! - Slideshow */

.slideshow-fixed-container {position: relative;}
.slideshow-fixed {position: fixed; top: 150px; z-index: 100;width: 600px;max-width: 90%;}
.slideshow-fixed img {width: 100%; height: auto;}
.scroll-down .slideshow-fixed-container {display: none;}

.slideshow-container {width: 100vw; height: 100vh; max-height: -moz-available; max-height: -webkit-fill-available; position: relative;}

.slideshow-item {opacity: 0; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; max-height: -moz-available; max-height: -webkit-fill-available; transition: opacity 1s cubic-bezier(.215, .61, .355, 1);}
.slideshow-item.active {opacity: 1;}

.slideshow-item .slideshow-item__caption {
  position: absolute;
  display: -webkit-flex; display: -ms-flex; display: flex;
  align-items: center;
  justify-content:flex-start;
  font-size: 28px;
  line-height: 1.2;
  padding-right: 5vw;
  bottom: 10%;
  z-index: 100;
  left: 0;
  height: 200px;
  background: rgb(255,255,255,1);
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 90%);
  transform: translateX(-100%);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

@media (min-width: 992px) {
  .slideshow-item .slideshow-item__caption { max-width: 50%;}
}

.slideshow-item.active .slideshow-item__caption{transform: translateX(0);}
.slideshow-item .slideshow-item__caption:hover {background-color: rgba(0,0,0,.25);backdrop-filter: blur(5px);filter: brightness(1);}

@media (max-height: 600px) {
  .slideshow-item .slideshow-item__caption { font-size: 20px;}
}

.slideshow-indicators {position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;display: -webkit-flex; display: -ms-flex; display: flex;justify-content: flex-end;}
.dot {cursor: pointer; height: 5px; width: 25px; border-radius: 30px;margin: 0 5px; background-color: rgba(255,255,255,.3); display: inline-block; transition: background-color 0.6s ease;}
.dot:last-child{margin-right: 0;}
.dot.active { background-color: rgba(255,255,255,1); }

@media not all and (pointer: coarse) {
  /* hover status only desktop devices */
  .dot:hover { background-color: rgba(255,255,255,1); }
}

/* @-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
} */

/* ! - Featured Pages */

.featured-pages {width:100%; align-items: stretch; margin: 0 1rem;}
.featured-pages:nth-child(2n) {flex-direction: row-reverse;}
.featured-pages__item {flex-grow: 1; padding: 1rem;height: 600px;}
.featured-pages__item img {min-height: 200px;}
.featured-pages__item-text {padding: 4rem; height: 100%;}
.featured-pages__item-text > div {max-width: 800px;}

@media (max-width: 767px) {
  .featured-pages__item-text {padding: 1.5rem; height: 100%;}
  .featured-pages__item {padding: 0;}
  .featured-pages__item:nth-child(1) {padding-bottom: 0;}
  .featured-pages__item:nth-child(2) {padding-bottom: 1.5rem;}
}

/* ! - Social */

.social {text-align: center; padding: 4rem 0;}
.social a {font-size: 50px; border-radius: 100%; padding: 1rem; margin: 1rem;}
.social .wp-block-button__link {display: unset;}
.social .wp-block-button__link::after {content: none;}

@media (max-width: 767px) {
  .social a {font-size: 20px; border-radius: 100%; padding: 1rem; margin: .2rem;}
}

/* -------------------------------------------------------------------------------- */
/* ! CUSTOM BLOCKS */
/* -------------------------------------------------------------------------------- */

/* ! - Scacchiera */

.block-scacchiera__container {align-items: stretch;}
.block-scacchiera__item {align-items: stretch;background: #fff;min-width: 50%;}
.block-scacchiera__item-text {flex-grow: 1; padding: 1rem;}
.block-scacchiera__item-img {flex-grow: 1;}
.block-scacchiera__item img {width: 100%; height: 100%; object-fit: cover;}

@media (max-width: 999px) {
  .block-scacchiera__item:nth-child(2n) {flex-direction: row-reverse;}
}
@media (min-width: 1000px) {
  .block-scacchiera__item:nth-child(3),
  .block-scacchiera__item:nth-child(4),
  .block-scacchiera__item:nth-child(7),
  .block-scacchiera__item:nth-child(8) {flex-direction: row-reverse;}
}
@media (max-width: 575px) {
  .block-scacchiera__container,
  .block-scacchiera__item {flex-wrap: wrap;}
  .block-scacchiera__item,
  .block-scacchiera__item-text,
  .block-scacchiera__item-img {width: 100%;}
}

/* ! - Mediatext */
.block-mediatext {margin: 100px auto;}
.block-mediatext__item-img {position: relative;margin-right: -20%;margin-left: auto;width: 100%;margin-top: -4rem;}
.block-mediatext__item-img img {width: 100%; height: auto;}
.block-mediatext__item-text {width: 100%; margin-left: -20%; background-color: #fff; padding: 5rem;padding-top: 2rem;}
.block-mediatext__caption {position: absolute!important;bottom: 8px;font-size: 0.8rem;line-height: 1.1;padding: 1.5rem;color: #fff;background: linear-gradient(0deg, rgba(0,0,0,0.7875525210084033) 0%, rgba(255,255,255,0) 100%);}
.block-mediatext__caption b {font-size: 0.9rem;}

@media (max-width: 767px) {
  .block-mediatext {max-width: 100%!important;}
  .block-mediatext__item-text {width: 100%; margin-left: 0; padding: 1rem;}
  .block-mediatext__item-img {margin: 0;}
  .block-mediatext__caption {position: static!important;color: var(--default);background: none;}
}

/* Comments
-------------------------------------------------------- */
/* #comments{margin-bottom: 40px;}
.comments{padding-top: 40px;}
.comments textarea{width: 100%;}
.comments label{ min-width: 80px;}
.comments ul,
.comments ol{list-style-type: none;}
.comment-author img{border-radius: 999px; width:50px;}
.comment .reply{border-bottom:  1px solid #ccc; margin-bottom: 30px;padding-bottom: 10px;} */

/* -------------------------------------------------------------------------------- */
/* ! Shortcode */
/* -------------------------------------------------------------------------------- */
.display-posts.all {margin-right: 1rem;}
.display-posts.all:last-child {margin-right: 0;}
.display-posts.all a.display-posts__img {display: block;height: 150px;}

.display-posts.mediatext {display: -webkit-flex; display: -ms-flex; display: flex; align-items:stretch;flex-basis: 100%;}
.display-posts.mediatext .display-posts__img,
.display-posts.mediatext .display-posts__content{flex: 1; padding: 1rem;}

@media (max-width: 767px) {
  .display-posts.mediatext {flex-direction: column-reverse;}
  .display-posts.mediatext .display-posts__img {padding: 9rem;}
}
.display-posts.mediatext .display-posts__img.right {order: 2;}

.display-posts__home .bg-white{background-color: transparent!important; padding: 0!important;position: relative;}
.display-posts__home .display-posts.thumbnail .display-posts__img {width: 280px;height: 396px;display: block;position: absolute;top: 0;right: 0;transform: rotate(5deg);box-shadow: 0px 0px 14px #666;transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.display-posts__home .display-posts.thumbnail .display-posts__img:hover {transform: scale(1.1);}
@media (max-width: 767px) {
  .display-posts__home .display-posts.thumbnail .display-posts__img {position: unset;margin:0 auto;margin-top: 40px;}
}

.wp-block-latest-posts.is-grid.auto-grid li {width: auto; margin: 2rem auto;}
.wp-block-latest-posts.is-grid.auto-grid li>a {display: block;text-align: center;}
.wp-block-latest-posts.is-grid.auto-grid.columns-3 li {min-width: 30%;}

.wp-block-latest-posts__featured-image a,
.wp-block-latest-posts__featured-image img {width: 100%;}


/* -------------------------------------------------------------------------------- */
/* ! FOOTER */
/* -------------------------------------------------------------------------------- */

footer {position: relative; z-index:0;}

footer::after {content: ""; background: url("img/logo/stemma_w_big.png"); background-size: 40%; background-repeat: no-repeat; background-position: 50% 20%; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1;}

/* ! - Footer Nav */
ul.menu-footer {padding: 0;margin-top: 0;}
ul.menu-footer > li {list-style-type: none;}

/* -------------------------------------------------------------------------------- */
/* ! UTILITIES */
/* -------------------------------------------------------------------------------- */
.page-min-height {min-height: calc(100vh - 400px);}
.wsp-category-title {line-height: 4rem;}

/* ! - Cards */
.card-deck-2>.card{flex-basis:calc(50% - 1rem); max-width: calc(50% - 1rem);}
.card-deck-3>.card{flex-basis:calc(100% / 3 - 1rem); max-width: calc(100% / 3 - 1rem);}
.card {margin-bottom: 2rem;}
.card-meta {margin-top: 1rem; margin-bottom: 1rem;}
.card-title {display: block; position: relative; padding-bottom: 2rem;margin-top: 0;}
.card-title::after {content: ' '; display: block;position: absolute;bottom: 0;left: 0;width: 50px; height: 2px;background-color: var(--dark); }
.card-title.text-center::after {left: calc(50% - 25px);}
.card-body, .card-footer {font-size: 0.9rem;padding: 1rem;}
.card-meta {display: block;text-transform: uppercase;text-align: center;letter-spacing: 4px;}
.card time {font-size: 0.75rem; opacity: .5;display: block;}

@media (max-width: 767px) {
  [class*='card-deck-']>.card{flex-basis:100%; max-width: 100%;}
}

/* ! - Img classes */
.img-squared>figure{position: relative;}
.img-squared>figure::before{content: ' ';position: absolute;z-index: -1;bottom: -20px;width: 100%;height: 80%;border: 20px solid #fff;}
.img-rounded>figure>img {border-radius: 100%;}

.media-bg figure img {width: 120%; opacity: .4;}
.media-bg figure {margin-left: -40%!important; z-index: -1;}
.media-bg.has-media-on-the-right figure {margin-left: 0!important;margin-right: -30%!important;}
.media-bg .wp-block-media-text__content {margin-left: -30%; }
.media-bg.has-media-on-the-right .wp-block-media-text__content {margin-left: 0;margin-right: -30%;}

@media (max-width: 767px) {
  .media-bg figure img {width: 100%;height: 100%;}
  .media-bg figure {margin-left: 0!important;}
  .media-bg.has-media-on-the-right figure {margin-right: 0!important;}
  .media-bg .wp-block-media-text__content {margin-left: 0; }
  .media-bg.has-media-on-the-right .wp-block-media-text__content {margin-left: 0;margin-right:0;}
}

/* ! - Video container */
.video-container {margin-bottom: 2rem;}
.video-container .wp-block-group__inner-container {display: flex; flex-wrap: wrap; margin: 1rem;}
.video-container .wp-block-group__inner-container a {display: block; width: 100%; height: 100%;}
.video-container .wp-block-group__inner-container figure {min-width: calc(33% - 2rem); flex: 1; border: 15px solid #fff; box-shadow: 0px 0px 14px 1px rgba(0,0,0,.25); margin: 1rem; position: relative;}
.video-container .wp-block-group__inner-container figure a::after {font-family: 'fontello'; content:'\f16a'; display:block; position: absolute; top:50%; left:calc(50% - 30px); color: rgba(255,255,255,.5);font-size: 60px;cursor: pointer;transition: all .5s cubic-bezier(.215, .61, .355, 1);z-index: 99;}
.video-container .wp-block-group__inner-container figure img {width: 100%; height: auto;filter: brightness(.9);transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.video-container .wp-block-group__inner-container figure:hover img {filter: brightness(.7);}
.video-container .wp-block-group__inner-container figure:hover a::after {color: rgba(255,255,255,1);}

@media (max-width: 767px) {
  .video-container .wp-block-group__inner-container {margin: 0;}
  .video-container .wp-block-group__inner-container figure {min-width: calc(100% - 2rem);}
}

/* ! - Timeline */
.timeline {position: relative;margin-top: 200px;margin-bottom: 200px;}
.timeline::before {content: ' ';display: block;position: absolute;top: -100px;left: calc(50% - 50px);width: 100px;height: 100px;background: url(img/sunrise.png) center center; background-size: contain;}
.timeline::after {content: ' ';display: block;position: absolute;bottom: -120px;left: calc(50% - 50px);width: 100px;height: 100px;background: url(img/moon.png) center center; background-size: contain;}
.timeline .wp-block-group__inner-container {display: -webkit-flex; display: -ms-flex; display: flex;flex-wrap: wrap;width: 100%;}
.timeline .wp-block-group__inner-container::after {content: ' '; display: block;width: 4px; height: 100%; background-color: #ddd;position: absolute;top: 0;left: 50%;}
.timeline p {font-size: 1.5rem;font-weight: lighter;line-height: 1.2;padding: 20px 0;background-color: #fff;}
.timeline p strong {font-size: 2.5rem;}
.timeline p em {display: block;margin-top: 1.2rem;font-size: 1.2rem;}
.timeline p {width: 50%; text-align: right;padding-right: 50px; position: relative;}
.timeline p::before {content: ' '; display: block;width: 20px; height: 20px; border-radius: 100%;background-color: var(--secondary);position: absolute;top: 35px;right: -12px;z-index: 1;}
.timeline p:nth-child(2n+1) {margin-left: 50%; text-align: left;padding-left: 50px;}
.timeline p:nth-child(2n+1)::before {left: -8px;right: auto;}

@media (max-width: 768px) {
.timeline p {
	padding:15px!important;
	font-size: 1rem;
	}
.timeline p strong {font-size: 2rem;}
}

/* ! - Alert */
.alert {background-color: #fff3cd;padding: 1rem;border-radius: 14px;border: 2px solid var(--secondary);}

/* ! - Feet */
.feet {position: relative;}
.feet::before {position: absolute;top: 0;left: -150px;content: ' ';width: 200px;height: 200px; background-image: url(img/footprint.svg);background-size:contain;background-repeat: no-repeat;background-blend-mode:color-burn;}
.feet-1::before {content: '1';}
.feet-2::before {content: '2';}
.feet-3::before {content: '3';}

@media (max-width: 768px) {
  .feet {text-align: center;}
  .feet::before {top: -100px;left: calc(50% - 45px);width: 90px;height: 90px;background-position: 60%;}
}

/* ! - Scroll down icon */
/* .scroll-down-icon {position: relative;width: 60px; height: 60px;padding: 6px 0px; color: #fff; font-size: 30px; text-align: center; top: calc(100% - 80px); left: calc(50% - 30px);transition: opacity 1s cubic-bezier(.215, .61, .355, 1);}
.scroll-down-icon span {position: absolute;top: 0;left: calc(50% - 15px); animation: scroll_down 2s cubic-bezier(.215, .61, .355, 1) infinite;}
.scroll-down-icon span::before{transform: rotate(90deg); font-weight: bold;}
.scroll-down .scroll-down-icon {opacity: 0;} */

.scroll-down-icon{width: 100px; height: 100px;position: absolute;bottom: 0; left:50%; margin-left: -50px;display: block;}
.line-center{background: #fff; width: 5px; height: 0px; border-radius: 30px;opacity: 0;position: absolute;left:50%; margin-top: 10px; animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite; }
.line-center span{position: absolute;bottom:-20px;width: 100px;display: block;left:-50px;text-align: center;color:#fff; text-transform: uppercase;font-size: 11px;}
.scroll-down .scroll-down-icon {opacity: 0;}

@keyframes vertical_line_growth {
  0% { height: 0; opacity: 0;}
  20% { height: 0; opacity: 0;}
  40% { height: 0; opacity: 1;}
  60% { height: 30px; opacity: 1;}
  80% { height: 30px; opacity: 1;}
  100% { height: 30px; opacity: 0;}
}

/* @keyframes scroll_down {
  0% { transform: translateY(0);opacity: 0;}
  25% { opacity: 1;}
  75% { transform: translateY(20px); opacity: 1;}
  100% { transform: translateY(25px); opacity: 0;}
} */

/* ! - Scroll to top */
.scroll-to-top {visibility: hidden; opacity: 0;position: fixed;bottom: 15px;right: 15px; width: 50px;font-size: 20px;height: 50px;border-radius: 100%;text-align: center;line-height: 45px;background-color: var(--link);cursor: pointer;transition: all .3s cubic-bezier(.215, .61, .355, 1);z-index: 999;}
.scroll-down .scroll-to-top {visibility: visible; opacity: 1;}
.scroll-to-top:hover{background-color: var(--link-hover);}

.grecaptcha-badge { 
    visibility: hidden;
}