/* Specie di Spazi theme: the page frame. Values carried over from the old Elementor site kit
   (background, header menu, h4) and footer template; the design system on top of it
   (fonts, grid, events, home) is sds_dashboard/assets/site-chrome.css. */

:root {
  --sds-fondo: #cecdc3;
  --sds-menu: #1c244b;
}

/* The old site kit's global variables: some page texts still carry inline styles that use them. */
:root {
  --e-global-color-primary:#1C244B;
  --e-global-color-secondary:#F3F5F8;
  --e-global-color-text:#324A6D;
  --e-global-color-accent:#FF1B48;
  --e-global-color-c696dce:#CECDC3;
  --e-global-color-14ef391:#C8D5DC;
  --e-global-color-764183d:#F9FAFD;
  --e-global-color-d6cea4e:#FFFFFF;
  --e-global-color-86b4fcd:#02010100;
  --e-global-color-57c8da2:#000000CC;
  --e-global-typography-primary-font-family:"Poppins";
  --e-global-typography-primary-font-size:65px;
  --e-global-typography-primary-font-weight:600;
  --e-global-typography-primary-text-transform:none;
  --e-global-typography-primary-font-style:normal;
  --e-global-typography-primary-text-decoration:none;
  --e-global-typography-primary-line-height:1.2em;
  --e-global-typography-primary-letter-spacing:0px;
  --e-global-typography-secondary-font-family:"Poppins";
  --e-global-typography-secondary-font-size:36px;
  --e-global-typography-secondary-font-weight:600;
  --e-global-typography-secondary-text-transform:capitalize;
  --e-global-typography-secondary-font-style:normal;
  --e-global-typography-secondary-text-decoration:none;
  --e-global-typography-secondary-line-height:1.1em;
  --e-global-typography-secondary-letter-spacing:0px;
  --e-global-typography-text-font-family:"Poppins";
  --e-global-typography-text-font-size:16px;
  --e-global-typography-text-font-weight:300;
  --e-global-typography-text-text-transform:none;
  --e-global-typography-text-font-style:normal;
  --e-global-typography-text-text-decoration:none;
  --e-global-typography-text-line-height:1.5em;
  --e-global-typography-text-letter-spacing:0px;
  --e-global-typography-accent-font-family:"Poppins";
  --e-global-typography-accent-font-size:16px;
  --e-global-typography-accent-font-weight:400;
  --e-global-typography-accent-text-transform:capitalize;
  --e-global-typography-accent-font-style:normal;
  --e-global-typography-accent-text-decoration:none;
  --e-global-typography-accent-line-height:1em;
  --e-global-typography-accent-letter-spacing:0px;
  --e-global-typography-392b9e0-font-family:"Poppins";
  --e-global-typography-392b9e0-font-size:22px;
  --e-global-typography-392b9e0-font-weight:600;
  --e-global-typography-392b9e0-text-transform:capitalize;
  --e-global-typography-392b9e0-font-style:normal;
  --e-global-typography-392b9e0-text-decoration:none;
  --e-global-typography-392b9e0-line-height:1.2em;
  --e-global-typography-392b9e0-letter-spacing:0px;
  --e-global-typography-c05b693-font-family:"Poppins";
  --e-global-typography-c05b693-font-size:22px;
  --e-global-typography-c05b693-font-weight:300;
  --e-global-typography-c05b693-text-transform:none;
  --e-global-typography-c05b693-font-style:normal;
  --e-global-typography-c05b693-text-decoration:none;
  --e-global-typography-c05b693-line-height:1.5em;
  --e-global-typography-c05b693-letter-spacing:0px;
  --e-global-typography-6558fb1-font-family:"Poppins";
  --e-global-typography-6558fb1-font-size:16px;
  --e-global-typography-6558fb1-font-weight:300;
  --e-global-typography-6558fb1-text-transform:none;
  --e-global-typography-6558fb1-font-style:normal;
  --e-global-typography-6558fb1-text-decoration:none;
  --e-global-typography-6558fb1-line-height:1.5em;
  --e-global-typography-6558fb1-letter-spacing:10px;
  --e-global-typography-92bce3b-font-family:"Poppins";
  --e-global-typography-92bce3b-font-size:16px;
  --e-global-typography-92bce3b-font-weight:400;
  --e-global-typography-92bce3b-text-transform:capitalize;
  --e-global-typography-92bce3b-font-style:italic;
  --e-global-typography-92bce3b-text-decoration:underline;
  --e-global-typography-92bce3b-line-height:1em;
  --e-global-typography-92bce3b-letter-spacing:0px;
  --e-global-typography-b2deeae-font-family:"Poppins";
  --e-global-typography-b2deeae-font-size:85px;
  --e-global-typography-b2deeae-font-weight:600;
  --e-global-typography-b2deeae-text-transform:none;
  --e-global-typography-b2deeae-font-style:normal;
  --e-global-typography-b2deeae-text-decoration:none;
  --e-global-typography-b2deeae-line-height:1em;
  --e-global-typography-b2deeae-letter-spacing:0px;
  --e-global-typography-fb1a3e0-font-family:"Poppins";
  --e-global-typography-fb1a3e0-font-size:200px;
  --e-global-typography-fb1a3e0-font-weight:600;
  --e-global-typography-fb1a3e0-text-transform:none;
  --e-global-typography-fb1a3e0-font-style:normal;
  --e-global-typography-fb1a3e0-text-decoration:none;
  --e-global-typography-fb1a3e0-line-height:1.2em;
  --e-global-typography-fb1a3e0-letter-spacing:0px;
  --e-global-typography-397e168-font-family:"Poppins";
  --e-global-typography-397e168-font-size:16px;
  --e-global-typography-397e168-font-weight:400;
  --e-global-typography-397e168-text-transform:capitalize;
  --e-global-typography-397e168-font-style:italic;
  --e-global-typography-397e168-text-decoration:none;
  --e-global-typography-397e168-line-height:1.3em;
  --e-global-typography-397e168-letter-spacing:0px;
}
@media (max-width: 1024px) { :root {
  --e-global-typography-primary-font-size:45px;
  --e-global-typography-secondary-font-size:25px;
  --e-global-typography-text-font-size:14px;
  --e-global-typography-accent-font-size:14px;
  --e-global-typography-c05b693-font-size:14px;
  --e-global-typography-6558fb1-font-size:14px;
  --e-global-typography-92bce3b-font-size:14px;
  --e-global-typography-b2deeae-font-size:65px;
  --e-global-typography-fb1a3e0-font-size:145px;
  --e-global-typography-397e168-font-size:14px;
} }
@media (max-width: 767px) { :root {
  --e-global-typography-primary-font-size:28px;
  --e-global-typography-primary-line-height:1.1em;
  --e-global-typography-secondary-font-size:20px;
  --e-global-typography-392b9e0-font-size:18px;
  --e-global-typography-b2deeae-font-size:48px;
  --e-global-typography-b2deeae-line-height:1em;
  --e-global-typography-fb1a3e0-font-size:100px;
  --e-global-typography-fb1a3e0-line-height:1em;
} }

