/*
 Theme Name:   La Española GP
 Theme URI:    https://laespanolaoliveoil.com/
 Description:  Custom theme for La Española Olive Oil
 Author:       Grupo Trevenque
 Author URI:   https://www.trevenque.es
 Template:     generatepress
 Version:      0.1
 Text Domain:  laespagp
*/

/**
 * Globals
 */
 html { background-color: #FFF; }
 .ratio1 {aspect-ratio: 1/1;}
 .absolute { position: absolute;}

 /**
  * Header
  */
 #site-navigation {
     flex: 1;
 }
 .main-navigation .menu-bar-items,
 .main-navigation .main-nav{
     margin-left: auto;
 }
 .main-navigation .menu-bar-item > a.wp-element-button {
     line-height: 1;
     border-radius: 3px;
 }
.main-navigation .menu-bar-items .menu-countries > li > a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
}


.main-navigation:not(.toggled) ul.menu-countries ul {
    left: auto;
    right: 0;
}

.dropdown-hover .main-navigation:not(.toggled) ul ul li:hover>ul {
    left: auto;
    right: 100%;
}

.main-navigation .main-nav ul.menu-countries ul li.menu-item-has-children > a {
    padding-left: 0;
    padding-right: 20px;
}

.main-navigation ul.menu-countries ul .menu-item-has-children .dropdown-menu-toggle {
    float: left;
    padding-left: 20px;
    padding-right: 15px;
}


 /**
 * Hero Home
 */
.hero-home {
    background-image: url('/wp-content/themes/laespanolaint/assets/img/bg-hero-home.png');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.hero-home::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/themes/laespanolaint/assets/img/adorno.svg'), url('/wp-content/themes/laespanolaint/assets/img/adorno.svg'), url('/wp-content/themes/laespanolaint/assets/img/adorno.svg'), url('/wp-content/themes/laespanolaint/assets/img/adorno.svg'), url('/wp-content/themes/laespanolaint/assets/img/img-la-espanola.png');
    background-position: left 30px top 20px, right 30px top 20px, right 30px bottom 20px, left 30px bottom 20px, bottom center;
    background-size: auto, auto, auto, auto, auto 100%;
    background-repeat: no-repeat;
}

.hero-home::before {
    content: '';
    width: 103%;
    height: 100%;
    background-image: url('/wp-content/themes/laespanolaint/assets/img/bg-hero-mountain.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    animation: linear infinite;
    animation-name: loop;
    animation-duration: 15s;
    
}
@keyframes loop {
    0% { left: -3%; }
    50% { left: 0%; }
    100% { left: -3%; }
}

 
 /**
  * Tiny Slider
  */

  /*
 .tinyslider {
     padding-bottom: 32px;
 }
 .tns-nav {
     text-align: center;
 }
 .tns-nav button {
     width: 8px;
     height: 8px;
     padding: 0;
     margin: 0 5px;
     border-radius: 50%;
     border: 0;
 }
 */
 
 /**
  * Accordions
  */
 .accordion > .gb-headline {cursor: pointer;}
 .accordion > .gb-container {display: none;}
 .accordion > .gb-container.default {display: block;}
 
 .accordion > .gb-headline::after {
     content: '\203A';
     transform: rotate(90deg);
     float: right;
 }
 .accordion  > .gb-headline.accordion-open::after {
     transform: rotate(-90deg);
 }

.eb-accordion-title {
    font-size: 28px !important;
}
 
 /**
  * Loops accordions
  */
 .toggle-loops .gb-container {
     display: block;
 }
 
 /**
  * Cards
  */
 .card-shadow {
     -webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0);
     -moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0);
     box-shadow: 0px 7px 13px 0px rgba(0,0,0,0);
     transition: box-shadow 0.2s ease-in;
 }
 .card-shadow:hover {
     -webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
     -moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
     box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
     cursor: pointer;
 }
 .card-link a:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .card-meta {
     font-size: var(--wp--preset--font-size--small);
     background-color: var(--secondary-2);
     color: #FFF;
     padding: 6px 12px;
     margin-bottom: 10px;
     display: inline-block;
     text-transform: capitalize;
 }
 
 /**
  * Pagination
  */
.gb-query-loop-pagination *:first-child {
     border-radius: 3px 0 0 3px;
 }
.gb-query-loop-pagination *:last-child {
     border-radius: 0 3px 3px 0;
 }
