/*
Theme Name: Welcome to LA MADDALENA
Author: Click Studio
Author URI: https://clickstudio.it/
Description: Custom WordPress Theme For Welcome to LA MADDALENA
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: weltomad
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.
*/

/* ! Reset */
body, html{font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*: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; }
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #ddd}

a{text-decoration: none;}
p{line-height: 1.3}

html {scroll-behavior: smooth;}

.spacer{height: 170px;}
.spacer--medium{height: 100px;}

@media (max-width: 768px) {
  .spacer{height: 112px;}
}


/* ! Header */
/*----------------------------------------------------------------------------------- */
.header-container{background: transparent;position: fixed;top:0;left:0;z-index: 99;width: 100%;transition: all .35s cubic-bezier(.215, .61, .355, 1);}
.scroll-down .header-container{background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.05);}
.logged-in .header-container{top:32px;}

.header{background: transparent; display: flex; justify-content: space-between; align-items:center;margin: 0 auto;transition: all .5s cubic-bezier(.215, .61, .355, 1);max-width: 100%;padding: 0 24px;}
.header a{color: var(--color-bg); display: block; padding: 16px;}

.header__menu{margin-bottom: 0;}
.header__menu li{display: inline-block;line-height: 0;margin: 0;}
.header__menu li a{font-size: var(--font-size-5);text-transform: uppercase;font-weight: 400; transition: all .35s cubic-bezier(.215, .61, .355, 1);position: relative;}
.header__menu li a:hover,
.header__menu li.current-menu-item a{opacity: 0.8;}
/* .header__logo,.search-button{width: 10%;} */

.header__menu-right{display: flex;align-items: center;}
.header__menu-right__social{margin: 8px 0 0 0;padding: 0 16px 0 0;}
.header__menu-right__social li{position:relative;display:inline-block;margin:0;}
.header__menu-right__social li a{font-size: 0;}

.header__menu-right__social [class*='icon-'] a:before{content:' ';position:absolute;left:0;top:0;width: 20px;height: 20px;background-size:100%; filter: invert(1);}

.header__menu-right__social .icon-facebook a:before{background: url(assets/icons/logo-facebook.svg);}
.header__menu-right__social .icon-linkedin a:before{background: url(assets/icons/logo-linkedin.svg);}
.header__menu-right__social .icon-youtube a:before{background: url(assets/icons/logo-youtube.svg);}
.header__menu-right__social .icon-instagram a:before{background: url(assets/icons/logo-instagram.svg);}
.header__menu-right__social .icon-tiktok a:before{background: url(assets/icons/logo-tiktok.svg);}

.scroll-down .header__menu-right__social [class*='icon-'] a:before,
.has-no-cover:not(.page-template-default) .header__menu-right__social [class*='icon-'] a:before{filter: invert(0);}

.search-button{text-align: right;}
.search-button img{filter: invert(1);}
.scroll-down .search-button img{filter: invert(0);}

.header__logo img{height: 45px;margin:8px 0;}

.logo{display: none;}
.scroll-down .logo{display: block;}
.scroll-down .logo-white{display: none;}

.header__icons{width: 20%;display:flex;justify-content: flex-end;}
.header__icons .button{width: 150px;text-align: center;}

.header__hamburger{display: none;cursor:pointer;margin-top: 8px;}

.scroll-down .header__menu li a{color: var(--color-text);}

/* ! Dropdown Menu */
.header__menu li.menu-item-has-children{padding-right: 5px;}
.header__menu li.menu-item-has-children > a:after {
  content: ' ';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  right: 0;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='CurrentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E");
  opacity: 1;
  filter: invert(1);
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
}
.header__menu li.menu-item-has-children:hover > a:after {
  transform: translateY(-50%) rotate(0);
}
.scroll-down .header__menu li.menu-item-has-children > a:after,
.has-no-cover .header__menu li.menu-item-has-children > a:after{filter: invert(0);}

.header__menu li.menu-item-has-children {position: relative;}
.header__menu li ul{position: absolute;top: 32px; left: 0;width: auto;min-width: 300px; background: var(--color-bg);display: none;visibility: hidden;padding: 8px 0;border-radius:8px;box-shadow: 0 5px 20px rgba(0,0,0,.05);}
.header__menu li ul li{width: 100%;padding: 8px;}
.header__menu li ul li a{color: var(--color-text);}
.header__menu li:hover > ul{display: block;visibility: visible;}

