.elementor-kit-6{--e-global-color-primary:#991A37;--e-global-color-secondary:#790F27;--e-global-color-text:#000000;--e-global-color-accent:#790F27;--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:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#19316F;}.elementor-kit-6 a:hover{text-decoration:underline;}.elementor-kit-6 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h2{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-6 h3{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-6 h4{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-6 h5{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-6 h6{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* ==========================================================================
   Chemstrand Oaks Veterinary Hospital: site-wide custom CSS
   (Elementor > Site Settings > Custom CSS)

   Moved here from Appearance > Customize > Additional CSS on 2026-10-16.
   Rules that belong to one section sit on that element instead
   (Advanced > Custom CSS):
   - Header template: home overlay, mobile header bar, menu dropdowns
   - Home page: opening hours, service boxes, contact form
   - Submit Your Pet Memorial page: visible form labels
   ========================================================================== */

/* Text
   ========================================================================== */
strong {
	font-weight: 700;
}

hr {
	margin-block: 1rem;
}

/* Keep phone numbers on one line. */
a[href^="tel:"] {
	white-space: nowrap;
}

/* Rank Math breadcrumbs
   ========================================================================== */
.rank-math-breadcrumb {
	font-family: "Montserrat", sans-serif;
}

.rank-math-breadcrumb p {
	margin-bottom: 0;
}

.rank-math-breadcrumb .separator {
	margin: 0 8px;
}

/* Content images floated next to the text
   Text Editor: give the <img> the class "dog_cus". Images keep their own
   proportions and are never shown larger than 217px or their real size.
   ========================================================================== */
.dog_cus {
	float: right;
	max-width: min(217px, 100%);
	height: auto;
	margin: 0 0 10px 10px;
}

@media (max-width: 1024px) {
	.dog_cus {
		display: block;
		float: none;
		margin: 0 auto;
	}
}

/* Gravity Forms (Orbital theme)
   Default look for every form: blue fields, white text, placeholders instead
   of visible labels (labels are set to "Hidden" in the form editor, so screen
   readers still get them). Colours and sizes use Gravity Forms' own CSS
   variables, so no !important is needed. They are set on the form body and
   footer because Gravity Forms prints its defaults inline on the form wrapper
   (#gform_wrapper_N). The Home page contact form overrides them on its
   Shortcode widget.
   ========================================================================== */
.gform_wrapper.gform-theme--framework :is(.gform_body, .gform_footer) {
	--gf-ctrl-font-family: "Montserrat", sans-serif;
	--gf-ctrl-font-size: 16px;
	--gf-ctrl-size: 36px;
	--gf-ctrl-padding-x: 12px;
	--gf-ctrl-radius: 6px;
	--gf-ctrl-shadow: none;
	--gf-ctrl-border-width: 2px;
	--gf-ctrl-border-color: transparent;
	--gf-ctrl-border-color-hover: transparent;
	--gf-ctrl-border-color-focus: #101f45;
	--gf-ctrl-outline-width-focus: 0;
	--gf-ctrl-bg-color: rgba(25, 49, 111, .7);
	--gf-ctrl-bg-color-hover: rgba(25, 49, 111, .7);
	--gf-ctrl-bg-color-focus: rgba(25, 49, 111, .7);
	--gf-ctrl-color: #fff;
	--gf-ctrl-color-hover: #fff;
	--gf-ctrl-color-focus: #fff;
	--gf-ctrl-placeholder-color: #fff;
	--gf-ctrl-placeholder-opacity: 1;
	--gf-ctrl-icon-color: #fff;
	--gf-ctrl-icon-color-hover: #fff;
	--gf-ctrl-label-font-family-primary: "Montserrat", sans-serif;
	--gf-ctrl-btn-font-family: "Montserrat", sans-serif;
	--gf-ctrl-btn-font-size: .875rem;
	--gf-ctrl-btn-font-weight: 700;
	--gf-ctrl-btn-line-height: .875rem;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-radius: 20px;
	--gf-ctrl-btn-padding-x: 12px;
	--gf-ctrl-btn-padding-y: 16px;
	--gf-ctrl-btn-border-style-primary: solid;
	--gf-ctrl-btn-border-width-primary: 2px;
	--gf-ctrl-btn-bg-color-primary: #19316f;
	--gf-ctrl-btn-bg-color-hover-primary: #224399;
	--gf-ctrl-btn-bg-color-focus-primary: #224399;
	--gf-ctrl-btn-border-color-primary: #19316f;
	--gf-ctrl-btn-border-color-hover-primary: #19316f;
	--gf-ctrl-btn-border-color-focus-primary: #19316f;
	--gf-ctrl-btn-color-primary: #fff;
	--gf-ctrl-btn-color-hover-primary: #fff;
	--gf-ctrl-btn-color-focus-primary: #fff;
}

.gform_wrapper.gform-theme--framework .gform_fields {
	gap: 30px;
}

.gform_wrapper.gform-theme--framework .ginput_container_textarea textarea {
	block-size: 110px;
	min-block-size: 110px;
	padding: 12px;
	border-radius: var(--gf-ctrl-radius);
	resize: none;
}

/* Date field: full width, with Gravity Forms' calendar button shown inside
   the field on the right. */
.gform_wrapper.gform-theme--framework .ginput_container_date {
	position: relative;
}

.gform_wrapper.gform-theme--framework .ginput_container_date input {
	width: 100%;
	padding-inline-end: 40px;
}

.gform_wrapper.gform-theme.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date button.gform-datepicker-toggle.gform-theme-button {
	position: absolute;
	top: 50%;
	inset-inline-end: 12px;
	margin: 0;
	transform: translateY(-50%);
}

/* Dropdown: white arrow on the blue field; readable options in the open list. */
.gform_wrapper.gform-theme--framework .ginput_container_select select {
	padding-right: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: right 14px center;
	background-repeat: no-repeat;
	background-size: 10px 6px;
}

.gform_wrapper.gform-theme--framework select option {
	color: #112337;
	background-color: #fff;
}

/* Labels already contain "*", so Gravity Forms' "(Required)" text is kept
   for screen readers only. */
.gform_wrapper.gform-theme--framework .gfield_required {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.gform_wrapper.gform-theme--framework .gform_footer {
	justify-content: center;
}

/* Submit button size and spacing. The .elementor-kit-6 outweighs Gravity Forms' own
   button .elementor-kit-6, so no !important is needed. */
.gform_wrapper.gform-theme.gform-theme--framework .gform_footer.top_label button.gform_button {
	min-width: 10rem;
	max-width: 240px;
	margin-top: 40px;
}/* End custom CSS */