/*
Theme Name: Frost Child
Theme URI: https://frostwp.com/
Template: frost
Author: WP Engine
Author URI: https://wpengine.com/
Description: With its clean, minimal design and powerful feature set, Frost enables agencies to build stylish and sophisticated WordPress websites. Frost is a masterpiece of design and functionality. It features a range of valuable patterns, including hero and portfolio sections, prominent call-to-action buttons, and customer testimonials. Whether you’re building a website for your business, personal brand, or creative project, Frost is perfect for anyone looking to launch quickly and efficiently.
Tags: block-patterns,block-styles,custom-colors,custom-logo,custom-menu,editor-style,full-site-editing,one-column,template-editing,threaded-comments,translation-ready,wide-blocks
Version: 1.0.10.1777562360
Updated: 2026-04-30 15:19:20

*/
:root {
	--white: rgb(255, 255, 255);
	--white85: rgba(255, 255, 255, 0.85);
	--charcoal: rgb(51, 51, 51);
	--midGray: rgb(123, 123, 123);
	--black: rgb(0, 0, 0);
	--navy: rgb(29, 66, 137);
	--teal: rgb(84, 137, 163);
	--blueGrayLt: rgb(241,244,250);
	--blueGray: rgb(203, 215, 237);
	--blueGrayDk: rgb(124,147,192);
	--burgundy: rgb(138, 21, 56);
}

/* -------------- GENERAL ----------------*/
main.withBackground {position: relative; z-index: 1;}
main.withBackground::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('http://chagrinvalleychiropractic.com.user.s438.sureserver.com/wp-content/uploads/2026/05/spine-vilkasss-720px.webp'); opacity: 0.5; z-index: -1; background-size:cover; background-repeat: no-repeat;}
.whiteBox {position: relative; z-index: 1; background-color:var(--white85); width:95%; max-width:1200px; border:1px var(--teal) solid; margin:-25px auto 0!important; opacity:1.0; box-shadow: 0 0 12px var(--midGray); padding:27px;}
.contentBox {padding:30px;}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width:100%;}
.hasBorder img {border: double 7px var(--blueGray); border-radius:7px;}

/*-------variations on type------*/
h1 {color:var(--navy);}
h2 {color:var(--burgundy);}
h3, h4, h5, h6 {color:var(--navy);}
h3 a {font-family: var(--wp--preset--font-family--eb-garamond);}
.siteName {padding-top: 50px;}
h3.siteName1 {font-size:26px; font-style:italic; color:var(--white); }
h1.siteName2 {margin: 0 auto; color:var(--white); line-height:1.2em;}
h1.siteName2 a {font-family: var(--wp--preset--font-family--eb-garamond); text-decoration:none;}
h1.siteName2 a:hover {color:var(--blueGray);}
/*p, li {color:var(--charcoal); font-size:.9em;}*/
hr {width:100%!important;}
a:where(:not(.wp-element-button)):hover {color:var(--burgundy);}
.tip {background-color:var(--blueGrayLt); border:5px double var(--blueGray); padding:7px;}/*---box - used on first visit page--*/

/* ---------------HEADER------------------ */
/*.headerMain {height:316px;}*/
.headerMain, .headerCentered {background-color:var(--navy); background-image: url('/wp-content/uploads/2026/06/header_sm2.webp')!important; background-size:contain; background-repeat:no-repeat; padding:0!important; border-bottom:7px solid var(--blueGrayDk); box-shadow: 0 0 12px var(--midGray);}
.topNav {max-width:1200px;}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {margin-top:-14px;}
.logo {margin-top: 20px;}
/* ------------ TOP NAV --------------------*/
.topMenu {display: inline-flex; list-style:none; font-size:18px; font-weight:500; gap: 20px; z-index:1000;}
.topMenu a {text-decoration:none;}
.topMenu a:hover {text-decoration:underline; color:var(--blueGray);}
.navInner{padding:10px;}
.wp-block-navigation-item__label {color:var(--white);}
/* -------------- SUB NAV -----------------*/
.wp-block-navigation .wp-block-navigation__submenu-icon {color:var(--white);}
.wp-block-navigation-item__label {color:var(--white);}
.wp-block-navigation-item__label:hover {color:var(--blueGray);}
.wp-block-navigation-item .wp-block-navigation-link {border-top:var(--teal) 2px solid!important; font-size:.81em; text-align:left;}
.wp-block-navigation .wp-block-navigation__submenu-container {min-width: 120px; max-width:130px!important; padding:0!important; margin:0!important; background-color:var(--navy); border-bottom-right-radius: 12px;}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {padding: .5em!important;}
	.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {min-width:140px!important; max-width:280px!important;}