@media (min-width: 998px) {
  .header-container{transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .scroll-down .header-container{}
}

@media (max-width: 768px) {
  .logged-in .header-container{top:45px;}
  .scroll-down.logged-in .header-container{top:0;}
}

@media (max-width: 998px) {
  .header__logo{margin-right: auto;}
  .header__logo img {height: 32px;}
  .header{padding: 0 10px;}
  .header__hamburger{display: block;width: 40px;height: 40px; z-index: 999;top:-4px;position:relative;}
  .header__hamburger span{width: 30px;height: 2px;background: var(--color-bg); margin-top: 8px;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}
  .scroll-down .header__hamburger span{background: var(--color-text);}

  .header__menu{position: absolute; top:0;left:0;background: #fff;list-style-type: none;width: 100%;height: 0;overflow: hidden;transition: all .35s cubic-bezier(.215, .61, .355, 1);}
  .menu-open .header__menu{height: 100vh; padding:30% 0 0 0; }
  .header__menu li{display: block; padding: 0 0 0 24px;}
  .header__menu li a{color: var(--color-text);}

  .header__menu li ul li{padding: 0px;}

  .menu-open .header__hamburger span{background: var(--color-text);}
  .menu-open .header__hamburger span:nth-child(1){width: 30px;transform: translateY(5px) rotate(45deg);}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);}
  .menu-open .header__hamburger span:nth-child(3){display: none;}

  /*dropdown*/
  .header__menu li ul{position: static;padding-left: 15px;width: 100%;box-shadow:none;}
  .header__menu li.menu-item-has-children > a:after {filter: invert(0);right: 5px;}

}

/* ! Has cover */
/*----------------------------------------------------------------------------------- */
.has-no-cover .header a:not(.page-template-default .header a){color: var(--color-text);}
.has-no-cover .logo:not(.page-template-default .logo){display: block;}
.has-no-cover .logo-white:not(.page-template-default .logo-white){display: none;}
.has-no-cover .header-container:not(.page-template-default .header-container){background: var(--color-bg);}
.has-no-cover .search-button img:not(.page-template-default .search-button img){filter: invert(0);}
.has-no-cover .header__hamburger span:not(.page-template-default .header__hamburger span){background: var(--color-text);}

.page-template-default .header__menu li.menu-item-has-children > a:after{filter: invert(1);}

/* ! Footer */
/*----------------------------------------------------------------------------------- */
.footer{background: var(--color-text);color: var(--color-bg); position: relative;}

.footer,
.footer p,
.footer ul,
.footer li{font-size: var(--font-size-5);}
/* .footer small,
.footer .text-small{font-size: 13px;}
 */
.footer ul li{padding:0 !important;margin: 0;}

.footer h3,.footer h4{font-family: var(--font-cursive);}

.footer a{color: var(--color-bg);}
.footer a:hover{color: var(--color-primary);}

.footer__menu,
.footer .menu{list-style-type: none;}
.footer .menu li{padding: 8px 0;}
.footer__menu li{display: block;}

.menu-social-menu-container .menu li{position:relative;display:inline-block;padding:0 32px 0 0 !important;}
.menu-social-menu-container .menu li:last-child{padding-right:0;}
.menu-social-menu-container .menu li a{font-size: 0;}

.menu-social-menu-container .menu .icon-facebook a:before{content:' ';position:absolute;left:0;top:0;width: 24px;height: 24px;background: url(assets/icons/logo-facebook.svg);background-size:100%; filter: invert(1);}
.menu-social-menu-container .menu .icon-linkedin a:before{content:' ';position:absolute;left:0;top:0;width: 24px;height: 24px;background: url(assets/icons/logo-linkedin.svg);background-size:100%; filter: invert(1);}
.menu-social-menu-container .menu .icon-youtube a:before{content:' ';position:absolute;left:0;top:0;width: 24px;height: 24px;background: url(assets/icons/logo-youtube.svg);background-size:100%; filter: invert(1);}
.menu-social-menu-container .menu .icon-instagram a:before{content:' ';position:absolute;left:0;top:0;width: 24px;height: 24px;background: url(assets/icons/logo-instagram.svg);background-size:100%; filter: invert(1);}
.menu-social-menu-container .menu .icon-tiktok a:before{content:' ';position:absolute;left:0;top:0;width: 24px;height: 24px;background: url(assets/icons/logo-tiktok.svg);background-size:100%; filter: invert(1);}

