/*
 Theme Name:   MerCat&Dog Theme
 Theme URI:    http://it2b.es
 Description:  MerCat&Dog Theme based on Divi from Elegant Themes
 Author:       it2b, Fiona Marí, Ángela Russi, Alejo Palacio, Luis Mas
 Author URI:   http://it2b.es
 Template:     Divi
 Version:      1.0.0
 Text Domain:  mcad
*/

:root {
    --font-primary: 'Tahoma', 'Verdana', 'Geneva', sans-serif;
    --font-secondary: 'Roboto Condensed', sans-serif;
    --black: #282828;
    --blue: #9ec8db;
    --grey: #f1f2f2;
}

/* Fonts */
@font-face {
    font-family: 'Tahoma';
    src: url('fonts/Tahoma.woff') format('woff'),
        url('fonts/Tahoma.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tahoma';
    src: url('fonts/Tahoma-Bold.woff') format('woff'),
        url('fonts/Tahoma-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('fonts/RobotoCondensed-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 1.3;
    color: var(--black);
}
h1, h2 {
    font-family: var(--font-secondary);
}
a {
    color: var(--black)
}
a:hover {
    text-decoration: underline;
}

/* General styles */
.container,
.et_pb_row,
.et_pb_fullscreen .et_pb_fullwidth_header_container {
    max-width: 990px;
    width: 86%;
}
body:not(.logged-in) #main-content .container::before {
    display: none;
}
body:not(.logged-in) #left-area {
    float: none;
    width: 100%;
    padding-left: 0;
}
@media (min-width: 981px) {
    #sidebar {
        width: 22.75%;
    }
    #left-area {
        width: 77.25%;
    }
}

/* Buttons */
.et_pb_button,
.et_button_no_icon .et_pb_button,
body a.small-button,
.woocommerce button.button, 
.woocommerce-page button.button,
.woocommerce div.product form.cart .button,
.woocommerce a.button.alt, .woocommerce-page a.button.alt {
    min-width: 165px;
    padding: 4px 15px !important;
    border-color: transparent;
    font-family: var(--font-secondary);
    font-size: 1.688rem;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--blue);
}
.woocommerce button.button, 
.woocommerce-page button.button, 
.woocommerce-page .woocommerce button.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover {
    color: var(--black);
}
.woocommerce button.button:hover, 
.woocommerce-page button.button:hover {
    opacity: .8;
}
.woocommerce button.button::after, 
.woocommerce-page button.button::after {
    display: none;
}
.woocommerce a.button.alt:after, 
.woocommerce-page a.button.alt:after {
    line-height: 2.8rem;
}

/* Header */
#et-info {
    float: none;
    padding: 5px 0 0;
}
#et-info-phone,
#et-info-email {
    display: inline-block;
    color: #fff;
}
#et-info-phone::before,
#et-info-email::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
#et-info-phone::before {
    background: url('https://mercatanddog.com/wp-content/themes/mercatanddog/images/phone.svg') center/contain no-repeat;
}
#et-info-email::before {
    background: url('https://mercatanddog.com/wp-content/themes/mercatanddog/images/email.svg') center/contain no-repeat;
    vertical-align: text-bottom;
}
#et-info-phone:hover {
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#top-menu .menu-item-has-children>a:first-child:after, 
#et-secondary-nav .menu-item-has-children>a:first-child:after {
    font-weight: 100;
}
.menu-profile a {
    font-size: 0;
    padding-right: 0 !important;
}
.menu-profile > a::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('images/user.svg') center/contain no-repeat;
}
#top-menu .menu-profile > a::after {
    position: relative !important;
}
#et-top-navigation .et-cart-info {
    font-size: 11px;
}
.et-cart-info span::before {
    content: '';
    margin-right: 5px;
    font-size: 19px;
}
.et-search-field {
    font-size: 14px !important;
}
body.et_secondary_nav_enabled #page-container #top-header {
    font-size: 1rem;
    background-color: #b7d6e4 !important;
}
#top-header #et-secondary-nav li ul {
    padding: 10px;
    background-color: var(--grey);
}
#top-header .container {
    padding-top: 20px;
}
#top-header a, #top-header a {
    color: var(--black);
}
#main-header a:hover,
#top-header a:hover {
    text-decoration: none;
} 
#et-secondary-menu {
    float: none;
}
#et-secondary-nav li {
    margin-right: 30px;
    text-align: left;
}
#et-secondary-menu>ul>li>a {
    padding-bottom: 20px;
    text-transform: uppercase;
}
#et-secondary-nav li li {
    padding: 0;
}
#et-secondary-nav li li a {
    font-size: 13px;
}
#et-secondary-nav li li.current-menu-item a {
   border-left: 1px solid var(--black);
   background-color: rgba(0,0,0,0.03);
}
.mobile_nav .mobile_menu_bar::before {
    color: #fff;
}
.et_mobile_menu > .menu-item:not(.menu-profile) {
    text-transform: uppercase;
}
.et_mobile_menu .menu-profile > a::before {
    margin-right: 5px;
}

