.elementor-kit-19{--e-global-color-primary:#BA0C2F;--e-global-color-secondary:#B9B9B9;--e-global-color-text:#090909;--e-global-color-accent:#163869;--e-global-color-kadence1:#CF0A2C;--e-global-color-kadence2:#CF0A2C;--e-global-color-kadence4:#090909;--e-global-color-kadence9:#F4F2EB;--e-global-color-7775643:#FFFFFF;--e-global-typography-primary-font-family:"Open Sans Regular";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Open Sans Bold";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Open Sans Regular";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans Semibold";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;font-family:"Open Sans Regular", Sans-serif;font-size:14px;font-weight:400;line-height:1.6px;}.elementor-kit-19 button,.elementor-kit-19 input[type="button"],.elementor-kit-19 input[type="submit"],.elementor-kit-19 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-7775643 );border-radius:999px 999px 999px 999px;padding:20px 44px 20px 44px;}.elementor-kit-19 e-page-transition{background-color:#FFBC7D;}.elementor-kit-19 p{margin-block-end:0px;}.elementor-kit-19 a{font-family:"Open Sans Regular", Sans-serif;}.elementor-kit-19 h1{font-family:"Gotham Bold", Sans-serif;}.elementor-kit-19 h2{font-family:"Open Sans Semibold", Sans-serif;}.elementor-kit-19 h3{font-family:"Open Sans Bold", Sans-serif;}.elementor-kit-19 h4{color:#B9B9B9;font-family:"Open Sans Semibold", Sans-serif;}.elementor-kit-19 h5{font-family:"Open Sans Regular", Sans-serif;}.elementor-kit-19 h6{font-family:"Open Sans Regular", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:49%;max-width:49%;}.site-header .site-navigation .menu li{font-family:"Open Sans", Sans-serif;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   CAN Community Health - PrEP Page (SCOPED, NO BLEED)
   ========================================================= */

/* Keep this page background white */
#can-prep-page{
  background:#ffffff !important;
}

/* Prevent bleed into global menus (scoped to PrEP only) */
#can-prep-page header nav li::before,
#can-prep-page .elementor-location-header nav li::before,
#can-prep-page header .menu li::before{
  content:none !important;
  padding-left:0 !important;
}

/* Global eyebrow style (WHY IT MATTERS, HOW IT WORKS, etc.) */
#can-prep-page .can-eyebrow{
  font-family:"Open Sans Bold","Open Sans",sans-serif;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

/* HERO EYEBROW - layout + spacing */
#can-prep-page .can-hero-eyebrow{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:60px;
  margin-bottom:30px;
  font-family:"Open Sans Bold","Open Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-size:16px;
  color:#BA0C2F;
}

#can-prep-page .can-hero-eyebrow span{
  white-space:nowrap;
}

/* Stack vertically on tablet/mobile */
@media (max-width:768px){
  #can-prep-page .can-hero-eyebrow{
    flex-direction:column;
    gap:6px;
    margin-bottom:22px;
  }
}

/* PILL BUTTON SIZE - all blue CTAs (PrEP only) */
#can-prep-page .hero-find-clinic,
#can-prep-page .can-info-actions a,
#can-prep-page .can-cta a{
  display:inline-block;
  padding:14px 40px !important;
  border-radius:999px !important;
  font-family:"Open Sans Bold","Open Sans",sans-serif;
  font-size:16px !important;
  font-weight:700;
  background:#002D62 !important;
  color:#ffffff !important;
  text-decoration:none;
  line-height:1.3;
  transition:background-color 0.3s ease, transform 0.2s ease;
}

#can-prep-page .hero-find-clinic:hover,
#can-prep-page .can-info-actions a:hover,
#can-prep-page .can-cta a:hover{
  background-color:#001f47 !important;
  transform:translateY(-2px);
}

/* WHAT TO EXPECT (Benefits) - scoped */
#can-prep-page section[aria-label="Benefits"]{
  padding:60px 20px;
  text-align:center;
}

#can-prep-page section[aria-label="Benefits"] .can-h1{
  font-size:36px;
  font-weight:800;
  margin-bottom:30px;
  color:#222;
}

#can-prep-page section[aria-label="Benefits"] > div{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:40px;
  max-width:1000px;
  margin:0 auto;
  text-align:center;
}

#can-prep-page section[aria-label="Benefits"] h3{
  font-size:22px;
  font-weight:700;
  color:#222;
  margin:0 0 10px;
  text-align:center;
}

#can-prep-page section[aria-label="Benefits"] ul{
  list-style:none;
  padding:0;
  margin:0 auto;
  font-size:18px;
  line-height:1.8;
  color:#222;
  display:inline-block;
  text-align:left;
}

