\/* ==========================================================================
Author's custom styles - Christian Annese 6/1/23
========================================================================== */

/* Typography 
-------------------------------------------------- */


@font-face {
 font-family: 'alright_sansregular';
 src: url("fonts/Alright-v2-Normal-LP-Regular.otf") format("opentype");
 /* src: url("fonts/AlrightSans-Regular.otf") format("opentype"); */
}

@font-face {
 font-family: 'alright_sansMedium';
 src: url('fonts/Alright-v2-Normal-LP-Medium.otf') format('opentype');
 /* src: url('fonts/AlrightSans-Medium.otf') format('opentype'); */
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'alright_sansBold';
 src: url('fonts/Alright-v2-Normal-LP-Bold.otf') format('opentype');
 /* src: url('fonts/AlrightSans-Bold.otf') format('opentype'); */
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'alright_sansBlack';
 src: url('fonts/Alright-v2-Normal-LP-Black.otf') format('opentype');
 /* src: url('fonts/AlrightSans-Regular.otf') format('opentype'); */
 font-weight: normal;
 font-style: normal;
}


body,
p {
 font-family: Arial, Helvetica, sans-serif;
}

a {
 color: rgb(175 22 133);
 text-decoration: none;
 background-color: transparent;
 -webkit-text-decoration-skip: objects;
}

/* Typography */

h1 .h1 {
	color: #012169;
}

h2 {
   text-align: left;
 	margin-bottom: 18px;
 	font-size: 1.875rem;
   letter-spacing: .1px; /* gab edit */
	 color: #012169;
}



h5 {
 font-family: 'alright_sansregular';
}

ul {
 list-style: disc;
 /* Remove default bullets */
 padding-inline-start: 15px;
 margin-block-start: 1em;
 margin-block-end: 1em;
 margin-inline-start: 1px;
 margin-inline-end: 0px;
 font-family: arial;
}

.carousel-item {
 height: 12em;
}

/* FORM STYLES */

.dropdown-item:active {
 color: #012169;
 text-decoration: none;
 background-color: transparent;
}

/* FAQs */



/* ==========================================================================
 Mobile < 768 css && Static Styles
========================================================================== */

/* Buttons */



/* Header 
-------------------------------------------------- */

header>.container.header-container {
 display: flex;
 flex-direction: column;
 /* border-bottom: 1px solid #F2F2F2; */
 /* padding: 0; */
 align-items: flex-start;
 background: #ffffff;
 max-width: 100%;
}

.logo {
 /* margin-left: 5%; */
 height: 44px;
}

.logo img {
 display: block;
}

nav {
 margin: 1.5em 0 0;
 display: flex;
 flex-direction: column-reverse;
 width: 100%;
}

header nav>ul {
 padding-left: 0;
}

/*
More info on block, inline-block, inline
https://www.w3schools.com/css/css_inline-block.asp
*/

header ul li {
 display: inline;
 /* padding: 0 1.4em 0 0; */
 font-size: 0.9em;
}

.nav-link:focus,
.nav-link:hover,
.nav-link:focus {
 color: #AF1685;
}

li a:hover,
a:hover {
 color: #012169;
}



#logo-main {
 width: 155px;
 position: absolute;
 top: 11px;
}

/* Navigation */

#overlay {
 position: fixed;
 top: 0;
 width: 100%;
 height: 100%;
 left: 0;
 border: 1px solid;
 background: #333;
 z-index: 987;
 filter: alpha(opacity=60);
 -moz-opacity: .6;
 -khtml-opacity: .6;
 opacity: .6;
}

header {
 background-color: white;
 height: 65px;
 padding: 0;
}

.nav-link {
 font-family: 'alright_sansMedium';
 font-size: 19px;
 padding: 16px 0;
}


a.nav-link {
 border-top: 1px solid #cecece;
}

#super-nav {
 display: flex;
 flex-direction: column;
 margin-top: 0;
}

/* Amerihealth Sites Dropdown */

#super-nav {
 display: flex;
 flex-direction: column;
 margin-top: 0;
}


