/*
Theme Name: Fishpig Child
Description: Child theme for Fishpig theme
Author: TEAM99
Author URI: https://www.team99.it
Template: fishpig
Version: 1.0.0
Text Domain: fishpig
*/


/*
-------------------------------------------------------------------
GENERAL
HELPERS
EMPTY LAYOUT
PAGINE
  Black friday
  Stores
  Magia del Tippete
  Texani e Biker Boots
  Premium collection
  Qualita e misura di bimbo
  Saldi estivi
PATTERN
BLOCKS
  Pulsante
  Media e text
  Image
  Separator
  Embed video
-------------------------------------------------------------------
*/


:root {
  --default-link-transition: all 250ms ease;
}


/*
-------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------
*/
.wordpress-post-view main#maincontent {
  max-width: unset;
  padding-left: unset;
  padding-right: unset;
}

.wordpress-post-view * {
  letter-spacing: unset !important;
}

.post-image {
  display: none;
}

a:visited,
.alink:visited {
  color: inherit;
}

ul {
  padding-inline-start: unset;
}

.has-global-padding :where(.has-global-padding:not(.wp-block-block)) {
  padding-left: inherit !important;
  padding-right: inherit !important;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: inherit !important;
}


/*
-------------------------------------------------------------------
HELPERS 
-------------------------------------------------------------------
*/

.min-height-100vh {
  min-height: 100vh;
}

@media screen and (min-width: 782px) {
  .hide-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 781px) {
  .hide-mobile {
    display: none !important;
  }
}


/*
-------------------------------------------------------------------
EMPTY LAYOUT 
-------------------------------------------------------------------
*/
.page-layout-empty .post-image,
.page-layout-empty .copyright,
.page-layout-empty .footer_social,
.page-layout-empty .feedaty_widget {
  display: none;
}




/*
-------------------------------------------------------------------
PAGINE
-------------------------------------------------------------------
*/

.post-entry {margin-top: -1px;}

  .frm_form_fields {
      border: 1px solid rgba(0,0,0,.9);
      padding: 30px;
  }

.frm_submit button {
    background: rgba(0,0,0,.9);
}



/**
 * Black friday
 */
.sezione-black-friday a:hover {
  text-decoration: none;
  color: inherit;
}

.sezione-black-friday .wp-block-cover__background,
.sezione-black-friday .wp-block-cover__inner-container {
  opacity: 0;
  transition: var(--default-link-transition);
}

.sezione-black-friday .wp-block-cover:hover .wp-block-cover__background {
  opacity: .5;
}

.sezione-black-friday .wp-block-cover:hover .wp-block-cover__inner-container {
  opacity: 1;
}

@media screen and (min-width: 782px) {
  .sezione-black-friday {
    width: 50%;
  }
}


@media screen and (max-width: 781px) {
  .riga-black-friday {
    flex-wrap: wrap !important;
  }
}


/**
 * Stores
 */
.flagship-store a::before {
  content: "";
  width: 15px;
  height: 21px;
  background: url(./assets/img/marker_monomarca@2x.png) no-repeat;
  background-size: contain !important;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 8px;
}

.flagship-store span {
  font-size: 70%;
}




/**
 * Magia del Tippete
 */
.pulsante-magia-del-tippete a {
  color: #08486e !important;
  font-family: 'Abril Fatface' !important;
  text-transform: none !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
  font-size: 200% !important;
}

.pulsante-magia-del-tippete a:hover {
  text-decoration: none;
  background: #08486e !important;
  color: white !important;
}



/**
 * Texani e Biker Boots
 */

.container-texani .aspect-ratio {
  aspect-ratio: 1/1.7;
  min-height: unset;
}

.container-texani .wp-block-cover__inner-container {
  opacity: 0;
  transition: var(--default-link-transition);
}

.container-texani .wp-block-cover:hover .wp-block-cover__inner-container {
  opacity: 1;
}

.container-texani .wp-block-cover.pointer-click {
  cursor: pointer;
}

@media screen and (max-width: 781px) {
  .container-texani .wp-block-cover__inner-container {
    visibility: hidden;
  }
}



/**
 * Premium collection
 */
.sezione-half-bg-color.first {
  background: linear-gradient(to bottom,
      rgba(255, 0, 0, 0) 20%,
      rgba(225, 211, 195, 1) 20%,
      rgba(225, 211, 195, 1) 85%,
      rgba(255, 0, 0, 0) 85%);
}

.sezione-half-bg-color.second {
  background: linear-gradient(to bottom,
      rgba(255, 0, 0, 0) 20%,
      rgba(193, 152, 116, 1) 20%,
      rgba(193, 152, 116, 1) 85%,
      rgba(255, 0, 0, 0) 85%);
}




/**
 * Qualita  e misura di bimbo
 */
.banner-dry-go {
  background-color: #BECBD9;
  max-width: 840px !important;
  border-radius: 20px;
  overflow: visible;
}


