/*
Theme Name: Twenty Twenty-Three Child
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* @import url("https://fonts.cdnfonts.com/css/myriad-pro"); */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500&family=Ubuntu:wght@400;700&display=swap");
body {
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
strong {
  font-weight: 700;
}

.wp-block-post-title {
  font-family: "Oswald", sans-serif;
  font-style: italic;
}

* {
  box-sizing: border-box;
}
:root {
  --link-color: #0099a8;
  --bg-color: #ffffff;
  --title-color: #006382;
  --font-color: #363538;
  --blu-color: #006382;
}

.wp-block-tiptip-hyperlink-group-block {
  text-decoration: none;
  background-color: transparent;
}
.wp-block-tiptip-hyperlink-group-block:hover .wp-block-cover__background {
  background-color: #5691a4;
  opacity: 0.4 !important;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

@media (max-width: 600px) {
  .wp-block-media-text > .wp-block-media-text__content {
    padding: 0;
  }
}

/*Grid Product*/
.wp-container-core-post-template-is-layout-f0b249c9 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--wp--preset--spacing--30);
  align-items: stretch; /* assicura lo stretch, per sicurezza */
}

/* ogni "post" nel loop è l'item diretto della grid */
.wp-container-core-post-template-is-layout-f0b249c9 > li,
.wp-container-core-post-template-is-layout-f0b249c9 > .wp-block-post {
  height: 100%;
  display: flex;
}

/* se hai un blocco Group dentro ogni post che fa da "card" */
.wp-container-core-post-template-is-layout-f0b249c9
  .wp-block-post
  .wp-block-group {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.no-title {
  display: none;
}

.contenitore-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 3rem;
}
.contenitore-form div:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}
.contenitore-form div:nth-child(5) {
  grid-column: 1/3;
}
.contenitore-form div:nth-child(5) {
  grid-column: 1/3;
}
.contenitore-form div:nth-child(6) input {
  margin-right: 1rem;
}
.contenitore-form input,
.contenitore-form textarea {
  background-color: var(--link-color);
  font-size: 1rem;
  color: var(--bg-color);
  padding: 0.8rem;
  border: none;
  width: 100%;
}
.contenitore-form div:nth-child(7) {
  width: auto;
  justify-self: end;
}

.angolo-tondo input {
  border-radius: 1rem;
  padding-left: 32px;
  padding-right: 32px;
}
.wp-block-navigation__submenu-container {
  border-radius: 1rem;
}
.container-box span span span {
  display: inline-block;
  /*background-color: var(--title-color);*/
  padding: 10px;
  margin-right: 0.5rem;
  margin-left: 0;
}

/*menu*/
.bottone-rotondo a {
  padding: 0.3rem 0.6rem 0.1rem 0.6rem !important;
  background-color: var(--link-color);
  border-radius: 1rem;
  color: var(--bg-color) !important;
}
.bottone-rotondo:before {
  content: "";
  position: relative;
  display: block;
  width: 1px;
  height: 26px;
  top: 0;
  left: -10px;
  background-color: var(--font-color);
}

.nav-line:before {
  content: "";
  position: relative;
  display: block;
  width: 1px;
  height: 26px;
  top: 0;
  left: -10px;
  background-color: var(--font-color);
}

/*fine menu*/
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
  padding-top: 0.3em;
  padding-right: 0.8em;
  padding-bottom: 0.3em;
  padding-left: 0.8em;
  background-color: var(--link-color);
  border-radius: 1rem;
  color: var(--bg-color) !important;
  text-decoration: none;
  /* float:right; */
  margin-top: 1.25rem;
}
.wp-block-group {
  overflow: auto;
}
.spazio-basso p {
  margin-bottom: 20px;
}

.wp-block-cover:hover
  ~ .wp-block-cover.has-background-dim:not([class*="-background-color"]) {
  background-color: #5691a4;
}

.testo-bianco {
  color: white !important;
}

