/*
Theme Name: Socorro
Author: Anonymous
Author URI:
Version: 1
Description: Socorro theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/

.wp-block-woocommerce-cart-link{
	display:none;
}

@media (min-width: 1280px) {
	.intro .wrap {
		max-width: 67.5625rem !important;
	}
}

.nav li.active a:not(:hover) {
    border-color: transparent;
}
/* @media (min-width: 1280px) {
    .press .h2, .press h2 {
        font-size: 1.8125rem !important;
    }
} */

/* Main variables for color scheme and animations */
:root {
  --light-color-rgb: 255, 255, 255;
  --dark-color-rgb: 51, 51, 51;              /* was 0,0,0 */
  --light-color: #ffffff;                    /* explicit white */
  --dark-color: rgb(51, 51, 51);             /* dark background */
  --text-color: #5e5e5e;                     /* body font color */
  --heading-color: #c92222;                  /* headings & highlights */
  --animation-speed: 1.8s;
  --btn-text-padding-x: 15px;
  --btn-text-width: 120px !important;
}

/* Global typography */
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: var(--text-color);
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Special Elite", "Times New Roman", serif;
  color: var(--heading-color);
}

/* Start temporary code for example styles */
.example-box .tr-widget {
  margin-bottom: 20px;
}
/* End temporary code for example styles */

/* Basic container styles */
.tr-widget,
.tr-widget * {
  box-sizing: border-box;
}

.tr-widget {
  display: flex;
  justify-content: flex-end;
	position: fixed;
    z-index: 99999;
}

/* Widget button styles */
.tr-widget__btn {
  font: 400 16px/1.4 "Open Sans", Arial, Helvetica, sans-serif !important;
  letter-spacing: 1px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  overflow: hidden;
  color: var(--text-color);              /* was var(--dark-color) */
  background-color: var(--light-color);  /* white background */
  padding: 2px;
  border-radius: 50rem;
  box-shadow: 0 3px 5px rgba(var(--dark-color-rgb), 0.1);
  animation: btn-animation var(--animation-speed) ease 1 forwards;
  transform-origin: center bottom;
  -webkit-tap-highlight-color: transparent;
}

/* Glare effect on button */
.tr-widget__btn::after {
  transition: left 0.3s linear;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100px;
  width: 80px;
  background-image: linear-gradient(to right, rgba(var(--light-color-rgb), 0) 0%,rgba(var(--light-color-rgb), 0) 5%,rgba(var(--light-color-rgb), 0.8) 40%,rgba(var(--light-color-rgb), 0.8) 60%,rgba(var(--light-color-rgb), 0) 95%,rgba(var(--light-color-rgb), 0) 100%);
  transform: skewX(-25deg);
}

/* .tr-widget__btn:hover .tr-widget__btn-text {
  width: var(--btn-text-width);
  padding: 0 var(--btn-text-padding-x);
}

.tr-widget__btn:hover .tr-widget__btn-text::before {
  width: 0;
} */

/* Button logo styles */
.tr-widget__btn-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px !important;
  height: 44px !important;
  background-color: #ffffff; /* was #f3f3f3 to keep bg colors white/51,51,51 */
  border-radius: 50rem;
  box-shadow: inset 1px 4px 5px rgba(var(--dark-color-rgb), 0.25);
  animation: btn-logo-animation var(--animation-speed) ease 1 forwards;
}

.tr-widget__btn-logo img {
  display: block;
  width: 32px !important;
  height: 32px !important;
  object-fit: contain;
}

/* Button text container styles */
.tr-widget__btn-text {
  transition: width 0.5s ease, padding 0.5s ease;
  text-align: center;
  white-space: nowrap;
/*   width: var(--btn-text-width); */
  padding: 0 var(--btn-text-padding-x);
  overflow: hidden;
  position: relative;
  animation: btn-text-animation var(--animation-speed) ease 1;
  animation-fill-mode: none;
}

/* Gradient covering text */
.tr-widget__btn-text::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  transition: width 0.5s ease;
  background-image: linear-gradient(to right, rgba(var(--light-color-rgb), 0) 0%, rgba(var(--light-color-rgb), 0.5) 40%, rgba(var(--light-color-rgb), 1) 100%);
  animation: btn-text-gradient-animation var(--animation-speed) ease 1;
  animation-fill-mode: none;
}

/* Preloader styles */
.tr-widget__preloader {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 10px;
	
	background-image: linear-gradient(to right, rgba(63,63,63, 0.5), 0) 0%, rgba(63,63,63, 0.5) 40%, rgba(63,63,63, 0.5), 1) 100%);
	