.banner-dry-go::before {
  content: "DRY-GO";
  left: -5%;
  top: -5%;
  display: inline-block;
  background-color: #08486e;
  padding: 15px 30px;
  border-radius: 0 20px 20px;
  position: absolute;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}

.banner-dry-go img {
  object-fit: contain !important;
}

.banner-dry-go p {
  position: absolute;
}

.banner-dry-go .p5,
.banner-dry-go .p6,
.banner-dry-go .p7,
.banner-dry-go .p8,
.banner-dry-go .p9,
.banner-dry-go .p10 {
  right: 20px;
  text-align: right;
}

.banner-dry-go .p1 {
  top: 15%
}

.banner-dry-go .p1::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 170px;
  transform: rotate(12deg) translate(30px, 10px);
}

.banner-dry-go .p2 {
  top: 35%
}

.banner-dry-go .p2::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 110px;
  transform: rotate(2deg) translate(10px, 0px);
}


.banner-dry-go .p3 {
  top: 55%;
}

.banner-dry-go .p3::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 110px;
  transform: rotate(-5deg) translate(-90px, -20px);
}


.banner-dry-go .p4 {
  top: 70%
}

.banner-dry-go .p4::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 80px;
  transform: rotate(5deg) translate(10px, 10px);
}


.banner-dry-go .p5 {
  top: 90%;
}

.banner-dry-go .p5::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 100px;
  transform: rotate(20deg) translate(-200px, 45px);
}


.banner-dry-go .p6 {
  top: 50%;
}

.banner-dry-go .p6::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 50px;
  transform: rotate(20deg) translate(-182px, 30px);
}




.banner-dry-go .p7 {
  top: 35%;
}

.banner-dry-go .p7::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 180px;
  transform: rotate(0deg) translate(-440px, 200%);
}


.banner-dry-go .p8 {
  top: 30%
}

.banner-dry-go .p8::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 200px;
  transform: rotate(12deg) translate(-350px, 60px);
}



.banner-dry-go .p9 {
  top: 23%
}

.banner-dry-go .p9::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 150px;
  transform: rotate(10deg) translate(-300px, 45px);
}



.banner-dry-go .p10 {
  top: 10%
}

.banner-dry-go .p10::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 320px;
  transform: rotate(-7deg) translate(-380px, -5px);
}



.banner-dry-go .p11 {
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
}

.banner-dry-go .p11::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 120px;
  transform: rotate(80deg) translate(50%, 140px);
}



.banner-memory-foam {
  background-color: #BECBD9;
  max-width: 840px !important;
  border-radius: 20px;
  overflow: visible;
}


.banner-memory-foam::before {
  content: "MEMORY \A FOAM";
  line-height: 2.8rem;
  white-space: pre-wrap;
  text-align: center;
  right: -5%;
  top: -5%;
  display: inline-block;
  background-color: #08486e;
  padding: 15px 30px;
  border-radius: 20px 0 20px 20px;
  position: absolute;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}

.banner-memory-foam img {
  object-fit: contain !important;
}

.banner-memory-foam p {
  position: absolute;
}

.banner-memory-foam .p6,
.banner-memory-foam .p7,
.banner-memory-foam .p8,
.banner-memory-foam .p9,
.banner-memory-foam .p10 {
  right: 20px;
  text-align: right;
}

.banner-memory-foam .p1 {
  top: 15%
}

.banner-memory-foam .p1::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 180px;
  transform: rotate(347deg) translate(10px, -15px);
}

.banner-memory-foam .p2 {
  top: 25%;
}

.banner-memory-foam .p2::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 160px;
  transform: rotate(342deg) translate(10px, -20px);
}


.banner-memory-foam .p3 {
  top: 35%;
}

.banner-memory-foam .p3::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 50px;
  transform: rotate(331deg) translate(10px, -10px);
}


.banner-memory-foam .p4 {
  top: 45%;
}

.banner-memory-foam .p4::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 180px;
  transform: rotate(352deg) translate(30px, -5px);
}


.banner-memory-foam .p5 {
  top: 82%;
}

.banner-memory-foam .p5::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 40px;
  transform: rotate(340deg) translate(-20px, -20px);
}


.banner-memory-foam .p6 {
  top: 90%;
}

.banner-memory-foam .p6::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 70px;
  transform: rotate(13deg) translate(-120px, 10px);
}




.banner-memory-foam .p7 {
  top: 70%;
}

.banner-memory-foam .p7::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 50px;
  transform: rotate(356deg) translate(-150px, 10px);
}


.banner-memory-foam .p8 {
  top: 45%;
}

.banner-memory-foam .p8::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 100px;
  transform: rotate(339deg) translate(-150px, -20px);
}



.banner-memory-foam .p9 {
  top: 33%;
}

.banner-memory-foam .p9::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 80px;
  transform: rotate(10deg) translate(-220px, 35px);
}



