:root {
    --primarycolor: #72a75f;
    --secondarycolor: #1abc9c;
}

strong{
    color: var(--primarycolor) !important;
}

.btn{
    background-color: var(--primarycolor) !important;
    border-color: var(--primarycolor) !important;
}

.product .product-new {
    background: var(--primarycolor) !important;
}

.product .product-thumb-last > a, .product .product-thumb-last img {
    height: 100px !important;
}

.product .product-thumb-last > a, .product .product-thumb-last img {
    height: 100px !important;
}

    .product .product-thumb-last img{
        border: 0px;
    }

    #footer {
        background-image: url("/images/Clientes/Ortopedia Parque/Footer-background.jpg");
        background-position: center center;
        /*color: white !important;*/
    }

.logo img{
    padding: 10px !important;
}

#footer h4 {
    color: white !important;
}

#footer a {
    color: white !important;
}

#footer span {
    color: white !important;
}

#header .header-extras #shopping-cart > a .shopping-cart-items {
    background: var(--primarycolor) !important;
}

body{
    font-family: Poppins !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Poppins !important;
}

section.parallax{
    padding: 0px !important;
}

.topbar-dropdown .title {
    border-color: transparent !important;
}

.grid-filter {
    height: 100px !important;
}

a{
    cursor: pointer !important;
}

a:hover{
    color: var(--primarycolor) !important;
}

::selection {
    background: var(--primarycolor) !important;
}

.shop-category-box {
    height: 300px;
    object-fit: cover;
}

.shop-category-box img {
    height: auto;
    margin: auto !important;
    max-height: 300px !important;
}

.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
    border-color: var(--primarycolor) !important;
    color: var(--primarycolor) !important;
    background-color: transparent;
}

.tp-parallax-wrap{
    left: 70px !important;
    line-height: 100px !important;
}

.tp-caption{
    line-height: normal !important;
}

#DivdelModal {
    background-color: white;
    padding: 50px;
    max-width: 1000px;
    margin: auto;
    border-radius: 20px;
}

#DivModalPago {
    background-color: white;
    padding: 50px;
    max-width: 1000px;
    margin: auto;
    border-radius: 20px;
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
    margin: auto;
    text-align: center;
}

    .rate:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        color: #ccc;
    }

        .rate:not(:checked) > label:before {
            content: '★ ';
        }

    .rate > input:checked ~ label {
        color: #ffc700;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }

.rated {
    height: 46px;
    margin: auto;
    text-align: center;
}

    .rated:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rated:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 15px;
        color: #ccc;
    }

        .rated:not(:checked) > label:before {
            content: '★ ';
        }

    .rated > input:not(:checked) ~ label {
        color: #ffc700;
    }

    .product-image img{
        border: 1px dashed lightgrey;
        border-radius: 20px;
    }

.product .product-image > a, .product .product-image img {
    height: 300px;
    object-fit: contain;
}

.product .product-price {
    width: 100%;
}

.rated:not(:checked) > input {
    display: none;
}

@media(max-width: 1200px){

    .content{
        float: none;
    }
}

.pagination {
    clear: both;
    display: inline-block;
    width: auto;
    margin: auto !important;
}