/*
Theme Name: Lamé
Author: Giulio Gualtieri
Author URI: https://seolog.net/web-designer-freelance/
Text Domain: ggwd
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.5
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*
- GENERAL
- FONTS
- HEADER
    - MAIN MENU
    - HAMBURGER
    - OVERLAY MENU
    - BTN PRENOTA
- BLOCCHI
    - COLONNA
- SLIDERS
    - SLIDER FULLWIDTH
- FOOTER
- PRELOADER
*/




/** -------------------------------------------------------------------------------- */
/* // ! GENERAL */
/** -------------------------------------------------------------------------------- */
:root{
    --font-titoli: var(--wp--preset--font-family--benchnine);
    --font-testi: var(--wp--preset--font-family--raleway);
    --transition-normal: all 0.3s;
    --hamb-bar : 1px;
    --transition-cubic: all 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
}

.relative{position: relative !important;}
p{font-weight:400 !important;}

/* mod gutenberg */
@media(min-width:1025px) {
    .nascosto-desktop {
      display: none !important;
    }
  }
  
  @media(min-width:782px) and (max-width:1024px) {
    .nascosto-tablet {
      display: none !important;
    }
  }
  
  @media (max-width: 781px) {
    .nascosto-mobile {
      display: none !important;
    }
  }


/** -------------------------------------------------------------------------------- */
/* // ! FONTS */
/** -------------------------------------------------------------------------------- */
.has-titolo-giant-font-size,
.has-titolo-sezione-font-size{
    font-family: var(--font-titoli);
    line-height: 1;
    font-weight: 200;
    letter-spacing: 0.4px;
}



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

/* // SCROLL */
.ggwd-main-header{
    transition: background-color 0.3s;
}
.menu-sticky-down .ggwd-main-header{
    background-color: var(--wp--preset--color--custom-cinque);
}



/*? -------------------------------------------------------------------------------- */
/*? MAIN MENU */
/*? -------------------------------------------------------------------------------- */
header .main-menu-widget ul{list-style: none;display: flex;white-space: nowrap;}
header .main-menu-widget li{margin-right: 20px;}
header .main-menu-widget li > a{text-transform: uppercase; color:var(--wp--preset--color--custom-bianco); position: relative;font-size: 14px;}
header .main-menu-widget li:not(.btn-menu) > a:after{content: "";position: absolute;width: 100%;transform: scaleX(0);height: 2px;bottom: -1px;left: 0;background: var(--wp--preset--color--custom-uno);transform-origin: bottom right;transition: transform 0.25s ease-out;}
/* #main-header-menu-overlay .main-menu-widget li > a:after{display: none;} */
/* header .main-menu-widget li.megamenu > a:after{bottom: 4px;} */
header .main-menu-widget li > a:hover:after{transform: scaleX(1);transform-origin: bottom left;}
header .main-menu-widget li.current-menu-item > a:after{transform: scaleX(1);transform-origin: bottom left;}

/* @media(min-width:1025px){
  .main-menu-widget ul:not(.sub-menu) li > a{line-height: 2;}
} */
@media(max-width:1024px){
    header .main-menu-widget:not(#main-header-menu-overlay .main-menu-widget){display: none;}
    header .main-menu-widget ul{white-space: wrap;}
}

/* // SUBMENU */
header .main-menu-widget  li > .sub-menu li > a{color: var(--wp--preset--color--custom-bianco);font-size: 14px;}

header .main-menu-widget .menu-item-has-children{position: relative;}
/* .main-menu-widget .sub-menu{display: block;background-color: #000;padding: 20px;position: absolute;top: 60px;right: -20px;opacity:1;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);} */
header .main-menu-widget .menu-item-has-children .sub-menu{display: block;background-color: var(--wp--preset--color--custom-quattro);padding: 20px;position: absolute;top: 60px;opacity:1;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);opacity:0;visibility:hidden;}
header .main-menu-widget .menu-item-has-children:hover .sub-menu{opacity:1;visibility:visible;top:40px;}
header .main-menu-widget .sub-menu > .menu-item > a{margin-bottom:10px;max-width: fit-content; color: var(--wp--preset--color--custom-nero);}
/* freccia*/
header .freccia-submenu{cursor: pointer;width: 10px;position: relative;top: 2px;transform: rotate(0deg); margin-left: 3px;transition:transform 0.4s;width: 12px;}
header .freccia-submenu path{fill:var(--wp--preset--color--custom-bianco) !important;}
header .menu-item-has-children .freccia-submenu.ruotata{transform: rotate(-180deg);}

