/*
Theme Name:     washbrook-child
Template:       washbrook
Version:        1.0.0
*/

:root {
	   --primary: #202a44; /* Navy Blue */
       --secondary: #f8f8f8; /* Light */
	--tertiary: #a47e1b; /* Gold */
   }

/* #332f22 → var(--primary) */
.inner_menu {
    background: var(--primary);
}

/* #332f21 y #332f22 → var(--primary) */
.contact_field input.wpcf7-not-valid,
.contact_field textarea.wpcf7-not-valid,
.contact_field select.wpcf7-not-valid {
    border: 2px solid var(--primary);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    background: var(--primary) !important;
}

/* Footer background */
.footer {
    background: var(--primary);
}

/* Drawer menu hover color */
.drawer_menu_nav ul li a:hover {
    color: var(--primary);
}

.two_column_box_inner {
    background: var(--secondary);
	
}


.cta_box {
    background: var(--secondary);
}

.two_column_box_content p a:hover,
.floorplan_modal .main-button:hover {
    background: var(--primary);
	color: #fff;
}

.footer_content_btns p a:hover {
    background: var(--secondary);
	color: var(--primary);
}

.gallery_filter ul li:hover {
    color: var(--secondary);
}

.filter_box ul li:hover {
    color: var(--tertiary);
}

.filter_box ul li.active {
	    color: var(--secondary);
	border-color: var(--secondary);
}

.neighborhood_features {
    background: var(--secondary);
}

.drawer_menu {
    background: var(--primary);
    top: -250%;
	
}

.floorplan_modal {
    background: var(--primary);
}

.contact_section {
    background: var(--secondary);
}

.gallery_filter ul li:hover {
    color: var(--tertiary);
}

.home_header_menu ul li a:hover {
    color: var(--secondary);
}

.home_header_content_logo h2 {
	font-size: 3.2rem;
	color: #fff!important;
	text-align: center;
}

.home_header_inner {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 1%, rgb(0 0 0 / 65%) 8%, #0000009c 90%);
	height:100%;
}

.home_header_content {
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0.4) 8%, transparent 90%);
}

.inner_menu_nav ul li a:hover, .inner_menu_nav ul li.current-menu-item a, .inner_menu_nav ul li a:active {
     color: var(--tertiary);
}

.contact_section_contact_info_basic a {
	color: var(--primary) !important;
}

.two_column_box_content {
	font-size: 16px;
}

.parallax_content_box_content {
    background: rgb(32 42 68 / 80%);
}

.footer_menu ul li.current-menu-item a, .footer_menu ul li a:hover {
    color: var(--tertiary);
}

.content_background_rose .parallax_content_box_content {
    background: rgb(32 42 68 / 80%);
}

.gallery_section {
    background: var(--primary);
}

.floorplans_section {
}

.floorplan_plan_item_image_cover_inner {
    background: rgb(164 126 27 / 80%);
}

.map_section_title {
    background: var(--secondary);
}

#get-directions-btn, .ctaButton {
    background-color: var(--primary) !important;
}

#get-directions-btn:hover, .ctaButton:hover {
    background-color: var(--secondary) !important;
}

.thank-you-btns a:hover {
    background-color: var(--primary) !important;
	color: #fff;
}

/* the icons */
.header_logo {
    background-image: none;
}

.home .cta_box_inner {
    background: none;
}

.floorplans_section {
    background: var(--primary);
}
.page-id-8 section#section_2 .two_column_box_inner {
    background: var(--primary);
}

.cta_box_inner h2 {
	color: var(--primary);
}

.two_column_box_content h2 {
	color: var(--tertiary);
}

.page-id-16 li {
   color: var(--tertiary);
}

.floorplan_modal_content_details h2, .floorplan_modal_content_details p, .floorplan_modal_content_details h3 {
	color: var(--tertiary);
}

.floorplan_modal_content_divider {
	background: var(--tertiary);
}

.submit_field input, .thank-you-btns a {
	color: var(--primary);
	border: 1px solid var(--primary);
}

.floorplan_modal_content_details_links a.main-button {
	color: var(--secondary);
		border: 1px solid var(--secondary);
}

.floorplan_modal_content_details_links a.main-button:hover {
		color: var(--primary);
		border: 1px solid var(--primary);
	background-color: var(--secondary);
}

.map_section_title h2, .neighborhood_features_title h2, .neighborhood_features_list_item h3, .neighborhood_features_list_item ul li a {
	color: var(--tertiary);
}

.contact_section_header h2, .contact_section_contact_info p, .contact_field label {
	color: var(--primary);
}

.submit_field input:hover {
    background: var(--primary);
	color: #fff;
}

body.page-id-160 .cta_box_inner p, body.page-id-260 .cta_box_inner p {
	color: var(--primary);
}

.floorplans-li {
		color: var(--tertiary);
}

.two_column_box_content ul li {
		color: var(--primary);	
}

.page-id-8 .two_column_box_content p a:hover {
	background: var(--secondary);
	color: var(--primary);
}

.footer h2 a {
	color:#fff;
}
.footer h2 a:hover {
	color: var(--tertiary);
}


.drawer_menu {
    background: var(--primary);
}
.drawer_menu_header h2 {
	    display: none;
}

.drwaer_menu_inner{
background : none;
}

@media (max-width: 767px) {
.three_col_box_item {
       background-position: center !important;
    }

	.home_header {
		aspect-ratio: 11 / 9 !important;
	}
	span.drawer_menu_header_close_trigger {
        transform: translate(170px, -11px);
    }
	.drwaer_menu_inner .container-inner {
 	   height: 50px;
	}
	.page-id-10 section#section_3 {
    	display: none;
	}
	.drawer_menu_nav ul li a:hover {
    	color: var(--tertiary);
		
	}
}