/*.et_mobile_device #et_top_search {
    display: none;
}*/

.et_mobile_device #et-top-navigation .et-cart-info {
    margin: 3px 15px 0 15px;
}
@media screen and  (max-width:980px) {
    #top-header {
        display: none;
    }
}
/* Collapsible submenu mobile */
.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    content: '\4c';
    font-weight: normal;
    position: absolute;
    font-size: 16px;
    top: 13px;
    right: 10px;
}
.et_mobile_menu .menu-item-has-children > .icon-switch:after{
    content: '\4d';
}
.sub-menu li {
    display: none;
}
.sub-menu .reveal-items {
    display: block;
}

/* Footer */
#main-footer {
    margin-top: 50px;
}
.credits {
	display: inline-block;
	line-height: 1em;
}
.credits::before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 17px;
	margin-right: 3px;
	background: url(images/it2b.png) center/contain no-repeat;
	vertical-align: bottom;
}
.et-social-facebook a.icon::before {
    content: '';
    display: block;
    width: 14px;
    height: 22px;
    background: url('https://mercatanddog.com/wp-content/themes/mercatanddog/images/facebook.svg') center/contain no-repeat;
}
.et-social-instagram a.icon::before {
    font-size: 20px;
}

/* Forms */
.orderby, .woocommerce div.product form.cart .variations td select {
    padding: 12px;
    border-radius: 5px;
}

/* Home */
.et_pb_slider {
    border-radius: 10px;
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 27% 5%;
}
.et_pb_slide_content {
    font-size: 16px;
}
.et_pb_slider .et_pb_button {
    font-size: 20px;
}
.et_pb_slider .et_pb_button {
    background-color: var(--black);
}
.et_pb_slider .et_pb_button:hover {
    background-color: var(--blue);
}.et_pb_slider .et_pb_button::after {
    display: none !important;
}
.et_pb_slider a:hover {
    text-decoration: none;
}
.row-pets .et_pb_module {
    padding-top: 80%;
    border-radius: 10px;
}
.row-pets .et_pb_module::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 40%;
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.row-pets .et_pb_column:nth-child(2) .et_pb_module:before {
    background-image: url(https://mercatanddog.com/wp-content/themes/mercatanddog/images/overlay2.svg);
}
.row-pets .et_pb_column:nth-child(1) .et_pb_module::before {
    background-image: url(https://mercatanddog.com/wp-content/themes/mercatanddog/images/overlay3.svg);
}

.row-pets .et_pb_column:nth-child(3) .et_pb_module::before {
    background-image: url(https://mercatanddog.com/wp-content/themes/mercatanddog/images/overlay1.svg);
}

.row-pets .et_pb_module:hover::before {
    opacity: 0;
}
.row-pets .et_pb_text_inner {
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--font-secondary);
    background-color: var(--black);
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 0 -10px -10px;
}
@media screen and (max-width:980px) {
    .home.logged-in .et_pb_section_0 .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
    }
    .et_pb_section_0 .et_pb_row_inner_1 {
        display: flex;
        gap: 30px;
    }
    .row-pets {
        padding-top: 0 !important;
    }
    .row-pets.et_pb_row_inner::after {
        display: none;
    }
}
@media screen and (max-width:680px) {
    .row-pets .et_pb_text_inner {
        font-size: 20px;
    }
}


/* Loggin */
body.woocommerce-account:not(.logged-in) .et_pb_row {
    max-width: 500px;
}
body.woocommerce-account:not(.logged-in) .woocommerce h2 {
    display: none;
}
.woocommerce form.login {
    border-radius: 0;
    border-color: var(--grey);
    background-color: var(--grey);
}
.woocommerce form.login .form-row input.input-text {
    border-radius: 5px;
    background-color: #fff;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
}
.woocommerce form.woocommerce-ResetPassword .form-row {
    width: 100%;
}
.woocommerce form.woocommerce-ResetPassword .form-row label {
    font-weight: 500;
}

/* Sidebar */
.et_pb_module.et_pb_sidebar_0,
.et_left_sidebar #sidebar {
    padding: 0 15px;
    border: none;
    border-radius: 10px;
    background-color: var(--grey);
}
.wpf_item.wpf_item_pa_mascota {
    display: none !important;
}
.wpf_column_vertical {
    font-size: 13px;
}
.et_pb_sidebar_0 .wpf_item input[type="checkbox"],
#sidebar .wpf_item input[type="checkbox"] {
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
}
.wpf_items_wrapper .wpf_item ul li {
    margin-right: 0 !important;
}
.child-terms-title {
    display: block;
    width: 100%;
    margin: 0 0 0.8em;
    padding: 0.8em 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-weight: bold;
    font-size: 1em;
}
.child-terms li {
    padding-bottom: 12px;
    font-size: 14px;
    text-transform: capitalize;
}

