/*
Theme Name:  Fonderia Allegri
Theme URI:  
Description:  Child theme for the blankslate theme.
Author:  Ciappolino Matteo
Textdomain:  ciappolino
Author URI:  
Template:  blankslate
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

/*font*/

@font-face {
    font-family: 'Barlow';
    src: url('../../../fonts/Barlow-Regular.eot');
    src: url('../../../fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/Barlow-Regular.woff2') format('woff2'),
        url('../../../fonts/Barlow-Regular.woff') format('woff'),
        url('../../../fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../../../fonts/Barlow-Bold.eot');
    src: url('../../../fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/Barlow-Bold.woff2') format('woff2'),
        url('../../../fonts/Barlow-Bold.woff') format('woff'),
        url('../../../fonts/Barlow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../../../fonts/Barlow-SemiBold.eot');
    src: url('../../../fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('../../../fonts/Barlow-SemiBold.woff') format('woff'),
        url('../../../fonts/Barlow-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../../../fonts/BarlowCondensed-Regular.eot');
    src: url('../../../fonts/BarlowCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/BarlowCondensed-Regular.woff2') format('woff2'),
        url('../../../fonts/BarlowCondensed-Regular.woff') format('woff'),
        url('../../../fonts/BarlowCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../../../fonts/BarlowCondensed-SemiBold.eot');
    src: url('../../../fonts/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('../../../fonts/BarlowCondensed-SemiBold.woff') format('woff'),
        url('../../../fonts/BarlowCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../../../fonts/BarlowCondensed-Bold.eot');
    src: url('../../../fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/BarlowCondensed-Bold.woff2') format('woff2'),
        url('../../../fonts/BarlowCondensed-Bold.woff') format('woff'),
        url('../../../fonts/BarlowCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/**************************
         Variabili 
**************************/

:root {

    /* Brand */
    --color-primary: #004682;
    --color-primary-hover: #00579f;

    /* Superfici */
    --color-white: #ffffff;
    --color-surface: #f7f8fa;
    --color-surface-alt: #ebeef2;

    /* Testi */
    --color-text: #1f2933;
    --color-text-light: #5b6770;

    /* Bordi */
    --color-border: #d9e1e8;

    /* Stati */
    --color-success: #2e7d32;
    --color-warning: #f9a825;
    --color-error: #c62828;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 10px;

    /* Border */
    --border-width: 1px;
    --border-style: solid; 

    /* Spaziature */
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 20px;
    --space-lg: 32px;

    /* Transition */
    --transition-fast: .2s ease;
    --transition-base: .3s ease;

   /***************************************************/
   /*****************     FONT        *****************/
   /***************************************************/
    
    /* Font Family */
    --font-body: "Barlow", sans-serif;
    --font-heading: "Barlow Condensed", sans-serif;

     /* Font Size */
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-sm: 0.875rem;     /* 14px */
    --font-size-base: 1rem;       /* 16px */
    --font-size-md: 1.125rem;     /* 18px */
    --font-size-lg: 1.5rem;       /* 24px */
    --font-size-xl: 2rem;         /* 32px */
    --font-size-2xl: 2.5rem;      /* 40px */

    /* Font Weight */
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Line Height */
    --line-height-tight: 1.2;
    --line-height-base: 1.5;
    --line-height-loose: 1.7;

    /* Letter Spacing */
    --letter-spacing-tight: -0.02em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.04em;
   

}

/***********************************************
                  STILI GLOBALI
***********************************************/

body {
    font-family: var(--font-body);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-base);
    color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
}

h1 {
    font-size: var(--font-size-2xl);
}

h2 {
    font-size: var(--font-size-xl);
}

h3 {
    font-size: var(--font-size-lg);
}

h6 {
    font-size: var(--font-size-sm);
}

strong {
    font-weight: var(--font-weight-semibold);
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--color-primary-hover);
}

#content {
    min-height: 820px;
}

/*HOME PAGE */

/*front header section */

.grid-header {
  padding: 0 15% 0 15%;
}

.grid-header a {
    font-weight: 600;
  }

.home #site-title {
  padding-top:1%;
}

.grid-header {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
    'info social'
    'logo contatti'
}

#info {
    grid-area: info;
    align-self: center;
}