/* 
 * background-image: linear-gradient(to right, rgba(var(--light-color-rgb), 0) 0%, rgba(var(--light-color-rgb), 0.5) 40%, rgba(var(--light-color-rgb), 1) 100%);
 *   background-image: linear-gradient(135deg, rgba(254, 222, 142, 1) 0%,rgba(249, 123, 102, 1) 25%,rgba(233, 57, 198, 1) 50%,rgba(134, 47, 174, 1) 75%,rgba(26, 79, 191, 1) 100%); */
  box-shadow: 0 3px 5px rgba(var(--dark-color-rgb), 0.1);
}

.tr-widget__preloader::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 3px solid;
  border-radius: 50rem;
  border-color: var(--light-color) var(--light-color) var(--light-color) transparent;
  animation: loader 1s linear infinite forwards;
}

/* Visually hidden text (screen readers only) */
.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Start dark theme styles */
.tr-widget--dark .tr-widget__btn {
  /* box-shadow: 0 3px 8px rgba(var(--light-color-rgb), 0.3); */
  box-shadow: none;
  background-color: rgba(63,63,63, 0.5);   /* var(--dark-color); rgb(51,51,51) */
  color: var(--light-color);            /* kept white for contrast */
}

.tr-widget--dark .tr-widget__btn::after {
  width: 50px;
}

.tr-widget--dark .tr-widget__btn-logo {
  background-color: rgba(63,63,63, 0.5); /* var(--light-color);*/
}

.tr-widget--dark .tr-widget__btn-text::before {
  background-image: linear-gradient(to right, rgba(var(--dark-color-rgb), 0) 0%, rgba(var(--dark-color-rgb), 0.5) 40%, rgba(var(--dark-color-rgb), 1) 100%);
}

.tr-widget--dark .tr-widget__preloader {
  background-color: var(--dark-color);
  /* box-shadow: 0 3px 8px rgba(var(--light-color-rgb), 0.3); */
  box-shadow: none;
}

.tr-widget--dark .tr-widget__preloader::before {
  border-color: var(--dark-color) var(--dark-color) var(--dark-color) transparent;
}

/* END dark theme styles */

/* Glare animation triggered after click */
.tr-widget__btn.is-glare::after {
  animation: btn-glare-animation 0.5s ease 1;
  animation-fill-mode: none;
}

@media (min-width: 768px) {
  :root {
    --btn-text-padding-x: 20px;
    --btn-text-width: 130px;
  }

  .tr-widget__btn {
    padding: 4px;
  }

  .tr-widget__btn-logo {
    width: 48px !important;
    height: 48px !important;
  }

  .tr-widget__preloader {
    width: 56px;
    height: 56px;
  }

  .tr-widget__preloader::before {
    width: 24px;
    height: 24px;
    border-width: 4px;
  }
}

/* Keyframes for button scale animation */
@keyframes btn-animation {
  0% { transform: scale(0); }
  40% { transform: scale(1); }
  100% { transform: scale(1); }
}

/* Keyframes for glare animation */
@keyframes btn-glare-animation {
  0% { left: -100px; }
  100% { left: 100%; }
}

/* Keyframes for logo scale animation */
@keyframes btn-logo-animation {
  0% { transform: scale(1.1); }
  40% { transform: scale(1.1); }
  50% { transform: scale(1); }
  100% { transform: scale(1); }
}

/* Keyframes for button text animation */
@keyframes btn-text-animation {
	0% { width: 0; padding: 0; }
	50% { width: 0; padding: 0; }
	65% { width: var(--btn-text-width); padding: 0 var(--btn-text-padding-x); }
	100% { width: var(--btn-text-width); padding: 0 var(--btn-text-padding-x); }
}

/* Keyframes for button text gradient animation */
@keyframes btn-text-gradient-animation {
  0% { width: 100%; }
  50% { width: 100%; }
  70% { width: 0; }
  100% { width: 0; }
}

/* Keyframes for preloader rotation animation */
@keyframes loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.hero-decor{
  position: absolute;
  top: 4%;
  left: 4%;
  width: 75px;
}
@media (min-width: 768px) {
  .hero-decor{
    width: 100px;
  }
}
@media (min-width: 1025px) {
  .hero-decor{
    width: 150px;
  }
}

.aa.delivered .txt {
  text-align: right;
  align-self: center;
}

.link {
	color: #de1b1b !important;
}

.text-image .h2, .text-image h2 {
	color: #de1b1b !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { display: none !important; }

@media (max-width: 768px) {

.woocommerce ul.products, .woocommerce-page ul.products{
	flex-direction:column;
}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width:100%;
	}
}

.header{
	top:0 !important;
}