/*
Theme Name: Reliquias
Theme URI: http://example.com/twentytwentyfour
Description: Twenty Twenty-Four Child Theme
Author: Your Name
Author URI: http://msbarrons.com
Template: twentytwentyfour
Version: 1.0.0
*/
/* Add your custom styles here */

 *:focus{
    outline-width: 0;
    outline-style: none;
}

h4{
	color: #382e2c;
}
section {
    margin: 0px !important;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
section.pinkBG:after {
    display: block;
    content: '';
    background: url(https://reliquias.es/wp-content/uploads/2025/06/corte-rosa-btn-scaled.png) bottom center;
    height: 200px;
    background-size: contain;
}
section.pinkBG:before {
    display: block;
    content: '';
    height: 200px;
    background: url(https://reliquias.es/wp-content/uploads/2025/06/corte-rosa-scaled.png);
}
a{
    transition: .5s;
}
a:hover {
    opacity: .5;
}
.alignfull {
    height: 100vh;
}
main, .entry-content {
    margin-block-start: 0px !important;
}
p {
    margin-bottom: 2rem !important;
    text-align: justify;
}
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 16px;
    margin-bottom: 2rem !important;
    margin-block-start: 2rem !important;
}
#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-size: 1.85rem;
}
.relative{
    position: relative;
}
.absolute {
    position: absolute;
}
.overTop{
	margin-top:-175px !important;
}
.noPadding{
	padding: 0px;
}

.fotoVoladora{
    position: absolute;
    z-index: 3;
    bottom: -175px;
    max-width: 355px;
}
/*****Cookies****/
#cmplz-document {
    max-width: 100%;
}
/******Home*********/
.carousel-slider-outer {
    width: 100%;
    max-width: 100%;
}
.owl-item {
    padding-top: 5rem;
}
.owl-item:nth-child(2n) {
    padding-top: 0px;
}
#enlacesCategorias a {
    text-decoration: none;
    font-size: 1.2em;
    color: #0f110e;
}
.borderBtn {
    border-bottom: 1px solid;
}
header {
    box-shadow: 0rem 0rem 1rem #00000017;
}
header .wp-block-group {
    margin: 0px;
}
.btn {
    display: block;
    background: #d0914f;
    color: #fff;
    margin-block: .5rem !important;
    padding: .1rem 1rem;
    border-radius: 3rem;
    transition: .5s;
}
.btn a:hover {
    text-decoration: none !important;
}
.btn:hover {
    opacity: .5;
}
.home header {
	position: absolute;
	top: 2rem;
	z-index: 300;
	width: 100%;
    box-shadow: 0rem 0rem 0rem #00000000;
}
.home pre {
    text-shadow: 1px 1px 12px #592d0875;
}
.home header .has-base-2-background-color{
    background: transparent !important;
}
:where(.wc-block-mini-cart__badge) {
    background-color: #d0914f !important;
    color: #fff !important;
}


section#homeSlider {
    min-height: 500px;
    align-items: center;
    display: flex;
    background-position: center center;
}
#aloeVeraBg {
    background: url(https://reliquias.es/wp-content/uploads/2025/06/aloeVera.png) no-repeat center center;
    background-size: contain;
}

ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    z-index: 4 !important;
}
/*********about us********/
section#aboutUsIntro {
    padding-inline: 6rem;
}
#aboutHistoria {
    min-height: 300px;
    display: flex;
    align-items: center;
}
#aboutEleccion section {
    min-height: 367px;
    display: flex;
}
#aboutEleccion .fotoVoladora {
    max-width: 500px;
}
/**********Footer***********/
footer {
    margin: 0px !important;
}
footer p, footer a, footer h2, footer span, footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
	color: #fff;
}

