/*
Theme Name: Pines Miramar
Theme URI: https://pinesmiramar.com/
Author: Payel Ghosh Das
Description: Pines Miramar real estate theme using the supplied Haus assets.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: pinesmiramar
*/
.probootstrap-header { background: var(--bg); padding: 8px 0; }
.probootstrap-header > .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.probootstrap-logo { float: none; padding: 0; flex-shrink: 0; line-height: 0; }
.probootstrap-logo .site-logo { display: block; width: 104px; height: 104px; object-fit: contain; }
.probootstrap-nav { float: none; margin-left: 0; }
.probootstrap-main-nav > li { position: relative; }
.probootstrap-main-nav .sub-menu { display: none; position: absolute; top: 100%; right: 0; min-width: 230px; margin: 0; padding: 8px; list-style: none; background: var(--bg); border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 4px; box-shadow: var(--shadow); z-index: 30; }
.probootstrap-main-nav .sub-menu li { display: block; margin: 0; padding: 0; }
.probootstrap-main-nav .sub-menu li a { display: block; padding: 12px 14px; white-space: normal; color: var(--text); text-transform: none; letter-spacing: 0; }
.probootstrap-main-nav .sub-menu li a::after { display: none; }
.probootstrap-main-nav .sub-menu li a:hover,
.probootstrap-main-nav .sub-menu li a:focus { background: var(--accent-soft); color: var(--text-dark); }
.probootstrap-main-nav .submenu-open > .sub-menu { display: block; }
.probootstrap-main-nav .menu-item-has-children > a { cursor: pointer; }
.probootstrap-main-nav .menu-item-has-children > a i { margin-left: 5px; font-size: 11px; }
.probootstrap-main-nav .current-menu-item > a { color: var(--text); }
.probootstrap-main-nav .current-menu-item > a::after { transform: scaleX(1); }
.probootstrap-burger-menu { top: 50%; transform: translateY(-50%); z-index: 1200; }
.probootstrap-burger-menu i, .probootstrap-burger-menu i::before, .probootstrap-burger-menu i::after { background: var(--text); color: var(--text); }
.probootstrap-mobile-menu-active .probootstrap-nav { background: var(--text); }
.probootstrap-mobile-menu-active .probootstrap-main-nav li a { color: var(--bg); }
.probootstrap-mobile-menu-active .probootstrap-main-nav li.active a,
.probootstrap-mobile-menu-active .probootstrap-main-nav .current-menu-item > a,
.probootstrap-mobile-menu-active .probootstrap-main-nav li a:hover { color: var(--accent); }
.btn.btn-ghost:active, .btn.btn-ghost:focus { color: var(--text); border-color: var(--text); }
.btn.btn-ghost.btn-ghost-white:hover,
.btn.btn-ghost.btn-ghost-white:active,
.btn.btn-ghost.btn-ghost-white:focus { color: var(--text); border-color: var(--bg); }
.probootstrap-half .btn-ghost-white:hover,
.probootstrap-half .btn-ghost-white:active,
.probootstrap-half .btn-ghost-white:focus { border-color: var(--accent) !important; }
.probootstrap-section.probootstrap-section-colored { background: var(--bg); }
.probootstrap-section.probootstrap-section-dark { background: var(--text); }
.probootstrap-section.probootstrap-section-colored .heading-with-icon,
.probootstrap-section.probootstrap-section-colored .heading-with-icon i { color: var(--text); }
.probootstrap-primary-color { color: var(--text) !important; }
.probootstrap-form .form-control:active { border-color: var(--text); }
.probootstrap-half .text p { color: var(--bg); }
.probootstrap-home-search .heading { color: #fff; }
.probootstrap-card-heading a:hover { color: var(--text-dark); }
.probootstrap-card, .service { background-color: #fff; }
.service .icon i, .with-icon.colored i { color: var(--text); }
.probootstrap-form .form-control:focus { border-color: var(--text); box-shadow: 0 0 0 3px rgba(35,100,93,.16); }
.form-control { color: var(--text-dark); }
.form-control::placeholder { color: var(--muted); opacity: 1; }
.probootstrap-loader { background-color: var(--bg); }
.flex-direction-nav a { color: var(--text); }
.flex-control-paging li a.flex-active { background: var(--accent); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.site-content { min-height: 50vh; padding: 140px 0 60px; }
.skip-link { position: fixed; left: 12px; top: -100px; z-index: 100000; padding: 10px 16px; background: #fff; color: #111; }
.skip-link:focus { top: 12px; }
#main-content { scroll-margin-top: 100px; }
body.admin-bar .probootstrap-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .probootstrap-header { top: 46px; } }
@media (max-width: 767.98px) {
  .probootstrap-logo .site-logo { width: 88px; height: 88px; }
  .probootstrap-home-search { margin-top: 150px; }
  .probootstrap-main-nav .sub-menu { position: static; min-width: 0; margin: 4px 0 12px; box-shadow: none; }
  .probootstrap-mobile-menu-active .probootstrap-main-nav .sub-menu li a { color: var(--text); }
}