/*
 Theme Name:   ATPULSERAS
 Theme URI:    https://atpulseras.com
 Description:  Personalización de GeneratePress para AT pulseras
 Author:       EBWEB
 Author URI:   https://ebweb.es/
 Template:     generatepress
 Version:      0.1
*/


/**************************************************************************/
/******************************* VARIABLES ********************************/
/**************************************************************************/

:root{
--azulete: #00a3e0;
--azulosc: #006B94;
--naranja: #fa4400;
}

.azulete {
color: var(--azulete);
}

.azulosc {
color: var(--azulosc);
}

.naranja {
color: var(--naranja);
}

/**************************************************************************/
/******************************* GENERALES ********************************/
/**************************************************************************/
p strong{
font-weight: 600;
}
.hero-2{
padding-top: 120px;
}

@media (max-width: 768px) {
 .hero-2{
 padding-top: 0px;
 }
}

.button {border-radius: 5px !important;}


.menu.sf-menu ul.sub-menu{
border-radius: 5px;
box-shadow: 2px 2px 5px #e5e5e5;
background: #f6f7f8;
}

.menu.sf-menu ul.sub-menu li a:hover{
background: #e5e5e5;
}



/*** animaciones ***/
.wc-product-image .inside-wc-product-image {
overflow: hidden;
border: 1px solid #e5e5e5;
border-radius: 5px;
}

.wc-product-image .inside-wc-product-image img{
transition: all 0.2s ease-in-out 0s;  
} 

.wc-product-image .inside-wc-product-image:hover img {
transform: scale(1.1);
transform-origin: 50% 50%;
}

/*** Categorías ***/

.tax-product_cat .term-description {
margin-top: 65px;
}

.tax-product_cat .woocommerce-breadcrumb, .archive.woocommerce-shop .woocommerce-breadcrumb {
text-align: center;
margin-bottom: 8px;
}
.tax-product_cat h1, .archive.woocommerce-shop h1{
margin-bottom: 35px;
text-align: center;
}
.tax-product_cat .woocommerce-result-count, .archive.woocommerce-shop .woocommerce-result-count{
 display: none;
}

/*** boton seguir comprando ***/

.woocommerce-notices-wrapper .woocommerce-message a{
padding:10px 15px !important;
}

.woocommerce-order-received .woocommerce-column--billing-address address, .woocommerce-order-received .woocommerce-column--shipping-address address{
margin-bottom: 35px !important;
}

.woocommerce-order-received .content-area{
padding-bottom: 50px;
}

/***** Banner de la home ****/

.masdemil {
margin: 50px 0 25px 0;
padding: 25px 15px 15px 20px;
border: 5px dashed var(--naranja); 
background: #f6f7f8;
font-family: 'Poppins', sans-serif;
font-weight: 700;
text-align: center;
border-radius: 10px;
}
.masdemil span {
display: block;
font-size: 140%;
color: #000 !important;
}

.masdemil p{
text-align: center;
}
.masdemil a{
margin-top: 15px;
display: inline-block;
max-width: 400px;
background: var(--naranja);
transition: all 0.2s ease-in-out 0s;
font-size: 125%;
padding: 10px 25px;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
color: #fff !important;
border-radius: 8px;
}

.masdemil a:hover{
background: var(--azulete);
}


/**************************************************************************/
/********************************* FOOTER *********************************/
/**************************************************************************/
#footer-widgets h4.widget-title{
font-family: 'Poppins', sans-serif;
margin-bottom: 15px;
font-weight: bold;
}
ul.custom-menu.show-arrow {
margin-left:25px;
}
ul.custom-menu.show-arrow li{
font-size:15px;
line-height: 18px;
}
ul.custom-menu.show-arrow li a::before{
content: ' ';
width: 10px;
height: 10px;
background: #fff;
position: absolute;
top: 4px;
left: -18px;
border-radius: 5px;
}
ul.custom-menu.show-arrow li a{
text-decoration: none;
}
ul.custom-menu.show-arrow li a:hover{
text-decoration: underline;
}

body .generate-back-to-top, body .generate-back-to-top:visited {
left: 10px;
bottom: 60px;
right: unset;
border-radius: 0px;
}
/*********************************************************/
/******************* BOTÓN WHATSAPP **********************/
/*********************************************************/

.link-was {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 50px;
  z-index: 9999;
  opacity: 0;
  transform: translateY(40px);
  animation: sale-boton 0.6s ease-out 3s forwards;
}

@keyframes sale-boton {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.link-was:hover img {
  opacity: 0.6;
}

.link-was:hover img{
opacity: 0.6;
}

.generate-back-to-top{
bottom: 20px;
right: 12px;
}
.generate-back-to-top {
bottom: 20px;
left: 12px;
}

/********************************************************/
/******************* TABLA COOKIES **********************/
/********************************************************/
.tablacook{
font-size:14px;
line-height:15px;
}
.tablacook table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
margin-bottom:25px;
padding: 0;
width: 100%;
table-layout: fixed;
}
.tablacook table caption {
font-size: 1.5em;
line-height: 1.5em;
margin: .5em 0 .75em;
}
.tablacook table tr {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;
}
.tablacook table th, .tablacook table td {
padding: .625em;
text-align: center;
}
.tablacook table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
border: 1px solid #ddd;
}
@media screen and (min-width: 1000px) {
 .tablacook table td {
 border: 1px solid #ddd;
 }
}

@media screen and (max-width: 1000px) {
 .tablacook table {
 border: 0;
 }
 .tablacook table caption {
 font-size: 1.3em;
 } 
 .tablacook table thead {
 border: none;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
 } 
 .tablacook table tr {
 border-bottom: 3px solid #ddd;
 display: block;
 margin-bottom: .625em;
 } 
 .tablacook table td {
 border-bottom: 1px solid #ddd;
 display: block;
 font-size: .8em;
 text-align: right;
 }
 .tablacook table td::before {
 content: attr(data-label);
 float: left;
 font-weight: bold;
 text-transform: uppercase;
 }
 .tablacook table td:last-child {
 border-bottom: 0;
 }
}

/***** SVG *****/

.ast-social-color-type-custom{
margin-top: 20px;
width: 200px;
display: flex;
flex-flow: row wrap;
}
.ast-social-color-type-custom a{
font-size: 30px;
font-weight: bold;
text-align: center;
flex-basis: 40px;
}
.ast-social-color-type-custom svg{
fill: #fff ;
width: 32px;
height: 32px;
transition: all 0.1s ease-in-out; 
}
.ast-social-color-type-custom svg:hover {
fill: var(--azulete);
}