/************* Contact**********/
figure#sello {
    position: absolute;
    bottom: -2rem;
    right: 2rem;
}
#contactform .wpcf7 {
    z-index: 2;
    position: relative;
}
#contactform form {
    max-width: 500px;
    background: #fff;
    padding: 3rem;
    margin: -150px auto 4rem auto;
}
#contactform form input, #contactform form textarea, #contactform form p {
    width: 100%;
    margin: 0px;
}
#contactform form input, #contactform form textarea {
    border: 0px !important;
    border-bottom: 1px solid !important;
    padding: 0.4rem;
}
#contactform form input:focus, #contactform form textarea:focus {
    border: #e5a96166 0px !important;
    background: #e5a96166;
    box-shadow: none !important;
    outline-width:0px;
}
#contactform .wpcf7-acceptance input[type="checkbox"], #contactform .wpcf7-submit {
    width: fit-content !important;
}
.col {
	margin-top: 1rem;
    display: flex;
    width: 100%;
    box-sizing: border-box;
}
.doscol p {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}
#contactform .wpcf7-submit {
    background: #e5a961;
    padding: .5rem 2rem;
    color: #fff;
}

/************tienda***********/
#topeTienda {
    border-top: 1px solid #d0914f;
    border-bottom: 1px solid #d0914f;
    padding-top: 1rem;
}
#topeTienda p.woocommerce-result-count {
    margin-bottom: 1rem!important;
}
.wp-block-woocommerce-product-collection .wc-block-product {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

/*********single product*******/
.contenido p {
    margin: 0px ! IMPORTANT;
}
.contenido p {
    margin: 0px ! IMPORTANT;
}
.additional_information_tab {
    display: none !important;
}
ul.tabs.wc-tabs li {
    text-transform: uppercase;
}
p.stock.in-stock {
    display: none !important;
}
.woocommerce-tabs ul.tabs.wc-tabs {
    display: flex;
    justify-content: space-evenly;
}
.woocommerce-tabs ul.tabs.wc-tabs li {
    flex: 1;
    text-align: center;
    border-bottom: 1px solid #786e6a !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid #d0914f !important;
}
.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom: .5rem !important;
    margin-top: 0px !important;
}
.woocommerce-Tabs-panel {
    border-bottom: 1px solid #786e6a;
    margin-bottom: 4rem !important;
}
.prodcutFrame {
    position: relative;
}
#prodcutTabs div.wp-block-group:nth-child(2){
    padding-top: 5rem;
}
#prodcutTabs .wp-block-woocommerce-product-details {
    padding-top: 6rem;
}
.single-product h1 {
    font-size: 1.8rem;
}
.single-product .woocommerce-product-gallery__image a:hover {
    opacity: 1;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 0px;
    padding-bottom: 2rem;
}

.wp-block-woocommerce-product-image-gallery {
    position: absolute !important;
    z-index: 3;
    top: 0;
}

