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

@font-face {
    font-family: 'the_bold_fontfree_version';
    src: url('fonts/theboldfont-freeversion-webfont.woff2') format('woff2'),
         url('fonts/theboldfont-freeversion-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'canterbold';
    src: url('fonts/canter_bold-webfont.woff2') format('woff2'),
         url('fonts/canter_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'century_gothicregular';
    src: url('fonts/centurygothic-webfont.woff2') format('woff2'),
         url('fonts/centurygothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'century_gothicitalic';
    src: url('fonts/century_gothic_italic-webfont.woff2') format('woff2'),
         url('fonts/century_gothic_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
       --primary: #376f8c; /* Blue */
       --secondary: #A51b30; /* Red */
       --tertiary: #96af9b; /* Green */
	   --display-font: 'the_bold_fontfree_version', sans-serif; /* The Bold Font */
	   --main-font: 'century_gothicregular', sans-serif; /* Century Gothic */
	  --accent-font: 'canterbold', sans-serif; /* Canter Bold */
	  --italic-font: 'century_gothicitalic', sans-serif; /* Century Gothic Bold Italic */
   }
h1,h2,h3,h4,h5,h6,
.three_col_box_item_content_inner,
.gallery_filter ul li{
	font-family: var(--display-font) !important;
}
body, p, a,
.floorplan_plan_item_inner p span,
.contact_field label,
.submit_field input{
	font-family: var(--main-font) !important;	
}
.home_header_menu ul li a:hover {
	color: #ccead2;
}

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

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

.page-id-8 .cta_box {
    background: url(/wp-content/uploads/2026/05/pattern-2.png);
	background-size: 200px;
	color: var(--primary);
}

/* .home .cta_box_inner {
    background: url(/wp-content/uploads/2026/04/The-Reserve-at-College-Station-1-2.png);
	background-size: contain !important;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-position: center;
}
 */
.parallax_content_box_content {
    background: rgba(150, 175, 155, 0.90);
	color: #fff;
}

.footer {
    background: var(--tertiary);
	padding: 40px 80px;
}

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

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

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

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

.inner_menu_nav ul li a:hover, .inner_menu_nav ul li.current-menu-item a {
    color: #ccead2;
}

.content_background_rose .parallax_content_box_content {
    background: rgb(150 175 155 / 90%);
    color: #fff;
}

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

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

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

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

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

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

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

.floorplan_plan_item_image_cover_inner {
    background: rgb(152 1 46 / 80%);
}

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

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

.neighborhood_features {
    background: var(--primary);
	color: var(--tertiary);
}

.neighborhood_features_list_item ul li, .neighborhood_features_list_item ol li {
    color: var(--tertiaty);
}

.contact_section {
    background: rgba(55, 111, 140, 0.9);
}

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

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

.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(--secondary);
}

.selectUnit {
	font-size: 12px;
	font-style: italic;
	margin-top: 20px;
}

.floorplan_modal {
    background: var(--primary);
	    z-index: 99999999;
    background-image: url(/wp-content/uploads/2026/04/icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 50%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background: var(--secondary);
}

.page-id-14 .parallax_content_box {
	background-position: bottom !important;
}
.floorplan_modal{
	background-image: none;
}
@media(max-width: 767px){
	.three_col_box_item_content {
    	height: 60vh;
	}
	.footer {
    	padding-top: 50px;
	}
	.three_col_box_item_content_inner{
		line-height: initial;
		font-size: 32px;
	}
	.neighborhood_features {
    	padding-top: 50px;
	}
	section#section_2 h2.mt-4.mb-4 {
    	padding-top: 20px;
	}
	
	.three_col_box_item:nth-of-type(1) {
	        background-position: center !important;	
	}
    .three_col_box_item:nth-of-type(2) {
        background-position: bottom !important;
    }

    .three_col_box_item:nth-of-type(2) {
        background-position: bottom !important;
    }
	
.inner_menu_nav {
        top: 20px;
    }
}

.sticky_menu_trigger {
	color: var(--secondary);
}

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

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

.page-id-260  .cta_box, .page-id-160 .cta_box {
    background: rgba(55, 111, 140, 0.85);
}

.home_header_content_logo img {
    max-width: 210px;
}

.page-id-14 .cta_box, .page-id-10 .cta_box {
    background: url(/wp-content/uploads/2026/04/The-Reserve-at-College-Station-1-2.png);
}

.lb-nav a.lb-next {
  background: url('/wp-content/uploads/2026/05/brown-right.jpg') right 50% no-repeat !important;
  background-size: 30px !important;
}

.lb-nav a.lb-prev {
  background: url('/wp-content/uploads/2026/05/brown-left.jpg') left 50% no-repeat !important;
  background-size: 30px !important;
}

.footer_content_contact p img {
    width: 220px;
}

.lb-data .lb-close {
    width: 30px;
    height: 30px;
    background: url('/wp-content/uploads/2026/05/brown-close.jpg') center !important;
}

/* POP UP */

.leasing-banner {
  width: 100%;
  max-width: 900px;
  margin: auto;
  background: #f7f7f7;
  font-family: 'Arial', sans-serif;
  text-align: center;
  overflow: hidden;
  color: var(--primary);

}

.content {
  padding: 60px 20px 20px;
}

.content h1 {
  font-size: 65px;
  line-height: 80px;
  letter-spacing: 8px;
  margin: 0;
  font-weight: 700;
  font-family: inherit;
  color: var(--primary);
	
}

.divider {
  width: 80%;
  height: 3px;
  background: var(--primary);
  margin: 20px auto;
	position: relative;
	top: -20px;
}

.subtitle {
  font-size: 22px;
  letter-spacing: 3px;
  margin: -20px 0 30px;
}

.logo {
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo br{
  display: none;
}
.logo .the {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 20px;
  color: #96af9b;
}

.logo .reserve {
  color: #376f8c;
  font-weight: bold;
  font-size: 36px;
}

.pattern {
  height: 90px;
  background: url(/wp-content/uploads/2026/05/pattern-2.png);
    background-size: 200px;);
}

.pattern.bottom {
  transform: rotate(180deg);
}
/* END POP UP */

.two_column_box_content h2 {
	 margin-bottom: 22px;
    margin-top: 20px;
}

.page-id-12 .two_column_box_content h2 {
color: #fff;
	 margin-bottom: 30px;
}

.three_col_box_item:nth-of-type(3){
	background-position: bottom !important;
}
@media (max-width: 767px) {
    .cta_box_inner h2 {
        font-size: 34px;
    }
	
.parallax_content_box_inner {
    padding: 0 0 !important;
}
	
.section_1 .parallax_content_box {
		min-height: 100vh;
		height: 100vh;
	}
	
	.footer {
		padding: 110px 30px;
	}
}


    .pum-container {
        box-shadow: none !important;
        border: none !important;
        background-color: transparent !important;
    }

.parallax_content_box_inner {
    padding: 120px 90px;
}

.page-id-8 .cta_box_inner h2 {
    background: #fff;
    padding: 40px;
    max-width: 80%;
    margin: auto;
}
.parallax_content_box_content h2 {
    color: var(--secondary);
}
 .home .cta_box_inner {
	padding: 70px 0;
}

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

.xicon svg {
	fill: #fff;
	width: 20px;
}

.page-id-160 a.x-icon img {
    width: 20px;
    margin-bottom: 0;
}

.page-id-260 a.x-icon img {
	    width: 21px;
    margin-bottom: 0;
}

.floorplan_plan_item_image {
background-color: #fff !important;
	}
.floorplan_plan_item_image_cover {
	width: 100%;
}

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

.page-id-8 .two_column_box_content h4 {
	letter-spacing: 1.5px;
}

.gallery_filter ul li {
	font-size: 1.7rem;
}

.two_column_box_content li::marker {
	color: var(--secondary);
}

a.footer-logo img{
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}

.footer {
background: url(/wp-content/uploads/2026/05/pattern-2.png);
	background-size: 200px;
}

.footer_content {
	background-color: var(--tertiary);
	padding: 60px 30px 40px;
}

.footer_menu { 
	margin-top: 30px;
}


.page-id-12 .col-md-5.two_column_box_content_col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.xicon:hover svg {
    fill: var(--secondary);
}

.page-id-8 .home_header.cover {
	background-position: bottom !important;
}

.page-id-12 .cover {
	background-position: bottom !important;
}

.page-id-10 .cover {
	background-position: bottom !important;
}


    .reviews-section {
        padding: 60px 0;
    }
.reviews-section h3 {
    font-size: 44px;
    color: var(--primary);
    text-align: center;
    margin-bottom: 60px;
}
.banner{
	background-color: var(--tertiary);
	padding: 10px 20px;
	text-align: center;
	color: #fff;
}
@media(max-width: 767px){
	.banner{
		display:none;
	}	
}