/*
Theme Name: Toner on the go WooCommerce
Theme URI:
Description:Tema para la tienda virtual de TOTG
Author: Omar Esquivel Quiroz
Template: storefront
Version: 1.0
License: GNU General Public License v2 or later
Tags: WootCommerce, toner, suministros, lexmark, ecommerce
*/
body{ background-color: #daead7;}
.wp-block-button__link:not(.has-text-color) {
color: #c1f469;
}

.wp-block-button__link:not(.has-text-color):hover,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):active {
color: #c1f469;
}

.wp-block-button__link:not(.has-background) {
background-color: #008a44;
}

.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):active {
border-color: #00712b;
background-color: #00712b;
}

.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
background-color: #008a44;
border-color: #008a44;
color: #c1f469;
}

.wp-block-quote footer,
.wp-block-quote cite,
.wp-block-quote__citation {
color: #708201;
}

.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote__citation {
color: #708201;
}

.wp-block-image figcaption {
color: #708201;
}

.wp-block-separator.is-style-dots::before {
color: #008a44;
}

.wp-block-file a.wp-block-file__button {
color: #c1f469;
background-color: #008a44;
border-color: #008a44;
}

.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:active {
color: #c1f469;
background-color: #00712b;
}

.wp-block-code,
.wp-block-preformatted pre {
color: #708201;
}

.wp-block-table:not( .has-background ):not( .is-style-stripes ) tbody tr:nth-child(2n) td {
background-color: #d8e8d5;
}

.wp-block-cover .wp-block-cover__inner-container h1:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h2:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h3:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h4:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h5:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h6:not(.has-text-color) {
color: #ffffff;
}

.wc-block-components-price-slider__range-input-progress,
.rtl .wc-block-components-price-slider__range-input-progress {
--range-color: #008a44;
}

/* Target only IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.wc-block-components-price-slider__range-input-progress {
    background: #008a44;
}
}

.wc-block-components-button:not(.is-link) {
background-color: #008a44;
color: #c1f469;
}

.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus,
.wc-block-components-button:not(.is-link):active {
background-color: #00712b;
color: #c1f469;
}

.wc-block-components-button:not(.is-link):disabled {
background-color: #008a44;
color: #c1f469;
}

.wc-block-cart__submit-container {
background-color: #daead7;
}

.wc-block-cart__submit-container::before {
color: rgba(183,199,180,0.5);
}

.wc-block-components-order-summary-item__quantity {
background-color: #daead7;
border-color: #708201;
box-shadow: 0 0 0 2px #daead7;
color: #708201;
}
/*segundo codigo css de woocommerce */
.main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a,
button.menu-toggle,
button.menu-toggle:hover,
.handheld-navigation .dropdown-toggle {
    color: #c1f469;
}

button.menu-toggle,
button.menu-toggle:hover {
    border-color: #c1f469;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
    color: #ffffaa;
}

table:not( .has-background ) th {
    background-color: #d3e3d0;
}

table:not( .has-background ) tbody td {
    background-color: #d8e8d5;
}

table:not( .has-background ) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
    background-color: #d6e6d3;
}

.site-header,
.secondary-navigation ul ul,
.main-navigation ul.menu > li.menu-item-has-children:after,
.secondary-navigation ul.menu ul,
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li.search .site-search,
button.menu-toggle,
button.menu-toggle:hover {
    background-color: #4b896d;
    
}

p.site-description,
.site-header,
.storefront-handheld-footer-bar {
    color: #ffffff;
}

button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
    background-color: #c1f469;
}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
    color: #008a44;
}

.widget h1 {
    border-bottom-color: #008a44;
}

body,
.secondary-navigation a {
    color: #708201;
}

.widget-area .widget a,
.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
    color: #758706;
}

a {
    color: #008a44;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color: #008a44;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #008a44;
    border-color: #008a44;
    color: #c1f469;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #00712b;
    border-color: #00712b;
    color: #c1f469;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    background-color: #008a44;
    border-color: #008a44;
    color: #c1f469;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
    background-color: #00712b;
    border-color: #00712b;
    color: #c1f469;
}

.pagination .page-numbers li .page-numbers.current {
    background-color: #c1d1be;
    color: #667800;
}