#super-nav .btn-secondary {
 --bs-btn-color: var(--bs-nav-link-color);
 --bs-btn-bg: transparent;
 --bs-btn-border-color: none;
 --bs-btn-hover-color: rgb(175 22 133 / 100%);
 --bs-btn-hover-bg: transparent;
 --bs-btn-hover-border-color: none;
 --bs-btn-focus-shadow-rgb: none;
 --bs-btn-active-color: rgb(175 22 133 / 100%);
 --bs-btn-active-bg: transparent;
 --bs-btn-active-border-color: #51585e;
 --bs-btn-active-shadow: none;
 --bs-btn-disabled-color: #fff;
 --bs-btn-disabled-bg: #6c757d;
 --bs-btn-disabled-border-color: #6c757d;
 margin-left: 0;
 font-size: 19px;
 font-family: 'alright_sansMedium';
 --bs-btn-padding-x: 0px;
 --bs-btn-padding-y: 0px;
 /* border-top: 1px solid #cecece; */
}

#super-nav .btn:active {
 color: rgb(175 22 133 / 100%);
 background-color: transparent;
 border-color: transparent;
}

#super-nav .dropdown {
 display: inline-block;
 margin-left: 0;
 font-size: 14px;
 font-family: 'alright_sansMedium';
}

#super-nav .dropdown-item {
 background-color: transparent;
 border: none;
 color: #404040;
 margin: 0;
 font-family: arial;
 padding: 8px 14px;
}

#super-nav .dropdown-item:active {}

/* End Dropdown  */



.hamburger {
 display: block;
 padding: 20px;
 margin-right: 10px;
 position: absolute;
 top: 0;
 right: 0;
}

#nav-icon3 {
 width: 2rem;
 height: 2rem;
 position: relative;
 -webkit-transform: rotate(0);
 -moz-transform: rotate(0);
 -o-transform: rotate(0);
 transform: rotate(0);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
 top: 3px;
}

#nav-icon3 span {
 display: block;
 position: absolute;
 height: 3px;
 width: inherit;
 background: #012169;
 border-radius: 3px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0);
 -moz-transform: rotate(0);
 -o-transform: rotate(0);
 transform: rotate(0);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
 top: 0;
}

#nav-icon3 span:nth-child(2) {
 top: 0.5rem;
}

#nav-icon3 span:nth-child(3) {
 top: 0.5rem;
}

#nav-icon3 span:nth-child(4) {
 top: 1rem;
}

/* Main Structure
-------------------------------------------------- */

/* ---------- Homepage ---------- */

#home-calls h2,
#home-cta h2 {
 font-family: 'alright_sansBold';
 padding-bottom: 24px;
 padding-top: 0;
}

#home-calls h2 {
 color: #012169;
}

#home-cta h2 {
 color: #012169;
}


.sections {
 position: relative;
}

#home-hero {
 height: 39em;
 margin-top: 65px;
 position: relative;
}

.carousel-item {
 background-size: cover;
 background-position-x: center;
 background-position-y: inherit;
}

#homeCarousel .carousel-item#slide1 {
 background-image: url('../images/banner-update.jpg');
}

#slide1 .text-start {
 position: relative;
 width: 203px;
 left: 60px;
 top: 29px;
 padding: 0;
}


.hero-box {
 background-color: rgb(1 33 105 / 75%);
 color: #ffffff;
 border-radius: 0;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 padding: 14px 120px 80px 14px;
 position: absolute;
}

.cta-beige {
 background-color: #E2E5ED;
 border-radius: 10px;
 padding: 20px;
 height: 100%;
 display: flex;
 justify-content: center;
 flex-direction: column;
}

#landing-page .hero-box span {
 font-size: 32px;
 margin-bottom: 20px;
 font-family: 'alright_sansBold';
}

#landing-page .hero-box span+span {
 font-size: 24px;
 margin-bottom: 0;
 margin-top:0;
 font-family: 'alright_sansMedium';
}


/* testimonial */

/* Page Carousel */
                       
/* ==========================================================================
 Tables
========================================================================== */
                       
/*.table {
 font-family: arial;
}

.table thead tr {
 border: none;
}

.table thead th {
 color: #ffffff;
 background-color: #012169;
 border-width: 0px 1px;
 border-color: #012169;
}

.table thead th.empty {
 background-color: transparent;
 border:none !important;
}

.table ul li {
 font-size:inherit !important;
}

.table th {
 color: #3D5567;
}

*/