.wc-block-product-template.wc-block-product-template {
    padding-block-end: 4rem;
}
.wc-block-product-gallery-thumbnails__scrollable {
    justify-content: center;
}
.wc-block-product-gallery-thumbnails__thumbnail {
    overflow: hidden;
    border-radius: 2rem;
    height: 1rem !important;
    width: 1rem;
    background: #cfc8d8;
}
.wc-block-product-gallery-large-image-next-previous__button {
    background: transparent;
}
.wc-block-product-gallery-large-image-next-previous__button path {
    fill: #d0914f;
}
img.wc-block-product-gallery-thumbnails__thumbnail__image {
   opacity: 0;
}
.wc-block-product-gallery-thumbnails__thumbnail:has(.is-active) {
    background: #d0914f;
}
/*********sobrenosotros***********/
div#sp-wp-tabs-wrapper_402 {
    display: flex;
}
div#sp-wp-tabs-wrapper_402 .sp-tab__nav {
    flex-direction: column;
    border-left: 2px solid #d0914f !important;
    border-top: 2px solid #d0914f !important;
    border-bottom: 0px !important;
}
#sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul .sp-tab__nav-item {
    margin: 0px !important;
    border-bottom: 2px solid #d0914f !important;
    flex: 1;
}
#sp-wp-tabs-wrapper_402.sp-tab__lay-default > .sp-tab__tab-content .sp-tab__tab-pane {
    border: 2px solid #d0914f !important;
    height: 100%;
}
#sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul > li > .sp-tab__nav-link, #sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul > li > a, #sp-wp-tabs-wrapper_402 > .sp-tab__nav-tabs .sp-tab__nav-link {
    border: 0px !important;
}
#sp-wp-tabs-wrapper_402 > .sp-tab__nav-tabs > .sp-tab__nav-item.show .sp-tab__nav-link, #sp-wp-tabs-wrapper_402 > .sp-tab__nav-tabs > .sp-tab__nav-item .sp-tab__nav-link.sp-tab__active, #sp-wp-tabs-wrapper_402.sp-tab__lay-default .sp-tab__nav-link > .sp-tab__card-header {
    background-color: #d0914f;
    border-radius: 0px;
}
#sp-wp-tabs-wrapper_402 > .sp-tab__nav-tabs .sp-tab__nav-link.sp-tab__active .sp-tab__tab_title, #sp-wp-tabs-wrapper_402.sp-tab__lay-default .sp-tab__nav-link > .sp-tab__card-header {
    color: #fff;
}
#sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul .sp-tab__nav-item, #sp-wp-tabs-wrapper_402.sp-tab__lay-default .sp-tab__nav-link.collapsed > .sp-tab__card-header {
    background-color: transparent;
}
#sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title, #sp-wp-tabs-wrapper_402.sp-tab__lay-default span > .sp-tab__card-header {
    font-weight: 400;
    font-size: 1rem;
    color: #d0914f;
}
#sp-wp-tabs-wrapper_402 .sp-tab__nav-link {
    align-items: flex-start;
}
#sp-wp-tabs-wrapper_402 span.sp-tab__nav-link:hover {
    background: #d0914f24;
}
#sp-wp-tabs-wrapper_402 li:nth-child(1) span.sp-tab__nav-link:before {
    background: url('https://reliquias.es/wp-content/uploads/2025/06/sostenible-1.svg') no-repeat !important;
}
#sp-wp-tabs-wrapper_402 li:nth-child(2) span.sp-tab__nav-link:before {
    background: url('https://reliquias.es/wp-content/uploads/2025/06/autenticidad.svg') no-repeat !important;
}
#sp-wp-tabs-wrapper_402 li:nth-child(3) span.sp-tab__nav-link:before {
    background: url('https://reliquias.es/wp-content/uploads/2025/06/natural.svg') no-repeat !important;
}
#sp-wp-tabs-wrapper_402 li:nth-child(4) span.sp-tab__nav-link:before {
    background: url('https://reliquias.es/wp-content/uploads/2025/06/historia-1.svg') no-repeat !important;
}
#sp-wp-tabs-wrapper_402 li:nth-child(5) span.sp-tab__nav-link:before {
    background: url('https://reliquias.es/wp-content/uploads/2025/06/locales.svg') no-repeat !important;
}
#sp-wp-tabs-wrapper_402 span.sp-tab__nav-link {
    gap: .45rem;
    display: flex;
    flex-direction: row;
    align-items: center !important;
    justify-content: start;
}

#sp-wp-tabs-wrapper_402 span.sp-tab__nav-link:before {
    display: block;
    content: '';
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
}
#sp-wp-tabs-wrapper_402 .sp-tab__active:before {
    filter: brightness(100);
}
#sp-wp-tabs-wrapper_402 .sp-tab__nav-link:hover:before {
    filter: brightness(0);
}
/******cuidados**********/
#conectaPasado .wp-block-columns {
    padding: 0px;
}
#conectaPasado .wp-block-columns .wp-block-column{
    padding: 2rem;
}
#fotos {
    background: url('https://reliquias.es/wp-content/uploads/2025/06/cuidados.jpg');
    background-size: cover;
}
#fotos figure {
    transform: translateX(4rem);
}
#fortalezas {
    padding-inline: 7rem;
}

#fortalezas .absolute {
    right: -8rem;
    top: -8rem;
    height: 200px;
    width: 200px;
}


/****************************animations***********************************/



.slideLeft{
   opacity:0;
   transform:translate3d(-100px,0px,0px) 
}

.blog-entry-content div {
  opacity:0;
   transform:translate3d(100px,0px,0px)
}
.blog-entry-content div.on, .entry-content p.on, .slideLeft.on{
  opacity:1;
  transform:translate3d(0px,0px,0px)
}

.on{
  -webkit-transition: 0.7s  ease-in-out; /* For Safari 3.1 to 6.0 */
  transition: 0.7s ease-in-out;
}
.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
 padding-top:0% !important
}
.overcover{
  overflow: hidden;}