.footer ul li a{color: #fff;}
.footer .evi a,
.footer .evi--call a{background: transparent;padding: 0;margin: 10px 0;font-weight: 400;color: #fff;border: none;}

/* ! Grid System */
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto;}
.grid--minwidth{min-width: var(--max-width);}
.grid--small{max-width: 800px;}
.grid--center{justify-content: center;}
.grid--column{flex-direction: column;}
.grid--full{min-width: 100vw !important;}
.v-center{align-items: center;}

.col-10{width:10%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33.33%;}
.col-40{width:40%}
.col-50{width:50%;}
.col-60{width:60%;}
.col-70{width:70%;}
.col-80{width:80%;}
.col-90{width:90%;}
.col-100{width:100%;}

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

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

@media (max-width: 768px) {

  [class*='col-']{width: 100% !important;}

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

  .sma-20{width: 20% !important;}
  .sma-25{width: 25%;}
  .sma-30{width: 30% !important;}
  .sma-33{width: 33.33%;}
  .sma-50{width: 50% !important;}
  .sma-70{width: 70% !important;}
  .sma-80{width: 80% !important;}
  .sma-100{width: 100% !important;}
}


/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */
input, textarea, select{width:98%;border: 2px solid #ddd; border-radius: 3px;padding: 10px;font-family:var(--font-main);font-size:1rem;}
textarea{width: 99.5% !important;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;cursor:pointer;width: auto;}
input[type=checkbox]{width:auto;}
input[type=file]{margin-bottom: 8px;}

.col-50 input{width:calc(96% - 16px)}

@media (max-width: 768px) {
  input, textarea, select{width:100% !important;font-size: 1.2rem;}
  input[type=checkbox]{width:auto !important;}
  	
  span.wpcf7-list-item {display: block;}
}

.wp-block-group.is-layout-grid>div{margin-bottom:1rem;}
.wp-block-group.is-layout-grid .wp-block-media-text a{color:var(--color-dark); text-decoration: none;}
.wp-block-group.is-layout-grid .wp-block-media-text__media img{border-radius: 8px;box-shadow: 0 5px 20px rgba(0,0,0,.05);transition: all .35s cubic-bezier(.215, .61, .355, 1);height:160px;width:300px;max-width:100%; object-fit:cover;}
.wp-block-group.is-layout-grid .wp-block-media-text__media{overflow:hidden;border-radius: 8px;}
.wp-block-group.is-layout-grid .wp-block-media-text:hover img{scale:1.1;}

@media screen and (max-width:768px){
	.wp-block-group.is-layout-grid .wp-block-media-text__media img{height:auto;width: auto;}
}

.form-search{width: 100%;border: 3px solid #ddd;border-radius: 100px; padding-left: 15px;}
.form-search input{width: calc(100% - 40px); border:none;background:transparent;}
.form-search button{padding: 0;background:transparent; border: none;}
.form-search img{width: 25px;margin-bottom: -8px;filter:invert(1);}

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

.wp-block-columns.alignfull{width: 100vh !important;margin: 0 auto;  border: 1px solid red;//margin-left: calc(50% - 50vw);}

.alignfull [class*='col-']{padding: 0;}

.wp-block-embed iframe{width: 100%;min-height: 460px;}

.pagination{border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 32px;}
.pagination .page-numbers{text-decoration: none;color: var(--color-text);font-size: 1rem;}
.pagination .page-numbers:not(.page-numbers.next,.page-numbers.prev){border: 1px solid var(--color-primary);padding: 4px 8px;border-radius: 8px;}
.pagination .page-numbers.current{background: var(--color-primary);color: var(--color-bg);}
.page-numbers.next{padding-left: 8px;}
.page-numbers.prev{padding-right: 8px;}