/* Product list */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    font-size: 13px;
}
.woocommerce ul.products li.product a {
    text-align: center;
}
.woocommerce ul.products li.product a img {
    max-height: 120px;
    width: auto;
    margin: 0 auto 10px !important;
}

/* Single product */
.single-product.et_left_sidebar #sidebar,
.et_left_sidebar #main-content .container::before {
    display: none !important;
}
.single-product #left-area {
    width: 100%;
    float: none;
    padding-left: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-weight: 700;
}
.single-product .price {
    display: inline-block;
    margin-bottom: 20px;
}
.single-product .woocommerce-variation-add-to-cart {
    margin-top: 20px;
}
.woocommerce .quantity input.qty {
    padding: 18px 16px;
    border-radius: 5px;
}
.sku_wrapper {
    display: block;
}
.product .related h2.woocommerce-loop-product__title {
    font-size: 1rem !important;
}
/* Single product - tabs */
body.woocommerce .woocommerce-tabs {
    border-radius: 10px;
    border-width: 2px;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs, 
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs {
    border-radius: 10px 10px 10px 0;
    background-color: #fff;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li, 
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, 
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
    border: none;
}
body.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a, 
body.woocommerce.single-product #content-area div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 22px !important;
}
@media screen and (max-width: 826px) {
    .single-product.woocommerce .quantity input.qty {
        margin: 10px 0;
    }
}

/* Cart & Checkout */
.woocommerce-cart #sidebar,
.woocommerce-cart #main-content .container::before,
.woocommerce-checkout #sidebar,
.woocommerce-checkout #main-content .container::before {
    display: none !important;
}
.woocommerce-cart #left-area,
.woocommerce-checkout #left-area {
    width: 100%;
    padding-left: 0;
    float: none;
}
.woocommerce-cart .shop_table .button {
    font-size: 20px;
}
#order_review_heading {
    padding-top: 30px;
}
.woocommerce form .form-row input.input-text {
    border-radius: 5px;
}
.select2-container .select2-selection--single {
    height: 52px;
}
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    padding: 12px;
}

/* Search results */
.search-results .entry-title {
    font-size: 1em;
}
.search-results article img {
    max-height: 120px;
    width: auto;
    margin: 0 auto 10px !important; 
}
.search-results a:hover {
    text-decoration: none;
}
.search-results .price {
    font-size: 14px;
    color: #666;
}
@media (min-width:980px) {
    .search-results article {
        float: left;
        width: 28.353%;
        margin-right: 7.47%;
        margin-bottom: 2.992em;
        text-align: center;
    }
    .search-results article:nth-child(3n) {
        margin-right: 0;
    }
}

/* Pagination */
.pagination {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
.page-numbers {
    display: inline-block;
    width: 30px;
    height: 30px;
	margin: 2px;
	border-radius: 20px;
	line-height: 30px;
	font-weight: 700;
    text-align: center;
    background-color: var(--grey);
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.page-numbers.current,
.page-numbers:hover {
	color: #fff;
	background-color: var(--black);
}