.paging-navigation {
    margin-bottom: 32px !important;
}
.paging-navigation a,
.gb-query-loop-pagination a {
    color: var(--contrast);
}
.paging-navigation span,
.gb-query-loop-pagination span {
    color: var(--accent);
}
.paging-navigation .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging-navigation .nav-links > * {
    display: inline-flex;
    font-family: Isabel;
    font-size: 28px;
    padding: 15px;
    text-decoration: none;
}
.paging-navigation .nav-links .current {
    font-weight: normal;
}
.paging-navigation .nav-links .prev,
.paging-navigation .nav-links .next {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family-primary);
    text-decoration: none;
}
.paging-navigation .nav-links .prev span,
.paging-navigation .nav-links .next span {
    display: none;
}

/**
 * Block Form
 */
 input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    width: 100%;
    border-radius: 2px;
 }
 
 
 /**
  * Block Button
  */
 button.gb-button {
     padding: 8px 16px;
     border-radius: 3px;
 }

 /**
  * Block Post Terms
  */
.recipe-tags-list .post-term-item a {
    padding: 6px;
    border: 2px dotted var(--contrast);
    color: var(--contrast);
}
.recipe-tags-list .post-term-item a:hover {
    color: var(--base-3);
    background-color: var(--contrast);
}

.post-related-post-loop .post-term-item a {
    padding: 6px;
    border: 2px dotted var(--base-3);
    color: var(--base-3);
}
.post-related-post-loop .post-term-item a:hover {
    color: var(--accent);
    background-color: var(--base-3);
}
 
 /**
  * Block Social Sharing
  */
.wp-block-outermost-social-sharing {
     margin-bottom: 0;
}
.wp-block-outermost-social-sharing-link:hover {
     transform: inherit;
}
 .wp-block-outermost-social-sharing.is-style-logos-only .outermost-social-sharing-link a {
    background: var(--tertiary-light);
    padding: 8px;
    border-radius: 5px;
}
.wp-block-outermost-social-sharing.is-style-logos-only .outermost-social-sharing-link svg {
     width: 15px;
     height: 15px
}
.wp-block-outermost-social-sharing .outermost-social-sharing-link span:not(.screen-reader-text) {
     font-size: 13px;
}
.wp-block-social-link:hover {
    transform: none;
}
 
 /**
  * Block Review Form
  */
 .glsr-default button.glsr-button {
     background-color: var(--accent);
     padding: 8px 32px;
     border-radius: 3px;
     text-transform: uppercase;
     font-weight: 700;
 }
 .glsr-default button.glsr-button:hover {
     background-color: var(--contrast);
 }

 /**
  * Media Queries
  */
 @media (max-width: 768px) {
	 
	 .tertiary-lighter-mvl {
	 	background: var(--tertiary-lighter);
	 }
 
     /** Tiny Slider */
     .tinyslider {
         padding-bottom: 16px;
     }

     /** Hero Home */
     .hero-home::after {
        background-size: 40px, 40px, 40px, 40px, auto 100%;
        background-position: left 16px top 16px, right 16px top 16px, right 16px bottom 16px, left 16px bottom 16px, bottom center;
    }

     /** Loops accordions */
     .toggle-loops > .gb-headline {
         font-weight: normal;
     }
     .toggle-loops .gb-container {
         display: none;
     }
     .toggle-loops .gb-container.toggle-open {
         display: block;
     }
     .toggle-loops > .gb-headline {
         cursor: pointer;
     }
     .toggle-loops > .gb-headline:after {
         content: '\203A';
         transform: rotate(90deg);
         float: right;
     }
     .toggle-loops > .gb-headline.toggle-open:after {
         transform: rotate(-90deg);
     }
     
     /** Footer */
     .site-footer .widget_nav_menu ul {
         display: block;
     }
 
 }

  /* feature-content */
 @media (min-width:1024px){
     .feature-content {
        background-image: url('/wp-content/themes/laespanolaint/assets/img/olivo-1.png'), url('/wp-content/themes/laespanolaint/assets/img/olivo-2.png');
        background-position: -40px top, right bottom;
        background-repeat: no-repeat, no-repeat;
      }
 }
 
 /**
 * Maps
 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    justify-content: star;
    align-items: star;
    z-index: 99999;
	overflow-y: scroll;
}
.modal > div {
    -webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);  
}


/**
 * Modal Countries
 */