body { background-color: var(--sds-fondo); }

h4 {
  color: var(--sds-menu);
  font-family: "Poppins", sans-serif; font-size: 22px; font-weight: 600;
  text-transform: capitalize; line-height: 1.2em;
}
@media (max-width: 767px) { h4 { font-size: 18px; } }

.skip-link:focus { position: absolute; top: 8px; left: 8px; z-index: 100; padding: 8px 12px; background: #fff; color: #000; }

/* ---------- Header ---------- */
.site-header { background-color: var(--sds-fondo); }
.site-header .site-branding .site-logo img { width: 352px; max-width: 352px; }
.site-header .site-navigation ul.menu li {
  font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400;
  text-transform: capitalize; line-height: 1em;
}
.site-header .site-navigation ul.menu li a { color: var(--sds-menu); }
@media (max-width: 1024px) { .site-header .site-navigation ul.menu li { font-size: 14px; } }

/* Phone menu toggle: three bars, a cross when open. */
.site-navigation-toggle-holder .site-navigation-toggle { width: 33px; height: 33px; padding: 0; color: #ff1b48; }
.site-navigation-toggle-holder .site-navigation-toggle,
.site-navigation-toggle-holder .site-navigation-toggle:hover,
.site-navigation-toggle-holder .site-navigation-toggle:focus { border: 0; background-color: rgba(0, 0, 0, .05); color: #ff1b48; }
.sds-burger, .sds-burger::before, .sds-burger::after {
  display: block; width: 20px; height: 3px; background: currentColor; transition: transform .2s, background-color .2s;
}
.sds-burger { position: relative; }
.sds-burger::before, .sds-burger::after { content: ""; position: absolute; left: 0; }
.sds-burger::before { top: -6px; }
.sds-burger::after { top: 6px; }
.elementor-active .sds-burger { background: transparent; }
.elementor-active .sds-burger::before { transform: translateY(6px) rotate(45deg); }
.elementor-active .sds-burger::after { transform: translateY(-6px) rotate(-45deg); }

/* ---------- Footer ---------- */
/* Two columns under one thin line that runs 10px past the text on both sides, as in the old footer template. */
.site-footer.sds-footer { padding-top: 0; padding-bottom: 0; }
.site-footer .sds-footer__inner { display: grid; grid-template-columns: 1fr 1fr; box-sizing: border-box; }
.sds-footer__col { border-top: 1px solid; margin: 0 -10px; padding: 10px; color: #000; }
.sds-footer__col p { margin: 0 0 .9rem; }
.sds-footer__col a { color: #c36; text-decoration: none; }
.sds-footer__col a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  .site-footer .sds-footer__inner { grid-template-columns: 1fr; }
  .sds-footer__col + .sds-footer__col { border-top: 0; padding-top: 0; }
}

/* Pages that were built with Elementor keep its plain links (the other pages underline them). */
.sds-ex-elementor { padding-top: 15px; }
.sds-ex-elementor a { text-decoration: none; }

/* ---------- Home: intro column (40%) next to the Specie di Cinemi block (60%) ---------- */
/* Classic themes wrap a group's blocks in an inner container: the grid and the spacing go on it. */
.sds-home-hero > .wp-block-group__inner-container { display: grid; grid-template-columns: 40fr 60fr; align-items: start; }
.sds-home-hero > .wp-block-group__inner-container > * { margin: 0; min-width: 0; }
/* Percent padding of a grid item counts on its column, as Elementor's column padding did. */
.sds-home-hero .sds-home-intro { padding: 15% 0 15% 12%; }
/* One column of blocks whose margins add up instead of collapsing, like Elementor's widgets. */
.sds-home-intro > .wp-block-group__inner-container { display: flex; flex-direction: column; }
.sds-home-intro > .wp-block-group__inner-container > * { margin-top: 0; margin-bottom: 20px; }
.sds-home-intro > .wp-block-group__inner-container > *:last-child { margin-bottom: 0; }
.sds-home-intro .sds-zigzag {
  width: 82%; height: 17px; margin: 15px 0 35px; flex: none; border: 0; opacity: 1;
  background: #8000ff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='5.7' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E") repeat-x 0 0 / 22.1px 100%;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='5.7' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E") repeat-x 0 0 / 22.1px 100%;
}
.sds-home-intro .wp-block-buttons { gap: 0; align-items: flex-start; }
.sds-home-intro .sds-intro > .wp-block-group__inner-container > * { margin-top: 0; }
.sds-home-intro .sds-social { display: flex; gap: 18px; margin: 0; padding: 0; list-style: none; }
.sds-home-intro .sds-social a { display: flex; width: 45px; height: 45px; align-items: center; justify-content: center; }
.sds-home-intro .sds-social svg { width: 20px; height: 20px; fill: currentColor; }
@media (max-width: 767px) {
  .sds-home-hero > .wp-block-group__inner-container { grid-template-columns: minmax(0, 1fr); }
  .sds-home-intro > .wp-block-group__inner-container > * { margin-bottom: 12px; }
  .sds-home-intro .sds-zigzag { margin-bottom: 27px; }
}

/* ---------- The Events Calendar: parts of the event page the site doesn't show ---------- */
.tribe-events-meta-group.tribe-events-meta-group-other,
.tribe-events-event-meta,
.tribe-related-events,
.tribe-events-related-events-title,
.tribe-events-back,
.tribe-events-footer,
.tribe-events-nav-pagination,
.post-tags,
.dataaccettazione { display: none !important; }
.tribe-tickets__tickets-item-details-content { display: block !important; }
.select2-results__options { background-color: #fff !important; }

/* "Salva nel tuo calendario" on a night's page (the calendar's add-to-calendar button, without the calendar) */
.sds-salva { position: relative; display: inline-block; margin: 1.5em 0; }
.sds-salva > summary { list-style: none; cursor: pointer; padding: .6em 1.2em; border: 1px solid var(--sds-menu); background: #fff; color: var(--sds-menu); font-weight: 600; }
.sds-salva > summary::-webkit-details-marker { display: none; }
.sds-salva > summary::after { content: " ▾"; }
.sds-salva[open] > summary::after { content: " ▴"; }
.sds-salva ul { position: absolute; z-index: 5; left: 0; min-width: 100%; margin: 0; padding: .3em 0; list-style: none; background: #fff; border: 1px solid var(--sds-menu); border-top: 0; }
.sds-salva li a { display: block; padding: .4em 1.2em; color: var(--sds-menu); text-decoration: none; white-space: nowrap; }
.sds-salva li a:hover { background: var(--sds-fondo); }