/* ==========================================================================
 Comparison Chart
========================================================================== */

/* ---------- Subpages ---------- */

/* Footer 
-------------------------------------------------- */

footer {
 padding: 0;
}

#landing-page section.footer {
 padding-top: 40px;
}

section.footer>.appendix {
 /* height: 230px; */
}

section.footer>.appendix a {
 color: #343A40;
 text-decoration: none;
 /* margin: 0 10px; */
}

section.footer>.appendix a:hover {
	color: #AF1685;
	text-decoration:underline;
}

p.site-links {
 margin-top: 20px;
}

.site-links a {
 margin: 0 3px;
}

.site-links a:first-child {
 margin-left: 0px;
}

.social {
 display: inline-block;
 margin-right: 14px;
 /* margin-top: 25px; */
 width: 32px;
 height: 32px;
 background-image: url('/images/ah/icon.facebook.svg');
 background-repeat: no-repeat;
}

.social+.social {
 background-image: url('/images/ah/icon.linkedin.svg');
}

.social+.social+.social {
 background-image: url('/images/ah/icon.instagram.svg');
}

.social+.social+.social+.social {
 background-image: url('/images/ah/icon.twitter.svg');
}

/* 
 -------------------------------------------------- */

/* Homepage */

#logo-main {
 width: 134px;
}


#home-hero {
 height: 12em;
 margin-top: 65px;
 /*background-image: url('/images/ah/img-hero1.jpg');*/
 background-size: cover;
 background-position-x: center;
 background-position-y: inherit;
}

 #landing-page  .hero-box span {
     font-size: 26px;
     margin-bottom: 20px;
     display: block;
 }

 #landing-page  .hero-box span+span {
     font-size: 18px;
 }

/* ===============================
  Interior Content page 
=============================== */

/* Level 1*/

/* About us  */

/* Explore plans  */


/* Get care  */

/* Stay healthy  */

/* Resources  */

.col>.card {
 background-color: #E2E5ED;
 border: 0;
 margin-bottom: 40px
}

#home-calls .card {
 background-color: #ffffff;
 border: 0;
 width: 100%;
}

#home-cta {
 padding: 40px 0;
}

,
#home-cta h2 {
 color: #ffffff;
}

/* ==========================================================================
 576px - 768 custom css
========================================================================== */

@media (min-width: 576px) {

 /* Typography */

 h2 {
     margin-bottom: 20px;
     font-size: 1.875rem;
 }

 h5 {}

 /* Buttons */

 header {
     /* height: 140px; */
     padding: 0;
 }




 /* Head 
 -------------------------------------------------- */
 #logo-main {
     /* width: 176px; */
 }

 #super-nav {
     /* top: -6px; */
     /* right: 0; */
     /* width: 450px; */
     margin-top: 0;
     /* display: flex; */
     /* flex-direction: column; */
     /* align-items: flex-end; */
     justify-content: space-between;
     /* position: absolute; */
     padding-right: calc(var(--bs-gutter-x) * .5);
 }

 #super-nav a {
     display: inline-block;
     /* margin-left: 46px; */
     /* font-size: 14px; */
     font-family: 'alright_sansMedium';
     padding: 16px 0;
 }

 #home-calls h2 {
     font-family: 'alright_sansBold';
     /* color: #012169; */
     padding: 0 0 42px 0;
     margin: 0;
 }

 .sections {
     position: relative;
 }

 .carousel-inner {
     overflow: initial;
 }

 #home-hero {
     height: 39em;
     margin-top: 67px;
     position: relative;
 }

 #landing-page #home-hero {
     background-image: url('../images/img-tpa-hero1.jpg');
     background-size: cover;
     background-position-x: center;
     background-position-y: inherit;
 }

 #slide1 .text-start {
     position: relative;
     width: 260px;
     left: 0;
     top: 50px;
     padding: 0;
 }


 .cta-beige {
     padding: 40px;
     height: 100%;
 }

 /* Main Structure
 -------------------------------------------------- */

 /* ---------- Homepage ---------- */
 .carousel-item#slide1 {
     height: 288px;
 }

 #landing-page .hero-box span {
     font-size: 32px;
     margin-bottom: 20px;
 }
 
 #landing-page .hero-box span+span {
     font-size: 24px;
     margin-bottom: 0;
     margin-top:0;
 }

 .hero-box {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     padding: 30px 64px;
     position: absolute;
 }


 /* Page Carousel */

 /* Footer 
 -------------------------------------------------- */

 /* Amerihealth Administrators - Main page 
 -------------------------------------------------- */
 #logo-main {
     width: 134px;
 }

 #landing-page #home-hero {
     height: 18em;
     margin-top: 65px;
 }

 .why-items {
     top: 62%;
     font-size: 1.15rem;
 }

 .why-items img {
     width: 60px;
 }

 #img-whyamerihealth {
 font-size: 38px;
 }

 /* ===============================
    - Interior Content page 
 =============================== */


 /* Level 1 */

 /* FORM STYLES */

}


