/*
Theme Name:     The Brit Child
Template:       thebrit
Version:        1.0.0
*/

:root {
       --primary: #183149; /* Blue */
       --secondary: #e8e7e3; /* Light Gray */
	   --tertiary: #70c0e8 /* Baby Blue */
   }

body{
	font-family: 'Inter' sans-serif;
}
.home .two_column_box_inner {
    background: var(--primary);
}

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

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

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

.home .cta_box_inner {
    background: none;
}

.parallax_content_box_content {
    background: rgba(232, 231, 227, 0.85);
}

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

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

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

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

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

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

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

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

.gallery_filter ul li.active {
    border-color: var(--primary);
    color: var(--primary);
}

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

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

.neighborhood_features {
    background: #708d9c;
    color: var(--secondary);
}

.neighborhood_features_list_item h3 {
	    color: var(--secondary);
}

.neighborhood_features_list_item ul li, .neighborhood_features_list_item ol li { 
	color: #fff;
}

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

.contact_section_contact_info_social a {
    color: var(--primary);
}

.submit_field input {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

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

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

.page-id-160 .thank-you-btns + .footer_social.flex.row.justify-content-center a:hover, .page-id-260 .thank-you-btns + .footer_social.flex.row.justify-content-center a:hover {
    color: var(--tertiary);
}

.page-id-160 .cta_box_inner {
    background: url(/wp-content/uploads/2026/01/Horizon-West-_-Apartments-for-Rent-in-Downtown-Columbus-_-Logo-Icon-1.png);
    background-repeat: no-repeat;
    background-size: 25% !important;
}

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

.page-id-160 .submit_field input {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.page-id-160 .submit_field input:hover {
    background: var(--secondary);
	color: var(--primary);
}
.map_section_title{
	color: #fff;
}
#map {
    height: 500px;
}

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


body,p,
.home .two_column_box_content p a,
.footer_content_btns p a, 
.main-button,
.footer_links ul li a,
.contact_field label,
.submit_field input,
.floorplan_plan_item_inner p span{
	font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.two_column_box_content h2,
.two_column_box_content h4,
.three_col_box_item_content_inner,
.parallax_content_box_content h2,
.footer_menu ul li a,
.home_header_menu ul li a,
.two_column_box_content p a, 
.parallax_content_box_content p a,
.gallery_filter ul li,
.inner_menu_nav ul,
.neighborhood_features_list_item h3,
.drawer_menu_nav ul,
.filter_box ul li a,
.floorplans_header .filter_box ul li,
.floorplan_modal_content_details_links a{
	font-family: 'Space Grotesk', sans-serif;
}

.page-id-9134 .inner_menu:not(.container-inner),
.page-id-9177 .inner_menu:not(.container-inner),
.page-id-9197 .inner_menu:not(.container-inner){
    display: none;
}
.drawer_menu{
	background: var(--primary);
}

.cta_box_inner h2 {
    line-height: 60px;
}
.parallax_content_box_content p a {
    color: #231f20;
	border-color: #231f20;
}

.home .section_2 .two_column_box_inner {
    min-height: inherit;
}
.two_column_box_content p {
    font-size: 18px;
}
.home_header_inner {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 1%, rgba(0, 0, 0, 0.5) 20%, transparent 100%);
}
.home_header_content_logo img {
    transform: translate(0, -40%);
}

#homepageheaderslider .carousel-item{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#homepageheaderslider,
#homepageheaderslider .carousel-inner,
#homepageheaderslider .carousel-item{
  min-height: 100vh; /* adjust to match your existing hero height */
}
@media (max-width: 767px) {
    .inner_menu_nav {
        top: 20px;
	}

	.sticky_menu_trigger{
		color: var(--secondary);
	}
	
    .header_logo img {
        width: 100px;
    }	
	.home_header_content_logo img {
    transform: translate(0, 100%);
}

}
.three_col_box_item:hover .three_col_box_item_content_inner p {
    transform: translateY(0);
	display: block;
	opacity: 1;
	
}
.three_col_box_item_content_inner p {
    font-size: 0.8rem;
    line-height: 1rem;
    transform: translateY(140%);
    display: none;
	opacity: 0;
    transition: all 3s linear;
}
.gallery_section {
    min-height: 800px;
}


section#section_3 .two_column_box.two_column_box_image_position_left.two_column_box_image_margin_ .two_column_box_inner {
    background: var(--secondary);
}
section#section_3 .two_column_box.two_column_box_image_position_left.two_column_box_image_margin_ .two_column_box_inner .two_column_box_content,
section#section_3 .two_column_box.two_column_box_image_position_left.two_column_box_image_margin_ .two_column_box_inner .two_column_box_content h2{
    color: var(--primary);	
}
.parallax_content_box {
    min-height: 700px;
}

.parallax_content_box_inner {
    padding: 150px 90px;
}
@media (max-width: 767px) {
    .parallax_content_box_inner {
        padding: 0 0;
    }
}
.home_header_menu ul li a, .inner_menu_nav ul li a{
	font-size: 15px;
}
.contact_section_header {
    text-align: center;
}

.parallax_content_box .carousel-item { width: 100%; }
.parallax_content_box .carousel-item .parallax_content_box_inner { min-height: 400px; }
.parallax_content_box .cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media (max-width: 767px){
  .parallax_content_box_image{
    display:none !important;
  }
  .parallax_content_box .parallax_content_box_inner{
    min-height: 70vh; /* tweak to taste */
  }
	.parallax_content_box {
    	min-height: fit-content;
	}
	ul.floorplans_property_filter {
    	display: flex;
	}

  ul.floorplans_bed_filter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  ul.floorplans_bed_filter li {
    width: 100%;
    text-align: center; /* optional, remove if you want default */
  }
    .floorplans_header .filter_box ul li {
        max-width: 150px;
    }

}

.parallax_content_box.carousel { cursor: grab; }
.parallax_content_box.carousel:active { cursor: grabbing; }

.three_col_box_item_content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 12%, rgba(0, 0, 0, 0.32) 100%);
}
.floorplan_plan_item_image {
    background-color: #fff;
	max-width: 280px;
    margin: auto;
	margin-bottom: 20px;

}
.floorplans_section {
    background: #708d9c;
}
.floorplans_section_filter::after{
	background: var(--secondary);
}


.footer_content_contact a {
    color: #fff;
}
.top_header {
  width: 100%;
  background: #000;  /* change to brand color */
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 9999;
}

.top_header_inner {
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.2;
  font-family: 'Inter', sans-serif; /* or your knockout font */
}

.top_header_sep {
  margin: 0 8px;
  opacity: 0.7;
}

@media (max-width: 768px) {
  .top_header_inner {
    font-size: 12px;
    padding: 10px 12px;
  }
  .top_header_sep {
    display: none; /* cleaner on mobile */
  }


}


.neighborhood_features_image {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 40px;
}

.neighborhood_features_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .neighborhood_features_image {
    height: 140px;
  }
	.drawer_menu_nav ul li a:hover {
    color: #aaa;
}
	.inner_menu {
    display: none;
}
	.sticky_menu{
		position: static;
	}
	.stickyheader .sticky_menu{
		position: fixed;
	}
	body:not(.stickyheader) .inner_menu_nav{
		position: absolute;
		top: -50px;
        right: -15px;

	}
}