dialog {
    border: none;
    -webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.20);  
}
dialog::backdrop {
    background-color: rgba(255, 255, 255, 0.8);
}

 
 /* Nuevo Clopez */
 
 /* VARIABLES GLOBAL*/
 :root {
 
     /*Color
     --accent: #D70321;
     --primary-light: #FEA9B5;
     --primary-dark: #7E0213;
 
     --secondary-main: #4A772B;
     --secondary-light: #CDE7BC;
     --secondary-dark: #213413;
 
     --tertiary-main:: #977842;
     --tertiary-light: #D5C19F;
     --tertiary-light-extra: #F7F3ED;
     --tertiary-dark: #6B552E;
 
 
     --contrast:#000000;
     --color-border-primary:var(--accent);
     --color-border-secondary:var(--color-secondary);
 
  */
 
     /* Typography*/
 
     --font-family-primary: 'Raleway', sans-serif;
     --font-family-secondary: 'Isabel', sans-serif;
 
     --font-size-xl:clamp(32px, calc(26.285714285714285px + 1.1428571428571428vw), 40px); /*(h1)*/
     --font-size-l:clamp(28px, calc(25.142857142857142px + 0.5714285714285714vw), 32px); /*(h2)*/
     --font-size-m:clamp(18px, calc(16.571428571428573px + 0.2857142857142857vw), 20px); /*(h3)*/
     --font-size-s:clamp(16px, calc(14.571428571428571px + 0.2857142857142857vw), 18px);/*(h4)*/
     --font-size-base:clamp(14px, calc(12.571428571428571px + 0.2857142857142857vw), 16px);/*(h5, p)*/
     --font-size-small:clamp(12px, calc(12px + 0vw), 12px);/*(small, button, a)*/
     --font-size-extra-small:clamp(10px, calc(12px + 0vw), 10px);/*(small, button, a)*/
 
     /* Buttons*/
     --button-border-radius:2px;
     --button-letter-spacing:2px;
     --button-line-height:120%;
 
 
 }
 /*****************************************
 ** TYPOGRAPHY
 ******************************************/
 body/*, button, input, select, textarea*/{
     font-family: var(--font-family-primary);
     font-size:16px;
     line-height: 160%;
 }
 h1, .h1,
 h2, .h2,
 h3, .h3,
 h4, .h4,
 .display-large,
 .display-medium,
 .display-small,
 .headline-medium,.headline-small {
     font-family: var(--font-family-secondary);
     font-weight: normal;
     line-height: 120%;
     text-transform: uppercase;
 }
 
 h1, .h1, .display-large {font-size: 80px}
 h2, .h2, .headline-large {font-size: 56px}
 h3, .h3, .headline-medium {font-size: 28px}
 h4, .h4, .headline-small {font-size: 16px}
 
 
 h5, .h5,.title-large,
 h6, .h6,.title-medium
 .label.large-prominent,
 .label.large,
 .label.medium-prominent,
 .label.medium,
 .label.small{
     font-family: var(--font-family-primary);
     text-transform: uppercase;
     line-height: 120%;
     letter-spacing: 2px;
 }
 
 
 h5, .h5,.title-large {
     font-size: 20px;
     line-height: 120%;
     font-weight: 600;
 }
 h6, .h6,.title-medium {
     font-size: 16px;
     line-height: 120%;
     font-weight: 600;
 }
 
 
 .body-large,
 .body-medium,
 .body-small{
     font-family: var(--font-family-primary);
 }
 
 .body-large{
     font-size: 20px;
     line-height: 140%;
     font-weight: 600;
 }
 
 .body-medium{
     font-size: 16px;
     line-height: 160%;
     font-weight: 400;
 }
 
 .body-small{
     font-size: 12px;
     line-height: 120%;
     font-weight: 400;
 }
 
 
 
 .label-large-prominent,
 .label-large{
     font-size:14px;
 }
 
 .label-medium-prominent,
 .label-medium{
     font-size:12px;
 }
 .label-small{
     font-size:10px;
 }
 
 .label-large-prominent,
 .label-medium-prominent,
 .label-medium,
 .label-small{
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
 }
 .label-large{
     font-weight:400;
 }

@media (max-width:768px) {
    .text-normal-xs,
    .gb-headline-text.text-normal-xs{
        text-transform: normal !important
     }
}

 
 /*****************************************
 ** BUTTONS
 ******************************************/
 
 /* BTN PRIMARY */
 .gb-button.btn-primary,
 .btn-primary a.wp-block-button__link {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: var(--button-border-radius);
    background-color: var(--accent);
    text-transform: uppercase;
    font-family: var(--font-family-primary);
    color: #FFF;
    font-size:var(--font-size-small);
    letter-spacing:var(--button-letter-spacing);
    line-height:var(--button-line-height);
    font-weight: 500;
    text-transform: uppercase;
    min-height: 34px;
    max-height: 100%;
    max-width: auto;
    width: auto;
    word-wrap: break-word;
 }
 