#can-prep-page section[aria-label="Benefits"] li{
  position:relative;
  padding-left:28px;
  margin:8px 0;
}

#can-prep-page section[aria-label="Benefits"] li::before{
  content:"\2714";
  font-family:Arial,sans-serif;
  color:#BA0C2F;
  font-weight:900;
  font-size:20px;
  position:absolute;
  left:0;
  top:2px;
  line-height:1;
}

@media (max-width:480px){
  #can-prep-page section[aria-label="Benefits"] .can-h1{ font-size:30px; }
  #can-prep-page section[aria-label="Benefits"] h3{ font-size:20px; }
  #can-prep-page section[aria-label="Benefits"] ul{ font-size:17px; }
}

/* ADDITIONAL RESOURCES - scoped */
#can-prep-page section[aria-label="Additional Resources"]{
  padding:60px 20px;
  text-align:center;
}

#can-prep-page section[aria-label="Additional Resources"] .can-h1{
  font-size:36px;
  font-weight:800;
  margin-bottom:24px;
  color:#222;
}

#can-prep-page section[aria-label="Additional Resources"] h3{
  font-size:22px;
  font-weight:700;
  color:#222;
  margin-bottom:10px;
}

#can-prep-page section[aria-label="Additional Resources"] ul{
  list-style:none;
  margin:0;
  padding:0;
  font-size:18px;
  line-height:1.8;
  color:#222;
}

#can-prep-page section[aria-label="Additional Resources"] li{ margin:6px 0; }

#can-prep-page section[aria-label="Additional Resources"] a{
  color:#BA0C2F;
  text-decoration:none;
  position:relative;
  transition:all 0.3s ease;
}

#can-prep-page section[aria-label="Additional Resources"] a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0%;
  height:2px;
  background-color:#BA0C2F;
  transition:width 0.3s ease;
}

#can-prep-page section[aria-label="Additional Resources"] a:hover{ color:#8A0A24; }
#can-prep-page section[aria-label="Additional Resources"] a:hover::after{ width:100%; }

/* CTA SECTION - PrEP only */
#can-prep-page .can-cta{
  background:#BA0C2F !important;
  color:#fff !important;
  text-align:center;
}

#can-prep-page .can-cta h2,
#can-prep-page .can-cta p{
  color:#fff !important;
}

/* Force eyebrow text heavier */
#can-prep-page .can-hero-eyebrow,
#can-prep-page .can-hero-eyebrow span{
  font-family:"Open Sans Bold","Open Sans",sans-serif !important;
  font-weight:800 !important;
}

/* Increase spacing between eyebrow and PrEP */
#can-prep-page .can-hero-eyebrow{ margin-bottom:50px !important; }

/* Stack hero eyebrow words vertically on tablet and mobile (scoped) */
@media (max-width:1024px){
  #can-prep-page .can-hero-eyebrow{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:30px !important;
    word-spacing:normal !important;
    letter-spacing:0.25em !important;
    font-size:18px !important;
    margin-bottom:22px !important;
  }
}

/* Stack "Getting Started is Easy" cards vertically on tablet/mobile (scoped) */
@media (max-width:900px){
  #can-prep-page .can-steps{
    display:grid !important;
    grid-template-columns:1fr !important;
    max-width:600px !important;
    margin:20px auto 0 !important;
  }
}

/* =========================================================
   CAN Community Health - Homepage (ONLY global fixes here)
   Keep this minimal so the widget owns the design.
   ========================================================= */

/* Header above hero */
.elementor-location-header,
header.site-header,
header.elementor-section{
  position:relative;
  z-index:9999;
}

/* Ensure header text is readable */
.elementor-location-header .elementor-nav-menu--main a,
.elementor-location-header .elementor-item,
.elementor-location-header .elementor-icon-list-text{
  color:#111827 !important;
}

/* If header is transparent at top, give it a readable base */
.elementor-location-header{
  background:rgba(255,255,255,0.92);
  backdrop-filter:saturate(140%) blur(8px);
}

/* Header buttons visible before scroll */
.elementor-location-header a.elementor-button,
.elementor-location-header .elementor-button{
  background:#163869 !important;
  color:#ffffff !important;
  border-radius:999px !important;
}
.elementor-location-header a.elementor-button:hover,
.elementor-location-header .elementor-button:hover{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans Regular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://can.weststaging.com/wp-content/uploads/2025/12/OpenSans-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans Bold';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://can.weststaging.com/wp-content/uploads/2025/12/OpenSans-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans Semibold';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://can.weststaging.com/wp-content/uploads/2025/12/OpenSans-Semibold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham Bold';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://can.weststaging.com/wp-content/uploads/2025/12/Gotham-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */