/*
Theme Name: Ohio Valley Home Health
Author: Idealogy Marketing & Design
Author URI: https://idealogy.biz
Description: Ohio Valley Home Health theme. Child theme.
Version: 1.0.0
Template: twentytwentyfive
Text Domain: ovhh
*/


.wp-block-column > .wp-block-group{padding:0;}

.home .headerImg {display:none!important;}

h1, h2, h3, h4, h5, h6{text-wrap:auto!important;}

.wp-container-core-group-is-layout-e1f4859d .wp-block-group{align-content: center; flex:30%; max-width:50%;}



	.approachBlocks{flex-wrap:wrap!important;}


@media screen and (max-width:800px){
	.approachBlocks > div{flex:48%!important;}
}

@media screen and (max-width:599px){
	.approachBlocks > div{flex:100%!important;  max-width:100%!important;}
}

.wp-block-gallery.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wp--style--block-gap, 16px);
}

.wp-block-gallery.columns-3 > .wp-block-image {
    width: 100% !important;
    margin: 0 !important;
}

.wp-block-gallery.columns-3 > .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


nav a:where(:not(.wp-element-button)){font-family:inherit!important; font-size:inherit!important;}

a.custom-logo-link, .wp-block-navigation__container *{outline:none!important; border:none!important;}

body:not(.home) .entry-content h1{font-size: 2.8em;}
/*body:not(.home) .entry-content h2{font-size: 1.6em;}*/

.wp-block-accordion-panel{transition: all 0.3s ease; padding: 0 20px;}
.wp-block-accordion-heading{background:var(--wp--preset--color--accent-2); border-radius:5px;}
.wp-block-accordion-heading span.wp-block-accordion-heading__toggle-title{padding: 10px 20px; text-decoration:none!important;}
.wp-block-accordion-heading__toggle-icon{font-size:1.3em;}

*{box-sizing:border-box;}
#site-header{padding:30px 0 0;}
#branding{padding:10px 0 0;}
.wp-block-image a{display:block;}

.headCallout{font-size: 40px;
    font-weight: normal;
    margin: 30px auto;
}
.header-inner{position:relative;}
.header-inner .phone{font-family: "Lora"; font-weight:bold; font-size: 30px; position:absolute; top:-5px; right:50px; color: #46763a;}


footer.wp-block-template-part{ margin-top: 0;}

.wp-block-columns > .wp-block-column > ul{padding:0 0 0 1em;}


.threeServices figure{margin:0 0 10px!important;}
.threeServices .wp-block-column{background-color:#fff; padding:20px; box-shadow:0 0 8px rgba(0,0,0,0.3)}
.threeServices .wp-block-column p{color:#000;}
.threeServices a{text-decoration:none;}

header nav {z-index:10;}
nav ul.menu i{margin:auto auto auto 15px; position:relative; z-index:10;font-size: 20px; display:none;}
nav ul.menu > li{padding:10px 20px; position:relative; line-height: 2em;}

/* 1. Force the desktop layout to HIDE and collapse up to 1200px */
@media screen and (max-width: 1200px) {
    /* Hide the standard inline desktop navigation links */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }

    /* Force the mobile hamburger toggle button to reveal itself */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }
}

@media screen and (min-width: 782px) and (max-width: 1200px) {
    /* Keep the responsive modal container formatted as a hidden mobile drawer until clicked */
    .wp-block-navigation__responsive-container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000;
        flex-direction: column;
        background-color: inherit;
    }


}


.wp-block-navigation__responsive-container-open svg {
    /* Step 2: Scale the actual lines of the hamburger menu */
    width: 40px !important;  /* Change to your desired width */
    height: auto !important; /* Maintains the original aspect ratio */
	transform: scaleX(1.75);
	    fill: black;
}