.gb-button.btn-primary:hover,
.btn-primary a.wp-block-button__link:hover{
    background-color: var(--primary-dark);
}
 
.gb-button.btn-primary.large,
.btn-primary a.wp-block-button__link.large{
    padding: 16px 20px;
    min-height: 46px;
    max-height: 100%;
}
 
 /* BTN SECONDARY */
.gb-button.btn-secondary,
.btn-secondary a.wp-block-button__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 20px;
    border-radius: var(--button-border-radius);
    border: 1px solid var(--contrast);
    background-color:transparent;
    text-transform: uppercase;
    font-family: var(--font-family-primary);
    color: var(--contrast);
    font-size:var(--font-size-small);
    letter-spacing:var(--button-letter-spacing);
    line-height:var(--button-line-height);
    font-weight: 500;
    text-transform: uppercase;
    min-height: 22px;
    max-height: 100%;
    max-width: auto;
    width: auto;
    word-wrap: break-word;
    position: relative;
    z-index: 1;
}

.gb-button.btn-secondary:before,
.btn-secondary a.wp-block-button__link:before {
    content: "";
    position: absolute;
    top: 22%;
    left: 3px;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    box-shadow: 1px 1px 0px 0px #000;
    border-radius: var(--button-border-radius);
  }

.gb-button.btn-secondary:hover,
.btn-secondary a.wp-block-button__link:hover,
.gb-button.btn-secondary:focus,
.btn-secondary a.wp-block-button__link:focus{
    background-color:transparent;
    color: var(--contrast);
}
.gb-button.btn-secondary:hover:before,
.btn-secondary a.wp-block-button__link:hover:before,
.gb-button.btn-secondary:focus:before,
.btn-secondary a.wp-block-button__link:focus:before{
    top: 14%;
    left: 1px;
}

.gb-button.btn-secondary.large,
.btn-secondary a.wp-block-button__link.large{
    padding: 16px 20px;
    max-height: 38px;
    max-height: 100%;
}
.gb-button.btn-secondary.large:before,
.btn-secondary a.wp-block-button__link.large:before{
    top: 10%;
    left: 3px;
}
.gb-button.btn-secondary.large:hover:before,
.btn-secondary a.wp-block-button__link.large:hover:before{
    top: 7%;
    left: 1px;
}

.gb-button.btn-secondary.large,
.btn-secondary a.wp-block-button__link.large{
    padding: 16px 20px;
    max-height: 38px;
    max-height: 100%;
}
.gb-button.btn-secondary.large:before,
.btn-secondary a.wp-block-button__link.large:before{
    top: 10%;
    left: 3px;
}
.gb-button.btn-secondary.large:hover:before,
.btn-secondary a.wp-block-button__link.large:hover:before{
    top: 7%;
    left: 1px;
}

.gb-button.btn-secondary.light,
.btn-secondary a.wp-block-button__link.light{
    border: 1px solid #FFF;
    color:#fff;
    background-color: transparent;
}
.gb-button.btn-secondary.light:before,
.btn-secondary a.wp-block-button__link.light:before {
    box-shadow: 1px 1px 0px 0px #fff;
    top: 22%;
    left: 3px;
  }
.gb-button.btn-secondary.light:hover,
.btn-secondary a.wp-block-button__link.light:hover{
    border: 1px solid #FFF;
    color:#fff;
    background-color: transparent;
}
.gb-button.btn-secondary.light:hover:before,
.btn-secondary a.wp-block-button__link.light:hover:before {
    top: 7%;
    left: 1px;
  }

.gb-button.btn-secondary.light.large:before,
.btn-secondary a.wp-block-button__link.light.large:before {
    top: 10%;
    left: 3px;
  }
.gb-button.btn-secondary.light.large:hover:before,
.btn-secondary a.wp-block-button__link.light.large:hover:before {
    top: 7%;
    left: 1px;
  }




