.elementor-kit-6{--e-global-color-primary:#7B9261;--e-global-color-secondary:#333333;--e-global-color-text:#666666;--e-global-color-accent:#7B9261;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:1.7rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1080px;}.e-con{--container-max-width:1080px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Tree City Family Dental - site-wide custom CSS
   Moved here from Appearance > Customize > Additional CSS on 2026-11-03.
   Element-specific CSS stays on the element (Advanced > Custom CSS):
   Wistia video HTML widgets (Veneers, Whitening, Bridges, Crowns, TMJ),
   Gallery item spacing, Reviews text/icon tweaks.
   ========================================================================== */

/* --- Buttons with CSS class "btn-hover-icon" ------------------------------
   The arrow icon slides in on hover. Touch screens have no hover, so there
   the icon simply stays visible. */
@media (hover: hover) {
	.btn-hover-icon .elementor-button-icon {
		opacity: 0;
		width: 0;
		margin: 0;
		overflow: hidden;
		transform: translateX(-8px);
		transition: all .3s ease;
	}
	.btn-hover-icon:hover .elementor-button-icon {
		opacity: 1;
		width: 1em;
		margin-left: 8px;
		transform: translateX(0);
	}
}

/* --- Gravity Forms (COVID questionnaire; form CSS class "tcd-form") -------
   Prefixed with the wrapper classes because the Gravity Forms theme
   stylesheet loads after this file. */
.tt_form {
	color: #5f3423;
	font-weight: 700;
	font-size: 1.25em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.gform_wrapper.tcd-form_wrapper.gform-theme--foundation .gform_fields {
	column-gap: 15px;
	row-gap: 20px;
}
.gform_wrapper.tcd-form_wrapper .gfield_label {
	font-weight: 700;
	font-size: 14px;
	color: #666;
}
.gform_wrapper.tcd-form_wrapper.gform-theme--foundation .gfield input.large,
.gform_wrapper.tcd-form_wrapper.gform-theme--foundation .gfield select.large,
.gform_wrapper.tcd-form_wrapper.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input {
	border-radius: 3px;
	border: none;
	background: #f9f9f9;
	color: #000;
	--gf-local-width: 100%;
}
.gform_wrapper.gform-theme.gform-theme--framework.tcd-form_wrapper .gform_footer.top_label button.gform_button {
	border: none;
	background-color: #7b9261;
	color: #fff;
	border-radius: 3px;
	width: 99%;
	padding-top: 10px;
	padding-bottom: 10px;
}/* End custom CSS */