@media screen and (min-width:1024px){
nav ul.menu > li.long{/*position:static;*/ position:relative; display: flex; justify-content: center;}
nav ul.menu > li.long > div.sub-menu-wrap{left:auto; right:auto;}
}
nav ul.menu > li:hover{background: #e2ecc1;}
nav ul.menu > li > div.sub-menu-wrap {padding:20px 40px; white-space: nowrap; background: #e2ecc1; position:absolute; left:0; top:100%; visibility:hidden;}
nav ul.menu > li:last-of-type > div.sub-menu-wrap {left:auto; right:0;}
div.sub-menu-wrap > ul > li:not(:last-of-type){margin:0 30px auto auto;}
nav ul.menu > li.long > div.sub-menu-wrap{width: auto; padding:40px;}
nav ul.menu > li:hover > div{visibility:visible;}
nav ul.menu > li.long > div.sub-menu-wrap > ul{max-width:1200px; margin:auto; display:flex;} nav ul.menu > li div > ul > li{flex:1; position:relative; font-weight:bold;}
nav ul.menu > li ul.sub-menu {position:relative;} nav ul.menu > li ul.sub-menu ul.sub-menu > li{font-weight:normal;}
nav ul.sub-menu a:hover{text-decoration:underline;}



/*.headerImg{max-height:400px; height:40vh; text-align:center; margin:auto; background:rgba(248,241,226,0.7);overflow:hidden;     background-size: 1200px;
    background-position: top;    background-repeat: no-repeat;}*/




.services li{flex:1; text-align:center; align-self: center; padding:20px 0;}
.services li:last-of-type{display:none;}

.wp-block-cover__inner-container{max-width:1200px; margin:auto; padding:0 30px;}
.wp-block-group__inner-container > .wp-block-columns{margin:auto;}


.bulletCol{column-count:2;}

.categories .wp-block-column{background:#e2ecc1; font-size:22px; transition:ease-in-out 0.25s;}
.categories .wp-block-column:hover{background:rgba(150,193,33,0.1);}
.categories .wp-block-image{margin:20px; height: 350px!important; overflow: hidden;}
.categories a{text-decoration:none;}
.posts{padding:30px!important; font-size: 26px; line-height:1.3em;}
.posts .wp-block-latest-posts__featured-image.aligncenter{margin:auto auto 15px;}
.posts time{font-size:16px;}
ul.aligncenter li{text-align:center;}

.archives, .postHeader{max-width:1200px; margin:auto;}

.postEntry{text-align:center; margin:auto; background:rgba(150,193,33,0.1); overflow:hidden;      max-height: 400px;
    height: 40vh;
    text-align: center;
    margin: auto;}
.postContent .entry-content{padding:0;}
.listings{margin: 30px auto 50px; padding:0 30px;}
.listings:after{display:block; content:''; clear:both;}
.listings article{width:31%; position:relative; float:left; margin:0 3% 20px 0;} .listings article img{width:100%; height:auto;}
.listings article:nth-of-type(3n){margin-right:0;}

.postHeader{padding:30px; }
.postContent {margin:30px auto; padding: 0 30px 30px;}

footer a:hover{text-decoration:underline;}
.sitemap{flex:1;}
.sitemap ul.menu{display:flex; flex-wrap: wrap;}
.sitemap ul.menu > li{min-width: 30%; margin-bottom:30px;line-height: 1.6em;}
.sitemap ul.menu > li > a{font-weight:bold;}

ul.wp-block-social-links {margin-top:0;}



.callout a.button{border-color:#fff!important; color:#fff!important;}
.callout a.button:hover{background:#fff!important; color:#96c121!important;}
.callout p{font-size:20px; line-height: 1.6em;}


@media screen and (max-width:1136px) and (min-width:1024px){
	.wp-block-site-logo {max-width: 260px!important;}
}

@media screen and (max-width:1200px){
	.headerImg {min-width: 100%; height:50vh; max-height: 380px; min-height:200px; overflow:hidden;}
		.headerImg > div { height:100%; min-height: 0;}
	.page-id-17 .headerImg > div img, .page-id-64 .headerImg > div img{object-position: right;}
}

@media screen and (max-width:1024px){
	html,body{overflow-x:hidden;}
	#site-header{padding:15px;} #branding{padding:0;}
	.header-inner {align-items:center!important}
	.header-inner .phone { position: relative;  margin: auto; right:auto;}


	
	.inner-footer{display:block;}
}


@media screen and (max-width:781px){
	
	section.homeHeader{    min-height: 100vh!important;
    flex-direction: column;
    padding: 0;
    gap: 2rem; position:relative;}
	
	section.homeHeader > img{    object-position: 90%!important;
    min-height: 430px; margin-top: 100px!important;
    position: relative!important;}
	
	section.homeHeader .wp-block-group {margin:auto;}
	
	section.homeHeader span.has-background-gradient{/*opacity:0!important;*/     background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255) 15%, rgba(255, 255, 255, 0) 25%)!important; opacity: 1!important;}
	
	section.homeHeader h1{position:absolute; top:0;}
	section.homeHeader .wp-block-cover__inner-container{position:static!important;}

	.header-inner {padding: 0 10px;}
	.wp-block-site-logo {max-width: 170px!important;} 
	.header-inner .phone{margin: auto auto auto 15px;}
	.header-inner .phone{font-size: 22px;}
	.label-toggle{ top: -3px;}
	.services {display: block; /*bottom: -170px;*/}
.wp-block-cover{
	    background-size: contain;
    background-repeat: no-repeat;
    background-position: top; padding-top: 50%;
	}
	.wp-block-cover .wp-block-columns{display: block;}	
	

	.threeServices .wp-block-column{margin:5px;}

}
@media screen and (max-width:600px){
.callout p{text-align:center;}
	.threeServices .wp-block-column{max-width: 410px; margin: auto auto 15px;}
}
@media screen and (max-width:460px){
	header .phone{display:none}
}