/* 
Theme Name: Clark Orthodontics
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*** layout ***/
body {
	overflow-x: hidden;
	font-feature-settings: "lnum";
}
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	margin-block-end: var(--widgets-spacing-column);
}

/** nav **/
@media screen and (min-width: 1325px) {
	.header-logo {
		margin-right: calc(5vw - 32px)
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.header-menu .elementor-item {
		--e-nav-menu-horizontal-menu-item-margin: 8px;
		font-size: 1rem !important;
	}
	.header-menu .sub-arrow {
		display: none !important;
	}
}
@media screen and (max-width: 1160px) and (min-width: 1024px) {
	.header-menu .elementor-item {
		--e-nav-menu-horizontal-menu-item-margin: 8px;
		font-size: .75rem !important;
	}
}

/** footer **/
.list-underline a:hover {
	text-decoration: underline;
}

/** aspect ratio **/
@media screen and (min-width: 1025px) {
	.aspect-ratio-1-1 {
		aspect-ratio: 1 / 1;	
	}
}

/** video aspect ratio **/
.elementor-custom-embed-image-overlay {
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.elementor-custom-embed-image-overlay picture,
.elementor-custom-embed-image-overlay picture *,
.elementor-custom-embed-image-overlay img {
	height: 100%;
}
/* @media screen and (max-width: 1024px) {
.elementor-custom-embed-image-overlay {
aspect-ratio: 16 / 9;
}
} */
.hover-expand {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}
@media screen and (min-width: 1025px) {
	.hover-expand-inner {
		position: absolute;
		top: 84%;
		height: 100%;
		transition: .5s all ease-in-out;
	}
	.hover-expand:hover .hover-expand-inner {
		top: 0;
		transition: .5s all ease-in-out;
	}
	.hover-expand:hover .hover-expand-inner {
		overflow-y: scroll;
	}
}
@media screen and (max-width: 1024px) {
	.hover-expand-inner {
		position: relative;
		top: 0 !important;
		height: 100%;
		transition: .5s all ease-in-out;
		overflow-y: scroll;
	}
}

/** carousel **/
.home-carousel .e-n-carousel.swiper {
	width: 100%;
}

/** gravity forms **/
.gform_required_legend {
	display: none !important;
}
.gform_fields {
	--gf-form-gap-y: 30px;
}

/** sv styles **/
.accordion-faq .e-n-accordion-item-title {
	width: calc(100% - 16px);
}
.accordion-faq .e-n-accordion-item:not(:last-child) { border-bottom: 2px solid rgba(169, 224, 224, .5);
	padding: 1rem 0;
}
.accordion-faq p {
	margin-bottom: 0;
}
/*
.block-grid-bio {
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.block-grid-bio::-webkit-scrollbar {
	width: 0;
	height: 0;
}
*/
.about-slider {
	margin-top: 4rem;
}
.about-slider .elementor-swiper-button-next, .about-slider  .elementor-swiper-button-prev {
	border: 1px solid #0aa6a6;
	width: 3rem;
	height: 3rem;
}
.about-slider .elementor-swiper-button-next:hover, .about-slider  .elementor-swiper-button-prev:hover {
	background: #0aa6a6;
	transition: background .2s ease;
}
.about-slider .elementor-swiper-button-next i, 
.about-slider  .elementor-swiper-button-prev i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #0aa6a6;
}
.about-slider .elementor-swiper-button-next:hover i, .about-slider  .elementor-swiper-button-prev:hover i {
	color: #fff;
}
.gallery-counter {
	top: -4rem;
	color: #0aa6a6;
	position: absolute;
	right: calc(10% + 14px);
}
.accordion-list .e-n-accordion > *:last-child .e-n-accordion-item-title {
	border: none!important;
}
.about-slider .swiper-slide-inner .swiper-slide-image {
	height: 650px;

}
/*
.hover-expand-inner {
	top: 100%;
	transition: .5s all ease-in-out;
}
.hover-expand.open .hover-expand-inner {
	top: 0;
}
.frame-height {
	height: 450px;
}
*/
@media (max-width: 767px) {
	.gallery-counter {
		right: 0;
	}
	.about-slider .elementor-swiper-button-next, .about-slider  .elementor-swiper-button-prev {
		top: 110%!important;
	}
	.about-slider  .elementor-swiper-button-prev {
		left: 0!important;
	}
	.about-slider .elementor-swiper-button-next {
		right: 0!important;
	}
	.about-slider .swiper-slide-inner .swiper-slide-image {
		height: 380px;
		width: 100%;
	}
	.hover-expand:active .hover-expand-inner {
		top: 0;
		transition: .5s all ease-in-out;
	}
	/*
	.block-grid-bio {
		scrollbar-width: auto !important; 
		height: 200px !important; 
		overflow-y: scroll !important; 
		flex-shrink: 0; 
	}
	.block-grid-bio::-webkit-scrollbar {
		display: block !important;
		width: 6px !important;
	}
	*/
	.banner-bottom:before {
		background: linear-gradient(45deg, rgba(0, 0, 0, .46), rgba(0, 0, 0, .26)), linear-gradient(0deg, rgba(10, 166, 166, .76), rgba(10, 166, 166, .36))!important;
	}
	/*
	.frame-height {
		height: 320px;
	}
	*/
}
.contact-form input, .contact-form select, .contact-form textarea {
	appearance: none!important;
	border: 1px solid #c4c4c4!important;
	border-radius: 0!important;
	width: 100%;
	box-shadow: none!important;
	font-family: Raleway,"Open Sans",helvetica,arial,sans-serif;
}
.contact-form textarea {
	height: 130px;
}
.contact-form input,  .contact-form textarea {
	padding: .75rem!important;
}
.checkbox-list .gfield_checkbox {
	flex-direction: row!important;
}
.contact-form .gform-field-label {
	line-height: 1;
	margin-bottom: .75rem;
	text-align: left;
	font-size: 1.125rem!important;
	font-family: Raleway, "Open Sans", helvetica, arial, sans-serif!important;
	color:#21282c!important;
	font-weight: 400!important;
}
.ginput_container_checkbox .gform-field-label {
	margin-bottom: 0 !important;
}
.ginput_container_checkbox .gchoice {
	display: flex;
	align-items: center;
}
#gform_fields_4 {
	row-gap: 30px!important;
}
.checkbox-list .gfield_checkbox > div {
	margin-right: 2rem; 
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
	outline: none!important;
	border-color: #e77837!important;
	box-shadow: none!important;
}
.contact-form input[type="submit"] {
	background: #0aa6a6!important;
	border: none!important;
	color: #fff!important;
	cursor: pointer;
	overflow: hidden;
	padding: .5rem 1.75rem!important;
	position: relative;
	transition: background .2s ease, opacity .2s ease;
	font-size: 1.125rem!important;
	font-family: Raleway, "Open Sans", helvetica, arial, sans-serif!important;
	font-weight: 400;
}
.contact-form input::placeholder,   .contact-form select::placeholder,   .contact-form textarea::placeholder, .contact-form input[type="text"]::placeholder {
	font-size: 1.125rem!important;
	font-family: Raleway, "Open Sans", helvetica, arial, sans-serif!important;
	color:#21282c!important;
	font-weight: 400!important;
}

.contact-form select {
	font-size: 1.125rem!important;
	font-family: Raleway, "Open Sans", helvetica, arial, sans-serif!important;
	color:#21282c!important;
	font-weight: 400!important;
}
.contact-form  input[type="checkbox"] {
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
}
.contact-form  input[type="checkbox"]:checked {
	border-color: #ff6600;
}
.contact-form  input[type="checkbox"]:checked::after {
	content: "✓";
	color: #e77837;
	display: block;
	text-align: center;
	line-height: 16px;
	margin-top: -15px;
}
.contact-form  input[type="checkbox"]:checked::before {
	opacity: 0!important;
}

/*popup*/
.popup-block-content {
	opacity: 1;
	max-height: 200px;
	overflow-y: auto;    
	overflow-x: hidden;  
}
.block-hover {
	overflow: hidden !important;
}
.block-hover::before {
	transition: transform 0.6s ease-out !important;
	will-change: transform;
}
.block-hover:hover::before {
	transform: scale(1.08) !important; 
}