/* // BTN MENU */
.btn-menu a{
    background-color: var(--wp--preset--color--custom-uno);
    padding: 10px 15px;
    border-radius: 50px;
    transition: var(--transition-normal);
}
.btn-menu a:hover{
    background-color: var(--wp--preset--color--custom-due);
}
.menu-sticky-down .btn-menu a{

}



/*? -------------------------------------------------------------------------------- */
/*? HAMBURGER */
/*? -------------------------------------------------------------------------------- */
@media(min-width:1025px){
    .hamburger-mobile{display: none;}
  }
/* posizione fixed */
.ggwd-main-header{position: fixed;display: block;width: 100%;z-index: 99;}

/* btn hamburger */
.btn-menu {
    z-index: 34;
    /* background: var(--wp--preset--color--bianco); */
    min-height: 22px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    transition: 0.3s ease;
    float: right;
    padding: 0px 0px 0px 0px;
}

.btn-menu__bars {
    display: block !important;
    background: var(--wp--preset--color--custom-bianco);
    position: relative;
    width: 32px;
    height: var(--hamb-bar);
    transition: 0.3s;
}
.ggwd-header-sticky .btn-menu__bars{background: var(--wp--preset--color--custom-bianco);}

.btn-menu__bars:before{
    content: "";
    background: var(--wp--preset--color--custom-bianco);
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.ggwd-header-sticky .btn-menu__bars:before{background: var(--wp--preset--color--custom-bianco);}

.btn-menu__bars:after {
    content: "";
    background: var(--wp--preset--color--custom-bianco);
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.ggwd-header-sticky .btn-menu__bars:after{background: var(--wp--preset--color--custom-bianco);}

.btn-menu__bars:before {
    transform: translate(0, -8px);
}

.btn-menu__bars:after {
    transform: translate(0, 8px);
}

/* menu open */
.menu-open .btn-menu .btn-menu__bars {
    background-color: transparent;
}
.menu-open .btn-menu__bars:before {
    background-color: var(--wp--preset--color--custom-bianco);
    transform: rotate(45deg);
    right: 0;
    width: 100%;
}
.ggwd-header-sticky .menu-open .btn-menu__bars:before{background: var(--wp--preset--color--custom-bianco);}

.menu-open .btn-menu__bars:after {
    background-color: var(--wp--preset--color--custom-bianco);
    transform: rotate(-45deg);
    width: 100%;
}
.ggwd-header-sticky .menu-open .btn-menu__bars:after{background: var(--wp--preset--color--custom-bianco);}

/* menu open prenotazione */
.pulsante-menu-open .btn-menu .btn-menu__bars {
    background-color: transparent;
}
.pulsante-menu-open .btn-menu__bars:before {
    background-color: var(--wp--preset--color--custom-bianco);
    transform: rotate(45deg);
    right: 0;
    width: 100%;
}
.ggwd-header-sticky .pulsante-menu-open .btn-menu__bars:before{background: var(--wp--preset--color--custom-bianco);}

.pulsante-menu-open .btn-menu__bars:after {
    background-color: var(--wp--preset--color--custom-bianco);
    transform: rotate(-45deg);
    width: 100%;
}
.ggwd-header-sticky .pulsante-menu-open .btn-menu__bars:after{background: var(--wp--preset--color--custom-bianco);}





/*? -------------------------------------------------------------------------------- */
/*? OVERLAY MENU */
/*? -------------------------------------------------------------------------------- */
.ggwd_overlay_menu{
    position: fixed;
    transform: translateY(-100%);
    width: 100%;
    transition: var(--transition-cubic);
    z-index: 98;
    backdrop-filter: blur(4px);
}
.menu-open .ggwd_overlay_menu{
    transform: translateY(0%);
}

.ggwd_overlay_menu ul.menu{
    padding: 0;
    font-family: var(--font-titoli);
    font-weight: 200;
    font-size: 26px;
    list-style: none;
    line-height: 1.5;
}
.ggwd_overlay_menu ul a{
    color: var(--wp--preset--color--custom-bianco);
}
.ggwd_overlay_menu .freccia-submenu{
    width: 12px;
    height: 12px;
    margin-left: 5px;
}

/* // submenu */
.ggwd_overlay_menu ul.sub-menu{
    padding: 0;
    font-family: var(--font-testi);
    font-weight: 200;
    font-size: 14px;
    list-style: none;
}



/*? -------------------------------------------------------------------------------- */
/*? BTN PRENOTA */
/*? -------------------------------------------------------------------------------- */
.prenota-mobile a{
  padding: 10px 15px !important;
  font-size: 10px !important;
}

@media(min-width:1025px){
  .prenota-mobile a{
    display: none !important;
  }
}






/** -------------------------------------------------------------------------------- */
/* // ! BLOCCHI */
/** -------------------------------------------------------------------------------- */
/*? -------------------------------------------------------------------------------- */
/*?  colonna */
/*? -------------------------------------------------------------------------------- */
@media(max-width:1200px){
    .colonna-no-mobile{display: none;}
}
@media(max-width:781px){
    .is-style-colonna-reverse{flex-direction: column-reverse;}
  }

.wp-block-column[dataurl]{
cursor: pointer;
}

.wp-block-column[dataurl] .wp-block-cover > div:not(.wp-block-cover__inner-container){
    transform: scale(1.02);
    transition: all 0.3s;
}
.wp-block-column[dataurl]:hover .wp-block-cover > div:not(.wp-block-cover__inner-container){
    transform: scale(1.05);
}




/** -------------------------------------------------------------------------------- */
/* // ! SLIDERS */
/** -------------------------------------------------------------------------------- */
/*? -------------------------------------------------------------------------------- */
/*? SLIDER FULLWIDTH */
/*? -------------------------------------------------------------------------------- */
#slider-home-contenuto{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--wp--preset--color--custom-bianco);
}

.swiper-button-next,
.swiper-button-prev{
    color: var(--wp--preset--color--custom-bianco) !important;
}
.swiper-button-next:after,
.swiper-button-prev:after{
    font-size: 24px !important;
}



/** -------------------------------------------------------------------------------- */
/* // ! FOOTER */
/** -------------------------------------------------------------------------------- */
/* Menu footer */
.menu-footer ul.menu{
    font-family: var(--font-titoli);
    list-style: none;
    padding-inline-start: 0px !important;
    font-size: clamp(24px, 4vw, 28px);
    line-height: 1.2;
}
.menu-footer ul.menu > li{
    list-style: none;
}
.menu-footer ul.menu > li > a{
    color: var(--wp--preset--color--custom-nero);
}
.menu-footer ul.menu .btn-menu,
.menu-footer .widget_nav_menu .sub-menu{
    display: none;
}







/** -------------------------------------------------------------------------------- */
/* // ! PRELOADER */
/** -------------------------------------------------------------------------------- */

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    background: var(--wp--preset--color--custom-quattro);
    opacity: 1;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 999999;
    flex-direction: column;
    align-items: center;
  }
  
  #preloader img {
    width: 100px;
    margin-bottom: 20px;
  }
  
  #preloader svg{max-width: 50px;}
  
  
  
  .loader-new {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background: linear-gradient(0deg, var(--wp--preset--color--custom-quattro) 33%, var(--wp--preset--color--custom-uno) 100%);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  .loader-new::after {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--wp--preset--color--custom-quattro);
  }
  @keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg)}
  } 
  
