/* Dreamweaver-friendly styles for the Medical Patient Modesty home page. */
* { box-sizing: border-box; }
body { margin:0; background:#eaf1f8; color:#24344b; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.6; }
a { color:#14558b; }
a:hover, a:focus { text-decoration:underline; }
.site-shell { width: min(1180px, 100%); margin:0 auto; background:#fff; box-shadow:0 2px 18px rgba(25,54,85,.13); }
.site-header { padding:2px 18px 0; background:#fff; }
.brand-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:0; }
.brand-logo { display:block; width:605px; max-width:calc(100% - 170px); height:auto; }
.social-links { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.social-links a { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; color:#fff; background:#2f70ad; text-decoration:none; font-weight:bold; font-size:14px; }
.social-links svg { display:block; width:29px; height:29px; }
.social-links a.youtube { background:#bd2525; }
.action-row { display:flex; justify-content:flex-end; gap:10px; margin:-12px 0 9px; padding:0; flex-wrap:wrap; line-height:1.2; position:relative; top:-5px; }
.action-button { display:inline-block; padding:8px 17px; background:#164d82; color:#fff; border-radius:5px; text-decoration:none; font-weight:bold; }
.action-button.auction { background:#367bb8; }
.main-nav { background:#2f70ad; border-radius:5px; display:flex; flex-wrap:wrap; margin-top:0; }
.main-nav > a, .nav-item > a { display:block; padding:12px 13px; color:#fff; text-align:center; text-decoration:none; font-size:14px; font-weight:bold; }
.main-nav > a { flex:1 1 auto; }
.nav-item { position:relative; flex:1 1 auto; }
.nav-item > a { height:100%; }
.main-nav a:hover, .main-nav a:focus, .nav-item:focus-within > a { background:#194f83; }
.dropdown, .submenu { display:none; position:absolute; top:100%; left:0; min-width:255px; z-index:1000; background:#fff; border:1px solid #c8d8e8; box-shadow:0 5px 14px rgba(0,0,0,.18); }
.dropdown a, .submenu a { display:block; padding:8px 12px; color:#173c60; text-decoration:none; font-size:13px; line-height:1.35; border-bottom:1px solid #e8eef4; }
.dropdown a:hover, .submenu a:hover, .dropdown a:focus, .submenu a:focus { background:#eaf3fb; }
.nav-item:hover > .dropdown, .nav-item:focus-within > .dropdown { display:block; }
.has-submenu { position:relative; padding-right:28px !important; }
.has-submenu:after { content:'\203A'; position:absolute; right:10px; top:5px; font-size:20px; }
.has-submenu:hover > .submenu, .has-submenu:focus-within > .submenu { display:block; }
.submenu { top:0; left:100%; min-width:300px; max-height:75vh; overflow-y:auto; }
.hero { min-height:300px; padding:34px 38px; background:linear-gradient(90deg, rgba(245,249,253,.96) 0%, rgba(245,249,253,.82) 34%, rgba(245,249,253,.08) 68%, rgba(245,249,253,0) 100%), url('https://patientmodesty.org/images/womaninlabor.jpeg') 72% center/cover no-repeat; display:flex; align-items:center; }
.hero-copy { max-width:590px; }
h1, h2, h3 { font-family:Georgia, 'Times New Roman', serif; color:#102e59; line-height:1.15; }
.hero h1 { font-size:clamp(32px,4vw,46px); margin:0 0 12px; }
.hero p { margin:0; font-size:18px; font-weight:bold; color:#123d68; text-shadow:0 1px 0 rgba(255,255,255,.8); }
.statement { padding:28px 38px; background:#eef4fc; border-top:1px solid #dce7f3; border-bottom:1px solid #dce7f3; }
.statement p { margin:0 0 12px; }
.statement p:last-child { margin-bottom:0; }
.section { padding:28px 28px 12px; }
.card-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.info-card { border:1px solid #dce6f0; border-radius:7px; overflow:hidden; background:#fff; box-shadow:0 2px 7px rgba(26,61,93,.06); }
.info-card img { display:block; width:100%; height:auto; aspect-ratio: 2.25 / 1; object-fit:contain; background:#fff; }
.info-card-content { padding:15px 15px 17px; text-align:center; }
.info-card h3 { font-size:20px; margin:0 0 9px; color:#102e59; }
.info-card p { margin:0 0 13px; font-size:14px; color:#173c60; }
.learn-more { display:inline-block; padding:7px 17px; background:#367bb8; color:#fff; border-radius:4px; text-decoration:none; font-weight:bold; font-size:13px; }
.topic-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
.topic-card { display:block; padding:17px 18px; background:#e8f2fc; border:1px solid #a9c7e5; border-left:5px solid #367bb8; border-radius:5px; color:#24344b; text-decoration:none; }
.topic-card:hover, .topic-card:focus { background:#d9eafb; text-decoration:none; }
.topic-card h3 { font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:0 0 6px; color:#174e80; }
.topic-card p { font-size:14px; margin:0; }
.audience-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding-bottom:28px; }
.audience-card { display:grid; grid-template-columns:42% 1fr; align-items:stretch; border:1px solid #d5e2ef; border-radius:7px; overflow:hidden; color:inherit; text-decoration:none; }
.audience-card .audience-image-link { display:block; min-width:0; }
.audience-card .audience-image-link img { display:block; }
.audience-copy p { color:#2f70ad; }
.audience-card img { width:100%; height:100%; min-height:170px; object-fit:cover; }
.audience-copy { padding:20px; }
.audience-copy h3 { margin:0 0 8px; font-size:23px; }
.audience-copy p { margin:0; }
.audience-copy h3 { color:#164d82; font-weight:bold; }
.page-columns { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:14px; align-items:start; }
.page-columns main { min-width:0; }
.right-banners { padding:18px 8px 0 0; overflow:hidden; }
.right-banners img { max-width:100%; height:auto; }
.right-banners table { max-width:100%; }
.disclaimer { margin:0 28px 25px; padding:18px 20px; background:#f5f7fa; border:1px solid #dce4ed; font-size:14px; }
.site-footer { padding:22px 24px 10px; text-align:center; border-top:4px solid #d4e3f2; font-size:13px; }
.footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:7px 17px; margin-bottom:22px; }
.footer-links a { text-decoration:none; }
@media (max-width:1050px) { .page-columns { grid-template-columns:minmax(0,1fr) 180px; } }
@media (max-width:850px) { .page-columns { display:block; } .right-banners { padding:12px 18px; } .card-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .topic-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .main-nav {display:block;} .nav-item > a,.main-nav > a {text-align:left; border-bottom:1px solid rgba(255,255,255,.2);} .dropdown {position:static; box-shadow:none; border:0;} .submenu {position:static; min-width:0; box-shadow:none; border:0; padding-left:12px;} .has-submenu:hover > .submenu,.has-submenu:focus-within > .submenu {display:block;} .hero {background-position:center; padding:28px;} }
@media (max-width:560px) { .site-header {padding:12px;} .brand-row {align-items:flex-start;} .brand-logo {width:calc(100% - 10px); max-width:100%;} .social-links {gap:4px; flex-wrap:wrap;} .social-links a {width:38px;height:38px;} .social-links svg {width:24px;height:24px;} .hero {min-height:0; padding:25px 20px; background:#f2f7fc;} .hero p {font-size:16px;} .statement,.section {padding-left:18px;padding-right:18px;} .card-grid,.topic-grid,.audience-grid {grid-template-columns:1fr;} .audience-card {grid-template-columns:1fr;} .audience-card img {height:190px;} .info-card img {height:180px;} }

/* Female/Male Patient Modesty cards: underline linked heading only on hover/focus. */
.audience-copy h3 a { color:inherit; text-decoration:none; }
.audience-copy h3 a:hover, .audience-copy h3 a:focus { text-decoration:underline; }
.audience-card:hover .audience-copy h3 a { text-decoration:underline; }

/* Header and navigation refinements requested for the current redesign. */
@media (min-width:851px) { .dropdown { min-width:270px; } .submenu { min-width:300px; } .has-submenu > a { padding-right:28px; } }
@media (max-width:850px) { .action-row { margin:-8px 0 12px; top:0; } }


/* Mobile navigation: touch-friendly expandable menus */
@media (max-width:850px) {
  .main-nav .nav-item > a,
  .main-nav > a {
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    text-align:left;
    padding:13px 16px;
  }
  .main-nav .nav-item > a::after {
    content:"\002B";
    font-size:18px;
    line-height:1;
    margin-left:14px;
    flex:0 0 auto;
  }
  .main-nav .nav-item.mobile-open > a::after {
    content:"\2212";
  }
  .main-nav .nav-item > .dropdown {
    display:none;
    position:static;
    width:100%;
    min-width:0;
    max-height:none;
    overflow:visible;
    background:#f5f9fd;
    border:0;
    border-top:1px solid #c8d8e8;
    box-shadow:none;
  }
  .main-nav .nav-item.mobile-open > .dropdown {
    display:block;
  }
  .main-nav .dropdown a {
    min-height:44px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    padding:11px 16px;
    font-size:14px;
    overflow-wrap:anywhere;
  }
  .main-nav .dropdown .has-submenu {
    padding-right:0 !important;
  }
  .main-nav .dropdown .has-submenu > a::after {
    content:"\002B";
    margin-left:auto;
    padding-left:12px;
    font-size:17px;
  }
  .main-nav .dropdown .has-submenu.mobile-open > a::after {
    content:"\2212";
  }
  .main-nav .dropdown .submenu {
    display:none;
    position:static;
    min-width:0;
    max-height:none;
    overflow:visible;
    padding:0 0 0 12px;
    background:#edf4fb;
    border:0;
    box-shadow:none;
  }
  .main-nav .dropdown .has-submenu.mobile-open > .submenu {
    display:block;
  }
  .main-nav .dropdown .submenu a {
    padding-left:18px;
  }
}