.overcover a{
    left: -100%;}

@-webkit-keyframes overSlide { from {left: -100%;} to {left: 0%; } }
@-moz-keyframes overSlide { from {left: -100%;} to {left: 0%; } }
@keyframes overSlide { from {left: -100%;} to {left: 0%; } }

a.overSlide{
  overflow: hidden;
  left: -100%;
  -webkit-animation:overSlide ease-in-out 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:overSlide ease-in-out 1;
  animation:overSlide ease-in-out 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}




/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes slideTop { from {top: -100px } to {top: 0px; } }
@-moz-keyframes slideTop { from {top: -100px } to {top: 0px; } }
@keyframes slideTop { from {top: -100px } to {top: 0px; } }

.slideTop {
    position: relative;
 top: -100px;  /* make things invisible upon start */
  -webkit-animation:slideTop ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:slideTop ease-in 1;
  animation:slideTop ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.7s;
  -moz-animation-duration:0.7s;
  animation-duration:0.7s;
}

.slideTop.slow {
    position: relative;
 top: -100px;  /* make things invisible upon start */
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes slideBottom { from {bottom: -100px } to {bottom: 50%; } }
@-moz-keyframes slideBottom { from {bottom: -100px } to {bottom: 50%; } }
@keyframes slideBottom { from {bottom: -100px } to {bottom:  50%; } }

.slideBottom {
    position: relative;
 bottom: -100px;  /* make things invisible upon start */
  -webkit-animation:slideBottom ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:slideBottom ease-in 1;
  animation:slideBottom ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.7s;
  -moz-animation-duration:0.7s;
  animation-duration:0.7s;

  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

@media screen and (max-width: 782px){
    .rasgadura {display: none;}
   .wp-block-woocommerce-product-image-gallery {position: inherit !important;} 
   main {padding-inline: 0rem !important;}
   section > .wp-block-group, footer > .wp-block-group, section > .wp-block-columns {padding-inline: 1rem !important;}
   .overTop{margin-top:0px !important;}
   h1, h2, h3, p {text-align: center;}
   header .wp-block-group { justify-content: center;}
   div#enlacesCategorias { flex-direction: column; text-align: center;}
   .woocommerce .woocommerce-breadcrumb { justify-content: center;  display: flex; margin-inline: 1rem; text-align: center;}
   footer ul, footer li, footer p { width: 100% !important; text-align: center; display: block !important;}
   ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation, ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li, ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation ul {
    width: 100% !important;
    font-size: 1.3rem  !important;
    text-align: center !important;
    align-items: center !important;
    padding: 0px !important;
    margin: 0px !important;}
    section#aboutUsIntro { padding-inline: 0rem;}
    .fotoVoladora { position: relative; z-index: 1; bottom: 0; max-width: inherit;}
    div#sp-wp-tabs-wrapper_402 {display: block;}
    div#sp-wp-tabs-wrapper_402 .sp-tab__nav { flex-direction: row;}
    #sp-wp-tabs-wrapper_402 span.sp-tab__nav-link { flex-direction: column;}
    #sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title, #sp-wp-tabs-wrapper_402.sp-tab__lay-default span > .sp-tab__card-header {font-size: 0.8rem; line-height: inherit;}
    #sp-wp-tabs-wrapper_402.sp-tab__lay-default > ul .sp-tab__nav-item {  border: 1px solid #d0914f !important;}
    .wc-block-product-template__responsive { display: flex; flex-direction: column; padding: 1rem;}
    #fotos figure {transform: none;}
    #fortalezas .absolute { display: none;}
    .is-layout-flex {justify-content: center;}
    .has-text-align-left, .wp-block-post-terms, .wc-block-components-product-price { text-align: center;}
    .woocommerce-tabs ul.tabs.wc-tabs { flex-direction: column;}
    .fortalezas p { margin-bottom: 0px !important; margin-top: .5rem !important;}
    .wp-block-woocommerce-add-to-cart-form .variations_button, .wp-block-woocommerce-add-to-cart-form form.cart {display: flex; justify-content: center;}
    .fortalezas {padding-bottom: 2rem;}
    section#prodcutTabs, #sobrenostrosProduct {background: #f4ebe2;}
}