#comments .comment-list .comment-content .comment-text {
    background-color: #d3e3d0;
}

.site-footer {
    background-color: #074f4b;
    color: #c1f469;
}

.site-footer a:not(.button):not(.components-button) {
    color: #c1f469;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
    color: #c1f469;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
    color: #ffffff;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
    color: #ffffff;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
    color: #ffffff;
}

@media screen and ( min-width: 768px ) {
    .secondary-navigation ul.menu a:hover {
        color: #ffffff;
    }

    .secondary-navigation ul.menu a {
        color: #ffffff;
    }

    .main-navigation ul.menu ul.sub-menu,
    .main-navigation ul.nav-menu ul.children {
        background-color: #3c7a5e;
    }

    .site-header {
        border-bottom-color: #3c7a5e;
    }
}
/* tercer codigo css woocommerce */
@font-face {
    font-family: star;
    src: url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/star.eot);
    src:
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: WooCommerce;
    src: url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
    src:
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),
        url(https://toner-on-the-go.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
    font-weight: 400;
    font-style: normal;
}

a.cart-contents,
.site-header-cart .widget_shopping_cart a {
    color: #c1f469;
}

a.cart-contents:hover,
.site-header-cart .widget_shopping_cart a:hover,
.site-header-cart:hover > li > a {
    color: #ffffaa;
}

table.cart td.product-remove,
table.cart td.actions {
    border-top-color: #daead7;
}

.storefront-handheld-footer-bar ul li.cart .count {
    background-color: #c1f469;
    color: #4b896d;
    border-color: #4b896d;
}

.woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale,
.wc-block-grid__product-onsale,
.widget_search form:before,
.widget_product_search form:before {
    color: #708201;
}

.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
    color: #758706;
}

.wc-block-grid__product-onsale,
.onsale {
    border-color: #708201;
}

.star-rating span:before,
.quantity .plus, .quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    color: #008a44;
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #008a44;
}

.order_details {
    background-color: #d3e3d0;
}

.order_details > li {
    border-bottom: 1px dotted #becebb;
}

.order_details:before,
.order_details:after {
    background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#d3e3d0 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#d3e3d0 33.33%,transparent 33.33%)
}

#order_review {
    background-color: #daead7;
}

#payment .payment_methods > li .payment_box,
#payment .place-order {
    background-color: #d5e5d2;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
    background-color: #d0e0cd;
}

#payment .payment_methods > li:not(.woocommerce-notice):hover {
    background-color: #cbdbc8;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #c1d1be;
    color: #667800;
}

.wc-block-grid__product-onsale,
.onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    color: #708201;
}

p.stars a:before,
p.stars a:hover~a:before,
p.stars.selected a.active~a:before {
    color: #708201;
}

p.stars.selected a.active:before,
p.stars:hover a:before,
p.stars.selected a:not(.active):before,
p.stars.selected a.active:before {
    color: #008a44;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background-color: #008a44;
    color: #c1f469;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    background-color: #00712b;
    border-color: #00712b;
    color: #c1f469;
}

.button.added_to_cart:focus,
.button.wc-forward:focus {
    outline-color: #008a44;
}

.added_to_cart,
.site-header-cart .widget_shopping_cart a.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
    background-color: #008a44;
    border-color: #008a44;
    color: #c1f469;
}

.added_to_cart:hover,
.site-header-cart .widget_shopping_cart a.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
    background-color: #00712b;
    border-color: #00712b;
    color: #c1f469;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #008a44;
    border-color: #008a44;
    color: #c1f469;
}

.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
    background-color: #00712b;
    border-color: #00712b;
    color: #c1f469;
}

.button.loading {
    color: #008a44;
}

.button.loading:hover {
    background-color: #008a44;
}

.button.loading:after {
    color: #c1f469;
}

