/* 
Theme Name: Dyer 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 *****/

/* root styles

white
#ffffff
var( --e-global-color-2db697e )

text
#111113
var( --e-global-color-text )

primary
#BD862C
var( --e-global-color-primary )

secondary
#B97F20
var( --e-global-color-secondary )

tertiary/accent
#96620D
var( --e-global-color-accent )

*/

/* responsive */
@media screen and (min-width: 1025px) {
  .hide-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

/* nav */
@media screen and (max-width: 1390px) and (min-width: 1025px) {
	.logoimage {
		max-width: 156px !important;
		width: 156px !important;
	}
	.elementor-nav-menu .elementor-item {
		font-size: .8rem !important;
	}
	header .elementor-button {
		font-size: .8rem !important;
		padding: 17px !important;
	}
	.hero-min-height {
		--header_height: 104.3px;
	}
}
@media screen and (max-width: 1140px) and (min-width: 1025px) {
	.elementor-nav-menu .elementor-item {
		--e-nav-menu-horizontal-menu-item-margin: 2px;
	}
}
@media screen and (min-width: 1025px) {
	.logoimage {
		max-width: 200px;
		width: 200px;
		transition: 0.5s all ease-in-out;
	}
	.elementor-sticky--effects .logoimage {
		max-width: 156px;
		width: 156px;
		transition: 0.5s all ease-in-out;
	}
}
@media screen and (max-width: 1024px) {
	.logoimage {
		max-width: 112px;
		width: 112px;
		transition: 0.5s all ease-in-out;
	}
}

/* sub menu bg */
.do-nav .elementor-nav-menu--dropdown  {
	padding-top: 10px !important;
	padding-bottom: 13px !important;
	background: #96630A;
	background: linear-gradient(90deg, rgba(150, 99, 10, 1) 0%, rgba(194, 133, 35, 1) 100%);
}

/* services dropdown two columns */
@media (min-width: 1025px) {
	.elementor-nav-menu .two-columns-dropdown .sub-menu, 
	.elementor-nav-menu .two-columns-dropdown .elementor-nav-menu--dropdown {
		column-count: 2 !important;
		column-gap: 0; 
		min-width: 400px;
	}
}

/* sticky side buttons */
.sticky_buttons {
	z-index: 9999;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	flex-flow: column;
	justify-content: center;
	align-items: flex-end;
	height: auto;
	display: flex;
	position: fixed;
	inset: 0% 0% 0% auto;
}
.btn_sticky {
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	background-image: linear-gradient(0deg,#bd862c,#96620d);
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	justify-content: flex-start;
	align-items: center;
	display: flex;
	overflow: hidden;
	width: 5.625rem;
	padding-left: 2rem;
	padding-right: 2rem;
	transition: .5 all ease-in-out;
}
.btn-sticky_icon {
	width: 100%;
	height: 50% !important;
	fill: #ffffff;
}
.sticky-btn_text {
	opacity: 0;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 10ch;
	font-size: .8rem;
	line-height: 100%;
	display: block;
}
.btn_sticky:hover {
	width: 180px !important;
}
.btn_sticky:hover .sticky-btn_text {
	opacity: 1 !important;
}
@media screen and (min-width: 1281px) {
	.btn_sticky,
	.btn_sticky:hover {
		height: 90px !important;
	}
}
@media screen and (max-width: 1080px) {
	.btn_sticky,
	.btn_sticky:hover {
		height: 72px !important;
	}
}

/* bottom menu */
.menu-bottom .btn-dark .elementor-button {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

/* userway */
@media screen and (max-width: 1024px) {
	body .uwy.userway_p5 .userway_buttons_wrapper {
		bottom: 65px !important;
	}
}

/* dark buttons */
.btn-dark .elementor-button {
	background-image: none;
}
.btn-dark .elementor-button:hover {
	background: #3c3c43 !important;
}

/* hide buttons on blogs */
.single-post .sticky_buttons {
	display: none !important;
}

/* border lines */
.hero_line {
	background-color: var( --e-global-color-primary );
	width: 80%;
	height: .25rem;
	padding-top: 0;
	position: absolute;
	inset: 0% auto auto;
	z-index: 10;
	left: 10%;
}

/* aspect ratio */
.aspect-ratio-1-1 {
	aspect-ratio: 1 / 1;
}

/* home video spacer bg */
.spacer-bg {
	position: absolute;
	background: var( --e-global-color-primary );
}

/* blog archive */
.elementor-loop-container {
	gap: 48px !important;
}
.elementor-pagination a {
	border: 1px solid var( --e-global-color-text );
	color: var( --e-global-color-text );
	font-size: 1rem;
	text-align: center;
	letter-spacing: .14rem;
	text-transform: uppercase;
	border-radius: .75rem;
	padding: 1.0625rem 3.375rem;
	font-weight: 600;
	line-height: 1.375rem;
	transition: background-color .5s;
	border-radius: 12px;
}
.elementor-pagination a:hover {
	color: #ffffff;
	border: 1px solid var( --e-global-color-primary );
	background-image: linear-gradient(90deg, var( --e-global-color-accent ), var( --e-global-color-primary ));
	transition: background-color .5s;
}

/* lists */
.elementor-widget-text-editor ol, 
.elementor-widget-text-editor ul {
	margin-bottom: 15px;
}
.elementor-widget-text-editor ol:last-child, 
.elementor-widget-text-editor ul:last-child {
	margin-bottom: 0;
}

/** gravity forms **/
/* global */
.gform_fields {
	--gf-form-gap-y: 20px;
}
.gform_fields input,
.gform_fields select {
	--gf-ctrl-size: 48px;
	--gf-ctrl-border-color: var( --e-global-color-primary );
	border-radius: 0 !important;
}
.gform_fields textarea {
	--gf-ctrl-border-color: var( --e-global-color-primary );
	border-radius: 0 !important;
}
.gform_footer .gform_button {
	border-radius: .75rem !important;
	text-transform: uppercase !important;
	padding: 1.0625rem 3.375rem !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	letter-spacing: .14rem !important;
}