/* MAP */
  .map {
    filter: grayscale(100%);         
}













/** -------------------------------------------------------------------------------- */
/* // ! ELENCO PROGETTI + ARCHIVIO DEI TAG */
/** -------------------------------------------------------------------------------- */

.page-id-71 :where(body .is-layout-grid),
.post-template-wp-custom-template-singola-news :where(body .is-layout-grid),
.tag :where(body .is-layout-grid)
{gap: 50px!important;}
.page-id-71 .columns-3,
.tag .columns-3 {
  padding:50px !important;
}
.columns-3 li.category-news {
    background: var(--wp--preset--color--custom-quattro);
}
.columns-3 li.category-news:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.page-id-71 .wp-block-post-terms__separator,
.tag .wp-block-post-terms__separator {
  display:none!important;
}
.taxonomy-post_tag.has-titolo-sezione-font-size .wp-block-post-terms__separator {
  display:initial!important;
}
.columns-3 .wp-block-post-title,
.columns-3 .wp-block-post-excerpt  {
  padding:0px 20px 5px 20px!important;
}
.columns-3 .wp-block-post-excerpt__more-link  {
  padding-top:5px !important;
}

.page-id-71 .wp-block-query-pagination,
.tag .wp-block-query-pagination{
  padding-bottom:5px !important;
}
.page-id-71 .wp-block-query-pagination span,
.page-id-71 .wp-block-query-pagination a,
.tag .wp-block-query-pagination span,
.tag .wp-block-query-pagination a{
  font-weight:bold !important;
}
.page-id-71 .subtitle,
.tag .subtitle{
  margin:0px!important;
  font-weight:bold!important;
}