/* ==========================================================================
 768 - 992 custom css
========================================================================== */

@media (min-width: 768px) {

 /* Typography */

 h2 {
     font-size: 1.875rem;
     margin-bottom: 24px;
 }

 h5 {}

 /* Buttons */

 /* Header 
 -------------------------------------------------- */
 header>.container.header-container {
     flex-direction: column;
     justify-content: space-between;
     position: relative;
     max-width: 720px;
 }

 .logo {
     margin-left: 0;
     height: 50px;
 }

 nav {
     align-self: flex-start;
     margin: 0 0 0px 0;
     /* align-self: flex-end; */
     width: initial;
 }

 #logo-main {
     width: 200px;
     position: relative;
     top: 0;
 }

 /* Navigation */
#landing-page header {
     height: 80px;
     /* padding: 0; */
     border-bottom: 1px solid #cecece;
 }

 .nav-link {
     font-size: 14px;
     padding: 8px 0;
     border: 0;
 }

 a.nav-link {
     border: 0
 }

 #super-nav {
     top: -1px;
     right: 0;
     width: 132px;
     display: flex;
     flex-direction: row;
     align-items: flex-end;
     justify-content: space-between;
     position: absolute;
     padding-right: calc(var(--bs-gutter-x) * .5);
 }

 #super-nav a {
     display: inline-block;
     /* margin-left: 46px; */
     font-size: 14px;
     font-family: 'alright_sansMedium';
     padding: 0;
 }

 #super-nav .dropdown-item {
     margin: 0;
     font-family: 'alright_sansMedium';
     padding: 8px 15px;
 }

 #super-nav a:hover {
     color: #AF1685;
 }

 #super-nav .btn-secondary {
     font-size: 16px;
 }

 /* Main Structure
 -------------------------------------------------- */

 /* ---------- Homepage ---------- */


 #landing-page .hero-box {
     width: 345px;
     height: 240px;
     left: initial;
     top: 32px;
     padding: 22px 30px;
     background-color: rgb(1 33 105 / 75%);
     border-radius: 10px;
 }


 #landing-page .hero-box h2 {
 text-align: left;
 font-family: 'alright_sansBold';
 }
 
    #landing-page  .hero-box span {
     font-size: 26px;
     margin-bottom: 20px;
     margin-top: 0;
 }

 #landing-page  .hero-box span+span {
     font-size: 20px;
 }
 
 /* Page Carousel */

 /* Footer 
 -------------------------------------------------- */

 #landing-page section.footer {
     padding-top: 40px;
 }

 /* Amerihealth Administrators - Main page 
 -------------------------------------------------- */
 #logo-main {
     width: 170px;
 }

 #landing-page #home-hero {
     height: 20em;
     margin-top: 80px;
 }

 .why-items {
     top: 50%;
     font-size: 1.25rem;
     width: 340px;
 }

 #img-whyamerihealth {

 }

 .why-items img {
     width: 70px;
 }

 /* ===============================
     Interior Content page 
 =============================== */



 /* Level 1 */

 /* Level 1 */


 /* */

 /* FORM STYLES */

}

/* ==========================================================================
 992+ custom css
========================================================================== */