/*
 .gb-button.btn-secondary,
 .btn-secondary a.wp-block-button__link {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     padding: 4px 20px;
     border-radius: var(--button-border-radius);
     border: 1px solid var(--contrast);
     background-color:transparent;
     text-transform: uppercase;
     font-family: var(--font-family-primary);
     color: var(--contrast);
     font-size:var(--font-size-small);
     letter-spacing:var(--button-letter-spacing);
     line-height:var(--button-line-height);
     font-weight: 500;
     text-transform: uppercase;
     min-height: 22px;
     max-height: 100%;
     max-width: auto;
     width: auto;
     word-wrap: break-word;
     position: relative;
     z-index: 1;
 

     &.large{
         padding: 16px 20px;
         max-height: 38px;
         max-height: 100%;
         &:before {
             top: 10%;
             left: 3px;
           }
           &:hover:before {
             top: 7%;
             left: 1px;
           }
     }
     &.light{
         border: 1px solid #FFF;
         color:#fff;
         background-color: transparent;
         &:before {
             box-shadow: 1px 1px 0px 0px #fff;
             top: 22%;
             left: 3px;
           }
         
         &:hover{
             :before {
                 top: 7%;
                 left: 1px;
               }
 
         }
         &.large{
             &:before {
                 top: 10%;
                 left: 3px;
               }
               &:hover:before {
                 top: 7%;
                 left: 1px;
               }
         }
     }
 }*/
 
 /* BTN TERTIARY*/
 
 .gb-button.btn-tertiary,
 .btn-tertiary.feature-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: var(--button-border-radius);
    border: 1px solid var(--contrast);
    background-color:#fff;
    text-transform: uppercase;
    font-family: var(--font-family-primary);
    color: var(--contrast);
    font-size:var(--font-size-small);
    letter-spacing:var(--button-letter-spacing);
    line-height:var(--button-line-height);
    font-weight: 500;
    text-transform: uppercase;
    min-height: 34px;
    max-height: 100%;
    max-width: auto;
    width: auto;
    word-wrap: break-word;
}
 .gb-button.btn-tertiary.large,
 .btn-tertiary.feature-button.large{
    padding: 20px 16px;
    min-height: 46px;
    max-height: 100%;
}
 
 
 /*****************************************
 ** VARIOUS
 ******************************************/
 
 @media (max-width: 991.95px) {
     .d-md-none{
         display: none;
     }
 }
 
 @media (max-width: 768px) {
     .d-sm-none{
         display: none;
     }
 }
 
 @media (max-width: 560px) {
     .d-xs-none{
         display: none;
     }
 }
 
 
 /*****************************************
 ** LAYOUT
 ******************************************/
 
 
 /** Header & Menu ****/
 
 .site-header{
     border-bottom:3px solid  var(--accent);
 }
 
 a.btn-tertiary.feature-button {
     line-height: 23px;
     height:46px;
 }
 a.btn-tertiary.feature-button:hover{
        color: var(--contrast);
}
 .feature-button.xs{
     display: none;
 }
 @media (min-width:980.10px){
     .main-navigation ul ul{
         width: 452px;
         border: 2px solid var(--accent);
         padding: 16px
     }
     .main-navigation ul ul a:hover{
        position: relative;
        background-color: var(--grayscale-50);
        color:var(--contrast);
     }
     .main-navigation ul ul a:hover:before{
         content: '';
         width: 26px;
         height: 26px;
         position: absolute;
         right: 1rem;
         top: 5px;
         background: url('assets/img/hand-pointer.svg');
         background-size: contain;
     }
	 .main-navigation ul.menu-countries ul{
        width: fit-content;
     }
     .main-navigation ul.menu-countries ul a:hover:before{
        content: none;
     }
 }
 @media (max-width:980px){
     .site-header img.header-image {
         max-width: 107px;
     }
     .site-header{
         border-bottom: 1px solid  var(--accent);
     }
     .inside-header {
         padding: 3px 0;
     }
     .site-logo{
         margin-left: 1rem;
     }
     .mobile-menu-control-wrapper{
         margin-right: 1rem;
     }
     .has-inline-mobile-toggle #site-navigation.toggled{
         padding: 0 1rem;
         background-color:#F3F4F6 ;
         border-top: 1px solid  var(--accent);
         margin-top: 0;
         padding-bottom: 3rem;
     }
     .mobile-menu-control-wrapper .menu-toggle,
     .mobile-menu-control-wrapper .menu-toggle:hover,
     .mobile-menu-control-wrapper .menu-toggle:focus,
     .has-inline-mobile-toggle #site-navigation.toggled {
         background-color: transparent
     }
     .feature-button.sm{
         display: none;
     }
     .feature-button.xs{
         display: inline-block;
     }
     .main-navigation .main-nav ul li a {
         padding-left: 0;
         padding-right: 0;
         line-height: 48px;
         border-bottom: 1px solid var(--contrast);
     }
 
     .toggled .menu-item-has-children .dropdown-menu-toggle {
         padding-left: 0;
         padding-right: 0;
       }
 }
 
 /** Search ****/
 .gp-modal__container {
     border: 1px solid var(--accent);
     padding: 1rem;
     border-radius: 2px;
 }
 .gp-modal__container input[type="search"]{
     color: var(--contrast);
     background-color:transparent;
     border: 0;
 }
 .wp-block-search__inside-wrapper {
     border: 0;
 }
 .wp-block-search__inside-wrapper:before {
    content: url("data:image/svg+xml; utf8, <svg viewBox='0 0 512 512' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em'><path fill-rule='evenodd' clip-rule='evenodd' d='M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z'></path></svg>");
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    line-height: 0;
 }
 .wp-block-search__inside-wrapper .wp-block-search__input {
    border: none;
 }
 .search-results .generate-columns-container { padding: 0 16px;}
 
 /** Footer ****/
