/**
 * Theme Name: Garden East Child Theme
 * Template:   garden-east
 * Author: Resident360
 */

@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
	
body{
	font-family: "Raleway", sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Abhaya Libre", serif !important;	
	text-transform: uppercase !important;
	letter-spacing: 3px;
	font-weight: 400!important;
}

.testimonials_section_testimonial_item h3, .testimonials_section_testimonial_item h4 {
    color: #fff;
}
.testimonials_section_testimonials_carousel_el .owl-nav button {
    background: var(--secondary-color) !important;
}

.page-id-242 .max-w-screen-lg.mx-auto.px-6.pt-24.lg\:pt-44.pb-10.lg\:pb-20 {
    min-height: calc(100vh - 450px);
}
footer nav ul li a:hover {
    color: var(--button-hover-color);
}
a.text-center.min-w-\[220px\].lg\:min-w-\[240px\].tracking-wider.py-3.lg\:pt-3.lg\:pb-3.bg-accent.text-white.uppercase.hover\:pb-5.block.hover\:bg-primary {
    background: var(--button-color);
}
nav.menu-footer-right-menu-container + .text-center a.hover\:text-accent.transition-all.duration-200.mr-2:hover,
.footer_links ul li a:hover,
.header_modal_menu li a:hover, 
.header_modal_menu li.current-menu-item:not(.button) a {
    color: var(--button-hover-color);	
}

.header_modal_menu li.menu-item.button a:hover, .btn-outline:hover {
    background-color: var(--button-hover-color);
    border-color: var(--button-hover-color);
}

@media(min-width: 1450px){
		.page-id-63 .lg\:w-1\/2.two_column_content_image_col.relative.bg-cover.bg-center.min-h-\[400px\].lg\:order-last {
    background-position: top;
	}
}
	.page-id-59 .modal {
	    padding-top: 100px;
		background: #fff;
}
@media (min-width: 1024px) {
    .lg\:top-4 {
        top: 3rem;
		right: 0;
    }
}
@media(max-width: 767px){
	.page-id-3 .max-w-screen-lg.mx-auto.px-6.pt-24.lg\:pt-44.pb-10.lg\:pb-20, .page-id-242 .max-w-screen-lg.mx-auto.px-6.pt-24.lg\:pt-44.pb-10.lg\:pb-20{
    	padding-top: 150px;
	}
	.header_content_inner h1{
		font-size: 2.5rem;
	}
	.location-carousel ul {
    	padding-left: 15px;
	}
	.location-carousel ul li{
		list-style-position: outside;
	}
	.page-id-59 .modal {
    padding-top: 0;
}
	.modal-content.grow.max-w-screen-lg.bg-white.relative.flex.flex-col.lg\:flex-row.py-10.px-8.lg\:p-10.lg\:gap-4 {
    padding-top: 100px;
}

}
.footer_address{
	text-transform: capitalize;
}
.page-id-59 .simple_text {
        padding-bottom: 0rem;
        padding-top: 4rem;
    }
.bg-light, .bg-light-color, div#mainNavContainer, .bg-white:not(.modal-content){
	background-color: #e4eae6 !important;
}

a.btn-outline.mt-4.max-w-full.text-center.md\:max-w-fit {
    margin-top: 1rem;
}
.schedule_tour_section.py-normal.bg-accent{
	background-color: #e4eae6 !important;
	color:#707070;
}
.schedule_tour_section.py-normal.bg-accent h2{
	color:#707070!important;
}
.schedule_tour_form .contact_field input, .schedule_tour_form .contact_field select, .schedule_tour_form .contact_field textarea {
    background: transparent;
    border-color: #707070;
    color: #707070;
}

.schedule_tour_form .contact_field input::placeholder, 
.schedule_tour_form .contact_field select::placeholder,  
.schedule_tour_form .contact_field textarea::placeholder {
    color: #707070;
}
.ui-widget.ui-widget-content,
.ui-datepicker .ui-datepicker-header, 
.ui-datepicker td a{
	color: #707070!important;
}
span.ui-icon.ui-icon-circle-triangle-w, .ui-datepicker-header .ui-datepicker-next span {
    filter: brightness(0.5);
}
.top_header {
    color: #fff;
    text-align: center;
    background: var(--accent-color);
    font-size: 1.3rem;
    padding: 5px;
    position: relative;
    z-index: 999999999;
}
.is-stuck .top_header{
	display: none;
	transition: all 0.5s;
}

/* Marquee */
.marquee {
			border: 2px solid red ;
			display: flex ;
			overflow: hidden ;
			white-space: nowrap ;
			width: 300px ;
			text-transform: uppercase;
		}
		.marquee__item {
			animation-duration: 20s ;
			animation-iteration-count: infinite ;
			animation-name: marquee-content ;
			animation-timing-function: linear ;
			padding: 5px 15px 5px 15px ;
			text-transform: uppercase;
			
		}
		.marquee:hover .marquee__item {
			animation-play-state: paused ;
		}

		/**
		* BOTH of the marquee items are going to be translating left at the same time.
		* And, once each of them has translated to -100%, they will both snap back into
		* place, making it seem as if they are continuously scrolling.
		*/
		@keyframes marquee-content {
			from {
				transform: translateX( 90% );
			}
			to {
				transform: translateX( -100% );
			}
		}
.hover\:bg-accent:hover {
    background-color: var(--accent-color);
	color: #fff;
}
.is-stuck .top_header {
    display: block;
}
@media(max-width:767px){
	.home .bg-cover.bg-center.min-h-screen.relative.group-\[\.admin-bar\]\/body\:min-h-\[calc\(100vh-32px\)\].flex.items-center.lg\:items-end.before\:content-\[\'\'\].before\:block.before\:absolute.before\:w-full.before\:h-full.before\:left-0.before\:top-0.before\:bg-darker\/40.before\:z-\[1\]{
		min-height: 140vh;
	}
	div#mainNavContainer{
    	z-index: 999999999;
	}
.marquee__item {
    white-space: nowrap;
}
	.top_header {
		font-size: 1rem;
	}
body.wp-singular.page-template-default.page.page-id-666.wp-theme-garden-east.wp-child-theme-garden-east-child.text-body.lg\:relative.group\/body {
    padding-top: 110px;
}


}
.top_header {
    overflow-x: hidden;
}

@media(max-width:767px){
	.bg-cover.bg-center.min-h-screen.relative.group-\[\.admin-bar\]\/body\:min-h-\[calc\(100vh-32px\)\].flex.items-center.lg\:items-end.before\:content-\[\'\'\].before\:block.before\:absolute.before\:w-full.before\:h-full.before\:left-0.before\:top-0.before\:bg-darker\/40.before\:z-\[1\] {
    	background-position: 20%;
	}
}