/*
Theme Name: Storage New Hampshire Child Theme 2026
Description: Storage New Hampshire Child Theme
Author: Graphic Details
Template: claremontcenter2026
Version: 1.1.0
*/

/*
    Header Colors
*/
header {
    background: rgba(24, 60, 81, 0.5);
}

header #logo img {
    padding: 0;
}

nav#primary-nav {
    background: #183C51;
}

/*
    Content Styles
*/

.btn-green {
    color: #6D96AA;
    border-color: #6D96AA;
}

.btn-green:hover {
    background-color: #6D96AA;
    color: #fff;
    border: 3px solid #6D96AA;
}

.btn-green:active {
    background-color: #6D96AA;
    color: #fff;
    border: 3px solid #6D96AA;
}

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

.green {
    color: #6D96AA;
}

main h2 {
    color: #183C51;
}

main a {
    color: #6D96AA;

}

main a:hover {
    color: #183C51;
}

.company-service-title {
    color: #183C51 !important;
}

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

#home-page-storage-sites {
    max-width: 1200px;
    margin: 0 auto;
}

.storage-site {
    padding: 20px;
    margin-bottom: 20px;
}

.storage-site-image a {
    border-bottom: none;
}

.storage-site-image img {
     width: 75%;
     height: auto;
 }

.storage-site-image a:hover {
    border-bottom: none;
}

/*
SVG assets
*/

.section-angle-down-green:after {
    background-image: url('../storagenewhampshire-child/assets/section-mask-snh-dark-blue.svg');
}

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

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

.page-list.green-underline li::after {
    background: url('../storagenewhampshire-child/assets/snh-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: #183C51;
    font-size: 1.5em;
    margin-top: 0px;
    margin-bottom: 5px;
}

.unit {
    padding-bottom: 20px;
}

.unit h4 {
    color: #183C51;
    font-size: 1.2em;
}

/*
    Footer Colors
*/

footer {
    padding-top: 6em !important;
    background: #183C51;
}

.footer-widget-text-block {
    color: #fff;
}

.footer-widget-text-block h2 {
    color: #fff;
    margin-bottom: 0px;
    font-size: 1.1em;
}

.footer-widget-text-block a {
    color: #ddd;
}

#footer .row > div {
  display: block;
}

#footer .widget img {
  margin-right: 0;
}

/*
    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: #6D96AA;
    }

    body.hidden-menu #logo {
        background: rgba(24, 60, 81, 0.5);
    }

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


/*
    Site Colors
*/

.newmarket-light-color {
    color: #E22727;
}

.newmarket-dark-color {
    color: #72111B;
}

.newmarket-link {
    color: #E22727;
}

.newmarket-link:hover {
    color: #72111B;
}

.locktite-light-color {
    color: #77C3DB;
}

.locktite-dark-color {
    color: #1A696B;
}

.locktite-link {

    color: #77C3DB;
}

.locktite-link:hover  {
    color: #1A696B;
}

.selfstorage-light-color {
    color: #96E33C;
}

.selfstorage-dark-color {
    color: #5F7F28;
}

.selfstorage-link {
    color: #96E33C;
}

.selfstorage-link:hover {
    color: #5F7F28;
}

.claremont-dark-center {
    color: #022f18;
}

.claremont-light-center {
    color: #05af5c;
}

.claremont-link {
    color: #05af5c;
}

.claremont-link:hover {
    color: #022f18;
}

/*
    Media Queries
*/

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

@media (max-width: 991px) {
    .storage-site-image img {
        width: 50%;
        height: auto;
    }
    #home-page-storage-sites {
        text-align: center;
    }
}

@media (min-width: 1030px) {
  header {
    display: -webkit-flex;
    display: flex;
  } 
  
  #primary-nav {
    margin-left: auto;
    margin-right: 1.5em;
  }
}