.site-footer {
    position: relative;
}
.site-footer .background-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.site-footer video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.footer-widgets,
.site-info {
    position: relative;
}

 .inside-site-info .copyright-bar{
     width: 100%;
     border-top: 3px solid var(--accent);
     padding-top: 14px;
 }
 .inside-site-info .footer-bar{
     text-align:left;
     width: 59%;
     margin: 0 auto;
     padding-bottom: 90px;
 }
 .site-footer .footer-widgets-container .inner-padding {
     margin-bottom: 1rem;
   }
 
 .footer-widgets .widget h4,
 .footer-widgets ul li{
     font-family: var(--font-family-primary);
     font-size: 10px;
     text-transform: uppercase;
     line-height: 120%;
     letter-spacing: 2px;
 }
 .footer-widgets ul li{
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 1rem;
 }

 .footer-widgets ul.wp-block-social-links li a {
    font-size: 20px;
 }

.inside-footer-widgets>div {flex: inherit;}
 .footer-widget-1 {width: 20%;}
 .footer-widget-2 {width: 15%;}
 .footer-widget-3 {width: 25%;}
 .footer-widget-4 {width: 20%;}
 .footer-widget-5 {width: 20%;}
 
 .footer-widget-5{
     text-align: right;
 }
 .footer-widget-5 p.small{
     font-size: 12px;
     columns: var(--grayscale500);
 }
 .footer-bar{
     text-transform: none;
 }
 
 @media (max-width:767.98px){
     .footer-widgets .wp-block-social-links,
     .footer-widget-1 .gb-button{
        justify-content: center;
     }
     .footer-widget-1,
     .footer-widgets-container{
         border-bottom: 1px solid var(--accent);
     }
     .footer-widgets-container{
         padding-right: 0;
         padding-left: 0;
     }
     .footer-widget-1{
         padding-right: 1rem;
         padding-left: 1rem;
     }
     .site-footer,
     .footer-widget-5{
         text-align: center;
     }
     .footer-widget-5 .gb-button{
         display: none;
     }
	 
	 .inside-footer-widgets>div {width: auto;}
 
 }
 

 /* card-product **/
 .gb-query-loop-item.products{
     max-width:336px ;
 }

 .card-product::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right;
    background-repeat: no-repeat;
}
.card-product.white::after {
    background-image: 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 0 0, rgba(255, 255, 255, 1) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 1) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 0 100%, rgba(255, 255, 255, 1) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 1) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px);
}
.card-product.tertiary::after {
    background-image: 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 0 0,  var(--tertiary-lighter) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 100% 0,  var(--tertiary-lighter) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 0 100%, var(--tertiary-lighter) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg),
    radial-gradient(circle at 100% 100%, var(--tertiary-lighter) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px);

}
.card-product.half::after {
    background-image: 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 0 0, rgba(255, 255, 255, 1) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 1) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg), 
    radial-gradient(circle at 0 100%, var(--tertiary-lighter) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px), 
    url(/wp-content/themes/laespanolaint/assets/img/card-product-corner.svg),
    radial-gradient(circle at 100% 100%, var(--tertiary-lighter) 15px,rgba(0, 0, 0, 1) 16px, rgba(255, 255, 255, 0) 17px);
}