/*form-contatti */
.contenitore-form-contatti {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 3rem;
}
.contenitore-form-contatti input,
.contenitore-form-contatti textarea {
  background-color: var(--link-color);
  font-size: 1rem;
  color: var(--bg-color);
  padding: 0.8rem;
  border: none;
  width: 100%;
}
.contenitore-form-contatti .container-box span span span {
  background-color: transparent !important;
}
.contenitore-form-contatti div:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/3;
}
.contenitore-form-contatti div:nth-child(4) {
  grid-column: 1/3;
  grid-row: 2/3;
}

footer {
  background-color: var(--font-color);
  padding: 2rem 0;
  color: var(--bg-color);
}

.bg-blu {
  background-color: var(--link-color);
  color: var(--bg-color);
}

.bg-blu h1,
.bg-blu h2,
.bg-blu h3,
.bg-blu h4 {
  color: var(--bg-color) !important;
}

.bg-blu .c-accordion__title:after {
  color: var(--bg-color) !important;
}

.testo-light {
  font-weight: 100;
  font-family: "Myriad Pro", sans-serif;
  font-style: normal;
  letter-spacing: 0;
}
h1,
h2 {
  font-family: "Oswald", sans-serif;
  font-style: italic;
  line-height: 1;
}

.testo-light:before,
.testo-light:after {
  content: "";
  clear: right;
  display: block;
}

h2 .testo-light {
  color: #363538;
}

.carousel-caption h1 {
  color: var(--bg-color);
  font-size: 5rem;
  line-height: 4.5rem;
  letter-spacing: 0;
}

.font-14 p {
  font-size: 0.8rem !important;
}

.trattini-blu {
  border-bottom: 2px dotted var(--title-color);
  opacity: 1;
}
.trattini-bianchi {
  border-bottom: 2px dotted var(--bg-color);
  opacity: 1;
}

.width-100 div div {
  width: 100%;
}
.width-100 figure,
.indirizzi figure {
  margin-inline-end: 10px !important;
}

.sfondo-blu {
  background-color: var(--blu-color);
}
/*lista*/
.elenco-frecce {
  list-style-type: none;
  padding-left: 0;
}
.elenco-frecce li:before {
  content: "✓";
  display: inline-block;
  color: var(--link-color);
  padding: 0 1rem;
  font-weight: bold;
}
.elenco-frecce li {
  border-bottom: dotted 2px var(--link-color);
  padding: 8px 0;
}
.elenco-frecce-bianche {
  list-style-type: none;
  padding-left: 0;
}
.elenco-frecce-bianche li:before {
  content: "✓";
  display: inline-block;
  color: var(--bg-color);
  padding: 0 1rem;
  font-weight: bold;
}
.elenco-frecce-bianche li {
  border-bottom: dotted 2px var(--bg-color);
  padding: 8px 0;
}
/*fine lista*/

/* accordion */
/*.page-id-145*/
.wp-block-pb-accordion-item {
  padding: 0 0 1rem 0;
  margin-bottom: 1rem !important;
  border-bottom: solid 1px var(--link-color);
}
/*.page-id-145*/
.c-accordion__title:after {
  content: "SCOPRI DI PIÚ";
  background-color: var(--link-color);
  color: var(--bg-color);
  border-radius: 1rem;
  padding: 0 1rem;
}
/*.page-id-145*/
.c-accordion__title:before {
  content: "›";
  display: inline-block;
  color: var(--link-color);
  padding: 0 1rem;
  font-weight: bold;
  font-size: 2rem;
}
/*.page-id-145*/
.c-accordion__title {
  padding-right: 8rem;
}

/*.page-id-145*/
div .is-open {
  background-color: var(--link-color) !important;
  color: var(--bg-color);
}
/*.page-id-145*/
.is-open > .c-accordion__title:before {
  color: var(--bg-color);
  transform: rotate(90deg);
}
/*.page-id-145*/
.c-accordion__content p {
  padding: 0 2rem;
}
/* fine accordion */

/* accordion home */
.page-id-6 .wp-block-pb-accordion-item {
  padding: 0 0 1rem 0;
  margin-bottom: 1rem !important;
  border-bottom: solid 1px var(--link-color);
}

