/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

html { scroll-behavior: smooth; }
.text-center { text-align: center; !important;}

#cms #content {
    padding: 0;
    margin: 0;
    background-color: unset;
}

.btn-olive {
    outline: unset !important;
    transition: all 0.5s ease;
    background-color: #60570a;
    border: 1px solid white;
    color: white;
}

.btn-olive:hover {
    background-color: white;
    border: 1px solid white;
    color: #60570a;
}

#header .logo {
    max-width: 140px;
    height: auto;
}

#header .header-top {
    padding: 1rem 0;
}

body {
    font-family: "DM Sans",sans-serif !important;
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 400;
    color: #797979;
    background-color: #fff;
    overflow-x: hidden;
}

.carousel-item h1, .carousel-item h2, .carousel-item h3, .carousel-item h4, .carousel-item h5 {
    color: #fff !important;
}

.header-top .top-menu a {
    letter-spacing: 1.6px;
    font-family: "DM Sans",sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6em !important;
    color: #000 !important;
    text-transform: uppercase;
}

.top-menu a[data-depth="0"], #_desktop_cart, #_desktop_user_info {
    padding: .5rem 1rem;
}

button .btn {
    font-family: "DM Sans",sans-serif !important;
    font-size: 13px !important;
    letter-spacing: .2em !important;
    line-height: 1.3em !important;
    font-weight: 500 !important;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .tabs .nav-tabs .nav-link {
    font-family: Marcellus,serif !important;
    text-transform: none;
    color: #000 !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-weight: 500;
}

.product-flags li.product-flag, .product-miniature .product-flags li.product-flag {
    font-family: Marcellus,serif !important;
    text-transform: none;
    font-weight: 400;
}

h1 {
    font-weight: 400 !important;
    font-size: 25px !important;
    line-height: 1.22em !important;
    margin: 25px 0;
}

.main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-grow-1 {
    flex-grow: 1;
}

.header-line {
    height: 1px;
    background: #3d362e;
}

.d-flex {
    display: flex;
}

.carousel {
    margin-bottom: 0;
}

ul.carousel-inner {
    margin-bottom: 0;
}

#carousel {
    height: calc(100vh - 80px);
}

.carousel-inner {
    height: 100% !important;
}

.carousel-item-background, .carousel .carousel-item img {
    height: calc(100vh - 80px);
    width: 100vw;
    background-size: cover;
    background-position: center;
}

.carousel .carousel-control .icon-next {
    right: 3rem;
}

.carousel .carousel-item .caption {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    text-align: center;
    bottom:0;
}

@media (max-width: 991px) {
    .carousel .carousel-item .caption {
        display: none;
    }
}


#custom-text {
    padding: 0 !important;
    margin: 0 !important;
}

#homeImgHalf {
    background: url("/themes/masdelasalud-theme/assets/home-variedades.jpeg") no-repeat;
}

#homeImgHalf, .img-half {
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#homeTextHalf, .text-half {
    position:absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    max-width: unset;
    text-align: center;
}



/*
 * Personalización de estilos por defecto
 */

/*
    - Oscuro: #3d362e
    - Claro:  #88694c
*/

.text-white, #custom-text h2,
#custom-text .page-content.page-cms ul, #custom-text p, .page-content.page-cms #custom-text ul
{
    color: white !important;
}


.btn-primary, .bg-primary,
.custom-radio input[type=radio]:checked+span {
    background-color: #60570a !important;
}

.btn-primary:hover,
.btn-primary.disabled:hover, .btn-primary:disabled:hover ,
.product-flags li.product-flag,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover
{
    background-color: #3a3506 !important;
}


.block_newsletter form input[type=email]:focus {
    border: 3px #88694c solid;
}

.account-list a:hover,
.block_newsletter form button[type=submit] .search:hover,
.footer-container li a:hover,
a,
.product-price,
.tabs .nav-tabs .nav-link.active,
#blockcart-modal .product-name,
#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover,
body#checkout a:hover,
a:focus, a:hover
{
    color: #88694c;
}

#header .top-menu a[data-depth="0"]:hover,
a:hover,
#header a:hover
{
    color: #3d362e;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: #88694c 3px solid;
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover,
#product-modal .modal-content .modal-body .product-images img:hover
{
    border: #88694c 3px solid;
}

.form-control:focus, .input-group.focus {
    outline: 0.1875rem solid #88694c;
}


.form-control:focus {
    border-color: #88694c;
}


.twitter {
    background-image: url('/themes/classic/assets/css/f56d95737d55e2bdba95.svg') !important;
}

.facebook {
    background-image: url('/themes/classic/assets/css/04be689c12d686c59503.svg') !important;
}

.facebook, .twitter {
    background-color: #88694c !important;
}

.facebook.icon-gray:hover, .facebook::before,
.twitter.icon-gray:hover, .twitter::before
{
    background-color: #3d362e !important;
}


/*
 * Personalización de la Página del producto
 */

.product-container .product-flags {
    top: 120px;
}

.product-container .scroll-box-arrows i {
    bottom: unset;
    top: 0;
}



/*
 * Personalización de la miniatura de productos
 */

.product-miniature .thumbnail-container {
    width: 100%;
    background: unset;
}

.product-miniature .product-description {
    background: unset;
}

.product-miniature .thumbnail-container .product-thumbnail img {
    width: 100%;
}

.product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after {
    display: none;
}

.product-miniature .product-title a {
    font-size: 1rem;
    font-weight: 500;
    color: black;
}

.product-miniature .product-price-and-shipping {
    color: #7a7a7a;
    font-weight: 400;
}

.max-w-500 {
    max-width: 500px;
}

#product-modal .modal-content .modal-body .product-images img {
    width: 7rem;
    height: auto;
}

.images-container .product-images>li.thumb-container .thumb {
    width: 4.5rem;
    height: auto;
}

/* --------------------------------------------------------- */




@media screen and (min-width: 768px) {
    #lnk-instagram {
        display: none !important;
    }
}