/*top bar*/

#sp-top-bar {
    background: #f0e3d5;
    position: relative;
    padding: 0;
}

.sp-contact-info {
    width: fit-content;
    float: right;
    position: relative;
    padding: 5px 0 10px 15px;
}

.sp-contact-info:before {
    content: "";
    position: absolute;
    background: #641213;
    width: calc(100% + 1000px);
    height: 100%;
    transform: skewX(45deg);
    top: 0;
    left: 0;
    border-bottom: 3px solid #ed1315;
    border-left: 8px solid #ed1315;
}

.sp-contact-info li {
    position: relative;
    margin: 0 0 0 25px;
}

@media (max-width: 767px) {
    #sp-top-bar { display: none; }
}

/*end of top bar*/


/*header*/

#sp-header {
    box-shadow: none;
}

@media (min-width: 1200px) {
    #sp-header .logo .logo-image {
        margin-top: -30px;
        height: 80px;
    }
}

#sp-header.header-sticky .logo .logo-image {
    margin-top: 0;
    height: 60px;
}

#sp-header.header-sticky {
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%); 
}

@media (max-width: 991px) {
    #sp-header { height: 80px; }
    #sp-header .logo { height: 80px; }
    #sp-header .logo .logo-image { height: 50px !important; }
    #offcanvas-toggler { height: 80px; line-height: 80px; }
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li:focus>a, .sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #641213;
}


.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    width: 250px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    display: block;
    line-height: 1.5;
    padding: 10px 0;
    border-bottom: 1px solid #c7c7c7;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px 20px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child>a {
    border-bottom: 0;
}



.offcanvas-menu img.logo-image {
    height: 50px;
}

.offcanvas-menu .offcanvas-inner .header-modules {
    margin: 0 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    padding: 8px 0;
    display: block;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #641213;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active>a, .offcanvas-menu .offcanvas-inner ul.menu li.active>.nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active>.mod-menu__heading {
    color: #641213;
}

/*end of header*/


/*bottom*/

#sp-footer, #sp-bottom {
    font-size: 16px;
}

#sp-bottom .sp-module .sp-module-title {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 20px;
}

#sp-bottom .sp-module { margin-bottom: 40px; }

#sp-footer {
    background: #720015;
    color: #fff;
    text-align: center;
}

#sp-footer a {
    color: #fff !important;
}

#sp-footer .container-inner {
    border-top: 0;
    padding: 15px 0;
}


/*end of bottom*/


/*page title*/

.sp-page-title {
    padding: 50px 0 0;
    min-height: 450px;
    display: flex;
    align-items: flex-end;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
}

.sp-page-title:before {
    content: "";
    position: absolute;
    background: #ed1315;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.sp-page-title .breadcrumb {
    margin-top: 5px;
    padding: 0 !important;
    font-size: 14px;
}

.sp-page-title .container {
    /* background: #720015; */
    /* border-top: 2px solid #ed1315; */
    /* border-right: 10px solid #ed1315; */
    padding: 25px 60px 20px 30px;
    max-width: fit-content;
    margin-left: 0;
    /* clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0 100%); */
    position: relative;
}

.sp-page-title .container:before {
    content: "";
    position: absolute;
    background: #720015;
    border-top: 5px solid #ed1315;
    border-right: 8px solid #ed1315;
    width: 200%;
    height: 100%;
    top: 0;
    right: 0;
    transform: skewX(25deg);
}

.sp-page-title nav.mod-breadcrumbs__wrapper {
    position: relative;
}

.sp-page-title .sp-page-title-heading {
    font-size: 28px;
    font-weight:700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
}

@media (max-width: 767px) {
    .sp-page-title .sp-page-title-heading { font-size: 20px; }
    .sp-page-title .container {padding: 20px 35px 15px 15px;}
    .sp-page-title { min-height: 250px; }
    .sp-page-title .breadcrumb { display: none; }
}



