/*
Theme Name:  Classiche forme. Child for Hello Elementor.
Theme URI:  https://test.bigsur.it
Description:  Child theme for the Hello Elementor theme.
Author:  Enrico Rollo
Textdomain:  bigsur
Author URI:  https://bigsur.it
Template:  hello-elementor
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
:root {
--e-global-color-3c56d19: #F4F4F4;
--e-global-color-7a24543: #00000000;
--e-global-color-29c703a: #D4D4D4;
--e-global-color-44b5350: #4F94B6;
--e-global-color-57a840d: #F9F1D8;
--e-global-color-750af7f: #F2F2F2;
--e-global-color-accent: #FFFFFF;
--e-global-color-bd631af: #98379F;
--e-global-color-ed418d1: #FFD000;
--e-global-color-primary: #000000;
--e-global-color-secondary: #4F94B6;
--e-global-color-text: #181307;
}
.menu .has_sub, .menu a:hover {
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 24px
}
#fst_lev, #snd_lev, #trd_lev_a, #trd_lev_b, .hhide {
  transition: all .6s ease-in
}
.menu a, .menu_f a {
  display: block;
  width: 100%;
  background-color: transparent
}
.menu .sub_two, .menu_f a {
  font-family: Roboto, Sans-serif;
  font-weight: 400
}
.menu a:hover, .menu_f a:hover {
  color: var(--e-global-color-secondary) !important
}
.menu .has_sub, .menu_f .has_sub {
  cursor: pointer
}
a {
  --arrow-open-blk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23000' points='12.5,15 0,2.2 2.1,0 12.5,10.7 22.9,0 25,2.2'/%3E%3C/svg%3E");
  --arrow-close-blk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23000' points='12.5,0 0,12.8 2.1,15 12.5,4.3 22.9,15 25,12.8'/%3E%3C/svg%3E");
  /*--arrow-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23D06954' points='12.5,15 0,2.2 2.1,0 12.5,10.7 22.9,0 25,2.2'/%3E%3C/svg%3E");
  --arrow-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23D06954' points='12.5,0 0,12.8 2.1,15 12.5,4.3 22.9,15 25,12.8'/%3E%3C/svg%3E");*/
  --arrow-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%234F94B6' points='12.5,15 0,2.2 2.1,0 12.5,10.7 22.9,0 25,2.2'/%3E%3C/svg%3E");
  --arrow-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%234F94B6' points='12.5,0 0,12.8 2.1,15 12.5,4.3 22.9,15 25,12.8'/%3E%3C/svg%3E");
}
.category-2023-edition, .category-edizione-2023, .page-id-1695, .page-id-1722, .page-id-2678, .page-id-2686, .page-id-2721, .page-id-2726, .page-id-573, .page-id-640, .s_2023-edition, .s_edizione-2023 {
  --e-global-color-secondary: #E1B83D!important;
  --arrow-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23E1B83D' points='12.5,15 0,2.2 2.1,0 12.5,10.7 22.9,0 25,2.2'/%3E%3C/svg%3E");
  --arrow-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23E1B83D' points='12.5,0 0,12.8 2.1,15 12.5,4.3 22.9,15 25,12.8'/%3E%3C/svg%3E")
}
.category-2024-edition, .category-edizione-2024, .page-id-3545, .page-id-3551, .page-id-3557, .page-id-3555, .page-id-3585, .page-id-3579, .page-id-3547, .page-id-3549, .s_2024-edition, .s_edizione-2024 {
  --e-global-color-secondary: #D06954!important;
  --arrow-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23D06954' points='12.5,15 0,2.2 2.1,0 12.5,10.7 22.9,0 25,2.2'/%3E%3C/svg%3E");
  --arrow-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 35 15' xml:space='preserve'%3E%3Cpolygon style='fill:%23D06954' points='12.5,0 0,12.8 2.1,15 12.5,4.3 22.9,15 25,12.8'/%3E%3C/svg%3E")
}
.menu .has_sub:not(.active) {
  background-image: var(--arrow-open-blk)
}
.menu .active {
  background-image: var(--arrow-close-blk)
}
.menu .has_sub:not(.active):hover {
  background-image: var(--arrow-open)
}
.menu .active:hover {
  background-image: var(--arrow-close)
}
@media(max-width:767px) {
  .menu a:not(.sub_two) {
    font-size: 30px
  }
  .menu a.sub_one {
    font-size: 19.5px
  }
  .menu #bottom a, .menu .sub_two {
    font-size: 13.5px
  }
  .menu #bottom {
    gap: 9px
  }
}
@media(min-width:767px) {
  .menu a:not(.sub_two) {
    font-size: 39px
  }
  .menu a.sub_one {
    font-size: 26px
  }
  .menu .sub_two {
    font-size: 15px
  }
  .menu #bottom {
    gap: 15px
  }
  .menu #bottom a {
    font-size: 18px
  }
}
.menu a {
  text-align: center;
  color: #000 !important
}
.menu a:hover {
  background-color: #000
}
.menu > a:not(:last-of-type) {
  border-bottom: 1px solid #000
}
.menu a:not(.sub_two) {
  font-family: "Bodoni Moda", Serif
}
.menu .sub_two {
  text-transform: uppercase
}
.menu #snd_lev > a {
  margin-top: 7px;
  font-weight: 700;
}
.menu #bottom {
  margin-top: 35px;
  display: flex;
  justify-content: center
}
.menu #bottom a {
  display: inline-block;
  font-family: Roboto, Sans-serif;
  font-weight: 600;
  width: auto;
  padding: 0 9px
}
.hhide {
  max-height: 0 !important
}
#fst_lev, #fst_lev_off, #snd_lev, #trd_lev_a, #trd_lev_b {
  overflow: hidden
}
.menu > .has_sub:first-of-type #fst_lev {
  max-height: 468px
}
.menu > .has_sub:last-of-type #fst_lev {
  max-height: 78px
}
.menu #snd_lev {
  max-height: 279px;
  padding-bottom: 0px;
}
.menu #snd_lev:not(.hhide){
  padding-bottom: 12px;
}
.menu #trd_lev_a, #trd_lev_b {
  max-height: 88px;
}
.menu_f a {
  text-align: left;
  color: #fff !important;
  font-size: 14px;
  line-height: 20px
}
.menu_f #fst_lev {
  max-height: 201px;
  padding-left: 12px
}
.menu_f #snd_lev {
  max-height: 102px;
  padding-left: 12px
}
.topZi {
  z-index: 1;
}