/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/


#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #C4161C !important;
}

#mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    color: #C4161C !important;
}


button.btn.btn-red, .btn:not(.close):not(.mfp-close).btn-red, a.btn:not([href]):not([tabindex]).btn-red, #search .btn-search-close {
    background-color: #C4161C !important;
    border-color: #C4161C !important;
}

button.btn.btn-red:hover, button.btn.btn-red:focus, button.btn.btn-red:not(:disabled):not(.disabled):active, button.btn.btn-red:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-red:hover, .btn:not(.close):not(.mfp-close).btn-red:focus, .btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-red:hover, a.btn:not([href]):not([tabindex]).btn-red:focus, a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled).active {
    background-color: #8b0304 !important;
    border-color: #8b0304 !important;
}

.heading-text.heading-section h2:before {
    color: #C4161C !important;
    background-color: #C4161C !important;
}

.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: #C4161C !important;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]), .flickity-button:hover {
    background-color: #C4161C !important ;
    border-color: #C4161C !important;
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    color: #C4161C !important;
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: #8b0304 !important;
    border-color: #8b0304 !important;
}

.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
    border-color: #C4161C !important;
    color: #C4161C !important;
}

.page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a {
    border-color: #C4161C !important;
    color: #C4161C !important;
}

.icon-box.border .icon {
    border: 3px solid #3333337a;
}

.icon-box.border .icon i {
    color: #c4171c;
}

.icon-box.medium > h3, .icon-box.medium > h4, .icon-box.medium > h5 {
    margin: 0 12px 10px 74px;
}

.icon-box.medium > p {
    margin: 0 0 20px 74px;
}

.grid-active-title {
    opacity: 1;
}

.p-progress-bar, .progress-bar {
    color: #c4171c;
    background-color: #c4171c;
}


.heading-text.heading-section p {
    font-weight: inherit;
    color: #505050;
}

.social-icons.social-icons-colored .social-facebook a, .social-icons.social-icons-colored-hover .social-facebook a:hover {
    color: #ffffff !important;
}

.social-icons.social-icons-colored .social-linkedin a, .social-icons.social-icons-colored-hover .social-linkedin a:hover {
    color: #ffffff !important;
}

.social-icons.social-icons-colored .social-instagram a, .social-icons.social-icons-colored-hover .social-instagram a:hover {
    color: #ffffff !important;
}

.flag-italy {
    /*position: absolute;*/
    width: 120px;
    /*right: -140px;*/
    /*top: 0px;*/
    padding: 0px;
    text-align: right;
}

.flag-italy img {
    width: 80%;
}

.wizard > .steps ul li.current a, .wizard > .steps ul li.current a:hover, .wizard > .steps ul li.current a:active {
   color: #FFFFFF !important;
}

.shop-cart .cart-product-thumbnail > a {
    margin-top: 15px;
}

#mainMenu nav > ul > li .dropdown-menu > li > a {
    text-transform: uppercase;
    font-size: 13px !important;
}

#mainMenu nav > ul > li > a {
    font-size: 14px !important;
}
.mfp-close {
    position: absolute;
    right: 26%;
    top: 20% !important;
    width: 60px !important;
    height: 60px !important;
    font-size: 60px !important;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 700px) {
    .mfp-close {
        top: 12% !important;
        /*display: none;*/
    }
}

@media screen and (max-width: 1248px) {
    .flag-italy {
        display: none;
    }

    .inspiro-slider.slider-halfscreen {
        height: 41vh !important;
    }

    .mfp-close {
        position: absolute;
        right: 14% !important;
        display: block !important;
    }

}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1440px) {
    /* .flag-italy {
        /*right: unset;*/
        /*left: 210px;*/
    /* }

    .flag-italy img {

    } */ */

    .mfp-close {
        position: absolute;
        right: 14% !important;
        display: block !important;
    }
}
#mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
    color: #000000 !important;
}
.lead {
    font-weight: 400;
    font-size: 19px !important;
    line-height: 30px !important;
}
p {
    font-size:15px !important;
}
.heading-text.heading-section p {
    font-size: 19px !important;
    font-weight: 300;
    padding-bottom: 30px !important;
}
.icon-box.small > p {
    font-size: 16px !important;
}
.accordion .ac-item .ac-title {
    font-size: 15px !important;

}
/* #footer a:not(.btn):not(:hover) {
    font-size: 16px !important;
} */
#footer .widget .widget-title, #footer .widget h4 {
    font-size: 15px !important;
}
.portfolio-item.no-overlay .portfolio-description span, .portfolio-item.no-overlay .grid-description span, .grid-item.no-overlay .portfolio-description span, .grid-item.no-overlay .grid-description span {
    line-height: 14px !important;
}
h5, .h5 {
    font-size: 17px !important;
}
#mainMenu nav {
    margin-right: -60px !important;
}
.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right] {
    left: 0!important;
    width: 33px !important;
}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {

    background-color: #C4161C !important;
    border-color: #C4161C !important;
  
}
.tabs .nav-tabs .nav-link.active {
    color: #C4161C !important;
    background-color: transparent;
    border-bottom: 2px solid #C4161C !important;
}
.p-progress-bar, .progress-bar {
    background-color: #C4161C !important;

}