@media (min-width: 992px) {

 /* Typography */

 h2 {
     font-size: 2rem;
     margin-bottom: 30px;
 }

 h5 {}

 /* Buttons */
 .logo {
     height: 69px;
 }

 /* Navigation */
#landing-page header {
     height: 100px;
     /* padding: 0; */
 }

 nav {
     align-self: flex-end;
     flex-direction: column;
 }

 .nav-link {
     font-size: 15px;
 }

 /* Head 
 -------------------------------------------------- */
 header>.container.header-container {
     flex-direction: row;
     justify-content: space-between;
     max-width: 960px;
 }

 #super-nav {
     top: 0;
     right: 0;
     width: initial;
     display: flex;
     flex-direction: row;
     align-items: flex-end;
     justify-content: flex-end;
 }
 #super-nav .dropdown {
     margin-left: 40px;
 }
 #super-nav a {
     display: inline-block;
     margin-left: 46px;
     font-size: 14px;
     font-family: 'alright_sansMedium';
 }

 #logo-main {
     /* width: 236px; */
 }

 /* Main Structure
 -------------------------------------------------- */
 /* ---------- Homepage ---------- */

 #home-why {
     height: 444px;
 }

 /* Page Carousel */

 .carousel-item#slide1 {
     height: 23em;
 }

 #slide1 .text-start {
     position: relative;
     width: 374px;
     /* left: 60px; */
     top: 78px;
     padding: 0;
 }

 #landing-page .hero-box {
     width: 400px;
     height: 300px;
     top: 36px;
     padding: 35px 35px;
 }

     #landing-page  .hero-box span {
     font-size: 32px;
     margin-bottom: 20px;
 }

 #landing-page  .hero-box span+span {
     font-size: 24px;
 }

 /* Footer 
 -------------------------------------------------- */

 /* Amerihealth Administrators - Main page 
 -------------------------------------------------- */
 #logo-main {
     width: 232px;
 }

 #landing-page #home-hero {
     height: 23em;
     margin-top: 100px;
 }

 .why-items {
     top: 50%;
     font-size: 1.4rem;
     width: 459px;
 }

 .why-items img {
     width: initial;
 }

 /* ===============================
     Interior Content page 
 =============================== */

 /* Level 1 */


 /* FORM STYLES */

}

/* ==========================================================================
 1200+ custom css
========================================================================== */

@media (min-width: 1200px) {

 /* Typography */

 h2 {
     margin-bottom: 30px;
     font-size: 2rem;
 }

 h5 {
     
 }

 /* Buttons */
 /* Navigation */
#landing-page header {
     height: 110px;
     padding: 0;
 }

 header>.container.header-container {
     max-width: 1140px
 }

 .nav-link {
     font-size: 16px;
 }

 /* Head 
 -------------------------------------------------- */
 #logo-main {
     width: 275px;
 }

 #super-nav {
     top: 0;
     /* margin-right: 12px; */
     display: flex;
     flex-direction: row;
     align-items: flex-end;
     position: initial;
     /* align-self: flex-end; */
     justify-content: flex-end;
     padding-right: 0;
 }

 /* Main Structure
 -------------------------------------------------- */

 /* ---------- Homepage ---------- */
 .carousel-item#slide1 {
     height: 25em;
 }

 #img-whyamerihealth {
     
 }

 #landing-page .hero-box {
     width: 476px;
     height: 343px;
     top: 30px;
     padding: 41px 40px;
 }

 #landing-page  .hero-box span {
     font-size: 32px;
     margin-bottom: 20px;
 }

 #landing-page  .hero-box span+span {
     font-size: 24px;
 }

 /* Page Carousel */

 #slide1 .text-start {
     position: relative;
     width: 420px;
     /* left: 140px; */
     top: 130px;
     padding: 0;
 }

 /* Footer 
 -------------------------------------------------- */
 /* Amerihealth - Main page 
 -------------------------------------------------- */
 #logo-main {
     /* width: 261px; */
 }

#landing-page #home-hero {
     height: 25em;
     margin-top: 110px;
 }

 .why-items {
     top: 50%;
     font-size: 1.5rem;
     width: 602px;
 }

 #img-whyamerihealth {
     
 }

 .why-items img {
     width: initial;
 }

 /* ===============================
     Interior Content page 
 =============================== */


 /* Level 1 */

 /* FORM STYLES */
}

/* ==========================================================================
 1400+ custom css
========================================================================== */

@media (min-width: 1400px) {

 header>.container.header-container {
     max-width: 1320px;
 }

 /* FORM STYLES */
}