/*
 Theme Name:   Newmarket Storage Child Theme 2026
 Description:  The Newmarket Storage Child Theme
 Author:       Graphic Details
 Template:     claremontcenter2026
 Version:      1.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
    Header Colors
*/
header {
    background: rgba(114, 17, 39, 0.5);
}

header #logo img {
    padding: 0;
}

nav#primary-nav {
    background: #72111b;
}

/*
    Content Styles
*/

.btn-red {
    color: #E22727;
    border-color: #E22727;
}

.btn-red:hover {
    background-color: #E22727;
    color: #fff;
    border: 3px solid #E22727;
}

.btn-red:active {
    background-color: #E22727;
    color: #fff;
    border: 3px solid #E22727;
}

section.dark .btn-red {
    color: white;
}

.red {
    color: #E22727;
}

main h2 {
    color: #72111B;
}

.company-service-title {
    color: #72111B !important;
}

#page-header-no-img #page-header-text h1 {
    margin-top: 3em;
    color: #72111B;
}

/*
    SVG assets
*/

.section-angle-down-green:after {
    background-image: url('../newmarketstorage-child/assets/section-mask-nms-maroon.svg');
}

h1::after, .page-sub-title::after, .footer-text-split::after {
    background: url('../newmarketstorage-child/assets/nms-3-squares.svg') center center/.75em auto no-repeat;
}

.page-list.orange-blocks li::before {
    background: url('../newmarketstorage-child/assets/nms-4-squares.svg') center center/100% 100% no-repeat;
}

.page-list.green-underline li::after {
    background: url('../newmarketstorage-child/assets/nms-3-lines.svg') center center/1.75em auto no-repeat;
}

#units-rates {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 40px;
}

#units-rates-header {
    border-bottom: 1px solid #000;
}

#units-rates-header h3 {
    color: #72111B;
    font-size: 1.5em;
    margin-top: 0px;
    margin-bottom: 5px;
}

.unit {
    padding-bottom: 20px;
}

.unit h4 {
    color: #72111B;
    font-size: 1.2em;
}


/*
    Footer Colors
*/

footer {
    background: rgb(114, 17, 39);
}

/*
    Responsive
*/

@media (min-width: 1030px) {
    header #logo img {
        padding: 1em;
    }

    nav#primary-nav {
        background: none;
    }

    nav#primary-nav #menu-primary-menu > li a {
        padding: .5em;
    }

    nav#primary-nav #menu-primary-menu > li a::before {
        background: #ff790b;
    }

    body.hidden-menu #logo {
        background: rgba(114, 17, 39, 0.5);
    }

    body.hidden-menu #logo img {
        padding: .25em;
    }
}

@media (min-width: 1100px) {
    nav#primary-nav #menu-primary-menu > li a {
        padding: 1.5em 1em;
    }
}