#info a {
    font-size: small;
    padding-right: 2%;
}

#social {
    grid-area: social;
    justify-self: end;
}

#logo {
  grid-area: logo;
}

.logo-header-2 {
    display: none;
}

#logo img {
    width: 40%;
}

#call {
    grid-area: call;
    justify-self: end;
    align-self: center;
    text-align: right;
}

a[href^="tel"] {
    color: var(--color-primary);
}

#contatti {
    display: grid;
    grid-area: contatti;
    justify-items: end;
    align-self: center;
}

#contatti p {
    float: left;
    padding-top: 8%;
}

#contatti img {
    margin-left: 0.3em;
}

#slide-group {
    position: relative;
    padding: 0;
}

#slide-group .wp-block-buttons {
    position: absolute;
    bottom: 15%;
    right: 15%;
}

.wp-element-button, #slide-group figure , #menu-home, #menu-interno,
#tabs-product label, .wpcf7-submit, #gmaps, #post-638 figure, #tabs-catalog label, .img-catalog a {
    -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}

 #social img, #contatti img {
    filter: drop-shadow(2px 2px 3px rgba(0 0 0 / 50%));
}

#slide-group .wp-block-button__link, .download .wp-block-button__link {
    min-height: 65px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fafafa;
    background-color: var(--color-primary);;
}

.slide-buttons {
    align-items: end;
}

#didascalia-home {
    position: absolute;
    top: 5%;
    left: 15%;
    background: rgba(255,255,255,0.8);
    padding: 1%;
    min-width: 310px;
    max-width: 460px;
}

#didascalia-home p {
    margin-top: 0px;
}

/* Sticky menu */

#menu-home, #menu-interno {
  position: sticky;
  top: 0;
  background-color: var(--color-primary);
  z-index: 999;
}

/* Dropdwon menu */

.menu {
    list-style: none;
    display: flex;
    align-items: center;
}

.menu > li {
    position: relative;
    margin: auto;
}

.sub-menu {
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--color-primary);
    display: none;
    width: 100%;
}

.sub-menu a {
    padding: 10px;
}

.menu li:hover > .sub-menu {
    display: inline-block;
}

#tabs-product button, #tabs-catalog button {
    display: contents;
}

#menu-home li, #menu-interno li, #menu-mobile li {
    cursor: default;
}

#menu-mobile {
    display: none;
}

/* Menu links */

.menu {
  padding: 0 15%;
}

#menu-home a, #menu-interno a {
  float: left;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

#menu-home span, #menu-interno span, .sub-menu span {
    display: block;
    min-width:155px;
}

#menu-interno li:first-child span, #menu-home li:nth-child(5) span, #menu-home li:nth-child(6) span {
    display:inline;
}

#search {
	display:none;
}

#menu-interno img {
    width: 79px;
    height: 44px;
}

/*Contenuto body*/

.site-main > * {
  padding: 1em 15% 1em 15%;
}

#slide-group ~ div {
  padding-bottom: 2em;
  padding-top: 5em;
}

#content .header {
    display: none;
}

.entry-content > * {
    padding: 5% 15% 5% 15%;
}

.sfondo-grigio {
    background-color: #ebeef2;
}

.grid-contatti .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
    'titolo-contatti titolo-contatti'
    'sottotitolo-contatti pulsante-contatti'
    'paragrafo-contatti pulsante-contatti'
}

#titolo-contatti {
    grid-area: titolo-contatti;
}

#sottotitolo-contatti {
    grid-area: sottotitolo-contatti;
    align-self: center;
}

#paragrafo-contatti {
    grid-area: paragrafo-contatti;
    font-weight: bold;
}

#pulsante-contatti {
    grid-area: pulsante-contatti;
    font-weight: bold;
    align-self: center;
}

.pulsante-contatti {
    display: grid !important;
}

.is-style-wide {
    margin: 0 15% 0 15%;
    padding: 0;
    border-top: 3px solid !important;
}

.elenco-prodotti {
    padding-top: 0% !important;
}

.immagine-categoria {
    float:left;
    margin-right: 10%;
}

.entry-links {
    display: none;
}

.entry-content > .grid-product, .entry-content > .grid-product2{
    padding: 3% 15%;
}