.banner-memory-foam .p10 {
  top: 15%;
}

body {
  counter-reset: section;
}

.banner-memory-foam .p10::after {
  border-bottom: 1px solid #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(0, 0, 0);
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 120px;
  transform: rotate(-7deg) translate(-290px, -20px);
}

.mobile-dry-n-go {
  padding: 20px;
  background-color: #becbd9;
  border-radius: 20px;
}

.mobile-dry-n-go p:before {
  content: '';
  background-color: #08486e;
  width: 38px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  color: #fff;
  counter-increment: section;
  content: counter(section);
  padding-top: 8px;
}

.mobile-dry-n-go {
  position: relative;
}

.mobile-dry-n-go::before {
  content: "DRY-GO";
  left: 0%;
  top: 2%;
  display: inline-block;
  background-color: #08486e;
  padding: 15px 30px;
  border-radius: 0 20px 20px;
  position: absolute;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}


.mobile-memory-foam {
  padding: 20px;
  background-color: #becbd9;
  border-radius: 20px;
}

.mobile-memory-foam p:before {
  content: '';
  background-color: #08486e;
  width: 38px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  color: #fff;
  counter-increment: section;
  content: counter(section);
  padding-top: 8px;
}

.mobile-memory-foam {
  position: relative;
}

.mobile-memory-foam::before {
  content: "MEMORY \A FOAM";
  line-height: 2.8rem;
  white-space: pre-wrap;
  text-align: center;
  right: 0%;
  top: 2%;
  display: inline-block;
  background-color: #08486e;
  padding: 15px 30px;
  border-radius: 20px 0 20px 20px;
  position: absolute;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}




/**
 * Saldi estivi
 */
.saldi-text-scroll {
  overflow: hidden;
}
.saldi-text-scroll p {
  white-space: nowrap;
  animation: saldi-text-scroll_animation 40s infinite linear}


@keyframes saldi-text-scroll_animation {
  0% {
    transform: translate(0, 0%);
    opacity: 0%;
  }

  10% {
    opacity: 100%;
  }

  90% {
    opacity: 100%;
  }

  100% {
    transform: translate(-100%, 0%);
    opacity: 0%;
  }
}


/*
-------------------------------------------------------------------
PATTERN 
-------------------------------------------------------------------
*/














/*
-------------------------------------------------------------------
BLOCKS 
-------------------------------------------------------------------
*/


/**
 * Pulsante
 */

.is-style-outline .wp-element-button {
  border: 1px solid currentColor !important;
}

.is-style-outline .wp-element-button:hover {
  background-color: color-mix(in srgb, currentColor 20%, transparent);
  ;
}




/**
 * Media e text
 */
.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}

.has-media-on-the-left .wp-block-media-text__content {
  padding-right: 0;
}

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


/**
 * Image
 */

.page-template-default .wp-block-image {
  margin: 0;
}



/**
  * Separator
  */
.page-template-default .wp-block-separator {
  border-bottom: 1px solid;
}



/**
 * Embed video
 */
.wp-block-embed iframe {
  width: 100%;
}

.wp-block-embed.wp-embed-aspect-16-9 iframe {
  height: auto;
  aspect-ratio: 16/9;
}



/* Blocco SEO */
.wp-block-group.ng-accordion.contenitore_approfondimenti {
    max-width: 1000px;
    margin: 0 auto;
    font-size: var(--M-L-size);
    border-top: 1px solid #000;
    padding-bottom: 60px;
}

.wordpress-post-view .wp-block-group.ng-accordion a.wp-block-button__link.wp-element-button, .wordpress-post-view .wp-block-group.ng-accordion a.wp-block-button__link.wp-element-button:visited {
    color: var(--color-background);
    background: #fff;
    border-width: 1px;
    margin-top: 40px;
}

.wordpress-post-view .wp-block-group.ng-accordion a.wp-block-button__link.wp-element-button:hover {
      color: #fff;
    background: var(--color-background);

}

.wp-block-group.cont_approfondimenti {
    display: none!important;
    padding-top: 60px;
    transition: all 0.4s ease;
}

/*.ng-accordion {
    margin-bottom: 2rem;
}*/

/*.ng-accordion-toggle {
    background: none;
    border: 1px solid #000;
    color: #000;
    padding: 12px 24px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
}

.ng-accordion-toggle:hover {
    background: #000;
    color: #fff;
}*/

/*.ng-accordion-content {
    display: none;
    padding-top: 60px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.ng-accordion-content.open {
    display: block;
}*/
.wp-block-group.cont_approfondimenti.is-layout-flow.wp-block-group-is-layout-flow.open {
    display: block !important;
    height: auto !important;
}

.ng-accordion:first-of-type {
  border: 2px solid red;
  padding: 1rem; /* opzionale per distanziare il contenuto dal bordo */
}

@media screen and (max-width: 600px) {
  .wp-block-group.ng-accordion.contenitore_approfondimenti {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }
}