/*
Theme Name: OneStep Rehab
Theme URI: https://example.com/onesteprehab
Author: OneStep Rehab
Author URI: https://example.com
Description: A modern WordPress theme for OneStep Rehab
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onesteprehab
Tags: responsive, modern, clean
*/
@font-face{font-family:'Poppins';font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/fonts/poppins-variable.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/fonts/montserrat-variable.woff2') format('woff2')}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.6;color:#333;background-color:#fff}
h1{font-size:42px;line-height:1.2}
h2{font-size:32px;line-height:1.3;margin-top:48px;margin-bottom:16px}
h3{font-size:24px;line-height:1.4;margin-top:32px;margin-bottom:12px}
@media (max-width:768px){h1{font-size:32px;line-height:1.3}
h2{font-size:24px;line-height:1.4;margin-top:36px;margin-bottom:12px}
h3{font-size:20px;line-height:1.4;margin-top:24px;margin-bottom:8px}
}
ul,ol{margin-left:1.5rem;padding-left:0.5rem}
ul li,ol li{margin-bottom:0.5rem}
ul ul,ol ol,ul ol,ol ul{margin-top:0.5rem;margin-bottom:0.5rem}
.nav-menu,.nav-menu ul,.sub-menu{margin-left:0;padding-left:0}
.body-small-meta{font-family:'Poppins',sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:100%;letter-spacing:0%;vertical-align:middle}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:1rem 0;position:sticky;top:0;z-index:1000}
.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.site-branding{flex-shrink:0}
.custom-logo{width:222px;height:71px;display:block;object-fit:contain}
.logo-desktop{display:block}
.logo-mobile{display:none}
@media (max-width:768px){.logo-desktop{display:none !important}
.logo-mobile{display:block}
.custom-logo{width:180px;height:auto}
}
.site-title{font-size:1.5rem;font-weight:bold;margin:0}
.site-title a{text-decoration:none;color:#333}
.main-navigation{flex:1;display:flex;justify-content:flex-end;align-items:center}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;flex-direction:column;gap:4px}
.menu-toggle-icon{display:block;width:24px;height:18px;position:relative}
.menu-toggle-icon span{display:block;position:absolute;left:0;width:100%;height:2px;background-color:#333;transition:all 0.3s ease}
.menu-toggle-icon span:nth-child(1){top:0}
.menu-toggle-icon span:nth-child(2){top:8px}
.menu-toggle-icon span:nth-child(3){top:16px}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(1){top:8px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(3){top:8px;transform:rotate(-45deg)}
.nav-menu{list-style:none;display:flex;gap:2rem;align-items:center;margin:0;padding:0}
.main-navigation a{text-decoration:none;color:#333;font-family:'Montserrat',sans-serif;font-weight:500;font-style:normal;font-size:13px;line-height:100%;letter-spacing:0%;transition:color 0.3s ease;display:flex;align-items:center;gap:6px}
.nav-menu>li>a:hover{color:#333}
.nav-menu>li{position:relative}
.nav-menu>li.menu-item-has-children>a{cursor:pointer}
.nav-menu>li.menu-item-has-children::after{content:'';position:absolute;top:100%;left:0;width:100%;height:1rem;background:transparent}
.menu-arrow-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:0}
.menu-arrow-icon .arrow-icon{width:15px;height:14px;display:block;transition:transform 0.4s ease-in-out;color:#D4B169}
.nav-menu>li.menu-item-has-children.active>a .menu-arrow-icon .arrow-icon{transform:rotate(180deg)}
@media (hover:hover){.nav-menu>li.menu-item-has-children:hover>a .menu-arrow-icon .arrow-icon{transform:rotate(180deg)}
}
.nav-menu .sub-menu{position:absolute;top:calc(100%+1rem);left:0;background-color:#fff;list-style:none;margin:0;padding:0;min-width:250px;box-shadow:0 4px 6px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;z-index:1000}
.nav-menu>li:hover>.sub-menu,.nav-menu>li.active>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-menu .sub-menu li{width:100%;margin:0}
.nav-menu .sub-menu a{display:block;padding:0.75rem 1.25rem;color:#333;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:500;font-style:normal;font-size:13px;line-height:100%;letter-spacing:0%;border-bottom:1px solid transparent;transition:background-color 0.3s ease,color 0.3s ease}
.nav-menu .sub-menu a:hover{background-color:#f5f5f5;color:#2d5a3d}
.nav-menu .sub-menu li:last-child a{border-bottom:none}
.nav-menu .sub-menu li{position:relative}
.nav-menu .sub-menu li.menu-item-has-children>a{display:flex;justify-content:space-between;align-items:center}
.nav-menu .sub-menu li.menu-item-has-children>a .menu-arrow-icon .arrow-icon{transform:rotate(-90deg)}
@media (hover:hover){.nav-menu .sub-menu li.menu-item-has-children:hover>a .menu-arrow-icon .arrow-icon{transform:rotate(-90deg);color:#2d5a3d}
}
.nav-menu .sub-menu .sub-menu{position:absolute;top:0;left:100%;margin-left:0;opacity:0;visibility:hidden;transform:translateX(-10px)}
.nav-menu .sub-menu .sub-menu::before{content:'';position:absolute;top:0;left:-10px;width:10px;height:100%;background:transparent}
.nav-menu .sub-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateX(0)}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;height:1px;width:1px;overflow:hidden}
.header-cta{flex-shrink:0}
.cta-button{display:inline-block;padding:0.75rem 1.5rem;background-color:#2d5a3d;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;font-size:0.9375rem;transition:background-color 0.3s ease,transform 0.2s ease}
.cta-button:hover{background-color:#1e3d29;transform:translateY(-2px)}
.site-main{padding:2rem 0;min-height:60vh;background-color:#F9F8F6}
#top-bar{position:relative;z-index:1001}
.post{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}
.post:last-child{border-bottom:none}
.post-title{font-size:2rem;margin-bottom:0.5rem}
.post-title a{text-decoration:none;color:#333}
.post-title a:hover{color:#0073aa}
.post-meta{color:#666;font-size:0.9rem;margin-bottom:1rem}
.post-content{margin-top:1rem}
.post-content p{margin-bottom:1rem}
.site-footer{background-color:#333;color:#fff;padding:2rem 0;text-align:center}
.mobile-menu-panel{display:contents}
.mobile-contact-info{display:none}
@media (max-width:768px){.header-content{flex-wrap:wrap}
.menu-toggle{display:flex}
.mobile-menu-panel{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);width:100%;max-height:80vh;overflow-y:auto}
.menu-toggle[aria-expanded="true"]+.mobile-menu-panel{display:block}
.nav-menu{display:flex;flex-direction:column;gap:0;padding:1rem 0 0;width:100%}
.nav-menu li{width:100%}
.nav-menu a{display:flex;align-items:center;justify-content:space-between;padding:1rem 20px;border-bottom:1px solid #eee;color:#333 !important}
.nav-menu .menu-item-has-children>a{padding-right:0}
.nav-menu .menu-item-has-children>a>.menu-arrow-icon{align-self:stretch;display:flex;align-items:center;justify-content:center;width:56px;flex-shrink:0;margin:-1rem 0}
.nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background-color:#f9f9f9;margin-top:0;display:none;padding-left:1rem}
.nav-menu li.menu-item-has-children.active>.sub-menu{display:block}
.nav-menu .sub-menu a{padding:0.75rem 20px;font-family:'Montserrat',sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:100%;letter-spacing:0%}
.nav-menu li.menu-item-has-children.active>a .menu-arrow-icon .arrow-icon{transform:rotate(180deg)}
.nav-menu .sub-menu .sub-menu{position:static;left:auto;background-color:#f0f0f0;padding-left:1rem}
.nav-menu .sub-menu li.menu-item-has-children>a .menu-arrow-icon .arrow-icon{transform:rotate(0deg)}
.nav-menu .sub-menu li.menu-item-has-children.active>a .menu-arrow-icon .arrow-icon{transform:rotate(180deg)}
.header-cta{width:100%;text-align:center}
.cta-button{width:100%;text-align:center}
.post-title{font-size:1.5rem}
.mobile-contact-info{display:block;padding:0.5rem 0 1rem;margin-top:0.5rem}
.mobile-contact-item{display:flex;align-items:flex-start;gap:12px;padding:0.875rem 20px;text-decoration:none;color:#333 !important;font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;line-height:1.4}
.mobile-contact-text{color:#333 !important}
.mobile-contact-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px}
.mobile-contact-icon svg{width:100%;height:100%}
.mobile-contact-text{flex:1}
}