/* custom css maicol calzature */

:root{
    --mcgreen: #1d8036;
    --mcgreen-darker: #196d2e;
    --mcred: red;
}

html,body{
    overflow-x: hidden;
}


.img-responsive{
    width: 100%; 
    height: auto;
}


a{
    color: var(--mcgreen);
}
a:hover, a:focus, a:active:focus,
.footer-container li a:hover
{
    color: var(--mcgreen-darker);
}

#header .top-menu a[data-depth="0"]:hover,
#header .top-menu a:hover,
#header a:hover
{
    color: var(--mcgreen-darker);
}
.input-group.focus{
    outline: 0.1875rem solid var(--mcgreen);
}

.block_newsletter form input[type="email"]:focus{
    border: 3px var(--mcgreen) solid;
}
.form-control:focus{
    outline: 0.1875rem solid var(--mcgreen);
    border-color: var(--mcgreen);
}

.btn-primary{
    background: var(--mcgreen);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus
{
    background: var(--mcgreen-darker);
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover{
    background: var(--mcgreen-darker);
}

.product-flags li.product-flag{
    background: var(--mcgreen);
}


#header .header-nav .cart-preview.active{
    background: var(--mcgreen);
}
.cart-grid-body a.label:hover{
    color: var(--mcgreen);
}

.tabs .nav-tabs .nav-link.active{
    color: var(--mcgreen);
    border-bottom: var(--mcgreen) 3px solid;
}
.tabs .nav-tabs .nav-link:hover{
    border-bottom: var(--mcgreen) 3px solid;
}

body#product .product-price{
    font-size: 2em;
}
.product-price{
    color: var(--mcred);
}
.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul{
    color: var(--mcred);
}

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover{
    border: var(--mcgreen) 3px solid;
}

.group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin{
    background: var(--mcgreen);
}

.dropdown:hover .expand-more,
.btn-unstyle:focus .expand-more,
.pagination .current a
{
    color: var(--mcgreen);
}

body#product #product-details .product-manufacturer{
    margin-bottom: 2em;
}