#grid-product .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas:
    'img-product titolo-product'
    'img-product desc-product'
    'img-product desc-product'
    'tabs-wrapper tabs-wrapper'
}

#grid-product2 .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas:
    'titolo-product img-product'
    'desc-product2 img-product'
    'desc-product2 img-product'
    'tabs-wrapper tabs-wrapper'
}

#grid-product3 .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas:
    'img-product titolo-product'
    'img-product desc-product3'
    'img-product desc-product3'
    'tabs-wrapper tabs-wrapper'
}

#grid-product4 .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas:
    'titolo-product img-product'
    'desc-product4 img-product'
    'desc-product4 img-product'
    'tabs-wrapper tabs-wrapper'
}

#img-product {
    grid-area: img-product;
    align-self: center;
}

#img-product img {
    width: 94%;
    max-height: 275px;
}


#titolo-product {
    grid-area: titolo-product;
    justify-self: start;
}

#desc-product .wp-block-group__inner-container, #desc-product2 .wp-block-group__inner-container,
#desc-product3 .wp-block-group__inner-container, #desc-product4 .wp-block-group__inner-container {
    display: block;
    justify-self: start;
}

#desc-product {
  grid-area: desc-product;
  padding: 1% 1% 1% 0;
}

#desc-product2 {
  grid-area: desc-product2;
  padding: 1% 1% 1% 0;
}

#desc-product3 {
  grid-area: desc-product3;
  padding: 1% 1% 1% 0;
}

#desc-product4 {
  grid-area: desc-product4;
  padding: 1% 1% 1% 0;
}

#tabs-wrapper {
    grid-area: tabs-wrapper;
}

.home-slide {
    position: relative;
}

/* TAB prodotti per pagine di categoria*/

#post-188 .grid-product {
    min-height: 650px;
}

.grid-product {
    min-height: 400px;
}

#grid-product {
    padding-top: 1em;
}

.grid-product2 {   
    background-color: #ebeef2;  
    min-height: 400px;
    padding-top: 3em;
}

#grid-product3 {
    padding-top: 3em;
}

.tabs-nav {
  display: flex;
  gap: 8px;
  user-select: none;
}

.tab-item {
  background: var(--color-primary);
  padding: calc(.867em + 2px) calc(0.530em + 2px);
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
}

#tabs-wrapper .wp-block-group,  {
    margin-block-start: 0px;
    position: relative;
    justify-content: flex-start;
}

.tab-item input {
  display: none;
}

.grid-product .tab-item:has(input:checked), .grid-catalog .tab-item:has(input:checked) {
  background: #ebeef2;
  color: #000;
}

.grid-product2 .tab-item:has(input:checked) {
  background: #ffffff;
  color: #111;
}

.grid-product #tabs-product, .grid-product2 #tabs-product {
    justify-content: center;
}

.grid-product #desc-product, .grid-product #desc-product2, .grid-product #desc-product3,
.grid-product #desc-product4, .grid-product #titolo-product {
    padding-left: 2%;
} 

.tabs-nav label {
    width: 150px;
}

.tab-content{
    padding: 1em;
    display: none;
    animation: fadeInOut 0.6s ease-in-out;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        display: none;
    }

    50% {
        opacity: 0.5;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

#tabs-wrapper:has(#tab-a-toggle:checked) #tab-a-content {
    display: block;
    opacity: 1;
}

#tabs-wrapper:has(#tab-b-toggle:checked) #tab-b-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-c-toggle:checked) #tab-c-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-d-toggle:checked) #tab-d-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-e-toggle:checked) #tab-e-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-f-toggle:checked) #tab-f-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-g-toggle:checked) #tab-g-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-h-toggle:checked) #tab-h-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-i-toggle:checked) #tab-i-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-l-toggle:checked) #tab-l-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-m-toggle:checked) #tab-m-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-n-toggle:checked) #tab-n-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-o-toggle:checked) #tab-o-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-p-toggle:checked) #tab-p-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-q-toggle:checked) #tab-q-content {
  display: block;
  opacity: 1;
}

#tabs-wrapper:has(#tab-r-toggle:checked) #tab-r-content {
  display: block;
  opacity: 1;
}

 .is-product-collection-layout-carousel .wc-block-product {
    min-width: 18%;
 }

