:root {
--main-bg-color: #fff;
--main-bg-payments-color: #f5f5f5;
--main-accent-color: #285098;
--main-accent-hover-color: #c4d1e3;
--main-txt-color: #757575;
--main-padding: 12px;
--main-border-radius: 10px;
--cart-message-color: rgb(228, 228, 228);
}   #et-info-email,
#et-info-phone,
.et-cart-info span {
position: relative;
display: none;
}   @media (max-width: 980px) { #top-menu li.current-menu-item > a {
color: var(--main-accent-color) !important;
}  #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
content: "\4d";
} #et-top-navigation {
float: left;
padding-left: 0 !important;
padding-right: 5px;
}
#et_mobile_nav_menu {
float: left;
padding-left: 10px !important;
}
.et_header_style_left .logo_container {
position: absolute;
height: 56px;
width: 100%;
text-align: center;
}
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
position: fixed;
height: 56px;
}
.et_header_style_left #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 15px;
display: block;
width: 100%;
}
.et_header_style_left .logo_container {
position: absolute;
height: 56px;
width: 100%;
} #main-header,
#main-header.et-fixed-header .container {
background-color: var(--main-bg-color) !important;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}
#main-header .et_mobile_menu {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color: var(--main-bg-color) !important;
}
.et_menu_container {
width: 100%;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar {
padding-bottom: 9px;
} .et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: "ETmodules";
content: "\4c";
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after {
content: "\4d";
}
.second-level {
transition: opacity 0.5s ease-out;
opacity: 0;
height: 0;
overflow: hidden;
}
.reveal-items {
display: block;
opacity: 1;
height: auto;
}
#logo {
max-height: 80%;
}
}   #checkout-form #payment {
background: #f3f3f3;
border-radius: 1px;
}
#checkout-form #payment a {
color: var(--main-accent-color);
}
#checkout-form #payment p,
#checkout-form .form-row {
text-align: left;
}
#checkout-form #payment .button {
margin-top: 20px;
}
#billing_subject {
min-height: 280px;
} @media screen and (min-width: 980px) {
.paypal-button.paypal-button-layout-vertical {
margin-bottom: 18px;
margin-top: 18px;
}
.woocommerce-checkout #payment {
width: 100% !important;
padding: 8px;
}
#checkout-form .col2-set .col-1,
#checkout-form .col2-set .col-2 {
float: left;
width: 100%;
}
.woocommerce-checkout h3 {
width: 45%;
text-align: center;
padding: 10px;
margin-bottom: 30px;
float: right;
}
#checkout-form .woocommerce-input-wrapper input {
padding: 0.6em;
}
.woocommerce-shipping-fields h3,
.woocommerce-billing-fields h3 {
width: 100%;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 45%;
float: left;
}
.woocommerce-checkout-review-order {
width: 45%;
float: right;
}
#checkout-form .woocommerce-additional-fields h3 {
float: left;
width: 100%;
margin-top: 30px;
margin-bottom: 18px;
}
#ship-to-different-address {
margin-top: 12px;
text-align: start;
margin-left: 0;
font-size: 16px;
padding-left: 0;
}
}   #cart-form .coupon #coupon_code {
width: auto;
}
#cart-form td.product-name a {
color: var(--main-accent-color);
}
#cart-form .product-remove a.remove {
color: #ff7070 !important;
}
#cart-form .product-remove a.remove:hover {
background: #ff7070;
color: white !important;
}
#cart-form td.product-thumbnail a img {
display: none;
}
#cart-form #coupon_code,
#cart-form .quantity .input-text {
background-color: #b8b8b82e !important;
color: var(--main-accent-color) !important;
}
#cart-form .product-quantity .quantity {
width: auto !important;
}
@media only screen and (min-width: 980px) {
#cart-form .product-price,
#cart-form .product-quantity,
#cart-form .product-subtotal {
text-align: center;
}
}
@media only screen and (max-width: 980px) {
#cart-form .product-remove a.remove {
display: flex;
align-items: center;
}
#cart-form .product-remove a.remove::after {
color: #ff7070 !important;
content: "Eliminar";
font-size: 16px;
margin-left: 15px;
margin-top: 2px;
}
#cart-form .product-remove a.remove:hover {
background: transparent;
color: #ff7070 !important;
}
#cart-form td.product-thumbnail {
display: block;
}
#cart-form td.product-thumbnail::before {
content: none;
}
#cart-form .coupon #coupon_code {
width: 100%;
margin-bottom: 15px;
}
#cart-form .coupon .button {
float: left;
width: 100%;
}
}       #my-account .woocommerce .woocommerce-MyAccount-content a.button.view,
#my-account .account-button,
#my-account a.button.pay,
#my-account a.button.cancel,
#my-account button.woocommerce-Button.button,
#my-account .order-again a.button,
.return-to-shop a.button,
#shop li.product .button,
#checkout-form #payment .button,
#cart-form .button {
padding: 4px 20px !important;
margin: 8px 0px;
border: none !important;
border-radius: 3px !important;
background-color: var(--main-accent-color);
transition: all 0.2s ease-in-out;
color: white !important;
text-transform: none !important;
box-shadow: 0px 2px 6px rgba(40, 80, 152, 0);
}
#my-account .woocommerce .woocommerce-MyAccount-content a.button.view:hover,
#my-account a.button.pay:hover,
#my-account .account-button:hover,
#my-account button.woocommerce-Button.button:hover,
#my-account .order-again a.button:hover,
.return-to-shop a.button:hover,
#shop li.product .button:hover,
#checkout-form #payment .button:hover,
#cart-form .button:hover {
transform: translate(0px, -2px);
box-shadow: 0px 2px 6px rgba(40, 80, 152, 0.2);
}
#my-account a.button.cancel {
background-color: #ff7070 !important;
}
#my-account a.button.cancel:hover {
transform: translate(0px, -2px);
box-shadow: 0px 2px 6px rgba(#ff7070, 0.2);
}
#my-account a.button.pay {
margin-right: 8px;
}
#my-account .account-button {
text-transform: uppercase;
padding: 12px 30px !important;
}
#my-account button.woocommerce-Button.button {
margin-top: 20px;
}
#my-account mark {
background-color: #8fb5fd;
}
.woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding: 0px;
}
.woocommerce-MyAccount-navigation ul li {
padding: 0px 10px 0px 10px;
}
.woocommerce-MyAccount-navigation ul .is-active {
background: #c4d1e38f;
border-radius: 1px;
}
.woocommerce-MyAccount-navigation ul li a {
font-size: 18px;
padding-top: 12px;
padding-bottom: 12px;
line-height: 50px;
}
.woocommerce-MyAccount-navigation ul li a:before {
font-family: ETmodules !important;
padding-right: 20px;
font-size: 18px;
padding-top: 12px;
padding-bottom: 12px;
} .woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--orders
a:before {
content: "\e013";
} .woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--subscriptions
a:before {
content: "\e108";
}
.woocommerce-MyAccount-navigation
ul
li.woocommerce-MyAccount-navigation-link--edit-account
a:before {
content: "\6c";
}   @media (max-width: 767px) {
.woocommerce-MyAccount-navigation ul {
padding-bottom: 1em;
border-bottom: 5px solid var(--main-accent-color);
border-width: 2px;
margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a:before,
.woocommerce-MyAccount-navigation ul li a {
font-size: 18px;
}
}   #login-error {
width: 100%;
max-width: 600px;
font-weight: 600;
color: rgba(255, 255, 255, 0.69) !important;
background-color: #ff4949;
border-radius: 3px 3px 3px 3px;
overflow: hidden;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: left;
-webkit-animation: bounceInUp 1.5s ease-in-out;
-o-animation: bounceInUp 1.5s ease-in-out;
-ms-animation: bounceInUp 1.5s ease-in-out;
-moz-animation: bounceInUp 1.5s ease-in-out;
animation: bounceInUp 1.5s ease-in-out;
}
#login-error .alert-icon {
font-size: 26px;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-10px);
}
80% {
-webkit-transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-10px);
}
80% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}
@media screen and (max-width: 980px) {
#login-error {
width: 80%;
}
}