.page-id-71 figure.wp-block-post-featured-image img{
  aspect-ratio: 4/3 !important;
  object-fit:cover!important;
}
@media(max-width:768px){
    .page-id-71 .columns-3{
        padding-right: var(--wp--style--root--padding-right)!important;
        padding-left: var(--wp--style--root--padding-left)!important;
        padding-top: 25px!important;
        padding-bottom: 25px!important;
    }
}

/** -------------------------------------------------------------------------------- */
/* // ! SINGOLO PROGETTO */
/** -------------------------------------------------------------------------------- */

.post-template-wp-custom-template-singola-news .columns-3 {
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.post-template-wp-custom-template-singola-news .taxonomy-post_tag a{
  padding:2px !important;
  margin-right:4px !important;
  background-color: var(--wp--preset--color--uno) !important;
  color: var(--wp--preset--color--white) !important;
  font-weight:bold!important;
  font-size: var(--wp--preset--font-size--small) !important;
  text-transform: uppercase!important;
}
.post-template-wp-custom-template-singola-news .taxonomy-post_tag a:hover{
  color: var(--wp--preset--color--uno) !important;
  background-color: var(--wp--preset--color--white) !important;
}
.post-template-wp-custom-template-singola-news .wp-block-post-terms__separator {
  display:none!important;
}
.post-template-wp-custom-template-singola-news .subtitle  {
  margin:0px!important;
  font-weight:bold!important;
  color: var(--wp--preset--color--white)!important;
  font-size: var(--wp--preset--font-size--small) !important;
}
.progetti-correlati .subtitle{
  margin:0px!important;
  font-weight:bold!important;
  color: var(--wp--preset--color--tre)!important;
  font-size: var(--wp--preset--font-size--small) !important;
}
.post-template-wp-custom-template-singola-news .testo-singola-news a{
    color: var(--wp--preset--color--custom-uno);
  
  }
.post-template-wp-custom-template-singola-news .wp-block-column ul.elenco-progetto-singolo {
  padding-left: 0px!important;
}
.post-template-wp-custom-template-singola-news .wp-block-column ul.elenco-progetto-singolo li {
  list-style-type: none!important;
  margin-left:0px!important;
  background-color: var(--wp--preset--color--due) !important;
  line-height:2em!important;
  margin: 2px 0 2px 0!important;
}
.post-template-wp-custom-template-singola-news .wp-block-heading {
  margin-top: 25px!important;
  margin-bottom: 10px!important;
}
.progetti-correlati {
  margin-bottom: 50px!important;
}
@media(max-width:1024px){
  .post-template-wp-custom-template-singola-news .wp-block-cover.is-light,
  .tag .wp-block-cover.is-light {
    padding-top:50px !important;
  }
  .post-template-wp-custom-template-singola-news .wp-block-columns {
    padding-top:var(--wp--preset--spacing--50) !important;
    padding-bottom:var(--wp--preset--spacing--50) !important;
  }
  .post-template-wp-custom-template-singola-news .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px) / 2)!important;
  }
}
@media(min-width:1024px){
  .post-template-wp-custom-template-singola-news .wp-block-cover.is-light,
  .tag .wp-block-cover.is-light {
    padding-top:80px !important;
  }
  .post-template-wp-custom-template-singola-news .wp-block-columns {
    padding-top:var(--wp--preset--spacing--80) !important;
    padding-right:var(--wp--preset--spacing--50) !important;
    padding-bottom:var(--wp--preset--spacing--80) !important;
    padding-left:var(--wp--preset--spacing--50) !important
  }
  
}
/* END */