/*
Theme Name: Claremont Center Self Storage Child Theme 2026
Description: Claremont Center Self Storage Child Theme
Author: Graphic Details
Template: claremontcenter2026
Version: 1.1.0
*/

/*
    Header Colors
*/
header {
    background: rgba(95,127,40,0.5);
}

header #logo img {
	padding: 0;
}

nav#primary-nav {
	background: #5f7f28;
}

/*
    Content Styles
*/

.btn-green {
    color: #96E33C;
    border-color: #96E33C;
}

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

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

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

.green {
    color: #96E33C;
}

main h2 {
    color: #5F7F28;
}

main a {
    color: #96E33C;

}

main a:hover {
    color: #5F7F28;
}

.company-service-title {
    color: #5F7F28 !important;
}

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

/*
SVG assets
*/

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


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

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

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

.unit {
	padding-bottom: 20px;
}

.unit h4 {
	color: #5F7F28;
	font-size: 1.2em;
}


/*
    Footer Colors
*/

footer {
    background: #5F7F28;
}



/*
    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: #96e33c;
	}

	body.hidden-menu #logo {
		background: rgba(95,127,40,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;
	}
}