/*
Theme Name:     The Beckwood
Template:       washbrook
Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

 :root {
       --primary: #313f31; /* Green */
       --secondary: #d0b48a; /* Kakhi */
	   --tertiary: #c6c5be; /* Beige */
	   --quartenary: #835e48; /* Brown */
   } 

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

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

.footer {
    background: var(--primary);
	background-image: url(/wp-content/uploads/2026/05/istockphoto-484096068-2048x2048-1.jpg);
}

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

.two_column_box_inner, .cta_box {
    background: var(--tertiary);
}

.two_column_box_content p a:hover, .floorplan_modal .main-button:hover {
    background: var(--quartenary);
}

.parallax_content_box_content {
    background: rgba(49, 63, 49, 0.9);
}

.footer_content_btns p a:hover {
    background: var(--quartenary);
}

.footer_social a:hover {
    color: var(--quartenary);
}

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

.content_background_rose .parallax_content_box_content {
    background: rgb(208 180 138 / 80%);
}

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

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

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

.floorplan_plan_item_image_cover_inner {
    background: rgb(198 197 190 / 80%);
}

.map_section_title, .neighborhood_features {
    background: var(--quartenary);
}

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

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

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

.submit_field input:hover {
    background: var(--quartenary);
}

.thank-you-btns a:hover {
    background-color:  var(--quartenary);
}

.header_logo {
    background-image: none;
}

.home .cta_box_inner {
    background: url(/wp-content/uploads/2026/07/TheBeckwood_icon_green_rgb.png);
}

.cta_box_inner, .home .cta_box_inner {
    background-size: contain !important;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-position: center;
}

.floorplan_plan_item_inner p span {
    margin: 0;
    padding: 5px 10px;
}

.floorplan_plan_item_inner p span:last-of-type {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.floorplan_modal {
    background: var(--tertiary);
    z-index: 99999999;
    background-image: url(/wp-content/uploads/2026/07/TheBeckwood_icon_green_rgb.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 40%;
}

.header_logo img {
    width: 210px;
}

.home_header_menu ul li a {
  font-family: "Playfair Display", serif;
	    letter-spacing: 3px;
}

.inner_menu_nav ul li a {
  font-family: "Playfair Display", serif;
	    letter-spacing: 3px;
}

h1, h2, h3, h4, h5, h6, a {
	  font-family: "Playfair Display", serif !important;
}

.three_col_box_item_content_inner {
  font-family: "Playfair Display", serif;	
}

.footer_content_contact p {
	  font-family: "Playfair Display", serif;
}

#get-directions-btn, .ctaButton {
  font-family: "Playfair Display", serif;
}

body.page-id-1684 {
  font-family: "Playfair Display", serif !important;	
} 

.page-id-1684 p {
  font-family: "Playfair Display", serif;	
}

.contact_section_contact_info p {
  font-family: "Playfair Display", serif;	
}

.submit_field input {
  font-family: "Playfair Display", serif;	
}

/* .home_header_content_logo img {
    width: 550px;
} */

.footer_content_contact p img {
    width: 300px !important;
}

.menu-outline-btn {
    border: 1px solid #fff;
    padding: 5px 15px;
    cursor: pointer;
    color: #fff;
    transition: all 0.2s ease;
}

.menu-outline-btn a {
    color: #fff !important;
}

.menu-outline-btn:hover {
    background: var(--color_1);
    border-color: #000;
}

.menu-outline-btn:hover a {
    color: #000 !important;
}