/*
Theme Name: Clise 2024
Description: Custom Theme for Clise Properties, Inc
Theme URI: https://localwebhub.com
Version: 1.0.17
Author: Dmitriy Agadzhanov
Author URI: https://localwebhub.com
*/

/* 
add font family to reset.min.css
*/

html {
	scroll-behavior: smooth;
}


body {
	--theme-true-black: #000;
	--theme-black: #212721;
	--theme-black-inactive: #b1b1b1;
	--theme-form-bg: #3d423d;
	--theme-gray: #DFDCD4;
	--theme-off-white: #EEEDE9;
	--theme-white: #fff;
	--theme-red: #EE2737;
	--theme-dk-red: #A6192E;
	--theme-gray-text: #808080;
}

body:not(.wp-admin) {
	font-family: "Hanken Grotesk", system-ui;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 0.813rem;
	line-height: 1.4;
	scroll-behavior: smooth;
}

.dark-bg-mod {
	background-color: var(--theme-black);
	color: var(--theme-gray);
}

.gray-bg-mod {
	background-color: var(--theme-gray);
	color: var(--theme-black);
}

.neutral-bg-mod {
	background-color: var(--theme-off-white);
	color: var(--theme-true-black);
}

.white-bg-mod {
	background-color: var(--theme-white);
	color: var(--theme-true-black);
}

.eyebrow-00 {
	font-size: 1.125rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 500;
}

.eyebrow-01 {
	font-size: 0.938rem;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.eyebrow-02 {
	font-size: 0.688rem;
	letter-spacing: .1em;
	text-transform: uppercase;	
}

.h1 {
	font-family: "ABCArizona", serif;
	font-size: 2.125rem;
	line-height: 1.1em;
}

.h2 {
	font-family: "ABCArizona", serif;
	font-size: 1.75rem;
	line-height: 1.1em;	
}

.h3 {
	font-family: "ABCArizona", serif;
	font-size: 1.625rem;
	line-height: 1.1em;		
}

.h4 {
	font-size: 1.375rem;
	line-height: 1.1em;
}

.body-01 {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.4em;
}


.body-02 {
	font-size: 1.1rem;
	line-height: 1.4em;
}

@media (min-width: 992px) {
	
	body:not(.wp-admin) {
		font-size: 1.125rem;
	}
	
	.eyebrow-01 {
		font-size: 0.938rem
	}	

	.h1 {
		font-size: 4.688rem;
		line-height: 1.1em;
	}

	.h2 {
		font-size: 2.75rem;
		line-height: 1.1em;
	}

	.h3 {
		font-size: 1.75rem;
		line-height: 1.1em;
	}
	
}

.object-fit-cover > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	background-size: cover;
}

.object-fit-contain > img {
	height: 100%;
	width: 100%;	
	object-fit: contain;
	background-size: contain;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.alignleft,
.alignright,
.aligncenter {
	display: block;
	margin: 0 auto 30px auto;
}

@media (min-width:768px) {
	.alignleft {
		margin: 0 20px 20px 0;
		float: left;
	}

	.alignright {
		float: right;
		margin: 0 0 20px 20px;
	}
}

.article img {
	max-width: 100%;
	height: auto;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

@media (max-width: 575px) {
	.sm-ignore-br br {
		display: none;
	}
}

@media (max-width: 767px) {
	.md-ignore-br br {
		display: none;
	}
}

@media (max-width: 991px) {
	.lg-ignore-br br {
		display: none;
	}
}

.acf-block-preview * {
	box-sizing: border-box;
}

.acf-block-preview > section,
.acf-block-preview > div {
	font-size: 12px;
	border: 1px solid #ccc;
	min-height: 50px;
}

.acf-block-preview > div:before,
.acf-block-preview > section:before {
	content: attr(data-blockname);
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	font-size: .875rem;
	background: #ccc;
	color: #000;
	z-index: 4;
}

.slick-slide img.lazyloading {
	opacity: 1;
}

/* .slick-track{
	display: flex !important;
}

.slick-slide {
	display: flex !important;
	height: auto;
} */

.slick-track {
	display: flex;
}

.slick-initialized .slick-slide {
    display: flex;
	flex-direction: column;
	height: auto;
}

.slick-initialized .slick-slide > div {
	flex-grow: 1;
}

.vimeo--video[data-fill="1"] {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.vimeo--video[data-fill="1"] iframe {
	position: absolute;
}

.has-fixed-background {
	background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
	.has-fixed-background {
		background-attachment: scroll; 
	}
}

@media (prefers-reduced-motion: reduce) {
	.has-fixed-background {
		background-attachment: scroll; 
	}
}

.grecaptcha-badge{
	visibility: collapse !important;
}

.recaptcha--terms {
	font-size: .6rem;
}

.single-post--content-width > [data-blockname], 
.single-post--content-width > .alignfull {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 780px) {
	.single-post--content-width > [data-blockname],
	.single-post--content-width > .alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - ((100vw - var(--scrollbar-width)) / 2));
		margin-right: calc(50% - ((100vw - var(--scrollbar-width)) / 2));
	}
}