/*.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {min-width: 150px; width: auto;}*//* Sub-menu blocks*/
.wp-block-navigation__submenu-container .wp-block-navigation-item {width: 100%;}/* Sub-menu items*/
/*---------------HOME PAGE ONLY------------*/
/*--------Hover Pics--------------*/
.is-layout-grid > :is(*, div) {margin: -12px 0 0;}
.treatmentGrid {gap:0!important; margin:-12px 0 0!important; padding:0; max-width: 700px;}
/*-----image blocks with hover----*/
.treatment {position: relative; display: inline-block; overflow: hidden;}
.treatment img {display: block; transition: transform 0.3s ease;}
/* Dark overlay */
.treatment::before {content: ""; position: absolute; inset: 0; background: rgba(138,21,56,0.5); opacity: 0; transition: opacity 0.3s ease; z-index: 1; pointer-events: none;}
/* Hover text */
.treatment::after {content: "Learn More"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--white); font-family: var(--wp--preset--font-family--eb-garamond); font-size: 24px; font-weight: 600; opacity: 0; transition: opacity 0.3s ease; z-index: 2; pointer-events: none;}
/* Hover effects */
.treatment:hover::before, .treatment:hover::after {opacity: 1;}
.treatment:hover img {transform: scale(1.05);}
/*------end Hover Pics----------*/
.neighborBox_outer {border:var(--blueGrayDk) 30px solid;}
.neighborBox_inner {padding:24px; border:var(--navy) 12px solid;}
/* ---------------FAQ's------------------- */
#faq p, .faq p, #related p, .related p  {margin-top:5px;}
#faq p::before, .faq p::before {content:"A: "; color:var(--burgundy); font-weight:600; font-family: var(--wp--preset--font-family--eb-garamond); font-size:1.4em;}
.faq h3::before {content: "Q: "; font-weight:600;}
/* ---------------FOOTER------------------ */
.footer {background-color: var(--navy); border-top: 11px solid var(--teal); border-bottom: 11px solid var(--teal);}
.footer p {color:var(--white);}
.footer img {border: double 7px var(--teal); border-radius:7px;}
.disclaimer {background-color:var(--blueGray); margin-top:0;}
.disclaimer a {font-size:.8em;}


/* DESKTOP */
@media screen and (min-width:1200px){
	.headerMain {display:block !important;}
	h3.siteName1 {margin-top:-25px!important;}
    .headerCentered {display:none !important;}
    .wp-block-navigation__responsive-container-open:not(.always-shown){display:none !important;}
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:block !important; visibility:visible !important;}
}

/* TABLET + PHONE */
@media screen and (max-width:1199px){
	main.withBackground {padding-left:.8em; padding-right:.8em;}
    .headerMain {display:none !important;}
    .headerCentered {display:block !important; visibility:visible !important; opacity:1 !important; width:100%;}
	h3.siteName1 {margin-top:-65px!important;}
	.footer>h3.siteName1 {margin-top:-25px!important;}
	.whiteBox {padding:14px;}
    .wp-block-navigation__responsive-container-open:not(.always-shown){display:block !important;}
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none !important; visibility:hidden !important;}
	.wp-block-navigation .wp-block-navigation-item__label {color:var(--navy);}
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)); 
	.wp-block-navigation-item {background-color:var(--blueGrayLt)!important; border: solid 1px var(--blueGray);}
	/*======Footer======*/
	.siteName1, .siteName2, .officeBlock, .hoursBlock, .mapBlock {text-align:center!important;}
}