@media screen and ( min-width: 768px ) {
    .site-header-cart .widget_shopping_cart,
    .site-header .product_list_widget li .quantity {
        color: #ffffff;
    }
    .storefront-primary-navigation {
        background-color: rgb(07, 79, 75);
    }

    .site-header-cart .widget_shopping_cart .buttons,
    .site-header-cart .widget_shopping_cart .total {
        background-color: #417f63;

    }

    .site-header-cart .widget_shopping_cart {
        background-color: #3c7a5e;
    }
}
    .storefront-product-pagination a {
        color: #708201;
        background-color: #daead7;
    }
    .storefront-sticky-add-to-cart {
        color: #708201;
        background-color: #daead7;
    }

    .storefront-sticky-add-to-cart a:not(.button) {
        color: #c1f469;
    }
/* nuevos estilos */

.woocommerce .products .product-category a img{
    transition: all .5s ease-in-out;
}
.woocommerce .products .product-category a img:hover{
    -webkit-filter: drop-shadow(10px 10px 4px #666);
    filter: drop-shadow(10px 10px 4px #666);
    transform: scale(1.1, 1.1);
   
}
.products .product a img{
    transition: all .5s ease-in-out;
}
.products .product a img:hover{
    -webkit-filter: drop-shadow(10px 10px 4px #666);
    filter: drop-shadow(10px 10px 4px #666);
    transform: scale(1.1, 1.1);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link .wc-block-grid__product-image{
    transition: all .5s ease-in-out;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link .wc-block-grid__product-image:hover{
    transform: scale(1.1, 1.1);
}

.wc-block-components-totals-shipping__change-address__link{
    color:#008a44;
}


/*  color para el carrito como menu emergente  #4b896d  */


/*  estilo del mensaje de error  */ 
.woocommerce-error{
    background-color: #0f834d;
}

.main-navigation ul li a:hover{
    background-color:#4b896d;
}

button.menu-toggle:hover{
    background-color: #074f4b;
}

/*  menu en mobile divices  */
@media screen and ( max-width: 767px ) {
    button.menu-toggle:hover{
        background-color: #074f4b;
    }
    .main-navigation.toggled .handheld-navigation{
        background-color: rgb(07, 79, 75);
        
    }
    
  

    .main-navigation .handheld-navigation ul li a{
        padding-left: 30px;
    }
    .main-navigation ul li a:hover{
        background-color:#4b896d;
    }
}
/*  carrito emergente en modo desktop  */
.site-header-cart .woocommerce.widget_shopping_cart{
    background-color: #074f4b;
}
.site-header-cart .woocommerce.widget_shopping_cart .buttons{
    background-color: transparent;
}
a.remove::before{
    color: rgb(254, 45, 45);
}
/*  site footer header h2 cambio de color  */
.site-footer h2, .site-footer .widget .widget-title{
    color: #ffffaa;
}
/*  estilos de los creditos del nuevo footer  */

.reservados{
    padding: 2rem 0;
    text-align: center;
    font-size: 1.3rem;
}
@media screen and ( max-width: 767px ){
    .reservados{
       padding: 2rem 0 6rem 0;
    }
}
/*  margin bottom para el header del homepage  */

.page-template-template-homepage .type-page{
    margin-bottom: 0;
    padding-top: 0;
}

/*  slogan para el header  */
.totg_slogan_custom{
    color: #c1f469;
    color: #ffffaa;
    padding: 2rem 0;
    font-size: 1.3rem;
}
.totg_slogan_custom_text{
    width: 73.9130434783%;
    padding: 0 .617924em;
    margin: 0 auto;
}
@media screen and ( max-width: 767px ){
    .totg_slogan_custom_text{
      padding: 0;
      margin: 0;
    }
}

@media screen and ( max-width: 907px ){
    .totg_slogan_custom_text{
        width: 100%;
        text-align: center;
    }
}
.entry-header{
    display: none;
}

/*  estilos para campos de checkout rfc y uso cfdi  */
#rfc_field, #uso_cfdi_field {
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s ease-in-out;
    transition: opacity 0.5s linear;
    height: 0;
}

.totg_mostrar_uso_rfc{    
    visibility: visible !important;
    opacity: 1 !important;
    transition: visibility .3s ease-in-out !important;
    transition: opacity 0.5s linear !important;
    height: auto !important;
}
/*  cambiar el color del selector a blanco para que parezca vacío  */ 
#payment .payment_methods>.woocommerce-PaymentMethod>label::before, #payment .payment_methods>.wc_payment_method>label::before{
    color: white;
}