.page-id-6 .c-accordion__title:after {
  content: "SCOPRI DI PIÚ";
  background-color: var(--link-color);
  color: var(--bg-color);
  border-radius: 1rem;
  padding: 0 1rem;
}
.page-id-6 .c-accordion__title:before {
  content: "›";
  display: inline-block;
  color: var(--link-color);
  padding: 0 1rem;
  font-weight: bold;
  font-size: 1.2rem;
}
.page-id-6 .c-accordion__title {
  padding-right: 8rem;
}

.page-id-6 div .is-open {
  background-color: var(--link-color) !important;
  color: var(--bg-color);
}
.page-id-6 .is-open > .c-accordion__title:before {
  color: var(--bg-color);
  transform: rotate(90deg);
}
.page-id-6 .c-accordion__content p {
  padding: 0 1rem;
}
/* fine accordion home */

/*HERO HOME */
.subtitle-hero-home {
  letter-spacing: 12px;
  font-size: 25px;
}

.page-id-6 .accordino-colore .wp-block-pb-accordion-item {
  padding: 0 0 1rem 0;
  margin-bottom: 1rem !important;
  border-bottom: 2px dotted var(--blu-color);
}

.page-id-6 .accordino-colore .c-accordion__title:after {
  content: "SCOPRI DI PIÚ";
  background-color: none;
  color: var(--bg-color);
  border-radius: 1rem;
  padding: 0 1rem;
}
.page-id-6 .accordino-colore .c-accordion__title:before {
  content: "›";
  display: inline-block;
  color: var(--bg-color);
  padding: 0 1rem;
  font-weight: bold;
  font-size: 1.2rem;
}
.page-id-6 .accordino-colore .c-accordion__title {
  padding-right: 8rem;
}

.page-id-6 .accordino-colore div .is-open {
  background-color: var(--link-color) !important;
  color: var(--bg-color);
}
.page-id-6 .accordino-colore .is-open > .c-accordion__title:before {
  color: var(--bg-color);
  transform: rotate(90deg);
}
.page-id-6 .accordino-colore .c-accordion__content p {
  padding: 0 1rem;
}
.animate__animated .animate__fadeInRight {
  max-width: 600px;
  margin: 5px auto !important;
}

@media screen and (max-width: 719px) {
  .captionContent p {
    margin: 5px 0 !important;
  }
  .carousel-caption h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .contenitore-form {
    display: block;
  }
  .contenitore-form div {
    margin-bottom: 30px;
  }
  .contenitore-form-contatti {
    grid-template-columns: 1fr;
  }
  .contenitore-form-contatti div:nth-child(1),
  .contenitore-form-contatti div:nth-child(2),
  .contenitore-form-contatti div:nth-child(3),
  .contenitore-form-contatti div:nth-child(5) {
    grid-column: auto;
    grid-row: auto;
  }
  .contenitore-form-contatti div:nth-child(4) {
    grid-column: auto;
    grid-row: 3/4;
  }
  .bottone-rotondo:before {
    content: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-navigation-item,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-navigation__container,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-page-list
    .wp-block-navigation__responsive-container-content {
    align-items: center !important;
    font-size: 1.5rem !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    align-items: center !important;
  }
}

.link-bianchi a {
  color: white !important;
}

.carousel-slider .carousel-slider-video-overlay {
  background-color: rgba(0, 99, 130, 0.35) !important;
}

li.wp-block-navigation-link {
  font-size: 1rem !important;
}

.carousel-slider-video-play-icon svg {
  color: blue !important;
}

.prodotto-over:hover {
  background-color: var(--blu-color) !important;
  color: white !important;
}
.prodotto-over:hover h2 a {
  color: white !important;
}
.prodotto-over:hover p a {
  background-color: var(--link-color) !important;
}

/* Social Icon */
.wp-block-social-links .wp-social-link:hover,
.wp-block-social-links .wp-social-link:focus {
  transform: none !important;
}