.tab-content .wp-block-group {
    position: relative;
}

 #tabs-wrapper .wc-block-next-previous-buttons__button {
    position: absolute;
    top: 80px;
    background: var(--color-primary);
    width: 20px;
    height: 80px;
    opacity: 50%;
    color: #fff;
 }

 #tabs-wrapper li {
    padding: 0;
 }
 
 .tab-content button:first-child {
    left: 0px;
 }

 /*Consulenza e contatti*/

.wpcf7-form-control {
    border: 0px;
    border-bottom: 2px solid var(--color-primary);
    background-color: rgba(235,238,242,70%);
    width:85%;
    margin-bottom: 1em;
    margin-top: 0.5em;   
    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}

.wpcf7-submit {
    padding: calc(.867em + 2px) calc(0.530em + 2px);
    border-radius: 6px !important;
    color: #fff;
    cursor: pointer;
    width:150px;
    background-color: var(--color-primary);
    color: white;
}

.wpcf7-spinner {
    width: 15%;
    margin: 0;
}

form p:nth-child(7) {
    text-align: right;
}

/*area-download */

#grid-catalog-sx .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-areas:
    'img-catalog list-catalog'
}

#grid-catalog-dx .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-areas:
    'list-catalog img-catalog'
}

#grid-catalog-dx {
        background-color: #ebeef2;
        padding-top: 3em;
        padding-bottom: 3em;
}

#list-catalog .wp-block-group__inner-container {
    display: block;
}

#list-catalog {
    grid-area: list-catalog;
}

#img-catalog {
    grid-area: img-catalog;
}

#titolo-catalog h2 {
    margin-top: 0px;
}

#grid-catalog-sx #list-catalog {
    margin-left: 3em;
}

#grid-catalog-dx #list-catalog {
    padding-right: 3em;
}

.img-catalog {
    margin-top: 0;
}

.img-catalog a {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.img-catalog a::after {
  content: url( '../FA_theme/images/Sfoglia.png' ) !important;           
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.img-catalog a:hover::after {
  opacity: 1;
}

.download > .wp-block-button {
    margin: auto;
}

.tab-item a {
    color: #fff;
}

.wp-block-accordion-item, .wp-block-accordion-heading, .wp-block-accordion-panel {
    color: var(--color-primary);
    margin-block-start: 0px;
}

.wp-block-table {
    box-shadow: 0 0 0;
}

.wp-block-accordion-panel a:hover {
    content: url( '../FA_theme/images/Download.png' );
}

/*Termini e condizioni*/

#post-733 .site-main > *, #post-3 .site-main > * {
    padding: 1em 15% 0 15%;
}

.post-733, .post-3 {
    padding-bottom: 4em;
}

#post-733 .wp-block-heading, #post-3 .wp-block-heading {
    padding-top: 4em;
    padding-bottom: 1em;
}

#post-733 .wp-block-list, #post-3 .wp-block-list {
    list-style: inside;
    padding: 0 15%;
}

/*Chi siamo*/

.titolo-storia {
    padding-top: 50%;
    text-align: center;
}

.titolo-vuoto-storia {
    min-height: 90%;
    border-left-width: 2px;
    border-left-color: var(--color-primary);
    border-left-style: solid;
    margin-left: 50%;
}

.img-storia {
    width: 30%;
    float: left;
    margin-right: 5%;
}

.colonna-chisiamo .img-storia:last-child {
    margin-right: 0px;
    float:right;
}

/*Footer*/

#footer {
    padding: 5% 15% 2% 15%;
    background-color: var(--color-primary);
    color: white;
}

#footer a, .wpcf7-submit a {
  color: #9d9da8;
  text-decoration: none;
}

#footer a:hover {
  color: #ebeef2;
}

#footer li:first-child {
    padding-bottom: 3%;
}

#sidebar > #footer {
    padding-top: 0;
}

#block-19 .wp-block-columns .wp-block-column:nth-child(2) {
    padding-left: 8em;
}

#block-19 .wp-block-columns .wp-block-column:nth-child(3) {
    text-align: right;
}

#copyright {
    padding-top: 2em;
}