/*===================================================================================*/
/*	GENERAL
/*===================================================================================*/
html									{ scroll-behavior: smooth; }
html, body								{ font-family: "Noto Sans", sans-serif; font-weight: 400; font-size:18px; font-optical-sizing: auto; font-style: normal; color:#3D273D; font-variation-settings:"wdth" 100; }
section                                 { padding-top: 80px; padding-bottom: 80px; }

/*--- FONTS ---*/
h1                                      { font-family: "Heebo", sans-serif; font-size:3.055rem; font-weight: 600; line-height:3.333rem; color:#3D273D;}
h2                                      { font-family: "Heebo", sans-serif; font-size: 2.22rem; color:#3D273D; margin-bottom:20px; font-weight:500; }
h2.lg									{ font-family: "Heebo", sans-serif; font-size:3.055rem; font-weight: 600; line-height:3.333rem; color:#3D273D;}
h2.md                                   { font-size: 1.8rem; }
h3,h4                                   { font-weight:600;}
h3                                      { font-family: "Heebo", sans-serif; font-size: 1.33333rem; line-height:1.5rem; color:#3D273D; }
h3.lg                                   { font-size: 1.56rem;  }
h4                                      { font-family: "Heebo", sans-serif; font-size: 1rem; line-height:1.2rem; color:#BE2F19; }
h5                                      { font-weight: 400; }
p                                       { line-height: 1.44rem; }
strong                                  { font-weight:600; }
a                                       { color:#C1272D; text-decoration:none; display:inline-block;}
a:hover                                 { color:#C1272D; text-decoration:underline;}
a:visited                               { color:#C1272D; text-decoration:none;}
a.black									{ color:#3D273D; text-decoration:underline; display:inline-block;}
a.black:hover                                 { color:#3D273D; text-decoration:none;}
a.black:visited                               { color:#3D273D; text-decoration:underline;}
p:last-child,
ul:last-child                           { margin-bottom: 0; }
.regular								{ font-weight:400;}
.footnote                                 { font-size:.78rem; display: block; line-height: 1rem; }
.footnote .inline-flex                    { display:inline-flex; align-items:flex-start; }
.footnote .inline-flex > span:first-child { width:.5em; flex-shrink:0; text-align:right; margin-right:0.5em; }
.footnote .inline-flex > span:last-child  { display:block; }
.small-text                             { font-size:.78rem; line-height: 18px; }
.cap-all-text                           { text-transform:uppercase; }
sup										{ font-size: 0.65em; vertical-align: super; line-height: 1; position: relative; top: 0.1em; }
.references                             { padding:50px 0 !important; }
.references p							{ font-size:.67rem; display: block; line-height: 1rem; }
.alert                                  { background: #e8e0f6 !important; border-radius:10px; color: #3d273d !important; padding:15px;}

/*--- FONT SIZES ---*/
.text-28                                { font-size:1.56rem; line-height:2rem; }

/*--- FONT COLORS ---*/
.white									{ color:#FFFFFF !important; }
.light-purple							{ color:#B3ADE7 !important; }
.purple									{ color:#764475 !important; }
.red									{ color:#BE2F19 !important; }



@media (min-width: 768px) {
    /*--- SPACING ---*/
.pb-50									{ padding-bottom:50px !important; }
.pt-120									{ padding-top:120px !important; }
.pb-120                                 { padding-bottom: 7.5rem !important; /* adjust as needed */ }
.pt-160									{ padding-top:160px !important; }
.pt-200									{ padding-top:200px !important; }
.pt-250									{ padding-top:250px !important; }

.p-30									{ padding:30px !important; }
.p-40									{ padding:40px !important; }
.p-50									{ padding:50px !important; }

.mb-50									{ margin-bottom:50px !important; padding-bottom:0 !important; }
.mb-80									{ margin-bottom:80px !important; padding-bottom:0 !important; }
.mb-90									{ margin-bottom:90px !important; padding-bottom:0 !important; }
.mb-100									{ margin-bottom:100px !important; padding-bottom:0 !important; }
.mb-120									{ margin-bottom:120px !important; padding-bottom:0 !important; }
.mb-140									{ margin-bottom:140px !important; padding-bottom:0 !important; }
}

.break { display:block; }

/*===================================================================================*/
/*	ELEMENTS
/*===================================================================================*/

/*--- R0UNDED BOXES ---*/
.rounded-box		{ border-radius:15px; }
.rounded-box-20		{ border-radius:20px; overflow: hidden; }

/*--- BORDERS ---*/
.border-light-purple { border:1px solid #786878; }
.border-dark-purple { border:1px solid #3D273D; }

/*--- CALL OUTS ---*/
.purple-callout { background-color:#D9D6F3; padding:1rem; }

/*--- BUTTONS ---*/
.btn                                    { padding:10px 25px !important; font-size:18px; font-weight:500; border-radius: 400px !important; text-decoration:none !important; cursor:pointer; line-height: 26px; transition: all .3s ease;}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: none !important; }

.btn-red                               { background-color:#BE2F19 !important; border-color:#BE2F19 !important; color: #ffffff !important;}
.btn-red:hover                         { background-color:#A22613 !important; border-color:#A22613 !important;}

.btn-red-knockout                      { background-color:none !important; border-color:#BE2F19 !important; color: #3D273D !important;}
.btn-red-knockout:hover                { border-color:#A22613 !important;}

.btn-purple                               { background-color:#3D273D !important; border-color:#3D273D !important; color: #ffffff !important;}
.btn-purple:hover                         { background-color:#541554 !important; border-color:#541554 !important;}

.btn-purple-knockout                      { background-color:none !important; border-color:#3D273D !important; color: #3D273D !important;}
.btn-purple-knockout:hover                { border-color:#541554 !important;background-color:#EFEDF9 !important; }

/*--- CTA ---*/
.cta-banner                         { background-color:#3D273D; padding-top: 50px; padding-bottom: 50px;}
.cta-banner h2                      { color:#FFFFFF; font-size:40px; font-weight:600; }
.cta-banner .btn                    { color:#ffffff !important; }

/*--- BACKGROUNDS ---*/
.bkgd-light-grey					{ background-color:#EEF0F2; }
.bkgd-white							{ background-color:#FFFFFF; }
.bkgd-purple						{ background-color:#764475; }
.bkgd-dark-purple					{ background-color:#3D273D; }
.bkgd-dark-purple h2				{ color:#FFFFFF; }
.bkgd-dark-purple h3				{ color:#FFFFFF;margin:0; padding:0; }
.bkgd-dark-purple p					{ color:#D8D3D8; }
.bkgd-dark-purple li				{ color:#D8D3D8; }
.img-bkgd-full-gradient			    { background-image: url(../images/bkgd-gradient-full.jpg); background-repeat: no-repeat; background-position: top center; background-size:cover;}
.img-bkgd-half-gradient			    { background-image: url(../images/bkgd-gradient-half.png); background-repeat: no-repeat; background-position: top left; background-size:cover;}
.img-bkgd-gradient			        { background-image: url(../images/bkgd-gradient-btm.jpg); background-repeat: no-repeat; background-position: bottom center;}
.img-bkgd-gradient-white			        { background-image: url(../images/bkgd-gradient-white-btm.jpg); background-repeat: no-repeat; background-position: bottom center;}

.img-bkgd-light-gradient		    { background-image: url(../images/bkgd-light-gradient-btm.png); background-repeat: no-repeat; background-position: bottom center;}
.img-bkgd-light-gradient-top	    { background-image: url(../images/bkgd-light-gradient-top.png); background-repeat: no-repeat; background-position: top center;}
.bkgd-radient__blue-blue			{ background:linear-gradient(90deg,#1786a1,#1aa0bd); }
.bkgd-radient__purple-purple		{ background:linear-gradient(90deg,#784878,#AD98C7); }


/*--- CARDS ---*/
.payer-card         { background: white; border-radius: 20px; height:100%; position: relative; overflow: hidden;}
.payer-card-hdr     { background-image: url(../images/payer-card-hdr.png); background-repeat: no-repeat; background-position: bottom center; background-size: cover; padding-top:20px;}
.payer-card-body    { padding: 30px; }
.payer-card-icon    { margin-bottom:20px;}
.payer-card-title   { font-weight: 700; font-size: 1.5rem; margin-bottom: 12px; }
.payer-card-text    { padding-bottom:35px; }
.payer-card-link    { color: #C1272D; font-weight: 600; position: absolute; bottom: 30px; }

.white-card			{ background: white; border-radius: 20px; height:100%; position: relative; overflow: hidden; }
.white-card-hdr     { padding:30px 30px 0 30px;}
.white-card-hdr h4  { color:#3D273D;}
.white-card-body    { padding: 30px; }
.white-card-title   { font-weight: 700; font-size: 1.78rem; margin-bottom: 12px; }
.white-card-link    { color: #C1272D; font-weight: 600; position: absolute; bottom: 30px; }

/*--- RESPONSIVE TABS ---*/
ul.responsive-tabs { /*margin-top:20px; background-color:#ffffff;*/ border-bottom: 1px solid #3D273D; gap: 60px; justify-content: center; }
ul.responsive-tabs li.nav-item { flex: 0 0 auto; margin-bottom: 0;  padding:0;  background-image:none; font-weight:400; color:#3D273D; text-align: center }
ul.responsive-tabs li.nav-item a.nav-link { font-family: "Heebo", sans-serif; text-align: center; font-weight:400; text-decoration:none; line-height: 20px; padding: 20px 14px 15px 14px; color:#3D273D; font-size:20px; transition: none; display: flex; align-items: center; justify-content: center; height: 100%; }
ul.responsive-tabs li.nav-item a.nav-link:hover { /*background: rgba(0, 0, 0, 0.02); */ color:#BE2F19; }
ul.responsive-tabs li.nav-item { position: relative; }
ul.responsive-tabs li.nav-item.active .nav-link {color: #BE2F19;}

/* underline (hidden by default) */
ul.responsive-tabs .nav-item::after { content: "";  position: absolute; left: 0; bottom: -6px; width: 100%; height: 5px; background-color: #BE2F19; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }

/* active tab underline */
ul.responsive-tabs .nav-item.active::after { transform: scaleX(1); }
ul.responsive-tabs .nav-link { background: transparent; border: 0; padding: 14px 0; color: rgba(255,255,255,.7); font-weight: 600; letter-spacing: .06em; }

.responsive-tabs-container .tab-content { background-color:#ffffff; border-radius:10px; margin-top:50px; overflow: hidden; }
.responsive-tabs-container .tab-content .tab-pane h2 { font-size:1.5rem; color: inherit;}
.responsive-tabs-container .tab-content .tab-pane h3 { font-size:1rem; color: #BE2F19;}
.responsive-tabs-container .tab-content .tab-pane p     { color: inherit;}
.responsive-tabs-container[class*="accordion-"] .tab-pane { /*margin-bottom: 15px;*/ }
.responsive-tabs-container[class*="accordion-"] .accordion-link { display: none;  margin-bottom: 3px; padding: 10px 15px; transition: none; color: #6f6f6f; text-decoration:none;  }


@media (max-width: 767px) {
	.responsive-tabs-container.accordion-xs .nav-tabs { display: none; }
    .responsive-tabs-container.accordion-xs .accordion-link { display: block; border-bottom: solid 1px #F2F2F2;}
	.responsive-tabs-container.accordion-xs .accordion-link.last { border-bottom: none;}
	.responsive-tabs-container.accordion-xs .accordion-link.active { display: block; border-bottom: solid 4px #B3ADE7;
    font-weight: 500; }
    .responsive-tabs-container[class*="accordion-"] .tab-pane { margin-bottom: 10px; padding: 10px 10px 0; }
    .responsive-tabs-container.tab-content { padding:0; background-color:#f7f7f7;  }
	.responsive-tabs-container .tab-content { padding: 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.responsive-tabs-container.accordion-sm .nav-tabs {  display: none; }
  	.responsive-tabs-container.accordion-sm .accordion-link { display: block; }
  	.responsive-tabs-container[class*="accordion-"] .tab-pane { border:1px solid #ddd; border-top:none; border-top-left-radius: 0; border-top-right-radius: 0; border-width: medium 1px 1px; margin-bottom: 10px; margin-top: -10px; padding: 10px 10px 0; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.responsive-tabs-container.accordion-md .nav-tabs { display: none; }
  	.responsive-tabs-container.accordion-md .accordion-link { display: block; }
}

@media (min-width: 1200px) {
	.responsive-tabs-container.accordion-md .nav-tabs { display: none; }
  	.responsive-tabs-container.accordion-md .accordion-link { display: block; }

/*--- MODALS ---*/
.modal-hdr { color: #39922c; font-family: 'FrutigerLTStd-Bold', sans-serif; font-size: 44px;  margin: 20px 0; line-height: 44px; }
.modal-content { border-radius: 6px; behavior: url(PIE.htc); box-shadow: 0 5px 15px rgba(0,0,0,0.8); padding: 10px 40px 25px 40px;  background: #fff; }
.modal-dialog {margin: 100px auto;  width:700px; max-width: initial;}
.modal-dialog p:last-child {margin-bottom: 0px; }
.list-inline { margin-bottom:0px; }
.list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; }
}

/*===================================================================================*/
/*	HEADER
/*===================================================================================*/
header                                  { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  z-index: 1000; position: relative; height:94px;}
header .navbar { height: 100%; display: flex; align-items: center; padding-top: 0; padding-bottom: 0; }
header .navbar .container { display: flex;  align-items: center; }
header .navbar-brand img {  max-height: 60px;  display: block; }

/*--- MENU ---*/
#logo 		{ background-repeat:no-repeat; overflow:hidden;}

.navbar             { margin-bottom:0px; padding: 0;}
.navbar-brand { margin-left:0; margin-right:20px;}
ul.navbar-nav li    {margin-bottom:0; margin:0 20px 0 0;}
.navbar-nav .open > a, 
.navbar-nav .open > a:hover, 
.navbar-nav .open > a:focus {background-color: #3bb0bc !important; filter: none; color: #3D273D;}
.navbar-nav .active > a, 
.navbar-nav .active > a:hover, 
.navbar-nav .active > a:focus {background-color:#3bb0bc; color: #3D273D;}

.navbar-nav .nav-link.show {  filter: none; color:#3D273D;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color:#3D273D; }

.nav-link			{ font-size:18px; color:#3D273D; }
.nav-link:focus, .nav-link:hover, .nav-link:visited {color:#3D273D; text-decoration:none; }

.dropdown-menu { font-size:20px; }
.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: 0; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; font-family: "Font Awesome 7 Pro"; font-size: 15px; content: "\f078"; }

.navbar-right								{flex-direction: row;}
.navbar-right								{display: inline-block; float: right;}
.navbar-right								{display: inline-block; float: right;}
.navbar-right > ul							{list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; height: 56px;}
.navbar-right > ul > li						{display: inline-block; color:#ffffff; margin-bottom:0;}
.navbar-right > ul > li:not(:last-child)	{padding-right: 10px;}
.navbar-right .dropdown						{/*height: 56px*/}
.navbar-right > ul > li > a					{display: block; height: 40px;}
.navbar-right > li > a                      { padding:15px 3px 3px 3px;}

/* -- Drop down Menu -- */
ul.dropdown-menu {margin:10px 0 0 0; background-color:#fdfdfd; padding:0; border:none; border-radius:0; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); left:8px; border-radius:10px;}
ul.dropdown-menu li { margin:0;}
ul.dropdown-menu li a{ padding-top:10px; padding-bottom:10px; font-size:18px; color: #3D273D;}
.dropdown-item:focus, .dropdown-item:hover { color: #3D273D; text-decoration:none;  background-color: transparent; }
.dropdown-item.active, .dropdown-item:active { color: #3D273D; background-color: transparent; }
.dropdown-item:visited { color: #3D273D; background-color: transparent; }


/*--- HAMBURGER ---*/
.navbar-toggler	{display:none; width: 40px; padding: 4px;}
.navbar-toggle .icon-bar {background-color:#000;}
.navbar-toggle {border-color: #000;}
.navbar-toggle:hover, 
.navbar-toggle:focus {background-color: #0099a8;}
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none; }

.hamburger {display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #000;}
.hamburger-box {width: 28px; height: 24px; display: inline-block; position: relative;}
.hamburger-inner			{display: block; top: 13px; margin-top: 0;}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after 	{width: 28px; height: 2px; background-color: #3D273D; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before, 
.hamburger-inner::after 	{content: ""; display: block;}
.hamburger-inner::before 	{top: -8px;}
.hamburger-inner::after 	{bottom: -8px;}

.hamburger--spin .hamburger-inner {transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after	{transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

button:not(.collapsed) .hamburger--spin .hamburger-inner {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
button:not(.collapsed) .hamburger--spin .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
button:not(.collapsed) .hamburger--spin .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}

/*===================================================================================*/
/*	FOOTER
/*===================================================================================*/
footer a			{color:#000000; font-size:16px; font-weight:600; }
footer a:visited	{color:#000000;}
footer a:hover		{color:#000000; }
footer .utility-links a			{color:#000000; text-decoration:underline; font-size:14px; }
footer .utility-links a:visited	{color:#000000; text-decoration:underline; }
footer .utility-links a:hover	{color:#000000; text-decoration:none; }
hr                              { border-top:1px #000000 solid; opacity: 1;}

/*===================================================================================*/
/*	HOME
/*===================================================================================*/
.hero               { display: flex; align-items: center;      /* Vertical centering */}
.hero-home          { background-image: url(../images/home/home-hero-bkgd.jpg); background-repeat: no-repeat; background-size: cover; min-height: 580px; background-position: top right; position: relative;}
.hero-home-inner    { background-image: url(../images/home/home-hero-patient.png); background-repeat: no-repeat; min-height: 580px; background-position: top right; position: relative;}
.hero-home h1       { margin-bottom:34px; }
.hero-home h2       { font-size:24px; font-weight:500; line-height:28px; color:#BE2F19; margin-bottom:34px; }

/*===================================================================================*/
/*	PAYER HOME
/*===================================================================================*/
.hero-payer-home    { background-color:#EEF0F2; background-image: url(../images/bkgd-light-gradient-btm.png); background-repeat: no-repeat;  background-size: cover;  background-position: bottom center; position: relative;  display: flex; align-items: center; }

#PayerHeroCarousel .hero-card       { position: relative; overflow: hidden; }
#PayerHeroCarousel .hero-card-img   { width: 100%;  height: 100%; object-fit: cover; display: block; background-image: url(../images/payer-card-hdr.png); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
#PayerHeroCarousel .hero-card-body  { height:250px;  padding: 40px 30px 75px 30px; background: #412344; color: #fff;}
#PayerHeroCarousel .hero-card-title { font-size:24px; font-family: "Heebo", sans-serif; color:#FFFFFF;}
#PayerHeroCarousel .hero-card-text  { font-size:16px;}
#PayerHeroCarousel.hero-carousel .carousel-indicators { bottom: 1.5rem; left: 2rem; margin: 0; justify-content: flex-start; }
#PayerHeroCarousel.hero-carousel .carousel-indicators [data-bs-target] { width: 8px; height: 8px; border-radius: 50%; background-color: #fff; opacity: 0.5; }
#PayerHeroCarousel.hero-carousel .carousel-indicators .active { opacity: 1; }
#PayerHeroCarousel.hero-carousel .carousel-control-prev,
#PayerHeroCarousel.hero-carousel .carousel-control-next { width: auto; top: auto; bottom: 1rem; z-index:100; }
#PayerHeroCarousel.hero-carousel .carousel-control-prev { right: 4.5rem; left: auto; }
#PayerHeroCarousel.hero-carousel .carousel-control-next { right: 1.5rem; }
#PayerHeroCarousel.hero-carousel .carousel-control-prev-icon,
#PayerHeroCarousel.hero-carousel .carousel-control-next-icon { background-size: 40% 40%; background-position: center; background-repeat: no-repeat; background-color: transparent; border-radius: 50%; border: 1px solid #fff; padding: 1.1rem; z-index:100;}

.logo-wrapper				{border-radius:10px; height:160px;  display: flex; align-items: center; justify-content: center; padding: 20px; margin-bottom:20px;}
.logo-wrapper.red			{background-color:#A6192E;}
.logo-wrapper.teal			{background-color:#01819D;}
.logo-wrapper.purple		{background-color:#452D8C;}
.logo-wrapper.bkgd-dark-purple	{background-color:#1F0B3F;}

/*===================================================================================*/
/*	GENERAL PAGES
/*===================================================================================*/
.hero-page { height:230px; background-image: url(../images/bkgd-page-hdr.png); background-repeat: no-repeat;  background-size: cover;  background-position: bottom center; padding:0;}


/*===================================================================================*/
/*	PRODUCT PAGES
/*===================================================================================*/
.hero-product       { height:230px; background-image: url(../images/bkgd-product-hdr.png); background-repeat: no-repeat;  background-size: cover;  background-position: bottom center;}
.hero-product h1    { font-size:24px; color:#3D273D;}

h3.product-tag-line { color:#BE2F19;}
.rounded-box-icon   { margin-bottom:20px; }


/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/
.mt-n50 { margin-bottom:-295px; position: relative; }
ul.product-responsive-tabs { /*margin-top:20px; background-color:#ffffff;*/ border-bottom: 1px solid #786878; gap: 60px; justify-content: center; }
ul.product-responsive-tabs li.nav-item { flex: 0 0 auto; margin-bottom: 0;  padding:0;  background-image:none; font-weight:400; color:#FFFFFF; text-align: center }
ul.product-responsive-tabs li.nav-item a.nav-link { font-family: "Heebo", sans-serif; text-align: center; font-weight:400; text-decoration:none; line-height: 20px; padding: 20px 14px 15px 14px; color:#B3ADE7; font-size:20px; transition: none; display: flex; align-items: center; justify-content: center; height: 100%; }
ul.product-responsive-tabs li.nav-item a.nav-link:hover { /*background: rgba(0, 0, 0, 0.02); */ color:#FFFFFF; }
ul.product-responsive-tabs li.nav-item { position: relative; }
ul.product-responsive-tabs li.nav-item.active .nav-link {color: #fff;}

/* underline (hidden by default) */
ul.product-responsive-tabs .nav-item::after { content: "";  position: absolute; left: 0; bottom: -6px; width: 100%; height: 5px; background-color: #B3ADE7; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }

/* active tab underline */
ul.product-responsive-tabs .nav-item.active::after { transform: scaleX(1); }
ul.product-responsive-tabs .nav-link { background: transparent; border: 0; padding: 14px 0; color: rgba(255,255,255,.7); font-weight: 600; letter-spacing: .06em; }

.product-responsive-tabs-container .tab-content { background-color:#ffffff; border-radius:10px; margin-top:50px; overflow: hidden; }
.product-responsive-tabs-container .tab-content .tab-pane h2 { font-size:1.5rem; color: inherit;}
.product-responsive-tabs-container .tab-content .tab-pane h3 { font-size:1rem; color: #BE2F19; line-height: 1.2rem;}
.product-responsive-tabs-container .tab-content .tab-pane h3.lg { font-size:1.1rem; color: #3D273D; line-height: 1.2rem;}
.product-responsive-tabs-container .tab-content .tab-pane p     { color: inherit;}
.product-responsive-tabs-container[class*="accordion-"] .tab-pane { /*margin-bottom: 15px;*/ }
.product-responsive-tabs-container[class*="accordion-"] .accordion-link { display: none;  margin-bottom: 3px; padding: 10px 15px; transition: none; color: #6f6f6f; text-decoration:none;  }
.product-responsive-tabs-container[class*="accordion-"] .tab-pane  li { color: inherit;}

@media (max-width: 767px) {
	.product-responsive-tabs-container.accordion-xs .nav-tabs { display: none; }
    .product-responsive-tabs-container.accordion-xs .accordion-link { display: block; border-bottom: solid 1px #F2F2F2;}
	.product-responsive-tabs-container.accordion-xs .accordion-link.last { border-bottom: none;}
	.product-responsive-tabs-container.accordion-xs .accordion-link.active { display: block; border-bottom: solid 4px #B3ADE7;
    font-weight: 500; }
    .product-responsive-tabs-container[class*="accordion-"] .tab-pane { margin-bottom: 10px; padding: 10px 10px 0; }
    .product-responsive-tabs-container.product-tab-content { padding:0; background-color:#f7f7f7;  }
	.product-responsive-tabs-container .tab-content { padding: 10px; margin-bottom:176px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.product-responsive-tabs-container.accordion-sm .nav-tabs {  display: none; }
  	.product-responsive-tabs-container.accordion-sm .accordion-link { display: block; }
  	.product-responsive-tabs-container[class*="accordion-"] .tab-pane { border:1px solid #ddd; border-top:none; border-top-left-radius: 0; border-top-right-radius: 0; border-width: medium 1px 1px; margin-bottom: 10px; margin-top: -10px; padding: 10px 10px 0; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.product-responsive-tabs-container.accordion-md .nav-tabs { display: none; }
  	.product-responsive-tabs-container.accordion-md .accordion-link { display: block; }
}

@media (min-width: 1200px) {
	.product-responsive-tabs-container.accordion-md .nav-tabs { display: none; }
  	.product-responsive-tabs-container.accordion-md .accordion-link { display: block; }
}

/*===================================================================================*/
/*	RESOURCE PAGE
/*===================================================================================*/
.hero-resources     { height:798px; background-image: url(../images/resources/resources-hero-bkgd.png); background-repeat: no-repeat;  background-size: cover;  background-position: bottom center; position: relative; display: flex; padding:105px 0 0 0;}
.hero-inner			{ width: 100%; display: flex; flex-direction: column;}
.hero-title			{ font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 500; color: #3d273d; }

.resource-card			{ border-radius: 20px; background: #fff; /*box-shadow: 0 18px 40px rgba(0,0,0,.18);*/}
.resource-card-img img	{ object-fit: cover; display: block; min-height: 320px;}
.resource-title			{ font-size: clamp(1.6rem, 2.2vw, 2.5rem); font-weight: 700; color: #3d273d; }
.resource-text			{ color: rgba(61,39,61,.75); line-height: 1.7; }

.hero-tabs-wrapper		{ background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); margin-top: auto; border-top: 1px solid #ffffff; }
.hero-tabs				{ padding: 10px 16px 12px; gap: 18px; flex-wrap: wrap; }
.hero-tabs .nav-link	{ border: 0; background: transparent;color: #3d273d;font-weight: 500;padding: 10px 2px;position: relative;}
.hero-tabs .nav-link.active			{ font-weight: 700; }
.hero-tabs .nav-link.active::after	{ content: ""; position: absolute; left: 0; right: 0; bottom: -11px; height: 3px; background: #BE2F19; }

.resources-grid		{ background: #fff; }
.resource-box		{ border: 2px solid rgba(61,39,61,.35); border-radius: 18px; padding: 28px; background: #fff; height: 100%; }
.resource-pill		{ width: fit-content; padding: .45rem 1rem; background: #e8e0f6 !important; color: #3d273d !important; font-weight: 600; }
.resource-link		{ color: #c1272d; font-weight: 700; text-decoration: none; }
.resource-link:hover{ text-decoration: underline; }

/* ✅ FADE FILTER EFFECT */
.resource-item{ transition: opacity .35s ease, transform .35s ease; }
.resource-item.is-hidden{ opacity: 0; transform: translateY(10px); pointer-events: none; }

/* After fade completes, remove from layout */
.resource-item.is-hidden[data-hidden="true"]{ display: none; }


/*===================================================================================*/
/*	PIPELINE PAGE
/*===================================================================================*/
:root{ --left-col-width: 240px;  --gap: 24px;  --track-height: 6px; /*TRACK THICKNESS */}

/* =========================
   WRAPPER
========================= */
.program-status { width: 100%; margin: 0; }

/* =========================
   HEADER
========================= */
.status-header { display: grid; grid-template-columns: var(--left-col-width) 1fr; align-items: center; gap: var(--gap); margin-bottom: 18px; }
.status-header .brand { font-family: "Heebo", sans-serif; font-weight: 700; font-size: 1.3333rem; color: #2b2233; }
.status-header .cols { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; font-weight: 600; font-size: 1rem; color: #2f2b39; }

/* =========================
   CARD
========================= */
.status-card { display: grid; grid-template-columns: var(--left-col-width) 1fr; gap: var(--gap); align-items: center; background: #fff; border-radius: 16px; padding: 22px 24px; box-shadow: 0 1px 0 rgba(0,0,0,.04); margin-bottom:20px; }

/* =========================
   LEFT TEXT
========================= */
.status-title{ font-family: "Heebo", sans-serif; font-weight: 700; font-size: 1rem; letter-spacing: .5px; }

.status-sub { font-size: .88rem; line-height: 1.25; }

/* =========================
   PROGRESS AREA
========================= */
.status-right{ position: relative; }

/*
  Track starts at Non-Reg center and
  ends exactly at the selected stage
*/
.progress-track{
  --start: calc(100% / 6);
  --end: 50%; /* default = Registration */
  position: relative; height: var(--track-height); width: 100%; border-radius: 999px; background: #e9e6f2; padding-left: var(--start); padding-right: calc(100% - var(--end)); box-sizing: border-box; background-clip: content-box; overflow: visible;
}

/* Gradient fill: start → end */
.progress-fill{ position: absolute; top: 0; left: var(--start); width: calc(var(--end) - var(--start)); height: var(--track-height); border-radius: 999px; background: linear-gradient( 90deg,  #b8322e 0%, #7e5aa9 55%, #b7b0e6 100%);}

/* Dot centered vertically on 6px track */
.progress-track::after{ content: ""; position: absolute; top: 50%; left: var(--end); transform: translate(-50%, -50%); width: 12px;  height: 12px; border-radius: 50%; background: #b7b0e6; box-shadow: 0 0 0 4px rgba(183,176,230,.25); z-index: 2;
}

/* =========================
   STAGE CONTROLS
========================= */
.progress-track.dot-non{ --end: calc(100% / 6); }
.progress-track.dot-reg{ --end: 50%; }
.progress-track.dot-app{ --end: calc(100% - (100% / 6)); }

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 900px){
  .status-header{ grid-template-columns: 1fr; gap: 10px; }

  .status-card { grid-template-columns: 1fr; gap: 14px; }
}


/*===================================================================================*/
/*	PH-ILD PAGE
/*===================================================================================*/

/* 5 COLUMN GRID */
.three-blocks-grid { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; column-gap:24px; }
.three-blocks-grid p { margin:0; line-height:1.35; }
.three-blocks-grid .block { display:flex; align-items:center; }
.three-blocks-grid .and { display:flex; align-items:center; justify-content:center; font-weight:700; white-space:nowrap; }

/* Responsive: stack cleanly */
@media (max-width:768px) {
  .three-blocks-grid { grid-template-columns:1fr; row-gap:16px; align-items:flex-start; }
  .three-blocks-grid .and { justify-content:flex-start; }
}

.blue-arrow { position:relative; padding-left:2rem; }
.blue-arrow::before { content:""; position:absolute; border-color:#B3ADE7; border-top:1rem solid transparent; border-right:1rem solid transparent; border-bottom:1rem solid transparent;  border-left:1.2rem solid #B3ADE7; left:0; top:0; }

/* --- PH ROUTINE ILD TABLE --- */
.ph-table { padding:0; }
.ph-table__wrap { /*border:1px solid #d9d9d9;*/ background:#fff; }

/* Header */
.ph-table__header .ph-table__th { background:#3c273c; color:#fff; font-weight:700; font-size:28px; line-height:1.1; padding:18px 24px; }
.ph-table__th--left { border-right:2px solid #ffffff; }

/* Rows */
.ph-table__row { border-top:1px solid #f5f5f5; }
.ph-table__cell { padding:26px 24px; }
.ph-table__cell--left { /*border-right:1px solid #d9d9d9;*/ }

/* Left column */
.ph-table__left { display:flex; align-items:center; gap:18px; }
.ph-table__cell--right { display:flex; align-items:center; }

.ph-table__icon { width:108px; min-width:108px; display:flex; justify-content:center; }
.ph-table__icon img { height:100px; }

.ph-table__label { font-size:20px; color:#4a4a4a; }
.ph-table__label strong { font-weight:700; }

/* Right column */
.ph-table__list { margin:0; padding-left:22px; color:#4a4a4a; font-size:18px; line-height:1.6; }
.ph-table__list li { margin-bottom:10px; }
.ph-table__list li::marker { color:#1597b8; }

/* Mobile PH watchouts label */
.ph-table__mobile-label { font-weight:700; color:#4a4a4a; margin-bottom:10px; font-size:18px; }

/* Sup */
.ph-table sup { font-size:65%; top:-0.4em; }

/* --- Mobile --- */
@media (max-width:767.98px) {
  .ph-table__header .ph-table__th { font-size:20px; padding:14px 18px; }
  .ph-table__cell--left { border-right:none; border-bottom:none; }
  .ph-table__cell { padding:18px; }
  .ph-table__left { flex-direction:column; text-align:center; gap:8px; }
  .ph-table__icon img { width:78px; height:auto; }
  .ph-table__label { font-size:18px; }
  .ph-table__list { font-size:16px; }
}


/* STAT TABLE */
.ph-stat__wrap { background:#794c7a; padding:28px 36px; max-width:100rem; }
.ph-stat__top { font-size:23px; line-height:1.35; color:#dedced; }
.ph-stat__percent { font-size:100px; line-height:0.95; color:#FFFFFF; font-weight:700; white-space:nowrap; }
.ph-stat__copy { font-size:28px; line-height:1.25; color:#FFFFFF; }
.ph-stat__note { color:#ffffff; font-weight:700; }

@media (max-width:767.98px) {
  .ph-stat__wrap { padding:18px; }
  .ph-stat__top { font-size:18px; margin-bottom:12px; }
  .ph-stat__percent { font-size:72px; }
  .ph-stat__copy { font-size:20px; }
}

/* PH ECHO TABLE */
.ph-echo-table { max-width:100rem; margin:0 auto; border-collapse:separate; border-spacing:0; }
.ph-echo-table thead th { background-color:transparent; color:#fff;  font-size:22px; font-weight:700; text-align:center; padding:18px 16px; border-right:2px solid #ffffff; }
.ph-echo-table thead th:last-child { border-right:none; }
.ph-echo-table thead span { font-weight:400; }
.ph-echo-table tbody td {  font-size:22px; text-align:center; padding:18px 16px; color:#4a4a4a; }
.ph-echo-table__highlight td { border-top:4px solid #1597b8; border-bottom:4px solid #1597b8; }
.ph-echo-table__highlight td:first-child { border-left:4px solid #1597b8; }
.ph-echo-table__highlight td:last-child  { border-right:4px solid #1597b8; }
.ph-echo-table__alt td{ background:#f9f9f9; }
.ph-echo-table .text-blue { color:#1597b8; font-weight:700; }
.ph-echo-table sup { font-size:65%; top:-0.4em; }

/* Mobile */
@media (max-width:767.98px) {
  .ph-echo-table thead th { font-size:18px; padding:14px 10px; }
  .ph-echo-table tbody td { font-size:18px; padding:14px 10px; }
}

.profile-card			{ border-radius: 20px; background: #fff; /*box-shadow: 0 18px 40px rgba(0,0,0,.18);*/}
.profile-card-img img	{ object-fit: cover; display: block; min-height: 320px;}
.profile-title			{ font-size: clamp(1.6rem, 2.2vw, 2.5rem); font-weight: 700; color: #3d273d; }
.profile-text			{ color: rgba(61,39,61,.75); line-height: 1.7; }

/*===================================================================================*/
/*	REMODULIN PAGE
/*===================================================================================*/

.product-responsive-tabs-container .tab-content .tab-pane .callout { /*border: 1px solid #dbdbdb;*/ background-color:#EEF0F2; border-radius: 10px; max-width: 930px; margin-left: auto;margin-right: auto; 
    padding: 44px 28px; text-align: center;}

.product-responsive-tabs-container .tab-content .tab-pane p.callout__heading { font-size:1rem; line-height:20px; color:#a6192e; font-family: "Heebo", sans-serif; font-weight:500; margin-top:40px; }

.product-responsive-tabs-container .tab-content .tab-pane .stat { font-family: "Heebo", sans-serif; color:#58524D; font-weight:500; font-size:1rem; text-align:center; }
.product-responsive-tabs-container .tab-content .tab-pane .stat:first-child { padding-bottom:30px; border-bottom:1px solid #58524D; }
.product-responsive-tabs-container .tab-content .tab-pane .stat .big { font-size:4.78rem; line-height:4.78rem; color:#764475; }
.product-responsive-tabs-container .tab-content .tab-pane .stat:last-child { padding-top:30px; }

@media (min-width:768px) {
  .product-responsive-tabs-container .tab-content .tab-pane .callout { text-align:left; max-width:600px; }
  .product-responsive-tabs-container .tab-content .tab-pane .callout__wrapper { display:flex; align-items:center; justify-content:center; }
  .product-responsive-tabs-container .tab-content .tab-pane p.callout__heading { margin:40px 40px 0; }
  .product-responsive-tabs-container .tab-content .tab-pane .stat:first-child { padding-bottom:0; padding-right:30px; border-bottom:0; border-right:1px solid #58524D; }
  .product-responsive-tabs-container .tab-content .tab-pane .stat:last-child { padding-top:0; padding-left:30px; }
}

.chart { width:100%; border-collapse:separate; border-spacing:0; margin:0; }
.chart--borderless th, .chart--borderless td { border:0; }
.chart thead th, .chart thead td { padding:14px 18px; font-weight:700; color:3c273c; background:transparent; }
.chart thead td.empty { width:28%; }
.chart tbody td { padding:14px 18px; color:#2f2f2f; }
.chart__rowlabel { font-weight:700; color:#2f2f2f; }
.chart--striped-blue tbody tr:nth-child(odd) td { background:#e0dfee; }
.chart--striped-blue tbody tr:nth-child(even) td { background:#ffffff; }
.chart--striped-blue tbody tr:last-child td { border-bottom:2px solid #3c273c; }
.chart sup { font-size:65%; top:-0.35em; }

@media (max-width:991.98px) {
  .chart thead th, .chart thead td { padding:12px 12px; }
  .chart tbody td { padding:12px 12px; }
  .chart thead td.empty { width:34%; }
}

.improvements { width:100%; }
.improvements__row { display:grid; gap:10px; }
.improvements__row.two-cols { grid-template-columns:repeat(2,1fr); }
.improvements__col { display:flex; align-items:center; gap:16px; }
.improvements__icon { flex:0 0 auto; display:flex; align-items:center; justify-content:center; }
.improvements__icon img { width:24px; height:auto; }
.improvements__copy p { margin:0; }

/* Responsive */
@media (max-width:767.98px) {
  .improvements__row.two-cols { grid-template-columns:1fr; }
}

/*===================================================================================*/
/*	ORENITRAM PAGE
/*===================================================================================*/
ul.list { padding-left: 1.6rem; }
ul.list--triangle-inherit li:first-of-type, ul.list--unbranded-light li:first-of-type { margin-top: 0; }
ul.list--triangle-inherit li, ul.list--unbranded-light li { list-style: none; position: relative; }
ul.list--unbranded-light li:before {  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  background-image: url(../images/orenitram/icons/icon-triangle-unbranded-light.svg); background-repeat: no-repeat; content: "";  height: 1.1rem;  left: -1.5rem; position: absolute; top: .5rem; width: .9rem; }

/*===================================================================================*/
/*	CONTACT PAGE
/*===================================================================================*/
.hero-contact     { background-image: url(../images/resources/resources-hero-bkgd.png); background-repeat: no-repeat;  background-size: cover;  background-position: bottom center; position: relative;  padding:105px 0 105px 0;}


.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }

.invalid { outline: 1px solid #e50000; }

.validation-message { color: #e50000; }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

/*===================================================================================*/
/*	RESPONSIVE
/*===================================================================================*/

 @media (max-width: 991px){
	.navbar.navbar-expand-md								{position: absolute;}
	ul.navbar-nav li.nav-item.dropdown {padding-top:10px; padding-bottom:10px; }
	.navbar-header.navbar-brand								{float: none; position: absolute; top:0;}
	.navbar-collapse						{position: absolute; top: 94px; background-color: #f3f3f3; z-index: 999; padding-left: 20px; padding-bottom: 20px; width: 100%; left: 0;}
	/*.navbar-collapse.collapse:not(.show) 	{ display:none;}*/

	.navbar-right										{display:block; float: none; padding-right: 10px;}
	.navbar-right > ul									{padding-left: 15px; margin: 0 auto; width: fit-content;}
	.navbar-right > ul > li								{padding-right: 0;}
	.navbar-right > ul > li:first-child					{display: none;}
	.navbar-right .dropdown-menu						{right: 0;}
	.navbar-toggler										{outline: none !important; float: right; margin-top: 8px; background-color: #efefef; border: 0; /*border: 2px solid #ffffff;*/ margin-left: -40px; display: inline-block;}
	#mainNavbar	.navbar-nav								{flex-direction: column;}
	#mainNavbar	.navbar-nav > li > a					{width: 100%; padding: 0; color:#3D273D !important;}

	ul.dropdown-menu									{ box-shadow:none; }
	#mainNavbar .dropdown-menu							{padding: 0; background-color: transparent; border: none;}
	#mainNavbar .navbar-nav li.nav-item					{padding: 10px 0; }
	.dropdown-menu li > a 								{padding: 5px 20px; }
    .navbar-right > ul > li								{display: inline-block;}
	.navbar-right > ul									{ list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; margin-right: 54px; /*height: 56px;*/}
}

@media (max-width: 767px){
	/*===================================================================================*/
    /*	HEADER
    /*===================================================================================*/
	.navbar             { margin-top:0;}
	.break              { display:inline-block; }
    .hero-product       { background-position: -206px;}


    /*===================================================================================*/
    /*	HOME
    /*===================================================================================*/
    .hero-home          { background-position: top left;}
    .hero-home-inner    { background-image: none;}

    /*===================================================================================*/
    /*	RESOURCES
    /*===================================================================================*/
    .hero-resources { height: 1077px; padding-top:50px;}

    /*===================================================================================*/
    /*	CONTACT PAGE
    /*===================================================================================*/
    .hero-contact     { padding-top:50px;}

 
}

/* Skip link (bulletproof: hidden until focused) */
.skip-link { display: block; background: #fff; color: #000; padding: 12px 16px; border: 2px solid #000; border-radius: 6px; text-decoration: none;

  /* Hidden by default */
  max-height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; border-width: 0; transition: all 0.2s ease; }

.skip-link:focus,
.skip-link:focus-visible { max-height: 100px; padding: 12px 16px; border-width: 2px;}