:root{
    --primary-clr-1: #1B75BC;
    --primary-clr-2: #A6CE3C;
    --primary-clr-1-15: #286EB6;
    --secondary-clr-1: #BCBEC0;
    --secondary-clr-2: #664199;
    --dark: #222D33;
    --dark-50: #7E8487;
    --secondary-clr-1-50: #D5D7D7;
    --secondary-clr-1-25: #EAEBEB;
    
    --primary-blue-100: #0C3454;
    --primary-blue-90: #114A77;
    --primary-blue-80: #155B92;
    --primary-blue-70: #1869A8;
    --primary-blue-60: #1B75BC;
    --primary-blue-50: #759BCB;
    --primary-blue-40: #A3B9D9;
    --primary-blue-30: #C6D3E7;
    --primary-blue-20: #E4EAF3;
    --primary-blue-10: #F2F5F9;
    
    --secondary-gray-100: #1D1D1E;
    --secondary-gray-90: #3B3B3C;
    --secondary-gray-80: #58595A;
    --secondary-gray-70: #747577;
    --secondary-gray-60: #909193;
    --secondary-gray-50: #ABACAE;
    --secondary-gray-40: #BCBEC0;
    --secondary-gray-30: #D8D9DA;
    --secondary-gray-20: #ECEDED;
    --secondary-gray-10: #F6F6F6;
    
    --bg-clr: #F6F6F7;
    --header-font: "Poppins", sans-serif;
    --body-font: "Poppins", sans-serif;
}

/* Sitewide Styles */
    
body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    font-size: 16px;
    font-family: var(--body-font);
    font-weight: 300;
    background-color: var(--bg-clr);
    margin: 0;
}

body.nav-open{
    overflow: hidden;
/*    height: 100vh;*/
}

body *{
    scroll-margin-top: 85px;
}

/*
header{
    position: relative;
    z-index: 1070;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .5);
}
*/

main{
    background-color: var(--bg-clr);
    padding: 1px 0;
    margin-top: -1px;
}

hr{
    margin: 1.5rem 0;
    color: var(--secondary-clr-1-50);
    opacity: 1;
}

.mb-4-5{
    margin-bottom: 2rem !important;
}

.title-link-header{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: .5rem;
    position: relative;
}
    

/* Text Styles */

h1, h2, h3, h4, h5, h6{
    font-family: var(--header-font);
    font-weight: 600;
    color: var(--dark);
}

h1{
   font-size: 2rem; 
}

h1.section-title{
    font-size: 1.375rem;
    font-family: var(--header-font);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02rem;
    border-top: 3px solid var(--primary-clr-2);
    padding: .25rem 0 .5rem 0;
}

h1.page-title{
    font-size: 2rem;
    font-family: var(--header-font);
    font-weight: 600;
    text-transform: initial;
    letter-spacing: 0;
    border-bottom: 2px solid var(--primary-clr-2);
    padding: 0 0 0.125rem 0;
    margin: 0 0 1.5rem 0;
}

h2{
    font-size: 1.75rem;
}

h3{
    font-size: 1.563rem;
}

h4{
    font-size: 1.375rem;
}

h5{
    font-size: 1.25rem;
}

h6{
    font-size: 1.125rem;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: var(--dark);
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}

p{
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 300;
}

strong {
    font-weight: 600;
}

b{
   font-weight: 700; 
}

a{
    color: var(--primary-clr-1);
    /*text-decoration: none;*/
    text-decoration: underline;
    transition: .2s ease-in-out;
}

a:hover{
    color: var(--primary-blue-90);
    text-decoration: underline;
    transition: .2s ease-in-out;
}



/* Various Sitewide Text Styles */

.tag-texts, p.tag-texts, .card__copy .tag-texts, .card-copy .tag-texts{
    color: var(--secondary-gray-80);
    font-weight: 600;
    font-size: 0.625rem;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .4px;
}

.tag-texts.byline, .byline, p.tag-texts.byline, p.byline{
    color: var(--secondary-gray-80);
    font-weight: 300;
    font-size: 0.625rem;
/*    font-style: italic;*/
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .4px;
}

.tag-texts--sponsored, .card__text-overlay .card__copy p.tag-texts--sponsored{
    background-color: var(--primary-clr-1);
    color: white;
    padding: .125rem .25rem;
    border-radius: .25rem;
}

.author-name, .author-name p, p.author-name, p.author-name.tag-texts{
    color: var(--dark-50);
    font-weight: 300;
    font-size: 0.625rem;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.2;
}

.page-title{
    border-bottom: 2px solid var(--secondary-clr-1-50);
}    

.page-title h1{
    margin-bottom: 0.125rem;
}

.title-link-header .section-title{
    margin-bottom: 0;
    padding-bottom: 0;
}

.title-link-header h1.section-title{
    border-top: 0;
    position: initial;
}

.title-link-header h1.section-title::before{
    content: "";
    background-color: var(--primary-clr-2);
    height: 3px;
    width: 100%;
    position: absolute;
    top: -.25rem;
}

.white-text, .white-text h1, .white-text h2, .white-text h3, .white-text p{
    color: white;
}

.dark-text{
    color: var(--dark);
}

.view-more{
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0 var(--bs-gutter-x,.75rem);
    color: var(--dark);
    text-decoration: none;
    line-height: 1;
}



/* Button Styles */

[type="button"], [type="reset"], [type="submit"], button {
  min-width: 24px;
  min-height: 24px;
  align-items: center;
}

a.btn, .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .25rem .75rem;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
}

a.btn:hover, .btn:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

a.btn-small, .btn-small{
    line-height: 1;
    font-size: .75rem;
    background-color: transparent;
    color: var(--dark);
    border: 1px solid var(--secondary-clr-1-50);
    padding: .25rem .75rem;
    border-radius: .5rem;
    text-decoration: none;
    transition: .2s ease-in-out;
}

a.btn-outlined, .btn-outlined{
    background-color: transparent;
    border: 1px solid var(--secondary-clr-1-50);
    color: white;
    transition: .2s ease-in-out;
}

a.btn-outlined:hover, .btn-outlined:hover{
    background-color: var(--primary-clr-2);
    border: 1px solid var(--primary-clr-2);
    color: var(--dark);
    transition: .2s ease-in-out;
}

.btn-small:hover{
    background-color: var(--secondary-clr-1-50);
    transition: .2s ease-in-out;
}

.btn-disabled {
  opacity: .5;
  cursor: initial;
  color: white;
}
 
.btn.btn-disabled:hover {
  opacity: .5;
  cursor: initial;
  background-color: var(--primary-clr-1);
  color: white;
}

.btn-load-more{
    font-size: 1.125rem;
    color: var(--secondary-gray-70);
    border: 0;
    background: transparent;
    font-weight: 600;
    transition: .2s ease-in-out;
}

.btn-load-more:hover{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}


/* Card Styles */

.card{
    bottom: 0;
    border-radius: 0.35rem;
    border: 1px solid var(--secondary-clr-1-50);
    transition: all .2s ease-in-out, bottom .2s ease-in-out;
}

.card:hover{
    bottom: 2px;
    box-shadow: 0px 3px 5px rgba(12,52,84,.125);
    transition: all .2s ease-in-out, bottom .2s ease-in-out; 
}

.card.card--white{
    background-color: white;
}

.card.card--blue{
    border: 0px;
    background-color: var(--primary-blue-60);
    transition: all 0.2s ease-in-out;
}

.card.card--dark-blue{
    border: 0px;
    background-color: var(--primary-blue-100);
    transition: all 0.2s ease-in-out;
}

.card > a{
    text-decoration: none;
}

.card > a .card__title:hover{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

.card__header{
    width: 100%;
    padding: .5rem 1rem;
    border-radius: 0.313rem 0.313rem 0 0;
}

.card__header--primary-clr{
    background-color: var(--primary-clr-1);
}

.card__header--primary-clr p, .card__header--primary-clr h6{
    font-weight: 600;
    color: white;
    margin: 0;
    padding: 0
}

.card__body{
    width: 100%;
    padding: 1rem;
}

.card__footer{
    display: flex;
    width: 100%;
    padding: 1rem;
}

.card__text-overlay{
    overflow: hidden;
    position: relative;
    border: 1px solid var(--secondary-clr-1-50);
}

.card__text-overlay .card__title, .card__text-overlay .card__title a{
    color: white;
}

.card__text-overlay .card__title a:hover{
    color: white;
    opacity: .7;
}

.card__image-link{
    width: 100%;
    height: 100%;
}

.card__image-link .thumb-image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
  transition: .2s ease-in-out;
  opacity: 1;
}

.card__text-overlay:hover .card__image-link .thumb-image::after {
  opacity: 1;
  transition: .2s ease-in-out;
}

.card__text-overlay .thumb-image{
    height: 100%;
}

.card__text-overlay:hover .thumb-image img, .card__image-link:hover .thumb-image img{
    transform: scale(1.03);
    transition: .25s ease-in-out;
}

.card-thumb-top .thumb-image {
    border-radius: 0.25rem 0.25rem 0 0;
}

.card__copy .tag-texts, .card-copy .tag-texts{
    margin-bottom: .5rem;
}

.card__title{
    margin-bottom: .45rem;
}

.card__title__p{
    font-weight: 600;
    margin-bottom: .35rem;
    text-decoration: none;
    color: var(--dark);
    line-height: 1.3;
    transition: .25s ease-in-out;
}

.card__title__p a{
    text-decoration: none;
    color: var(--dark);
}

.card__title__p a:hover, .card__title__p:hover {
    text-decoration: none;
    color: var(--primary-clr-1);
    transition: .25s ease-in-out;
}

.card__teaser{
/*    font-size: 1rem;*/
    margin-bottom: .5rem;
}

.card__text-overlay .card__copy, .card__text-overlay .card-copy{
    display: grid;
    justify-items: flex-start;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
}

.card__text-overlay .card__copy p, .card__text-overlay .card-copy p, .card__text-overlay .card__teaser {
/*    font-size: 1rem;*/
    color: var(--secondary-clr-1);
}

.card__text-overlay .card__copy p.tag-texts, .card__text-overlay .card-copy p.tag-texts {
    font-size: 0.625rem;
    color: var(--secondary-clr-1-50);
}

.card__text-overlay .card__copy > p:last-child, .card__text-overlay .card-copy > p:last-child {
    margin-bottom: 0;
}

.card-copy p{
    font-size: 0.875rem;
    line-height: 1.3;
    font-weight: 300;
}

.white-card {
  width: 100%;
  background-color: white;
  border: 1px solid var(--secondary-clr-1-50);
}

.white-card .card-copy {
  padding: 1rem;
}

.white-card .card-copy h3{
    font-size: 1rem;
    margin-top: 0;
}

.white-card .card-copy h2 a, .white-card .card-copy h3 a {
  color: var(--dark);
  text-decoration: none;
}

.white-card .card-copy h2 a:hover, .white-card .card-copy h3 a:hover {
  color: var(--primary-clr-1);
  text-decoration: none;
}

.white-card .thumb-image {
  width: 100%;
  overflow: hidden;
}

.card--blue .card__title, .card--dark-blue .card__title{
    color: white;
}

.card--blue p.tag-texts, .card--dark-blue p.tag-texts{
    color: var(--secondary-gray-40);
}

.card--blue p.tag-texts.byline, .card--dark-blue p.tag-texts.byline{
    color: var(--secondary-gray-40);
}

.text-top-card{
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: .35rem;
    border: 1px solid var(--secondary-clr-1-50);
}



/* Promo Card Styles */

.card__promo-item-news-alerts{
    display: grid;
    grid-template-columns: 1fr 310px;
    position: relative;
}

.card__promo-item-news-alerts::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(54deg, rgba(15,67,108,1) 0%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
    background-image: -o-linear-gradient(54deg, rgba(15,67,108,1) 0%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
    background-image: linear-gradient(144deg, rgba(15,67,108,1) 0%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%); 
    z-index: 1;
    border-radius: .35rem;
}

.card__promo-item-news-alerts::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://conexiant.com/media/rkbbrzy1/x-outlined-single.png");
    background-repeat: repeat;
    background-size: 43px;
    background-position: center left;
    z-index: 1;
    opacity: .5;
    border-radius: .35rem;
}

.card__promo-item-news-alerts .card__body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 5;
    padding: 2rem;
}

.form--news-alerts{
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.form--news-alerts .form-item{
    display: flex;
    margin-bottom: 0;
}

.form-item--email{
    flex: 3 1 230px;
}

.form-item--specialty{
    flex: 1 1 230px;
}

.form--news-alerts #btnSubmit{
    margin: 0;
    background-color: var(--primary-clr-2);
    color: var(--dark);
}

.form--news-alerts #btnSubmit:hover{
    margin: 0;
    background-color: white;
    color: var(--primary-clr-1);
}

.profile__form label, .form--news-alerts label{
    width: auto;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.profile__form input, .profile__form select, .form--news-alerts input, .form--news-alerts select {
    width: 100%;
    background-color: var(--bg-clr);
    border: 0;
    padding: .75rem 1rem;
    border-radius: .35rem;
    color: var(--dark-50);
}

.form-item__initial-option{
    color: var(--dark-50);
}

.form-btn-row{
    flex: 1 1 100%;
}

.card__promo-item-news-alerts .thumb-image {
    display: flex;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0 .35rem .35rem 0;
    z-index: 5;
}

.card__promo-item-news-alerts .thumb-image img{
    object-fit: contain;
    padding: 2rem;
    max-width: 280px;
    margin: 0 auto;
    height: auto;
}

.card__promo-item-news-alerts:hover  .thumb-image img {
    transform: scale(1.03);
    transition: .25s ease-in-out;
}

@media (max-width: 700px) {
    .card__promo-item-news-alerts{
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .card__promo-item-news-alerts::after{
        background-image: linear-gradient(144deg, rgb(15, 67, 108) 0%, rgba(18,80,128,.85) 50%, rgba(24,105,168,0) 100%);
    }

    .card__promo-item-news-alerts .card__body{
        order: 2;
        padding-top: 0;
    }

    .card__promo-item-news-alerts .thumb-image{
        order: 1;
    }
    
    .card__promo-item-news-alerts .thumb-image img{
        max-width: 220px;
        padding-bottom: 0.25rem;
    }
}

#newsAlertConfirm .modal-dialog {
    max-height: 300px;
}

#newsAlertConfirm .modal-content {
    padding: 2rem;
    background-color: var(--bg-clr);
    border-radius: .5rem;
    box-shadow: 0 5px 25px rgba(0,0,0,.125);
}

#newsAlertConfirm .modal-body {
    display: flex;
    padding: 0;
}

#newsAlertConfirm .modal-body button{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    opacity: 1;
    transition: .2s ease-in-out;
}

#newsAlertConfirm .modal-body .btn-close:hover{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B75BC'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

#newsAlertConfirm .modal-body .btn-close:hover .material-symbols-outlined {
  color: var(--primary-clr-1);
  transition: .2s ease-in-out;
}

#newsAlertConfirmPage iframe body {
    justify-content: center;
}

.modal{
    z-index: 1300;
}

.card__news-alerts-internal {
    grid-template-columns: 1fr;
}

.card__news-alerts-internal::after{
    background-image: -webkit-linear-gradient(45deg, rgb(15, 67, 108) 20%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
    background-image: -o-linear-gradient(45deg, rgb(15, 67, 108) 20%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
    background-image: linear-gradient(45deg, rgb(15, 67, 108) 20%, rgba(18,80,128,.85) 70%, rgba(24,105,168,0) 100%);
}

@media (max-width: 700px) {
    .card__news-alerts-internal .card__body{
        padding-top: 2rem;
    }
}





/* General iFrame Popup Styles */

iframe body{
    min-height: 0;
}





/* Breadcrumb Styles */

.breadcrumb{
    display: flex;
    align-items: center;
    column-gap: .4rem;
    font-size: .75rem;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 1rem 0;
}

.breadcrumb__link{
    color: var(--secondary-gray-80);
    text-decoration: none;
}

.breadcrumb__link:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
}

.breadcrumb__arrow{
    font-size: .9rem;
    color: var(--dark);
    opacity: .25;
}




/* General List Item Styles */

.list-item{
    display: flex;
    margin-top: 1.5rem;
    padding: 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
    align-items: flex-start;
    overflow: auto;
    grid-gap: 0;
}

.thumb-image, .list-thumb{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
    aspect-ratio: 16/9;
    width: 100%;
    transition: .2s ease-in-out;
}

.thumb-image img, .list-thumb img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: .25s ease-in-out;
}

.thumb-image:hover img, .list-thumb:hover img{
    transform: scale(1.03);
    transition: .25s ease-in-out;
}

.thumb-image.no-hover:hover img{
    transform: none;
}

.pod-thumb{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
    aspect-ratio: 1/1;
    width: 100%;
    transition: .2s ease-in-out;
}

.list-item .list-thumb{
    order: 2;
    margin: 0 0 1.5rem 1.5rem;
    transition: .2s ease-in-out;
}

.list-thumb--small, .list-thumb.list-thumb--small{
    width: 125px;
}

.list-thumb--md, .list-thumb.list-thumb--md {
    width: 200px;
}

.list-item .card__copy, .list-item .card-copy{
      width: 100%;
      order: 1;
      margin-bottom: 1.5rem;
}



.content-icon{
    text-align: left;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    width: 13%;
    transition: .2s ease-in-out;
}

.content-icon svg{
    width: 100%;
    max-width: 50px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .25));
}

.vid-icon{
    transition: .2s ease-in-out;
}

.content-icon:hover, .vid-icon:hover{
    transform: scale(1.05);
    transition: .2s ease-in-out;
}



/*-- Other Sitewide Styles --*/

.animated-underline{
    padding-bottom: 3px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: background-size .25s ease-in-out;
}

.animated-underline:hover {
    background-size: 100% 2px;
    color: inherit;
}

.white-fill{
    fill: #fff;
}

.pv-tan-fill{
    fill:#c1b09c;
}

.bcm-red-fill{
    fill:#e60c2e;
}

.grey-bg{
    background-color: var(--bg-clr);
}

.white-bg{
    background-color: white;
}

/*.max-width{*/
/*    width: 100%;*/
/*    max-width: 1200px;*/
/*}*/

.max-width{
    width: 100%;
    max-width: 1300px;
}

/*.top-nav .max-width, .bottom-nav .max-width, .home-body-content .max-width{*/
/*    max-width: 1398px;*/
/*}*/


.d-mobile{
    display: none;
}

.homepage .max-width{
    width: 100%;
    max-width: 1300px;
}

/*.articlepage .max-width{*/
/*    width: 100%;*/
/*    max-width: 1200px;*/
/*}*/

.body-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100vh; 
    z-index: -1000;
    transition: .15s ease-in-out;
}

.overlay-on{
    opacity: 1;
    background-color: rgba(0,0,0,.5);
    z-index: 1220;
    transition: .3s ease-in-out;
}

.overlay-2-on{
    opacity: 1;
    background-color: rgba(0,0,0,.5);
    z-index: 1040;
    transition: .3s ease-in-out;
}

/* Search Field */

#txtSearchQuery.form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.125);
    border-radius: 0;
    padding: .375rem 20px .375rem 0;
    color: rgba(0,0,0,1);
}

#txtSearchQuery.form-control::placeholder {
    color: rgba(0,0,0,1);
    opacity: 0.35;
}

#txtSearchQuery.form-control:focus {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,1);
    color: rgba(0,0,0,1);
}



/*-- Structural Styles --*/

.grid-content-sidebar, .grid--content-sidebar{
    display: grid;
    grid-template-columns: 1fr 300px;
    position: relative;
    z-index: 1;
    align-items: flex-start;
}

.grid-gutter{
    grid-gap: 1.5rem;
}

.body-content-container.sticky-top{
    top: 80px;
}

.sidebar-container, .sidebar-column{
    height: 100%;
}

.sidebar-container .sticky-top, .sidebar-column .sticky-top {
    z-index: 1;
    display: grid;
    grid-gap: 1.5rem;
    top: 80px;
}

@media (max-width: 1100px){
    .grid-content-sidebar, .grid--content-sidebar{
        grid-template-columns: 1fr;
        grid-row-gap: 4rem;
    }
    
    .body-content-container.sticky-top{
        top: 0;
    }
    
    .grid-content-sidebar .sticky-top{
        position: relative;
    }
    
    .sidebar-container .sticky-top, .sidebar-column .sticky-top {
        top: 0px;
        grid-gap: 4rem;
    }
}


/* Sidebar Section Styles */

.sidebar-list{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.sidebar-list *{
    position: relative;
    z-index: 2;
}

.sidebar-list::before{
    content: '';
    position: absolute;
    z-index: 1;
    top: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    left: -.5rem;
    background-color: var(--bg-clr);
    border-radius: .35rem;
}

.sidebar-list-items article{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

#sidebarRecommendations h3, .sidebar-list-items h3 {
    font-size: 1.125rem;
}

@media (max-width: 1100px){
    .sidebar-list-items > div > div > div{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1.5rem;
    }
}

@media (max-width: 600px) {
    .sidebar-list-items > div > div > div{
        grid-template-columns: 1fr;
    }
}

/* Pagination */

.pagination {
  margin-top: 1.5rem;
}

.page-item a.page-link {
    position: relative;
    display: block;
    color: var(--dark);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-item a.page-link:hover {
    color: var(--primary-clr-1);
    text-decoration: none;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--primary-clr-1);
    border-color: var(--primary-clr-1);
}

.page-item.active .page-link:hover {
    color: #fff;
}

.page-link:hover {
    z-index: 2;
    color: var(--primary-clr-1);
    background-color: white;
    border: 1px solid var(--primary-clr-1);
}

.page-item.disabled .page-link {
    color: rgba(0,0,0,0.25);
}







main .resource-item-page {
    background-color: var(--bg-clr);
    padding: 2rem 0;
}

.resource-item-page .cover-text-grid{
    border-bottom: 0px !important;
    margin: 0;
    padding: 0;
}

.resource-item-page .cover-text-grid > img{
    box-shadow: 0 0 15px rgba(0,0,0,0.125);
}

.resource-item-page .cover-text-grid .content-container{
    line-height: 1.3;
    margin-top: 1.5rem;
}

.resource-item-page .cover-text-grid .content-tag{
    font-size: .75rem;
}

.content-container form{
    margin-top: 3rem;
}









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Ads Styles --*/
/*-- Ads Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

#topAd {
    position: relative;
    z-index: 1000;
    min-height: 1px;
    border-bottom: none;
    background-color: transparent;
}

#topAd .ad_728x90_container{
    padding: 15px 0;
}

.ad_728x90_container{
    display: grid;
    margin: 0px auto;
    text-align: center;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-bottom: transparent;
    padding: 0;
}

.ad_728x90_text{
    font-size: 8px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0px -0.5px 0px 0px;
    height: auto;
    background-color: var(--bg-clr);
    padding: .35rem .05rem .35rem .05rem;
    border-radius: 0 .25rem .25rem 0;
    line-height: 1.1;
}

#topAd .ad_728x90_text{
    color: var(--dark-50);
}

.ad_728x90{
    width: max-content;
    height: max-content;
    display: grid;
    align-content: center;
    border: 1px solid rgba(216,217,218,.5);
}

.ad_728x90 > div {
    border: solid 1px #424242;
}

@media (max-width: 770px){
    .ad_728x90_container {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
    }
    
    .ad_728x90_text {
        writing-mode: initial;
        transform: none;
        margin: 0 auto;
        padding: .1rem .35rem .05rem .35rem;
        border-radius: .25rem .25rem 0 0;
        width: auto;
    }
}

/*
@media (max-width: 770px) {
  .ad_728x90_container {
    display: none;
  }
}
*/   


.ad-300x250-container{
    margin: 0 auto;
    text-align: center;
    width: 302px;
}

.advertisement-text-300x250 {
    font-size: 8px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 0px auto -1px auto;
    background-color: var(--bg-clr);
    padding: .05rem .5rem;
    border-radius: .25rem .25rem 0 0;
    line-height: 1.1;
}
    
.ad-image-container{
    display: inline-block;
    margin: 0px auto;
    width: max-content;
    border: 1px solid rgba(216,217,218,.5);
} 

.ad-image-container img{
    display: inline-block;
    margin: 0px auto;
} 
    
/*
.top-ad-sidebar{
    height: 100%;
}
*/

#heroAd{
    margin-bottom: 1.5rem;
}

@media (max-width: 1100px){
    #heroAd{
        margin-bottom: 3rem;
    }
    
    #mobileAd1-300x250{
        margin-bottom: 4rem;
    }
}

.full-width-ad{
    background-color: white;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);
}

.c-article__in-line-ad .ad-image-container img{
    margin-bottom: 0px;
} 

/* New Ad Styles : START */

.ad_container, .ad-container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin: 0 auto;
    text-align: center;
    max-width: max-content;
}

.ad_container-text, .ad-container__text{
    font-size: 8px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    height: auto;
    padding: 0;
    line-height: 1.1;
}

.ad-image-container, .ad-container__image {
    display: inline-block;
    margin: 0px auto;
    width: max-content;
    border: 1px solid rgba(216,217,218,.5);
}









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Nav Styles --*/
/*-- Nav Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.top-nav{
    position: relative;
    z-index: 1250;
}

.top-nav__background{
    position: relative;
    z-index: 2;
    background: white;
    border-bottom: 1px solid var(--secondary-gray-20);
}

.top-nav__inner{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.top-nav__left{
    display: flex;
    flex-direction: row;
    gap: .75rem;
    align-items: flex-end;
}

.top-nav__logo {
    padding: 2rem 0;
    transition: .2s ease-in-out;
}

.top-nav__logo img{
    height: 30px;
    transition: .2s ease-in-out;
}

.top-nav__specialties{
    display: flex;
    align-items: flex-end;
}

.dropdown-item{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.specialties-home-link{
    display: flex;
    align-items: flex-end;
    padding: 2rem .75rem;
    font-size: 1.25rem;
    color: var(--secondary-gray-60);
    font-weight: 600;
    text-decoration: none;
    top: 0;
    bottom: 0;
    line-height: 0.7;   
    position: relative;
}

.specialties-home-link:hover{
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.specialties-menu-toggle {
    display: flex;
    align-items: flex-end;
    position: relative;
    opacity: 1;
    top: 0;
    bottom: 0;
    margin: 0 0 1.55rem 0;
    padding: .85rem .25rem;
    font-weight: 300;
    background-color: transparent;
    border: transparent;
    border-radius: .25rem;
    font-size: 1.25rem;
    color: var(--secondary-clr-1);
    font-weight: 600;
    background-color: var(--secondary-gray-20);
    transition: all 0.4s ease-in-out, bottom 0.5s ease-in-out;
}

/*
.specialties-menu-toggle:hover, .specialties-menu-toggle.show {
    background-color: var(--secondary-gray-20);
    transition: all 0.2s ease-in-out;
}
*/

.specialties-menu-toggle.dropdown-toggle::after{
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    color: var(--secondary-gray-50);
}

.specialties-menu-toggle.dropdown-toggle:hover::after, .specialties-menu-toggle.dropdown-toggle.show::after {
    color: var(--primary-clr-1);
    transition: all 0.2s ease-in-out;
}

.specialties-menu-toggle.show::after {
  transform: rotate(-180deg);
  transition: all 0.25s ease-in-out;
}

/*
.specialties-menu .dropdown-menu {
  position: absolute;
  margin: 0 auto;
  padding: 5rem 2rem;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 40;
  border: 0px;
  border-radius: 0;
  background: var(--secondary-gray-10);
}
*/

.specialties-menu {
    display: block;
    margin: 0 auto;
    padding: 5rem 2rem;
    position: absolute;
    bottom: 100%;
    width: 100%;
    border-bottom: 1px solid var(--secondary-clr-1-25);
    border-radius: 0;
    background-color: var(--secondary-gray-30);
    z-index: 1;
    transition: .2s ease-in-out;
}

.specialties-menu::before {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("https://conexiant.com/media/rkbbrzy1/x-outlined-single.png");
  background-repeat: repeat;
  background-size: 43px;
  background-position: center left;
  z-index: 1;
  opacity: .5;
}

.specialties-menu::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(54deg, var(--secondary-gray-30) 0%, rgba(255,255,255, 0.55) 50%, rgba(24,105,168,0) 100%);
  background-image: -o-linear-gradient(54deg, var(--secondary-gray-30) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
  background-image: linear-gradient(144deg, var(--secondary-gray-30) 0%, rgba(255,255,255, .55) 50%, rgba(255,255,255,0) 100%);
  z-index: 1;
}

.specialties-menu.show {
    bottom: auto;
    transition: .2s ease-in-out;
}

.specialties-menu__list {
    position: relative;
    list-style: none;
    column-count: 4;
    z-index: 3;
}

.specialties-menu__list .dropdown-item {
    font-weight: 300;
    color: var(--dark);
    padding: 1.025rem .9rem;
    border-left: 1px solid var(--secondary-gray-50);
    transition: all 0.2s ease-in-out;

}

.specialties-menu__list .dropdown-item:hover {
    color: var(--primary-clr-1);
    text-decoration: none;
    background-color: rgba(255,255,255, 0.4);
    border-left: 2px solid var(--primary-clr-2);
    transition: all 0.2s ease-in-out;
}

.top-nav__right{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    position: relative;
    opacity: 1;
    bottom: 0;
    transition: all 0.4s ease-in-out .2s, bottom 0.5s ease-in-out;
}

.btn.btn__sign-in{
    display: flex;
    align-content: center;
    gap: .5rem;
    color: var(--dark);
    text-decoration: none;
    background: transparent;
}

.btn.btn__sign-in:hover{
    background: transparent;
    transition: 0.2s ease-in-out;
}

.btn__sign-in p{
    font-size: 1rem;
    margin-bottom: 0;
    transition: 0.2s ease-in-out;
}

.btn_sign-in-icon{
    display: block;
    height: 20px;
}

.btn_sign-in-icon svg{
    height: 100%;
}

.btn_sign-in-icon svg path{
    fill: var(--dark);
    transition: 0.2s ease-in-out;
}

.btn.btn__sign-in:hover p, .btn.btn__sign-in:hover .btn_sign-in-icon svg path{
    color: var(--primary-clr-1);
    fill: var(--primary-clr-1);
    transition: 0.2s ease-in-out;
}

.top-nav__right hr{
    height: 20px;
    width: 2px;
    background-color: var(--secondary-gray-30);
    border: 0px; 
    margin: 0;
}

.btn.btn__search{
    color: var(--dark);
    text-decoration: none;
    background: transparent;
}

.btn.btn__search:hover{
    color: var(--primary-clr-1);
    background: transparent;
    transition: 0.2s ease-in-out;
}

form svg.search-icon{
    position: absolute;
    right: 0;
    top: 8px;
    height: 18px;
}

nav{
    position: sticky;
    top: 0;
    z-index: 1240;
    background: rgb(12,52,84);
    background: linear-gradient(90deg, rgba(12,52,84,1) 0%, rgba(15,67,108,1) 50%, rgba(18,80,128,1) 74%, rgba(24,105,168,1) 100%);
}

.bottom-nav {
    position: relative;
}

.navbar{
    position: static;
    padding: 0;
    justify-content: flex-start;
    margin: 0 auto;
    align-items: stretch;
}

.bottom-nav__logo{
    display: flex;
    position: absolute;
    opacity: 0;
    bottom: 100%;
    background: var(--primary-blue-90);
    border-right: 2px solid var(--primary-blue-70);
/*
    background-image: linear-gradient(var(--primary-clr-2), var(--primary-clr-2));
    background-repeat: no-repeat;
    background-position: bottom left;
*/
    background-size: 0% 2px;
    transition: all 0s ease-in-out;
}

.scrolled .bottom-nav__logo{
    position: relative;
    opacity: 1;
    bottom: 0;
    transition: all .2s ease-in-out, bottom .5s ease-out;
}

.bottom-nav__logo:hover{
    background: var(--primary-blue-80);
/*    background-size: 100% 2px;*/
    transition: .2s ease-in-out;
}

.bottom-nav__logo-link{
    display: flex;
    padding: 0 1rem;
    transition: .2s ease-in-out;
}

.bottom-nav__logo:hover .bottom-nav__logo-link{
    background: rgba(12,52,84,.2);
    transition: .2s ease-in-out;
}

.bottom-nav__logo img{
    width: 24px;
}

.bottom-nav__specialty-home{
    display: flex;
    color: white;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    position: absolute;
    opacity: 0;
    bottom: 100%;
    background: var(--primary-blue-90);
    background-image: linear-gradient(var(--primary-clr-2), var(--primary-clr-2));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: all 0s ease-in-out;
}

.scrolled .bottom-nav__specialty-home{
    position: relative;
    opacity: 1;
    bottom: 0;
    transition: all .2s ease-in-out, bottom .5s ease-out;
}

.bottom-nav__specialty-home:hover{
    background-size: 100% 2px;
    transition: .2s ease-in-out;
}

.bottom-nav__specialty-home .nav-item{
    color: white;
    text-decoration: none;
    padding: 1.025rem 0.9rem;
    transition: .2s ease-in-out;
}

.bottom-nav__specialty-home:hover .nav-item{
    color: white;
    text-decoration: none;
    background: rgba(12,52,84,.2);
    transition: .2s ease-in-out;
}

.navbar-toggler:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.navbar-toggler__icon{
    width: 1.5rem;
    position: relative;
}

.navbar-toggler__icon::after{
    content: '';
    width: 0px;
    height: 0px;
    background-color: var(--secondary-gray-10);
    opacity: 0;
    border-radius: 5rem;
    position: absolute;
    top: 57%;
    left: 46%;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: .2s ease-in-out;
}

.navbar-toggler__icon-inner{
    display: grid;
    height: 20px;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}

.navbar-toggler__icon-inner::before, .navbar-toggler__icon-inner::after {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    border-radius: 5rem;
    background-color: var(--dark);
    transition: .2s ease-in-out;
}

.navbar-toggler__icon-inner::before{
    top: 17.5px;
    width: .95rem;
}

.navbar-toggler__icon-inner::after{
    top: 3.5px;
    width: .75rem;
}

.navbar-toggler:hover .navbar-toggler__icon-inner::before, .navbar-toggler:hover .navbar-toggler__icon-inner::after{
    background-color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon-inner::before {
    transform: translate(-1px, -7px) rotate(-45deg);
    width: 1.5rem;
    background-color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon-inner::after {
    transform: translate(-1px, 7px) rotate(45deg);
    width: 1.5rem;
    background-color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

.navbar-toggler__icon path{
    fill: var(--dark);
    transition: .2s ease-in-out;
}

.navbar-toggler:hover path{
    fill: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon path{
    fill: transparent;
    transition: .2s ease-in-out;
}

.navbar-toggler__active .navbar-toggler__icon::after, .navbar-toggler:hover .navbar-toggler__icon::after{
    width: 42px;
    height: 42px;
    opacity: 1;
    transition: .2s ease-in-out;
}

.navbar-toggler__active:hover .navbar-toggler__icon::after{
    background-color: var(--secondary-gray-20);
    transition: .2s ease-in-out;
} 

.bottom-nav .navbar-nav{
    flex-direction: row;
    justify-content: center;
}

.bottom-nav .nav-item{
    width: 100%;
    margin-bottom: 0px;
    position: inherit;
    transition: .2s ease-in-out;
}

.bottom-nav .navbar .nav-link{
    color: white;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    padding: 1.025rem .9rem;
    background-image: linear-gradient(var(--primary-clr-2), var(--primary-clr-2));
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: .2s ease-in-out;
}

.bottom-nav .nav-link:hover {
    color: white;
    background-color: rgba(12,52,84,.2);
    background-size: 100% 2px;
    transition: .25s ease-in-out;
}

.bottom-nav .nav-link.show {
    background-color: var(--primary-blue-80);
    background-size: 0% 2px;
    transition: .2s ease-in-out;
}

.bottom-nav .nav-link:focus {
    box-shadow: 0 0 0 transparent;
    outline: 0;
}

.bottom-nav .nav-item-specialties-home, .bottom-nav .dropdown__specialties{
    position: absolute;
    bottom: 100%;
    
    transition: all 0s ease-in-out;
}

.scrolled .bottom-nav .nav-item-specialties-home, .scrolled .bottom-nav .dropdown__specialties{
    display: flex;
    position: static;
}

.bottom-nav .nav-item-specialties-home .nav-link, .bottom-nav .dropdown__specialties .nav-link {
    position: relative; 
    opacity: 0;
    bottom: 100%;
    background-color: rgba(17,74,119,1);
    background-image: none;
    transition: all 0s ease-in-out;
}

.bottom-nav .dropdown__specialties .nav-link {
    display: flex;
    align-items: center;
    padding: 0 .9rem 0 0;
    height: 100%;
}

.bottom-nav .dropdown__specialties .nav-link.show {
    background-color: var(--primary-blue-90);
}

.bottom-nav .dropdown__specialties .dropdown-toggle::after {
    background-color: var(--primary-blue-80);
    padding: 1.025rem 0.5rem;
    border-radius: .25rem;
    top: 0;
}

.scrolled .bottom-nav .nav-item-specialties-home .nav-link, .scrolled .bottom-nav .dropdown__specialties .nav-link{
    opacity: 1;
    bottom: 0;
    transition: all .2s ease-in-out, bottom .4s ease-out .2s;
}


.bottom-nav .nav-item-specialties-home .nav-link:hover, .bottom-nav .dropdown__specialties .nav-link:hover{
    background-color: rgba(17,74,119, 1);
    transition: all .2s ease-in-out;
}

.bottom-nav .nav-item-specialties-home .nav-link:hover{
    color: var(--primary-clr-2);
}

.bottom-nav .dropdown__specialties .nav-link:hover::after, .bottom-nav .dropdown__specialties .nav-link.show::after{
    color: var(--primary-clr-2);
    background-color: var(--primary-blue-70);
}

.dropdown-toggle::after {
    display: inline-block;
/*    color: var(--primary-clr-2);*/
    color: var(--secondary-gray-50);
    margin-left: .255em;
    vertical-align: .255em;
    font-family: 'Material Icons';
    content: "\e5cf";
    border: none;
    line-height: 0;
    position: relative;
    top: 6px;
    opacity: 1;
    transition: all 0.25s ease-in-out;
}

.dropdown-toggle:hover::after, .dropdown-toggle.show::after {
    color: var(--primary-clr-2);
    transition: all 0.25s ease-in-out;
}

.dropdown-toggle.show::after {
    transform: rotate(180deg);
    transition: all 0.25s ease-in-out;
}

@media (min-width: 768px) {
    .bottom-nav .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
    }
}

.bottom-nav .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
}

.bottom-nav .dropdown-menu {
    position: absolute;
    margin: 0 auto;
    padding: 5rem 2rem; 
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 40;
    border: 0px;
    border-radius: 0;
    background:  var(--primary-blue-80);
    overflow: hidden;
}

.bottom-nav .nav-item > .dropdown-menu::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(90deg, #155B92 51%, rgba(21, 91, 146, 0.00) 95%);
    z-index: 1;
}

.bottom-nav .nav-item > .dropdown-menu::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://conexiant.com/media/rkbbrzy1/x-outlined-single.png");
    background-repeat: repeat;
    background-size: 43px;
    background-position: center left;
    z-index: 1;
    opacity: .5;
}

.nav-item__mega-menu{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    position: relative;
    z-index: 2;
}

.nav-item__mega-menu-title{
    font-weight: 300;
    color: white;
    margin-bottom: 1rem;
}

.nav-item__specialties .nav-item__mega-menu-dropdown-list{
    grid-column: 1/5;
    column-count: 4;
}

.nav-item__news-comm .nav-item__mega-menu-group1{
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.nav-item__news-comm .nav-item__mega-menu-dropdown-list{
    grid-column: 1/2;
}

.nav-item__news-comm .nav-item__mega-menu-group2{
    grid-column: 3/5;
}

.nav-item__top-cond .nav-item__mega-menu-group1{
    grid-column: 1/2;
} 

.nav-item__top-cond .nav-item__mega-menu-group2{
    grid-column: 2/5;
    /*grid-column: 1/5;*/
}

.nav-item__publications .nav-item__mega-menu-group1{
    grid-column: 1/2;
}

.nav-item__publications .nav-item__mega-menu-dropdown-list{
    grid-column: 1/2;
}

.nav-item__publications .dropdown.dropend .dropdown-menu{
    display: grid;
    width: calc(300% + 3rem);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .9rem;
    opacity: 0;
    left: 200%;
    right: auto;
    overflow: visible;
    transition: all .5s ease-in-out;
}

/*.nav-item__publications .dropdown.dropend .dropdown-menu.show{*/
.bottom-nav .dropdown.dropend .dropdown-menu.show{
    visibility: visible;
    left: 100%;
    right: 0;
    opacity: 1;
    transition: all .5s ease-in-out;
}

.nav-item__mega-menu-dropdown-list{
    padding-left: 0;
    list-style: none;
    position: relative;
}

.bottom-nav .dropdown-item{
    width: auto;
    font-weight: 300;
    color: white;
    padding: 1.025rem .9rem;
    border-left: 1px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}

.bottom-nav .dropdown-item.show{
    color: white;
    padding: 1.025rem .9rem;
    background-color: var(--primary-blue-100);
    border-left: 1px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}

.bottom-nav .dropdown-item:hover {
    color: white;
    text-decoration: none;
    background-color: rgba(12,52,84,.75);
    border-left: 2px solid var(--primary-clr-2);
    transition: all 0.2s ease-in-out;
}

.bottom-nav .dropdown-item:focus{
    color: white;
    background-color: transparent;
}

.dropdown.dropend{
    position: initial;
}

/*
.dropend .dropdown-menu[data-bs-popper]{
    padding: 0;
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem);
    background-color: transparent;
}

.dropend .dropdown-item{
    border-left: 1px solid var(--primary-blue-50);
    transition: all 0.2s ease-in-out;
}
*/

.dropdown.dropend .inner-dropdown-menu{
    visibility: hidden;
    padding: 0;
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem);
    background-color: transparent;
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    transition: all 0.2s ease-in-out;
}

.dropend .dropdown-menu .dropdown-item:hover{
    background-color: rgba(12,52,84,.75);
    border-left: 2px solid var(--primary-clr-2); 
    transition: all 0.2s ease-in-out;
}

.dropend .dropdown-item.show{
    background-color: var(--primary-blue-100);
    border-left: 2px solid var(--primary-clr-2); 
    transition: all 0.2s ease-in-out;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    color: var(--primary-clr-2);
    margin-left: .255em;
    vertical-align: .255em;
    font-family: 'Material Icons';
    content: "\e5cf";
    border: none;
    line-height: 0;
    position: relative;
    top: 6px;
    opacity: 1;
    transform: rotate(-90deg) translateY(-50%);
    transition: all 0.25s ease-in-out;
}

.dropend .dropdown-toggle.show::after {
    transform: rotate(90deg);
    transition: all 0.25s ease-in-out;
}

.dropdown-item.dropdown-item-no-hover, .dropdown-item.dropdown-item-no-hover:hover{
    border-left: 0px solid var(--primary-blue-50);
    background-color: transparent;
    cursor: default;
}

.inner-dropdown-item{
    cursor: pointer;
}

.nav-item__mega-menu .card-thumb-left > a{
    display: grid;
    grid-template-columns: 2fr 3fr;
}

.nav-item__mega-menu .card-thumb-left .thumb-image{
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
}

.nav-item__mega-menu .card__title{
    font-weight: 300;
}

.nav-item__publications .card--blue{
    justify-content: center;
    text-align: center;
}

.nav-item__publications .card--blue .card__title{
    margin-bottom: 0;
}

.nav-item__mega-menu .card--blue:hover .card__title{
    color: var(--primary-clr-2);
}

.nav-item__mega-menu .card--blue:hover{
    background-color: var(--primary-blue-100);
    transition: all 0.2s ease-in-out;
}

.nav-item__mega-menu .card--blue .card__copy p{
    font-size: .75rem;
}

.nav-item__mega-menu-dropdown-list .dropdown-item{
    white-space: wrap;
}

.letter-list{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.letter-list__button{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    width: 50px;
    height: 50px;
    position: relative;
    bottom: 0;
    background-color: var(--primary-blue-60);
    color: white;
    border-radius: 10rem;
    text-transform: uppercase;
    font-size: 1.25rem;
    text-decoration: none;
    transition: .2s ease-in-out;
}

.letter-list__button-all{
    width: auto;
}

.letter-list__button:hover{
    bottom: 2px;
    background-color: var(--primary-blue-100);
    color: var(--primary-clr-2);
    text-decoration: none;
    box-shadow: 0px 3px 5px rgba(12,52,84,.125);
    transition: .2s ease-in-out;
}


.navbar__mobile-menu{
    display: none;
}


@media (max-width: 1100px){
    
    .specialties-menu__list {
        column-count: 3;
    }

    .nav-item__news-comm, .nav-item__top-cond {
        grid-template-columns: repeat(3, 1fr);
    }

    .nav-item__news-comm .nav-item__mega-menu-group1 {
        grid-column: 1/3;
    }

    .nav-item__news-comm .nav-item__mega-menu-group2 {
        grid-column: 3/4;
    }

    .nav-item__top-cond .nav-item__mega-menu-group2 {
        grid-column: 2/4;
        /*grid-column: 1/4;*/
    }

    .nav-item__mega-menu .card-thumb-left > a{
        display: grid;
        grid-template-columns: 1fr;
    }

    .nav-item__mega-menu .card-thumb-left .thumb-image{
        aspect-ratio: 16/9;
        border-radius: .25rem .25rem 0 0;
    }
    
    .nav-item__publications .dropdown.dropend .dropdown-menu {
        grid-template-columns: repeat(2, 1fr);
        transition: all .5s ease-in-out;
    }
}

@media (max-width: 900px) {
/*@media (max-width: 815px){*/
    .d-mobile{
        display: block;
    }

    .top-nav {
        position: sticky;
        top: 0;
    }

    .scrolled .top-nav__logo {
        padding: 1.5rem 0;
        transition: .2s ease-in-out;
    }

    .scrolled .top-nav__logo img {
        height: 25px;
        transition: .2s ease-in-out;
    }

    .specialties-home-link, .specialties-menu-toggle{
        position: absolute;
        opacity: 0;
        top: -50px;
        width: 0px;
        transition: 0s ease-in-out;
    }

    .top-nav__right{
        position: absolute;
        opacity: 0;
        bottom: 100%;
        transition: 0s ease-in-out;
    }

    .specialties-menu {
        display: none;
        transition: .2s ease-in-out;
    }

    nav{
        position: relative;
        z-index: 1260;
        background: white;
    }

    .bottom-nav__logo{
        display: none;
        transition: .2s ease-in-out;
    }

    .bottom-nav .navbar-toggler{
        display: flex;
        flex-direction: column;
        padding: 14px var(--bs-gutter-x,.75rem);
        margin: 23.5px .5rem;
        gap: .25rem;
        border: 0;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1260;
        opacity: 1;
        transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    }

    .scrolled .bottom-nav .navbar-toggler{
        margin: 13px .5rem;
        transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    }

    .bottom-nav .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: flex-end;
        width: 100%;
        height: calc(100vh - 95px);
        position: fixed;
        left: 100%;
        z-index: 1000;
        transition: all .4s ease-in-out;      
    }

    .bottom-nav .navbar-expand-md .navbar-collapse.show {
        left: 0;
        transition: all .2s ease-in-out;      
    }

    .scrolled .bottom-nav .navbar-expand-md .navbar-collapse {
        height: calc(100vh - 74.63px);
        transition: all .2s ease-in-out;
    }

    .bottom-nav .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        border-radius: .25rem 0 .25rem .25rem;
    }

    .bottom-nav .collapse:not(.show) {
        display: none !important;
    }

    .bottom-nav .navbar-wrapper{
        display: grid;
        grid-template-rows: 1fr auto;
        align-content: flex-start;
        background-color: white;
        width: 100%;
        height: 100%;
        max-width: 400px;
        padding: 1.5rem 2rem;
        overflow-y: scroll;
        border-left: 1px solid var(--secondary-gray-20);
        transition: all 0.1s ease-in-out;
    }
    
    .bottom-nav .navbar-nav {
        position: relative;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: flex-start;
/*        overflow: auto;*/
        transition: all 0.1s ease-in-out;
    }

    .bottom-nav .navbar .nav-link {
        background-color: white;
        color: var(--dark);
        text-align: left;
    }

    .bottom-nav .nav-link:hover {
        color: var(--primary-clr-1);
        background-color: var(--secondary-gray-10);
        transition: .25s ease-in-out;
    }

    .bottom-nav .navbar .nav-link.show {
        color: var(--primary-clr-1);
        background-color: var(--secondary-gray-10);
        background-size: 0% 2px;
        border-radius: .25rem .25rem 0 0;
        transition: .25s ease-in-out;
    }

    .bottom-nav .nav-item-specialties-home, .bottom-nav .dropdown__specialties {
        background-color: white;
        position: relative;
        top: 0;
        bottom: auto;
        margin-bottom: 2rem;
        transition: all 0s ease-in-out;
    }
    
    .bottom-nav .nav-item-specialties-home, .scrolled .bottom-nav .nav-item-specialties-home{
        position: absolute;
        z-index: 2;
        width: 85%;
    }
    
    .bottom-nav .dropdown__specialties {
        z-index: 1;
        text-align: right;
    }

    .bottom-nav .nav-item-specialties-home .nav-link, .bottom-nav .dropdown__specialties .nav-link {
        position: relative;
        opacity: 1;
        top: 0;
        bottom: auto;
        background-color: white;
        height: 60px;
        transition: all 0s ease-in-out;
    }
    
    .bottom-nav .nav-item-specialties-home .nav-link{
        font-size: 1.4rem;
        font-weight: 600;
    }
    
    .bottom-nav .dropdown__specialties .nav-link{
        width: 15%;
        display: inline-block;
/*        height: 60px;*/
        padding: 0;
    }
    
    .bottom-nav .nav-item-specialties-home .nav-link:hover, .bottom-nav .dropdown__specialties .nav-link:hover {
        background-color: transparent;
        color: var(--primary-clr-1);
        transition: all .2s ease-in-out;
    }
    
    .bottom-nav .dropdown__specialties .nav-link:hover::after, .bottom-nav .dropdown__specialties .dropdown-toggle.show::after {
        color: var(--primary-clr-1);
        background-color: var(--secondary-gray-10);
    }
    
    .bottom-nav .dropdown__specialties .nav-link.show:hover {
        background-color: var(--secondary-gray-10);
    }

    .bottom-nav .dropdown__specialties .dropdown-toggle::after {
        font-size: 1rem;
        top: 45%;
        transform: translate(-50%, -50%);
        left: 50%;
        background-color: var(--secondary-gray-10);
    }
    
    .bottom-nav .dropdown__specialties .dropdown-toggle.show::after {
        transform: translate(-50%, -50%) rotate(180deg);
    }

/*
    .bottom-nav .dropdown__specialties .nav-link.show:hover {
        color: white;
        transition: all .2s ease-in-out;
    }
*/

    .bottom-nav .dropdown-menu {
        position: relative;
        padding: 0;
        background-color: var(--secondary-gray-10);
    }

    .nav-item__news-comm, .nav-item__top-cond, .nav-item__publications {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-item__news-comm .nav-item__mega-menu-group1, .nav-item__news-comm .nav-item__mega-menu-group2, .nav-item__news-comm .nav-item__mega-menu-dropdown-list,.nav-item__top-cond .nav-item__mega-menu-group1, .nav-item__publications .nav-item__mega-menu-group1 {
        grid-column: 1/3;
    }
    
    .nav-item__specialties .nav-item__mega-menu-dropdown-list {
        column-count: 1;
    }
    
    .dropdown-item-no-hover{
        display: none;
    }

    .bottom-nav .dropdown-item {
        color: var(--dark);
        border-left: 0px solid var(--primary-blue-50);
        transition: all 0.2s ease-in-out;
    }

    .nav-item__top-cond .dropdown-item .d-mobile{

    }

    .bottom-nav .dropdown.dropend .dropdown-menu {
/*        position: absolute;*/
        position: relative;
        left: 0;
        margin: 0;
        width: 100%;
        height: 0;
    }
    
    .bottom-nav .dropdown.dropend .dropdown-menu.show {
        height: auto;
        left: 0;
    }
    
    .nav-item__publications .dropdown.dropend .dropdown-menu.show {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: .9rem;
        padding-bottom: .5rem;
    }

    .bottom-nav .nav-item > .dropdown-menu::before, .bottom-nav .nav-item > .dropdown-menu::after {
        display: none;
    }

    .nav-item__top-cond .nav-item__mega-menu-group2, .nav-item__news-comm .nav-item__mega-menu-group2 {
        display: none;
    }

    .nav-item__mega-menu-title {
        color: var(--dark);
    }
    
    .nav-item__top-cond .nav-item__mega-menu-title {
        font-size: .8rem;
        padding: .5rem 0 .25rem 0;
        margin: 0 .9rem 0rem .9rem;
        border-bottom: 1px solid var(--secondary-gray-30);
        color: var(--secondary-gray-60);
    }
    
    .nav-item__top-cond .view-all{
        padding: 1.025rem 0;
        border-top: 1px solid var(--secondary-gray-30);
        margin: 0 .9rem 0rem .9rem;
    }
/*
    .dropend .dropdown-menu[data-bs-popper] {
        width: 100%;
    }
*/
    .dropend .dropdown-toggle::after {
        transform: rotate(0deg);
    }

    .dropend .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

    .dropend .dropdown-menu .dropdown-item {
        font-size: .875rem;
        color: var(--dark);
        border-left: 0px;
        padding: 1rem 1rem 1rem 1.8rem;
        transition: all 0.2s ease-in-out;
    }

    .dropend .dropdown-item.show,  .dropend .dropdown-item.show:focus {
        color: var(--primary-clr-1);
        background-color: transparent;
        border-left: 0px solid var(--primary-clr-2);
        transition: all 0.2s ease-in-out;
    }

    .bottom-nav .dropdown-item:hover {
        color: var(--primary-clr-1);
        text-decoration: none;
        background-color: transparent;
        border-left: 0px solid var(--primary-clr-2);
        transition: all 0.2s ease-in-out;
    }
    
    .bottom-nav .dropdown-item:focus {
        color: var(--dark);
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu-dropdown-list .dropdown:first-child .inner-dropdown-item{
/*        padding-top: 0;*/
    }
    
    .dropdown .dropdown-item{
/*        border-bottom: 1px solid var(--secondary-gray-40);*/
    }

    .dropend .dropdown-menu .dropdown-item:hover {
/*        color: var(--primary-clr-1);*/
        background-color: transparent;
        border-left: 0px solid var(--primary-clr-2);
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue {
        color: var(--dark);
        background-color: var(--secondary-gray-10);
        text-align: left;
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue:hover{
        color: var(--primary-clr-1);
        background-color: var(--secondary-gray-10);
        bottom: 0;
        box-shadow: 0 0 0 0 transparent;
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue:hover a {
        color: var(--primary-clr-1);
    }
    
    .nav-item__mega-menu .card__body {
        padding: .5rem 1rem .5rem 1.8rem;
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue .card__title {
        font-size: .875rem;
        color: var(--dark);
        transition: all 0.2s ease-in-out;
    }
    
    .nav-item__mega-menu .card--blue .card__title:hover {
        color: var(--primary-clr-1);
        transition: all 0.2s ease-in-out;
    }
    
    .navbar__mobile-menu{
        display: block;
    }
    
    .sideSearch{
        margin: 0 .9rem;
        padding: 2rem 0 2.5rem 0;
    }

    .sideSearch form{
        position: relative;
    }

    .form-control {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.125);
        border-radius: 0;
        padding: .375rem 20px .375rem 0;
        color: rgba(0,0,0,1);
    }

    .form-control::placeholder {
        color: rgba(0,0,0,1);
        opacity: 0.35;
    }

    .form-control:focus {
        background-color: transparent;
        box-shadow: none;
        border-bottom: 1px solid rgba(0,0,0,1);
        color: rgba(0,0,0,1);
    }



    form svg path{
        transition: .2s ease-in-out;
    }

    form svg:hover path{
        fill: var(--pv-clr);
        transition: .2s ease-in-out;
    }
    
    .navbar__mobile-acct-menu{
        margin: 0 .9rem;
        padding: .25rem .9rem;
        background-color: var(--secondary-gray-10);
        border-radius: .25rem;
    }
    
    .navbar__mobile-acct-menu-item{
        display: block;
        color: var(--dark);
        padding: 1.025rem 0;
    }
    
    .navbar__mobile-acct-menu-item:hover{
        color: var(--primary-clr-1);
        text-decoration: none;
    }
}

@media (max-width: 700px){
    .nav-item__news-comm {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-item__news-comm .nav-item__mega-menu-group1, .nav-item__news-comm .nav-item__mega-menu-group2 {
        grid-column: 1/3;
    }
/*
    .nav-item__mega-menu .card-thumb-left > a {
        grid-template-columns: 2fr 3fr;
    }
*/
}

@media (max-width: 525px){
    .bottom-nav .navbar-nav {
        max-width: 100%;
        transition: all 0.2s ease-in-out;
    }

    .dropend .dropdown-toggle::after {
        transform: rotate(0deg);
    }

    .dropend .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

/*
    .bottom-nav .dropdown.dropend .dropdown-menu {
        position: relative;
        left: 0;
        margin: 0;
    }
*/

    .dropend .dropdown-menu .dropdown-item {
        border-left: 0px;
        transition: all 0.2s ease-in-out;
    }

    .nav-item__news-comm .nav-item__mega-menu-dropdown-list {
        grid-column: 1/3;
    }



    .nav-item__mega-menu .card-thumb-left > a {
        grid-template-columns: 1fr;
    }
}


@media (min-width: 900px) {
/*@media (min-width: 816px) {*/
    .bottom-nav .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

     .bottom-nav .navbar-expand-md .navbar-toggler {
         display: flex;
         position: fixed;
         top: -50px;
         opacity: 0;
         transition: all .2s ease-in-out;
    }
}



/* Search Popup Styles */

#searchModal{
    z-index: 1300;
}

#searchModal .btn-close{
    opacity: 1;
    padding: 5px;
    width: auto;
    height: auto;
    background: transparent;
    background-color: white;
    border-radius: 5rem;
}

#searchModal .btn-close span{
    color: var(--dark);
    opacity: 1;
    font-size: 17px;
    font-weight: bold;
    transition: .2s ease-in-out;
}

#searchModal .btn-close:hover {
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.modal-backdrop{
    background: linear-gradient(180deg, rgba(2, 10, 16,.9) 10%, rgba(2, 10, 16,.6) 100%);
    z-index: 1290 !important;
}

 .modal-backdrop.show{
    opacity: 1;
}

#searchModal .modal-content{
    background-color: transparent;
    border: 0px solid transparent;
}

#searchModal .modal-body{
    column-gap: 1.5rem;
}

#searchModal form{
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

#searchModal .form-control::placeholder {
    color: white;
    opacity: .5;
}

#searchModal .form-control {
    padding: .375rem 0;
    color: white;
    background-color: transparent;
    border: 0px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
    border-radius: 0;
    transition: .2s ease-in-out;
}

#searchModal .form-control:active, #searchModal .form-control:focus-within {
    border-bottom: 1px solid var(--primary-clr-2);
    color: rgb(255, 255, 255);
    transition: .2s ease-in-out;
}

#searchModal .form-control:focus {
  color: white;
  background-color: transparent;
  border-color: var(--primary-clr-2);
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}

#searchModal form svg {
    position: absolute;
    right: 0;
    top: 8px;
    height: 18px;
}

#searchModal form svg path{
    fill: white;
    transition: .2s ease-in-out;
}

#searchModal form svg:hover path{
    fill: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

@media (min-width: 576px) {
    #searchModal .modal-dialog {
        max-width: 600px;
    }
}









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

footer {
    margin-top: auto;
    background: var(--dark);
    padding: 5rem 2rem;
    font-size: .85rem;
    color: var(--dark-50);
}

footer ul li a:hover {
    color: white;
    text-decoration: none;
    transition: .2s ease-in-out;
}

.footer__main, .footer-grid {
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-column-gap: 2.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid var(--dark-50);
}

.footer__logo, .footer-logo{
    width: 100%;
}

.footer__logo-image, .pv-logo-footer{
    width: 100%;
    max-width: 250px;
}

.footer__lists{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-column-gap: 2.5rem;
}

.footer-nav{
    padding-left: 1.5rem;
    border-left: 1px solid var(--dark-50);
    margin-bottom: 2rem;
}

 .footer__title, .footer-grid h3, .footer h3, .all-footer-logos-section h3 {
    color: white;
    text-transform: inherit;
    font-size: 1rem;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.footer-nav-list li {
    line-height: 1.2;
    margin-bottom: .75rem;
}

.footer-nav-list li:last-of-type {
    margin-bottom: 0;
}

.footer-nav-list li a {
    color: var(--secondary-gray-50);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.all-footer-logos-section{
    margin-bottom: 1.5rem;
    padding: 1rem 0 2rem 0;
    border-bottom: 1px solid #808080;
}

.all-footer-logos-section .footer__title {
    text-align: center;
    margin-bottom: 2rem;
}

.all-footer-logos{
    display: flex;
    flex-wrap: wrap;
    column-gap: 4.5rem;
    row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
}

.pub-logo-footer{
    width: 140px;
}

footer .terms-copyright-grid {
    color: var(--secondary-gray-50);
}

.terms-privacy-links ul{
    list-style: none;
    padding: 0;
    text-align: center;
}

.terms-privacy-links ul li{
    display: inline-block;
    padding-right: .5rem;
    margin-right: .25rem;
    border-right: 1px solid var(--secondary-gray-50);
    line-height: 1
}

.terms-privacy-links ul li:last-child{
    border-right: none;
}

.terms-privacy-links li{
    line-height: 1.2;
}

footer .terms-privacy-links a{
    color: var(--secondary-gray-50);
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease-in-out;
}

footer .terms-privacy-links a:hover{
    color: white !important;
    transition: .2s ease-in-out;
}

.copyright-text {
    text-align: center;
}

.copyright-text p {
    margin-bottom: 0;
}

@media (max-width: 900px) {
     .footer__main, .footer-grid {
        grid-template-columns: 1fr;
        grid-column-gap: 1.5rem;

      }

    .footer__logo, .footer-logo {
        grid-column: 1/2;
        margin-bottom: 4rem;
/*            order: 1;*/
    }
}

@media (max-width: 468px) {
    .footer__main, .footer-grid {
        grid-template-columns: 1fr;
      }

    .footer__logo, .footer-logo {
        grid-column: 1/2;
    }

    .footer-nav{
        padding-top: 1.5rem;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--dark-50);
        margin-bottom: 1.75rem;
    }
    
    .pub-logo-footer{
        width: 120px;
    }
}











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

.home-top-background{
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 440px; 
    background: rgb(12,52,84);
    background: linear-gradient(90deg, rgba(12,52,84,1) 0%, rgba(15,67,108,1) 50%, rgba(18,80,128,1) 74%, rgba(24,105,168,1) 100%);
    z-index: 0;
}

/*
.home-top-background::after{
    content: '';
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 440px; 
    background: linear-gradient(0deg, rgba(246,246,247,1) 50%, rgba(246,246,247,0) 100%);
    z-index: 0;
}
*/


/* All Specialties Home - Specialty Selector */

.specialty-selections h2.section-title{
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 1.125rem;
    color: white;
}

.specialties-mobile-menu-toggle {
    display: none;
}

.specialty-selections{
    position: relative;
    z-index: 20;
}

/*
.specialty-selections__flex{
    display: flex;
    justify-content: center;
}
*/

.specialty-selections__list{
    display: flex;
    column-gap: .5rem;
    justify-content: center;
    align-items: center;
    margin-top: .25rem;
}

.specialty-selections--specialty-home .specialty-selections__list {
    display: none;
}

.specialtiesList{
    position: relative; 
    padding: 0px 35px; 
    /*width: 95%; */
    width: 100%; 
    min-width: 1px;
    max-width:1300px; 
    /*float:left;*/
}

.specialtiesList .left, .specialtiesList .right{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 48.5%;
    transform: translateY(-50%);
    padding: 0;
}

.specialtiesList .left{
    left: 5px;
}

.specialtiesList .right{
    right: 5px;
}

.specialtiesList .left svg, .specialtiesList .right svg{
    width: 24px;
    height: 24px;
}

.ttwrapper{
    padding:9px 0;
}

.specialtiesList .scroll-nav {
    position: relative;
    width: 100%;
    /*width: calc(100% - 80px);*/
    /*margin: 0 40px;*/
    /*width: calc(95% - 80px);*/
    margin: 0 auto;
    padding: 10px 0px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: rgba(255,255,255,0.75) transparent;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}


.specialtiesList .scroll-nav::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    border-radius: 1rem;
    background-color: transparent; /* or add it to the track */
}

.specialtiesList .scroll-nav::-webkit-scrollbar-thumb { 
    width: 5px;
    height: 8px;
    border-radius: 1rem;
    background-color: rgba(255,255,255,0.75);
}

.specialtiesList .scroll-nav::-webkit-scrollbar-track {
  background-color: transparent;
}

.specialties {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .25rem .75rem;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
    background-color:#1B75BC;
    gap: .5rem;
    margin:0 5px
}

.specialties:hover{
    background-color:#A6CE3C; 
    color:#222D33; 
    transition: .2s ease-in-out; 
    text-decoration:none;
}

.specialtiesList button {
    background-color: transparent; 
    border: none; 
    outline: none; 
    cursor: pointer; 
    font-size: 25px;
}

.specialtiesList button path {
    fill: white;
    transition: .2s ease-in-out;
}

.specialtiesList button:hover path {
    fill: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.specialtiesList button[disabled] {
    display:none;
}

@media (max-width: 900px) {
    .specialty-selections--specialty-home .specialties-mobile-menu-toggle {
        display: flex;
        align-items: flex-end;
        position: relative;
        opacity: 1;
        bottom: 0;
        margin: 0 auto;
        padding: 1.15rem .75rem;
        font-weight: 300;
        background-color: transparent;
        border: transparent;
        font-size: 1.25rem;
        color: white;
        font-weight: 600;
        line-height: 0.7;
        transition: all 0.4s ease-in-out, bottom 0.5s ease-in-out;
    }

    .specialties-mobile-menu-toggle:hover, .specialties-menu-toggle.show {
        color: var(--secondary-gray-50);
        transition: all 0.2s ease-in-out;
    }

    .specialties-mobile-menu-toggle.show::after {
        transform: rotate(-180deg);
        transition: all 0.25s ease-in-out;
    }
    
    .specialties-mobile-menu-toggle.dropdown-toggle::after {
        top: auto;
        bottom: 7px;
    }
    
    .specialty-selections--specialty-home .specialty-selections__list {
        display: flex;
    }
    
    .specialty-selections--specialty-home h2.section-title {
        display: none;
    }
    
    .specialty-selections--specialty-home .specialty-selections__list{
        display: none;
    }
    
    .specialty-selections--specialty-home .specialty-selections__list.show{
        display: flex;
    }  
}

@media (max-width: 815px) {
    .specialty-selections--all-home .specialties-mobile-menu-toggle{
        display: none;
    }
    
    .specialty-selections--all-home h2.section-title {
        display: flex;
        justify-content: center;
        padding: 0;
    }
    
    .specialty-selections--all-home .specialty-selections__list{
        display: grid;
        justify-items: center;
    }
    
    .specialtiesList .left{
        left: 0px;
    }
    
    .specialtiesList .right{
        right: 0px;
    }
}

@media (max-width: 670px) {
    .specialty-selections{
        padding-bottom: 1rem;
    }
}


#top-news-content{
    background-color: var(--bg-clr);
    margin-bottom: 4rem;
}

@media (max-width: 670px){
    #top-news-content, #top-news-content > .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }
}

/* Hero Section Styles */

.hero-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.hero-featured{
    grid-column: 1/3;
    overflow: hidden;
    width: 100%;
    align-self: stretch;
    position: relative;
}

.hero-featured .thumb-image img{
    aspect-ratio: 5 / 3;
}

.hero-featured-copy-side{
    margin-bottom: 1.5rem;
    border: 1px solid var(--secondary-clr-1-50);
    height: 500px;
}

.hero-grid .card__text-overlay .thumb-image {
    height: auto;
}

.hero-featured, .hero-secondary-card{
    background-color: var(--dark);
}

.hero-featured img, .hero-secondary-card img{
    background-color: white;
}


.hero-right{
    display: grid;
    grid-column: 3/4;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1.5rem;
}

.hero-secondary-card{
    overflow: hidden;
    width: 100%;
    height: 225px;
}

.hero-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:1.5rem;
    margin-bottom: 4rem;
}

/*
.hero-bottom-card{
    width: 100%;
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
}
*/

.latest-news{
    padding-left: 0;
    padding-right: 0;
}

.latest-news .section-title{
    margin-bottom: 0;
    padding-bottom: 0;
}
    
.latest-news-items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.5rem;
}

.latest-news-items article{
    display: grid;
}

.latest-news-items .list-thumb{
    border: 1px solid var(--secondary-clr-2-50);
}


@media (max-width: 1100px){
    #top-news-content .sticky-top{
        position: relative;
    }
}

@media (max-width: 900px){
    .hero-featured{
        grid-column: 1/4;
        min-height: 425px; 
    }

    .hero-right{
        display: grid;
        grid-column: 1/4;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 1rem;
    }

    .hero-secondary-card{ 
        height: 250px;
    }

    .hero-bottom{
        grid-template-columns: 1fr;
    }

    .card.hero-bottom-card > a{
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .card.hero-bottom-card .thumb-image {
        width: 280px;
        height: 100%;
        border-radius: 0.25rem 0 0 0.25rem;
    }

    .card.hero-bottom-card .thumb-image img {
      aspect-ratio: 5 / 3;
    }
}

@media (max-width: 750px){
    .latest-news-items{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 670px){
    #top-news-content .grid-content-sidebar, #top-news-content .grid--content-sidebar{
        padding-top: 0 !important;
    }

    .card__text-overlay.hero-featured{
        border-left: 0px;
        border-right: 0px;
        border-radius: 0;
    }
    
    .card__text-overlay.hero-featured .thumb-image{
        border-radius: 0;
    }

    .hero-right, .hero-bottom, .trending-list, .sidebar-container, .recent-news-list, .latest-news{
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
    }
}

@media (max-width: 550px){
    .hero-grid{
        grid-row-gap: 1rem;
        margin-bottom: 1rem;
    }
    
    .hero-secondary-card{ 
        grid-column: 1/3;
        height: 225px;
    }
    
    .hero-bottom{
        grid-row-gap: 1rem;
    }

    .card.hero-bottom-card > a{
        display: grid;
        grid-template-columns: 1fr;
    }  

    .card.hero-bottom-card .thumb-image {
        display: none;
    }
}





/* Trending Section Styles */

.trending-section{
    margin: 4rem auto;
}

.trending-section__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.trending-section__list .card > a{
    height: 100%;
}

.trending-section__list .card__body{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1rem;
    align-items: center;
    height: 100%;
}

/*
.trending-section__list .card a{
    text-decoration: none;
}
*/

.trending-section__number{
    font-size: 3rem; 
    color: var(--primary-clr-2);
    margin-bottom: 0;
}

.trending-section__number:hover{
    color: var(--primary-clr-2);
}

.trending-section__list .card__title:hover{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}

@media (max-width: 900px){
    .trending-section__list{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px){
    .trending-section__list{
        grid-template-columns: 1fr;
    }

    .trending-section__list article:last-child{
        margin: 0 0 0 0;
    }
}

/* Sponsored Content/Featured Supplement Styles */

#sponsored-content, #feat-supp-section{
/*    background-color: #1A1A1A;*/
    padding: 3rem 0;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);
}


/* Spon Con Phase 1 Code : START */
.sponsored-items-container, .sponsored-content__items-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

/*
.text-top-card.sponsored-item{
    border: 1px solid #333333;
    overflow: hidden;
    width: 100%;
    align-self: stretch;
    position: relative;
    min-height: 250px;
}
*/

.sponsored-item .thumb-image{
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.sponsored-item .thumb-image img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    aspect-ratio: 5 / 3;
}

.sponsored-item .card-copy{
    position: absolute;
    bottom: 0;
    padding: 6.5rem 1rem 1rem 1rem;
    width: 100%;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 23%, rgba(0,0,0,0.7) 36%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%)
}

.sponsored-item .card-copy h3{
    margin-bottom: 0;
}

@media (max-width: 900px){
    .sponsored-items-container{
        grid-template-columns: 1fr 1fr;
    }
    
    .sponsored-item:nth-last-child(1):nth-child(2n+1){
        grid-column: 1 / span 1;
    }
}

@media (max-width: 650px){
    .sponsored-items-container{
        grid-template-columns: 1fr;
    }
}
/* Spon Con Phase 1 Code : END */

/* Spon Con Phase 2 Code : START */
.sponsored-content{
    padding: 4rem 0;
    border-top: 1px solid var(--secondary-clr-1-25);
    border-bottom: 1px solid var(--secondary-clr-1-25);
}

.sponsored-content__items-list{
    display: grid;
    grid-gap: 1.5rem;
}

.sponsored-content__items-list--one{
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
}

.sponsored-content__items-list--over-one{
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
}

.sponsored-content__items-list article{
/*    min-width: 375px;*/
    max-height: 320px;
    background-color: var(--dark);
}

.sponsored-content__items-list--one .card__text-overlay .card__image-link {
    display: flex;
    justify-content: flex-end;
}

/*
.sponsored-content__items-list--one .card__text-overlay > .card__image-link::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 25%, rgba(34, 45, 51, 0.81) 45%, rgba(34, 45, 51,0.7)60%, rgba(34, 45, 51,0.1) 80%, rgba(34, 45, 51,0) 100%);
    transition-delay: 100ms;
}
*/

/*
.sponsored-content__items-list--one .card__text-overlay > .card__image-link::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
    transition-delay: 100ms;
}
*/

.sponsored-content__items-list--one .card__text-overlay:hover .card__image-link::after {

}

.sponsored-content__items-list--one .card__text-overlay .thumb-image {
    width: auto;
}

.sponsored-content__items-list--one .card__text-overlay .thumb-image img{
/*    width: 75%;*/
    width: auto;
}

/*
.sponsored-content__items-list--one .card__text-overlay .card__image-link .thumb-image::after {
    background: linear-gradient(90deg, rgb(102, 65, 153) 25%, rgba(102, 65, 153, 0.81) 45%, rgba(102, 65, 153,0.7) 60%, rgba(102, 65, 153,0.1) 80%, rgba(102, 65, 153,0) 100%);

}
*/

.sponsored-content__items-list--one .card__text-overlay .card__image-link .thumb-image::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);

}



.sponsored-content__items-list--one .card__text-overlay:hover .card__image-link .thumb-image::after {

}

.sponsored-content__items-list--one .card__text-overlay .card__copy{
    right: 50%;
    top: 50%;
    align-items: center;
    transform: translateY(-50%);
    bottom: auto;
}   

@media (max-width: 600px) {
    .sponsored-content__items-list--one .card__text-overlay .card__copy{
        align-items: center;
        transform: none;
        right: 1rem;
        left: 1rem;
        top: auto;
        bottom: 1rem;
    }   
    
    .sponsored-content__items-list--one .card__text-overlay .card__image-link .thumb-image::after {
        background: linear-gradient(0deg, rgb(34, 45, 51) 0%, rgba(34, 45, 51, 0.81) 25%, rgba(34, 45, 51,0.7) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
    }
}
/* Spon Con Phase 2 Code : END */



/* Featured Videos Section Styles */
#featured-videos{
    margin: 4rem auto;
}

#featured-videos .card__copy .card__title{
    margin-bottom: 0;
}

.featVid-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.featVid-left{
    grid-column: 1/9;
}

/*
.featVid-left .card-copy{
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-gap: 1rem;
    align-items: center;
}

.featVid-left .card-icon svg{
    width: 100%;
}
*/

.featVid-left .card-copy{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

.featVid-left.text-top-card .card-copy {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    padding: 0;
    width: auto;
    background: transparent;
}

.featVid-left.text-top-card .card__image-link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.81) 23%, rgba(0,0,0,0.7) 36%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
  transition: .2s ease-in-out;
  opacity: 1;
}

.featVid-right-grid{
    display: grid;
    grid-column: 9/13;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1.5rem;
}

.featVid-right:nth-child(1){
    grid-row: 1/2;
}

.featVid-right:nth-child(2){
    grid-row: 2/3;
}


.featVid-left .thumb-image img {
    aspect-ratio: 16 / 9;
}


.featVid-right .thumb-image img {
    aspect-ratio: 16/9;
}

@media (max-width: 900px) {
    .featVid-left{
        grid-column: 1/13;
    }
    
    .featVid-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:1fr;
    }
    
    .featVid-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2
    }

    .featVid-right:nth-child(2){
        grid-row: 1/2;
        grid-column: 2/3
    }
}

@media (max-width: 650px) {
    .featVid-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr;
    }
    
    .featVid-left .thumb-image img {
        aspect-ratio: 10 / 9;
    }

    .featVid-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .featVid-right:nth-child(2){
        grid-row: 2/3;
        grid-column: 1/2;
    }
}


/* Conference Coverage Styles */
.conf-cov-section{
    margin: 4rem auto;
}

.conf-cov-section__list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 1.5rem;
}

.conf-cov-section__list .conf-info{
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.conf-cov-section__list .conf-info .card__title{
    width: 100%;
}

.conf-cov-section__list .conf-info .conf-info__date-loc-container{
    width: 100%;
}

.conf-cov-section__list .list-item{
    margin-top: 1rem;
}

.conf-cov-section__list .card__body article:last-of-type{
    border-bottom: 0;
}

.conf-cov-section__list .card__body article:last-of-type .card__copy{
    margin-bottom: 0;
    overflow: hidden;
}

.conf-cov-section__list .list-item .card__copy{
    margin-bottom: 1rem;
}


/* More News Items */

.more-news-list{
    /*padding: 0 0 4rem 0;*/
    margin: 4rem auto;
}

.more-news-list__items{
    display: grid;
    grid-template-columns: minmax(450px, 8fr) minmax(275px, 3fr);
    grid-gap: 1.5rem;
    align-items: flex-start;
}

.more-news-list__primary-item {
    display: block;
    margin-top: 0;
}

.more-news-list__secondary-item{
    display: block;
    margin-top: 1rem;
}

.more-news-list__secondary-item:first-child{
    margin-top: 0;
}

.more-news-list__secondary-item .thumb-image{
    margin-bottom: 1rem;
}
.more-news-list__secondary-item .card__copy{
    margin-bottom: 1rem;
}

@media (max-width: 880px){
    .more-news-list__items{
        grid-template-columns: 1fr;
    }

    .more-news-list__secondary-item {
        display: flex;
    }

    .more-news-list__secondary-item .thumb-image{
        order: 2;
        max-width: 350px;
        margin-bottom: 1.5rem;
    }

    .more-news-list__secondary-item .card__copy{
        order: 1;
        margin: 0 1.5rem 1rem 0;
    }
}

@media (max-width: 600px){
    .more-news-list__secondary-item .thumb-image{
        max-width: 150px;
    }
}



/*--- Publication Home Level Styles : START ---*/

/* Current Issue Styles */
#current-issues{
    padding: 3rem 0 0 0;
}

.body-cover-carousel-item .cover-img-container {
  padding: 0.25rem 1rem 0.25rem 1rem;
}

.selected-issue-section{
    background-color: var(--dark);
    margin-top: 4.5rem;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    padding-bottom: .5rem;
}

.cover-img-container.selected-cover > div{
    padding-bottom: 10px;
    border-bottom: 3px solid var(--pv-clr);
}

#current-issues .current-issue-card {
    max-width: 900px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    top: -2.55rem;
    padding: 0rem 2rem 2rem 2rem;
}

#current-issues .current-issue-card h2, #current-issues .current-issue-card p, #current-issues .current-issue-card h3, #current-issues .current-issue-card h3 a, #current-issues .current-issue-card .toc-btn {
    color: var(--dark);
}


/* Featured Podcasts Section */
#featured-podcasts-audio{
    padding: 3rem 0;
}

.pod-text-grid{
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.pod-text-grid:last-child{
    margin: 0 0 0 0;
}

.pod-text-grid .thumb-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 800px) {
    .pod-text-grid{
        grid-template-columns: 150px 1fr;
    }
}

/* Featured Events Section */

#featured-events{
    padding: 3rem 0;
}

.thumb-text-grid{
    display: grid;
    grid-template-columns: 325px 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.thumb-text-grid:last-child{
    margin: 0 0 0 0;
}

.thumb-text-grid .thumb-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 800px) {
    .thumb-text-grid{
        grid-template-columns: 1fr 2fr;
        
    }
}

@media (max-width: 550px) {
    .thumb-text-grid{
        grid-template-columns: 1fr;
    }
}

/* Web Exclusives Section */

#web-exclusives-section{
    padding: 3rem 0;
}

.web-exclusive-container{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.web-exclusive-container .text-top-card .thumb-image {
    aspect-ratio: 16/9;
}

.web-exclusive-container .white-card .thumb-image img {
    aspect-ratio: 12/9;
}

@media (max-width: 800px) {
    .web-exclusive-container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    
    .web-exclusive-container .text-top-card{
        grid-column: 1/3;
    }
    
    .web-exclusive-container .white-card:nth-of-type(2){
        grid-column: 1/2;
    }
    .web-exclusive-container .white-card:nth-of-type(3){
        grid-column: 2/3;
    }
}

@media (max-width: 550px) {
    .web-exclusive-container .white-card:nth-of-type(2){
        grid-column: 1/3;
    }
    .web-exclusive-container .white-card:nth-of-type(3){
        grid-column: 1/3;
    }
}

/* Featured Products Section */

#featured-prod-section{
    padding: 3rem 0;
}

#featured-prod-section > .container-fluid{
    position: relative;
}

.featured-prod-container{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.featProd-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.featProd-left{
    grid-column: 1/9;
}

.featProd-left .card-copy{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

.featProd-left .card-icon svg{
    width: 100%;
}

.featProd-right-grid{
    display: grid;
    grid-column: 9/13;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1.5rem;
}

.featProd-right:nth-child(1){
    grid-row: 1/2;
}

.featProd-right:nth-child(2){
    grid-row: 2/3;
}


.featProd-left .thumb-image img {
    aspect-ratio: 16 / 9;
}


.featProd-right .thumb-image img {
    aspect-ratio: 16/9;
}

.featured-prod-container .text-top-card h2, .featured-prod-container .text-top-card h3{
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .featProd-left{
        grid-column: 1/13;
    }
    
    .featProd-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:1fr;
    }
    
    .featProd-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2
    }

    .featProd-right:nth-child(2){
        grid-row: 1/2;
        grid-column: 2/3
    }
}

@media (max-width: 650px) {
    .featProd-right-grid{
        grid-column: 1/13;
        grid-template-columns: 1fr;
    }
    
    .featProd-left .thumb-image img {
        aspect-ratio: 10 / 9;
    }

    .featProd-right:nth-child(1){
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .featProd-right:nth-child(2){
        grid-row: 2/3;
        grid-column: 1/2;
    }
}

/* Homepage Socials Styles */

.socials-sidebar-widget{
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
    padding: 1.5rem 2rem;
    text-align: center;
}

.socials-sidebar-widget h3{
    margin-bottom: 1rem;
}

.home-socials-container{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.home-socials-container svg{
    width: 35px;
}

.home-socials-container svg path{
    transition: .2s ease-in-out;
}

.home-socials-container svg:hover path, .home-socials-container svg:hover polygon{
    fill: var(--primary-clr-1);
    transition: .2s ease-in-out;
}









/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Publication Level Homepage Styles --*/
/*-- Publication Level Homepage Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.card-copy h2, .card-copy h3 {
  margin-bottom: .25rem;
}

#pub-top-content{
     background-color: var(--bg-clr);
}
.main-hero-card {
    display: grid;
    grid-template-columns: 21fr 11fr;
    margin-bottom: 1.5rem;
    width: 100%;
    /*min-height: 400px;*/
    background-color: white;
    border: 1px solid #E6E6E6;
}
.main-hero-card .thumb-image {
    aspect-ratio: auto;
    width: 100%;
    overflow: hidden;
    border-right: 1px solid #E6E6E6;
    border-radius: .25rem 0 0 .25rem;
}
.main-hero-card .thumb-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}
.main-hero-card .card-copy {
    padding: 1rem;
}

.main-hero-card h2{
    font-size: 1.35rem;
}

.hero-bottom-card .card-copy {
    padding: 1rem;
}

.hero-bottom-card h3{
    font-size: 1.125rem;
}


@media (max-width: 900px) {
    .main-hero-card {
        grid-template-columns: 1fr;
        border-radius: 0;
    }
    .main-hero-card .thumb-image {
        border-right: 0;
        border-bottom: 1px solid var(--secondary-clr-1-50);
        border-radius: .25rem .25rem 0 0;
    }
    
    #pub-top-content .hero-bottom-card {
        display: grid;
        grid-template-columns: auto 1fr;
    }
}



@media (max-width: 670px) {
    #pub-top-content {
        padding-left: 0;
        padding-right: 0;
    }
    #pub-top-content .grid-content-sidebar, #pub-top-content .grid--content-sidebar {
        padding-top: 0 !important;
    }
    .main-hero-card {
        border-top: none;
        border-right: none;
        border-bottom: 1px solid var(--secondary-clr-1-50);
        border-left: none;
    }
    .main-hero-card .thumb-image {
        /*min-height: 400px;*/
        border-radius: 0;
    }
}

@media (max-width: 550px) {
    #pub-top-content .hero-bottom-card {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    #pub-top-content .hero-bottom .card .thumb-image {
        display: block;
        width: 100%;
        border-radius: 0.25rem 0.25rem 0 0;
    }
}


/* Recent News Styles */

.recent-news-list-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
    margin-bottom: 4rem;
}

.recent-news-list-items article {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5rem;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}


.current-issue-card {
    padding: 2rem;
    background-color: var(--dark);
    color: white;
    border-radius: .35rem;
}
.ci-card-header {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0 0 1rem 0;
    padding: 0 0 .75rem 0;
    border-bottom: 2px solid var(--secondary-clr-1-50);
}
.ci-card-header h2 {
    font-size: 1.75rem;
    margin: 0 .75rem 0 0;
    line-height: 1;
    color: white;
}
.ci-card-header p {
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    margin-bottom: 0;
    line-height: 1;
}
.ci-card-header p span {
    margin: 5px 0.5rem 2px 0;
    padding: 0 0.5rem 0 0;
    line-height: 1;
    border-right: 1.5px solid #666;
    font-weight: 200;
    break-inside: avoid-column;
}
.ci-card-header p span:last-child {
    border-right: none;
}
.ci-cover-toc-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-gap: 1.5rem;
}
.ci-cover {
    max-width: 320px;
    margin: 0 auto;
}
.current-issue-card img {
    width: 100%;
    border: 1px solid #E6E6E6;
    margin-bottom: 1rem;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    transition: .2s ease-in-out;
}
.current-issue-card img:hover {
    transform: scale(1.015);
    transition: .2s ease-in-out;
}
.ci-button-container {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 1rem;
}
.ci-button-container a.btn {
    font-size: .9rem;
}
.ci-article-list {
    display: grid;
    align-content: flex-start;
}
.ci-article-list .card-copy {
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.ci-article-list .card-copy h3 {
    font-size: 1.125rem;
}
.ci-article-list .card-copy h2 a, .ci-article-list .card-copy h3 a {
    color: white;
    text-decoration: none;
    transition: .2s ease-in-out;
}
.ci-article-list .card-copy h2 a:hover, .ci-article-list .card-copy h3 a:hover {
    color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}
.ci-article-list .card-copy p a {
    color: #B2B2B2;
}
.ci-article-list .card-copy p {
    color: #B2B2B2;
}
.ci-article-list div:last-child {
    display: grid;
    justify-content: flex-end;
}
a.toc-btn {
    display: inline-block;
    position: relative;
    right: 0;
    color: white;
    text-decoration: none;
    text-align: right;
    transition: all 0.2s ease-in-out;
}
.toc-btn::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    font-family: 'Material Icons';
    content: "\e5c8";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    line-height: 0;
    position: relative;
    top: 6px;
    opacity: .5;
    transform: scale(1.3);
    transition: all 0.2s ease-in-out;
}
a.toc-btn:hover {
    right: -5px;
    color: var(--primary-clr-2);
    transition: all 0.2s ease-in-out;
}
@media (max-width: 770px) {
    .ci-card-header {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }
    .ci-card-header p {
        justify-content: flex-end;
        overflow: hidden;
    }
    .ci-card-header p span {
        position: relative;
        right: -1rem;
    }
    .ci-cover-toc-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
    }
}
@media (max-width: 670px) {
    .current-issue-card {
        border-radius: 0;
    }
}
@media (max-width: 550px) {
    .ci-card-header {
        grid-template-columns: 1fr;
        grid-gap: .5rem;
        justify-items: center;
        text-align: center;
    }
    .ci-card-header h2 {
        margin: 0 0 0 0;
    }
    .ci-card-header p {
        justify-content: center;
        text-align: center;
    }
    .ci-card-header p span {
        right: 0;
    }
    .ci-card-header p span:last-child {
        margin: 5px 0 2px 0;
        padding: 0 0 0 0;
    }
}
/* Video Channel Section Styles */
#video-channels {
    padding: 3rem 0;
}
.vid-chan-grid {
    display: grid;
    grid-template-columns: 1fr 325px;
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}
.vid-chan-card {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
}
.vid-chan-card .thumb-image {
    width: 100%;
    overflow: hidden;
}
.vid-chan-card .thumb-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}
.vid-chan-card .card-copy {
    margin-bottom: 1rem;
}
.vid-chan-card a {
    text-decoration: none;
}
.vid-chan-card .card-copy p, .vid-chan-card .card-copy h2 {
    color: var(--dark);
    text-decoration: none;
    transition: .2s ease-in-out;
}
.vid-chan-card .card-copy a h2:hover {
    color: var(--pv-clr);
    transition: .2s ease-in-out;
}
.vid-chan-card .thumb-image {
    border: 1px solid #E6E6E6;
}
.vid-chan-card .thumb-image:hover img {
    transform: scale(1.02);
    transition: .25s ease-in-out;
}
.vid-chan-grid .sidebar-list-items > h3 {
    margin-bottom: .75rem;
}
.vid-chan-grid .sidebar-list-items article {
    display: grid;
    grid-template-columns: 95px 1fr;
    grid-gap: 1rem;
    padding: 0 0 .5rem 0;
    margin: 0 0 .5rem 0;
}
.vid-chan-grid .sidebar-list-items article:last-child {
    border-bottom: 0;
    margin-bottom: .5rem;
}
.vid-chan-grid .sidebar-list-items .thumb-image {
    width: 100%;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    aspect-ratio: 16 / 9;
}
.vid-chan-grid .sidebar-list-items article .card-copy h3 {
    font-size: .85rem;
    margin-bottom: 0;
}
@media (max-width: 1200px) {
    .vid-chan-card {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 970px) {
    .vid-chan-card {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        margin-bottom: .5rem;
    }
    .vid-chan-grid .sidebar-list-items article:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 700px) {
    .vid-chan-grid {
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
        margin-bottom: 2.5rem;
    }
    .vid-chan-card .card-copy {
        margin-bottom: 0;
    }
}
@media (max-width: 320px) {
    .vid-chan-grid .sidebar-list-items article {
        grid-template-columns: 1fr;
    }
}


#featured-events .thumb-text-grid .thumb-image {
    order: initial;
    margin: 0;
    max-width: 100%;
}

.pod-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  align-items: flex-start;
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}

.pod-list-grid .thumb-image {
  aspect-ratio: auto;
}

.pod-list-grid .thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

#featured-videos .card-copy h3 {
    font-size: 1.125rem;
}


.cover-text-grid {
  display: grid;
  grid-template-columns: 135px 1fr;
  grid-gap: 1.5rem;
  align-items: flex-start;
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}

.cover-text-grid .thumb-image{
    border-radius: 0;
    overflow: visible;
    aspect-ratio: auto;
}

.cover-text-grid h2{
    font-size: 1.25rem;
}

.cover-text-grid .thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}



/* Featured Supplements Section */

#feat-supp-section{
    border-top: 1px solid var(--secondary-clr-1-50);
    border-bottom: 1px solid var(--secondary-clr-1-50);
    background-color: var(--dark);
}

.feat-supp-container{
    display: grid;
    grid-template-columns: min-content auto;
    justify-content: center;
    grid-column-gap: 4rem;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

#feat-supp-section h2 a{
    color: white;
}

#feat-supp-section h2 a:hover{
    color: var(--primary-clr-2);
}

.feat-supp-container h1{
    border-top: 3px solid #4D4D4D;
}

.feat-supp-container .cover-text-grid{
    max-width: 600px;
    margin: 0 auto;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0; 
    align-items: center;
}

.feat-supp-container .cover-text-grid p{
    color: #B2B2B2;
}

@media (max-width: 845px) {
    .feat-supp-container{
        grid-template-columns: 1fr;
        justify-content: flex-start;
        width: 100%;
    }

    .feat-supp-container .cover-text-grid{
        margin: 0;
    }
}


/*--- EB Specific Styles : START ---*/

.hero-featured-copy-side > .card__image-link::after {
    background: linear-gradient(90deg, rgb(34, 45, 51) 10%, rgba(34, 45, 51, 0.75) 40%, rgba(34, 45, 51,0.1) 85%, rgba(34, 45, 51,0) 100%);
    transition-delay: 100ms;
}  
        
.hero-featured-copy-side > .card__image-link .thumb-image::after {
  background: linear-gradient(90deg, rgb(102, 65, 153) 0%, rgba(102, 65, 153, 0.81) 30%, rgba(102, 65, 153,0.7) 45%, rgba(102, 65, 153,0.1) 90%, rgba(102, 65, 153,0) 100%);
}

.hero-featured-copy-side .thumb-image{
    aspect-ratio: auto;
}

.hero-featured-copy-side .card-copy{
    display: grid;
    height: auto;
    background: transparent;
    max-width: 350px;
    padding: 0;
    top: 50%;
    bottom: auto;
    left: 1rem;
    transform: translateY(-50%);
}

.text-top-card .card-copy h2 a, .text-top-card .card-copy h3 a, .card__text-overlay .card-copy h2 a, .card__text-overlay .card-copy h3 a{
  color: white;
  transition: .2s ease-in-out;
}

.text-top-card .card-copy h2 a:hover, .text-top-card .card-copy h3 a:hover, .card__text-overlay .card-copy h2 a:hover, .card__text-overlay .card-copy h3 a:hover{
  opacity: .7;
  transition: .2s ease-in-out;
}

.socials-sidebar-widget {
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
    padding: 1.5rem 2rem;
    text-align: center;
}

.socials-sidebar-widget h3 {
  font-size: 1.25rem;
}

.recent-news-list-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
}

.recent-news-list-items h3{
  font-size: 1.125rem;
}

@media (max-width: 900px) {
    .recent-news-list-items {
      grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 670px){
    .hero-featured-copy-side{
        margin-bottom: 1.5rem;
        border: none;
        border-radius: 0;
    }

    .hero-featured-copy-side > .card__image-link::after {
        background: linear-gradient(0deg, rgb(34, 45, 51) 30%, rgba(34, 45, 51, 0.75) 50%, rgba(34, 45, 51, 0.3) 70%, rgba(34, 45, 51, 0) 100%);
        transition: .2s ease-in-out;
    } 
    
    .hero-featured-copy-side > .card__image-link .thumb-image::after {
        background: linear-gradient(0deg, rgb(102, 65, 153) 30%, rgba(102, 65, 153, 0.75) 50%, rgba(102, 65, 153, 0.3) 70%, rgba(102, 65, 153, 0) 100%);
        transition-delay: 0s;
    }
    
    .hero-featured-copy-side.card__text-overlay .thumb-image {
      height: 100%;
    }
    
    .hero-featured-copy-side:hover .thumb-image{
        border-radius: 0;
    }
    
    .hero-featured-copy-side .card-copy{
        height: auto;
        top: auto;
        right: 1rem;
        bottom: 1rem;
        left: 1rem;
        width: initial;
        max-width: initial;
        transform: translateY(0%);
    }
    .recent-news-list-items {
        grid-template-columns: 1fr;
    }
}



/*--- Publication Home Level Styles : END ---*/




/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- TOC Page Styles --*/
/*-- TOC Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

main .pub-toc-page {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.pub-toc-container{
    padding: 2rem;
    background-color: white;
    border: 1px solid #E6E6E6;
}

.toc-header-grid{
    display: grid;
    grid-template-columns: 220px 1fr auto;
    align-items: center;
    grid-gap: 1.5rem;
    margin-bottom: 2rem;
}

.toc-cover{
    position: relative;
    background-color: var(--dark);
    display: block;
}

.toc-cover:hover{
    transform: scale(1.01);
    background-color: var(--dark);
    transition: .2s ease-in-out;
}

.toc-cover p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: .2s ease-in-out;
}

.toc-cover:hover p {
    opacity: 1;
    z-index: 2;
    background-color: white;
    border: none;
    color: #5B5B5B;
    transition: .05s .2s ease-in-out;
}

.pub-toc-container .toc-header-grid .toc-cover:hover p:hover {
    background-color: #5B5B5B;
    color: white;
    transition: .2s ease-in-out;
}

.toc-cover img{
    width: 100%;
    max-width: 220px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1;
    transition: .2s ease-in-out;
}

.toc-cover:hover img{
    opacity: .5;
    transition: .2s ease-in-out;
}

.pub-toc-container .toc-header-grid .btn-small:hover {
    color: #5B5B5B;
}

.toc-header-grid > div:last-child{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .5rem;
    align-items: center;
}

.toc-header-grid > div:last-child > a:first-child::before, .toc-header-grid > div:last-child > a:last-child::after, .toc-bottom-btn-grid > a.btn:first-child::before, .toc-bottom-btn-grid > a.btn:last-child::after{
    font-family: 'Material Icons';
    display: inline-block;
    opacity: .65;
    position: relative;
    top: 2.5px;
    transition: .2s ease-in-out;
}

.toc-header-grid > div:last-child > a:first-child::before, .toc-bottom-btn-grid > a.btn:first-child::before{
    content: "\e5e0";
    padding-right: 2px;
}

.toc-header-grid > div:last-child > a:last-child::after, .toc-bottom-btn-grid > a.btn:last-child::after{
    content: "\e5e1";
    padding-left: 2px;
}

@media (max-width: 950px) {
    .toc-header-grid{
        grid-template-columns: 220px 1fr;
        grid-gap: 1.5rem;
    }
    
    .toc-header-grid > div:last-child {
      grid-gap: 1.5rem;
      grid-column: 1/3;
    }
}

@media (max-width: 700px) {
    .toc-header-grid{
        grid-template-columns: 1fr;
        justify-items: center;
    }
    
    .toc-info{
        text-align: center;
    }
    
    .toc-header-grid > div:last-child {
        grid-gap: .5rem;
        grid-column: 1/2;
    }
}

.toc-section{
    margin-bottom: 3rem;
}

.toc-section h1.section-title {
    font-size: 1.75rem;
    border-top: 3px solid var(--primary-clr-2);
}

.toc-section .card-copy{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.toc-section .card-copy:last-child{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: none;
}

.toc-section .card-copy h2{
    font-size: 1.375rem;
}

.toc-section .card-copy .author-name{
    margin: 0 0 .5rem 0;
    font-weight: 300;
}

.toc-section .card-copy .toc-item-desc {
    font-size: .9rem;
    color: var(--dark-50);
    font-weight: 300;
    margin-bottom: 0.45rem;
}

.toc-bottom-btn-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
}

.toc-bottom-btn-grid .btn:first-child{
    justify-self: flex-start;
    min-width: 145px;
    padding-top: .15rem;
}

.toc-bottom-btn-grid .btn:last-child{
    justify-self: flex-end;
    min-width: 145px;
    padding-top: .15rem;
}


.recent-issues-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.recent-issues-grid img{
    width: 100%;
}

@media (max-width: 700px) {
    .recent-issues-grid{
        grid-template-columns: 1fr 1fr;
    }
}






/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Archive Page Styles --*/
/*-- Archive Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

main .pub-archive-page  {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

#pubArchive {
    position: relative;
}

.archive-dates{
    margin: 1.75rem 0 2rem 0;
    padding: 1rem 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.swiper{
/*    width: calc(100% - 50px);*/
    padding: 0 2rem;
}

/*
.swiper::before {
  background: linear-gradient(90deg,#fff,#fff) repeat-x;
  background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0)) repeat-x;
  left: -2px;
}

.swiper::after {
  background: linear-gradient(90deg,#fff,#fff) repeat-x;
  background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff) repeat-x;
  right: -2px;
}
*/

.swiper-button-next, .swiper-button-prev {
    width: calc(var(--swiper-navigation-size)/ 44 * 40);
    color: rgba(0,0,0,.5);
    transition: .2 ease-in-out;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    color: rgba(0,0,0,.3);
    transition: .2 ease-in-out;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,0px);
    right: auto;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
    padding: 0 10 0 0;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,0px);
    left: auto;
    background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
    padding: 0 0 0 10px;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-family: 'Material Icons';
  font-size: 1rem;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev::after{
    content: "\e5e0";
}

.swiper-button-next::after{
    content: "\e5e1";
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.active-issue{
    font-weight: 800;
}

.active-issue a{
    color: var(--primary-clr-1);
}

.swiper-slide a{
    text-decoration: none;
    color: var(--dark);
}

.swiper-slide a:hover {
  color: var(--primary-clr-1);
}


.archive-issues-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
}

@media (max-width: 950px) {
   .archive-issues-grid {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    } 
}

@media (max-width: 750px) {
   .archive-issues-grid {
      grid-template-columns: 1fr 1fr 1fr;
    } 
}

@media (max-width: 550px) {
   .archive-issues-grid {
      grid-template-columns: 1fr 1fr;
    } 
}

.archive-issues-grid h1{
    grid-column: 1/6;
    text-align: center;
    font-size: 1.5rem;
    margin: 0; 
}

@media (max-width: 950px) {
   .archive-issues-grid h1{
       grid-column: 1/5;
    } 
}

@media (max-width: 750px) {
   .archive-issues-grid h1{
       grid-column: 1/4;
    } 
}

@media (max-width: 550px) {
   .archive-issues-grid h1{
       grid-column: 1/3;
    } 
}

.archive-issue{
    
}

.archive-issue a:first-child {
  display: inline-block;
  margin-bottom: .5rem;
  transition: .2s ease-in-out;
  width: 100%;
}

.archive-issue a:first-child:hover{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}



.archive-issue img{
    width: 100%;
    max-width: 220px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1;
    transition: .2s ease-in-out;
}

.archive-issue img:hover{
    width: 100%;
    max-width: 220px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    z-index: 1;
    transition: .2s ease-in-out;
}

.archive-issue a:last-child{
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--dark);
    transition: .2s ease-in-out;
}

.archive-issue a:last-of-type h2{
    margin: 0;  
    font-size: 1.05rem;
    transition: .2s ease-in-out;
}

.archive-issue a:last-child p{
    margin: 0;  
    font-size: .85rem;
    transition: .2s ease-in-out;
}

.archive-issue a:last-child:hover h2, .archive-issue a:last-child:hover p, .archive-issue a:last-child:hover small{
    color: var(--primary-clr-1);
    transition: .2s ease-in-out;
}
















/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- List Page Styles --*/
/*-- List Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
    
.subpage-list{
    display: grid;
    align-items: center;
    width: 100%;
    max-width: 1070px; 
    margin: 0 auto;
}

.related-link-container{
    display: flex;
    justify-content: flex-end;
    gap: 1.5rem;
    padding: .25rem 0;
    text-align: right;
    width: 100%;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}


/*-- Content List Styles --*/

.subpage-list article{
    margin-top: 2rem;
    padding: 0;
}

.subpage-list .list-item, .subpage-list .thumb-text-grid, .list-page .thumb-text-grid{
    display: flex;
    margin-top: 2rem;
    padding: 0 0 .5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
    align-items: flex-start;
    overflow: auto;
    grid-gap: 0;
}

.subpage-list article .card-copy, .subpage-list article .card__copy, .subpage-list .thumb-text-grid .card-copy, .subpage-list .thumb-text-grid .card__copy, .list-page .thumb-text-grid .card-copy{
    width: 100%;
    order: 1;
    margin-bottom: 1.5rem;
}

.subpage-list .thumb-text-grid:last-child {
    margin: 1.5rem 0 0 0;
}

.subpage-list article h2{
    color: var(--dark);
}

.subpage-list .card-copy h2, .subpage-list .card-copy h3{
    font-size: 1.25rem;
}

article p{
    color: var(--dark);
}

.subpage-list article .list-thumb, .thumb-text-grid .thumb-image{
    order: 2;
    margin: 0 0 1.5rem 1.5rem;
    max-width: 300px;
}

.subpage-list article .pod-thumb{
    max-width: 200px;
}

.list-thumb img, .thumb-text-grid .thumb-image img {
    border-radius: 0.25rem;
    width: 100%;
    aspect-ratio: 16/9;
    transition: .2s ease-in-out;
}

.list-thumb:hover img::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--secondary-clr-2);
    background-blend-mode: screen;
    transition: .2s ease-in-out;
}

@media (max-width: 750px){
    .subpage-list .list-item, .subpage-list .thumb-text-grid, .article__in-line-promotion .list-item, .list-page .thumb-text-grid {
        display: block;
    }

    .subpage-list article .list-thumb, .thumb-text-grid .thumb-image, .article__in-line-promotion .list-thumb{
        float: right;
        max-width: 200px;
        transition: .2s ease-in-out;
    }
}

@media (max-width: 550px){
    .subpage-list article, .subpage-list .thumb-text-grid, .subpage-list .list-item{
        display: flex;
        flex-wrap: wrap;
    }

    .subpage-list article .list-thumb, .article__in-line-promotion .list-thumb, .thumb-text-grid .thumb-image{
        float: none;
        margin: 0 0 1.5rem 0;
        order: 1;
        max-width: 100%;
        transition: .2s ease-in-out;
    }

    .subpage-list article .card-copy{
        order: 2;
    }
}


/*-- Topic Lists Styles --*/

.list-specialty-topics{
    column-count: 3;
    column-width: 250px;
    column-gap: 2rem;
    padding: 2rem 0 1.5rem 0;
    margin-bottom: 4rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.list-specialty-topics li{
    list-style: none;
    min-width: 250px;
    margin: 0 0 .5rem 0;
}

.list-alphabetical{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1.5rem 2rem;
    margin: 1rem 0
}

.alpha-topics{
    padding: 1rem 0 .5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.alpha-topics ul{
    padding: 0;
}

.alpha-topics ul li{
    margin: 0 0 .5rem 0;
    list-style: none;
}


/*-- Conference Calendar Styles --*/

.card__conf-footer{
    border-top: 1px solid var(--secondary-clr-1-50);
    margin-top: 1rem;
    padding-top: 1rem;
}

.conf-info{
    display: flex;
    column-gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.conf-info h3{
    width: 40%;
}

.conf-info__date-loc-container{
    width: 40%;
}

.conf-info__date-loc{
    display: grid;
    grid-template-columns: 15px 1fr;
    grid-gap: .25rem;
    align-items: center;
    margin-bottom: .5rem;
}

.conf-info__date-loc img{
    width: 100%;
}

.conf-info__date-loc p{
    margin-bottom: 0;
}

.conf-description p:last-child{
    margin-bottom: 0;
}

.conf-coverage-link{
    margin-left: auto;
}

.sort-selections{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    margin-right: auto;
    padding-right: 2rem;
}

.sort-selections div{
    display: flex;
    column-gap: 1.5rem;
}

.sort-selections p, .sort-selections a{
    margin: 0;
}

@media (max-width: 700px){
    .conf-info h3, .conf-info .conf-info__date-loc-container{
        width: 100%
    }
}

.article-list article {
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--secondary-clr-1-50);
}

.article-list article.card-copy h2{
    font-size:1.25rem;
}

.topic-list {
    list-style: none;
    padding: .5rem 0;
    margin: 0;
    column-count: 2;
}

.topic-list h2 {
    font-size:1.25rem;
    margin-bottom: 1.75rem;
}
@media (max-width: 600px) {
  .topic-list {
    column-count: 1;
  }
}
    




/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Products Page Styles --*/
/*-- Products Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
#product-page{
    background-color: var(--grey-bg-clr);
}

.featured-prod-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 2rem 0;
    margin-bottom: 2rem;
}

.featured-prod-grid article .thumb-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 12 / 9;
  object-fit: cover;
  object-position: center center;
}



.prod-filters{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1.5rem;
}

.all-prod-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    margin: 1.5rem auto;
}

@media (max-width: 850px) {
    .all-prod-grid{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .featured-prod-grid{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
   .all-prod-grid{
        grid-template-columns: 1fr;
    } 
}

.all-prod-grid article .thumb-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 12 / 9;
  object-fit: cover;
  object-position: center center;
}



/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Specific Event Page Styles --*/
/*-- Specific Event Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.c-sponsored-landing__header img { 
    width: 500px;
    margin: 0 auto;
}	

.c-sponsored-landing__twitter {
    border: 1px solid #000000;
    height: 200px;
    width: 100%;
}

.anchor{
    position: relative;
    top: -120px;
}

.eventpage hr{
    margin: 4rem auto;
}

.c-sponsored-landing__button a {
    text-decoration: none;
}    

.c-sponsored-landing__button a:hover {
    color: #ffffff;
    opacity: .9;
}

.c-sponsored-landing__button a:visted {
    color: #ffffff;
}

.c-sponsored-landing__button a:active {
    color: #ffffff;
}

.c-sponsored-landing__button a:link {
    color: #ffffff;
}

.c-sponsored-landing__button-color {
    padding: 10px 20px;
    color: #293f4e;
    font-size: 20px;
    text-decoration: none;
}	

.c-sponsored-landing__header2 img { 
    width: 240px;

}	

.c-sponsored-landing__header2 { 
    border-bottom: 1px solid #84cebe;
    padding-bottom: 10px;
}		

/*
.c-sponsored-landing__header-copy {
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #84cebe;
}

.c-sponsored-landing__header-copy {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #293f4e;
}	
*/

.c-sponsored-landing__nav {
    margin-top: 40px;
    margin-bottom: 30px;
}

.c-sponsored-landing__nav p {
    padding: 0;
    margin: .5rem auto;
}

.c-sponsored-landing__nav a {
    text-decoration: none;
    transition: .2s ease-in-out;
}

.c-sponsored-landing__nav a:hover {
    text-decoration: underline;
    color: white;
    transition: .2s ease-in-out;
}

.c-sponsored-landing__main img {
    max-width: 200px;
}

.c-sponsored-landing__nav.sticky-top{
    top: 67px;
    position: sticky;
}

.c-sponsored-landing__nav div.row{
    display: flex;
    justify-content: center;
} 

.c-sponsored-landing__nav div.row div {
    display: flex;
    width: auto;
}

.c-sponsored-landing__nav p {
    padding: 0;
    margin: .5rem 1rem;
}
.c-sponsored-landing__main {

}

.c-sponsored-landing__main h1{
    margin: 3rem auto 1.5rem auto;
    text-align: center;
}

.c-sponsored-landing__main h2{
    margin: 3rem auto 1.5rem auto

}

.c-sponsored-landing__form iframe {
    border: none;
    height: 500px;
    width: 700px;
}







/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Author Page Styles --*/
/*-- Author Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
   
main .author-profile-page {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.author-profile {
  padding: 2rem;
}
.author-bio-section{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.5rem;
    margin-bottom: 3rem;
}

@media (max-width: 650px) {
    .author-bio-section{
        grid-template-columns: 1fr;
    }
}

.author-bio-section h1{
    margin-bottom: 0;
}

.author-bio-section img{
    width: 150px;
    border: 1px solid #E6E6E6;
    margin: 0 auto;
}

.author-social a, p.author-social{
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    margin-bottom: .75rem;
    text-decoration: none;
}

.author-bio{
    line-height: 1.3;
}

.author-bio-section h2{
    margin-top: 1.5rem;
}

.author-bio-section .btn{
    padding-top: .15rem;
}

.author-bio-section .btn::after{
    font-family: 'Material Icons';
    display: inline-block;
    opacity: .65;
    position: relative;
    top: 2.5px;
    content: "\e5e1";
    padding-left: 5px;
    transition: .2s ease-in-out;
}




.author-articles{
    
}


.author-articles h1.section-title{
    border-top: none;
    border-bottom: 3px solid #CCC;
}


.author-filters {
    display: grid;
    grid-template-columns: auto;
    justify-content: flex-start;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.author-articles .card-copy{
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.author-articles .card-copy .author-name {
  margin: 0 0 .5rem 0;
  font-weight: 500;
}

.author-articles .card-copy p:last-child {
  font-size: .9rem;
  margin-bottom: 0;
}







/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Article Page Styles --*/
/*-- Article Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */


/*
#article-page{
    background-color: #F2F2F2;
    padding-bottom: 1px;
}
*/

.article-content p, .article-content li{
    font-size: 1rem;
}

.article-content p{
    margin-bottom: 1.5rem;
}

.article-container, .article{
    background-color: white;
    border-radius: 0.35rem;
    border: 1px solid var(--secondary-clr-1-50);
    padding: 3.5rem;
}

.card.article-container:hover, .card.article:hover{
    bottom: 0;
    box-shadow: 0 0 0 transparent;
}

.article-body-grid, .article__body-grid {
    display: grid;
    grid-template-columns: 30px 1fr;
/*    grid-column-gap: 3rem;*/
    grid-row-gap: 1.5rem;
    position: relative;
}

.article-body-grid > *, .article__body-grid > * {
  min-width: 0;
}

.article-container img, .article img{
    max-width: 100%;
}

#article-page .sidebar-container{
    display: grid;
    grid-template-rows: auto 1fr;
}

/*
.sidebar-grid-2{
    display: grid;
    grid-template-rows: 1fr 1fr;
}
*/

@media (max-width: 1100px) {
#article-page .sidebar-container{
    grid-template-rows: auto auto;
}
    
/*
    .sidebar-grid-2{
        grid-template-rows: auto auto;
    }
*/
}

@media (max-width: 650px){
    .article-container{
        padding: 1.5rem;
    }
    
    .article-body-grid, .article__body-grid{
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
    }
}


/* Article Header Styles */

.article-header, .article__header{
    position: relative;
    border-bottom: 1px solid #CCCCCC;
}

.content-tag{
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .05rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
    position: relative;
    overflow: hidden;
    
}

.content-tag span {
    margin: 0 0 5px .5rem;
    padding: 0 0 0 .5rem;
    border-left: 1px solid #CCCCCC;
    line-height: 1;
    font-size: inherit;
    break-inside: avoid-column;
    position: relative;
    left: calc(-1rem - 1px);
}

.article__teaser{
    font-size: 1.125rem;
}

.authors-list{
    display: flex;
    flex-wrap: wrap;
    margin: 1.25rem 0 1.5rem 0;
    line-height: 25px;
    font-size: .65rem;
}

.author{
    margin: 0 .75rem 0 0;
    line-height: inherit;
    font-size: inherit;
}

.author .author-name{
    line-height: 25px;
}

.article-header a.author-name, .article__header a.author-name{
    color: var(--dark-50);
    text-decoration: underline;
}

.article-header a.author-name:hover, .article__header a.author-name:hover{
    color: var(--primary-clr-1);
}

.authors-list p.by-author{
    padding: 0;
    margin: 0;
    line-height: 25px;
}

/*
.author:first-child{
    margin: 0 1rem 5px 0;
}
*/

.pub-date-issue-page-container{
    display: block;
    overflow: hidden;
    position: relative;
}

.pub-date-issue-page{
    display: flex;
    flex-wrap: wrap;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    margin-bottom: 1rem;
    position: relative;
    left: calc(-1rem - 1px);
    overflow: hidden;
}

.pub-date-issue-page span{
    margin: 0 0 5px .5rem;
    padding: 0 0 0 .5rem;
    border-left: 1px solid #CCCCCC;
    line-height: 1;
    font-size: inherit;
    break-inside: avoid-column;
}

.pub-name{
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--dark);
}

.article-container .article-header button{
    line-height: 1;
    font-size: .75rem;
    background-color: transparent;
    color: #5B5B5B;
    border: 1px solid #CCCCCC;
    padding: .25rem .5rem;
}

.article-container .article-header button:hover{
    background-color: #CCCCCC;
}

.authors-list .show-all{
    display: none;
}

.authors-list .show-fewer {
    display: none;
}

.read-options-bar{
    display: flex;
    gap: .5rem;
    padding: .5rem 0;
    border-top: 1px solid var(--secondary-clr-1-50);
    overflow-x: auto;
    height: 46px;
}

.read-options-bar__btn{
    font-size: .85rem;
}


.article-author-date a{
    font-weight: bold;
    color: var(--primary-clr-1);
    text-decoration: none;
    transition: .2s ease-in-out;
}

.article-author-date a:hover{
    text-decoration: underline;
    transition: .2s ease-in-out;
}


/* Social Media Aside Styles */

.article-aside, .article__aside{
    height: 100%;
    padding: 1.5rem 1.75rem 0 0;
}

.article-aside .sticky-top, .article__aside .sticky-top{
    position: sticky;
    top: 80px;
    z-index: 1000;
}

.article-aside .social-icons-container a{
    display: inline-block;
}

.social-icons{
    margin-bottom: 1rem;
    width: 30px;
}

.social-icon{
    fill: var(--dark-50);
    transition: .2s ease-in-out;
}

.social-icons:hover svg path, .social-icons:hover svg polygon {
  fill: var(--primary-clr-1);
  transition: .2s ease-in-out;
}

@media (max-width: 650px){
    .article-aside .sticky-top, .article__aside .sticky-top{
        top: 0;
    }
    
    .article-aside, .article__aside {
        padding: 1rem 1.75rem 0 0;
        border-bottom: 1px solid #CCC;
    }
        
    .article-aside .social-icons-container a{
        margin-right: .5rem;
    }
}


/* Article Body Content Styles */

.article-content{
    padding: 1.5rem 1.5rem 0 1.5rem;
    margin: 0 auto;
    max-width: 750px;
}

.article-content h2.article__title, .article__title, .article-content h2{
    font-size: 1.75rem;
    font-family: var(--header-font);
    font-weight: 600;
    margin-top: 1.5rem;
}

.article-content h3.article__title, .article__title, .article-content h3{
    font-size: 1.55rem;
    font-family: var(--header-font);
    font-weight: 600;
    margin-top: 1.5rem;
}

.article-content h4{
    font-size: 1.25rem;
    font-family: var(--header-font);
    font-weight: 600;
    margin-top: 1.5rem;
}

.article__image_full_width{
    width: 100%;
}

.article-content figure {
    margin: 0 0 1.5rem 0;
}


.article__figure.float-left {
    max-width: 350px;
    display: inline-block;
    margin: 0 1rem .25rem 0;
    float: left;
}

.article__figure.float-left {
    max-width: 350px;
    display: inline-block;
    margin: 0 1rem .25rem 0;
    float: left;
}

/*
.article-content figure.float-right {
    max-width: 350px;
    display: inline-block;
    margin: 0 0 .25rem 1rem;
    float: right;
}
*/

.article-content figure > .fig-img-container{
    display: grid;
    align-items: center;
    width: 100%;
}

.article-content figure .fig-img-container .fig-img{
    position: relative;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.article-content figure .fig-img-container > img{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.article-content figure.floating-left .fig-img-container > img, .article-content figure.floating-right .fig-img-container > img{
    width: auto;
}

.article-content figure .fig-img-container .fig-img .expand-overlay{
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0.75);
    padding: .25rem .35rem;
    line-height: 1;
    border-radius: .25rem;
    transition: .2s ease-in-out;
}

.article-content figure .fig-img-container .fig-img:hover .expand-overlay{
    opacity: 1;
    transition: .2s ease-in-out;
}

.article-content figure .fig-img-container .fig-img svg{
    width: 15px;
}

.article-content figure .fig-img-container .fig-img svg path{
    fill: white;
}

.article-content figure .fig-img-container .fig-img .expand-overlay p{
    margin: 0 0 0 .35rem;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .02rem;
    color: white;
    font-weight: 400;
}

.article-content figure .fig-img-container .fig-img:hover .expand-overlay:hover svg path, .article-content figure .fig-img-container .fig-img:hover .expand-overlay:hover p{
    opacity: .75;
    transition: .2s ease-in-out;
}

.article-content figure img{
    display: block;
    width: auto; 
    max-width: 100%;
    margin: 0 auto 1rem auto;
    border-radius: .35rem;
}

.article-content figure img:last-child{
    margin: 0 auto 0 auto;
}

.article-content figcaption, .figure__caption, .article__caption{
    font-size: .85rem;
    color: #757575;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #D5D5D5;
}

.article-content figcaption p{
    font-size: .85rem;
    color: #757575;
    margin-bottom: 0;
}

.article__callout{
    background-color: var(--bg-clr);
    border: 1px solid var(--secondary-clr-1-50);
    padding: 1rem 1.5rem;
    margin: 0 0 1.5rem 0;
    border-radius: .35rem;
}


.article__callout.float-left{
    width: 300px;
    display: inline-block;
    margin: 0 1rem .25rem 0;
    float: left;
}

.article__callout.float-right{
    width: 300px;
    display: inline-block;
    margin: 0 0 .25rem 1rem;
    float: right;
}

@media (max-width: 750px) {
    .article__callout.float-left, .article__callout.float-right, .article__figure.float-left, .article__figure.float-right{
        width: 100%;
        max-width: 100%;
        margin: 0 0 1rem 0;
    }
}

.c-article__callout h2:first-child, .c-article__callout h3:first-child, .c-article__callout h4:first-child, .c-article__callout p:first-child, .c-article__callout ul:first-child{
    margin-top: 0;
}

.article__callout h2:first-child, .article__callout h3:first-child, .article__callout h4:first-child, .article__callout p:first-child, .article__callout ul:first-child{
    margin-top: 0;
}

.article__callout p:last-child, .article__callout li:last-child, .article__callout ul:last-child{
    margin-bottom: 0;
}

.article__references__section h3{
    padding-top: 1.5rem;
    border-top: 1px solid #CCC;
    line-height: 1;
    margin-bottom: 1rem;
}

.article__references li, .c-article__references li{
    word-wrap: break-word; 
}

.article__in-line-ad{
    display: inline-block;
    width: 100%;
    border-top: 1px solid var(--secondary-clr-1-50);
    border-bottom: 1px solid var(--secondary-clr-1-50);
    padding: .5rem 0 1rem 0;
    margin: 2rem 0;
}

.article__in-line-promotion{
    display: inline-block;
    width: 100%;
    border-top: 1px solid var(--secondary-clr-1-50);
    margin: 0 0 1.5rem 0;
}

.tag-text__left-rule{
    margin-left: .35rem;
    padding-left: .35rem;
    border-left: 1px solid var(--secondary-clr-1-50);
    line-height: 1.3;
}

.article__in-line-promotion .card__teaser{
    font-size: .85rem;
    margin-bottom: 0;
}

.article__related{
    display: flex;
    column-gap: .5rem;
    width: 100%;
    border-top: 1px solid var(--secondary-clr-1-50);
    border-bottom: 1px solid var(--secondary-clr-1-50);
    padding: 1rem 0;
    margin: 0 0 1.5rem 0;
}

.article__related p{
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .02rem;
    margin-bottom: 0;
}

.article__related .article__related-title:last-child{
    margin-bottom: 0;
}

.pvarticle .lity-content .lity-image img{
    height: 90vh;
    object-fit: contain;
}

.article__author-card{
    display: flex;
    flex-direction: row;
    grid-gap: 1rem;
    min-height: 20px;
    padding: 16px;
    margin-bottom: 20px;
    background-color: var(--bg-clr);
}

.article__author-photo{
    width: 80px;
}

.author-photo-container{
/*
    aspect-ratio: 1 / 1;
    border-radius: 50rem;
    overflow: hidden;
*/
}

.article-content .article__author-photo figure{
    margin: 0 0 0 0;
    width: 80px;
}

.article-content .article__author-photo img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.article__author-bio p{
    font-size: 1rem;
    line-height: 1.3;
}

@media (max-width: 650px) {
    .article-content{
        padding: 0;
    }
}

@media (max-width: 435px) {
    .article__author-card {
        flex-wrap: wrap;
    }
}

/* Table Styles */

.hscroll, .o-table-container{
    display:inline-block;
    width: 100%;
    margin: 0 0 15px 0;
    overflow-x: auto;
    scrollbar-color: var(--dark) #fafafa;
    scrollbar-width: thin;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) calc(20px * 2)), radial-gradient(farthest-side at 0 0%, rgba(34,34,34, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) calc(20px * 2)), radial-gradient(farthest-side at 100% 50%, rgba(34,34,34, 0.15), rgba(255, 255, 255, 0)) 100%;
    background-color: rgba(255, 255, 255, 1);
    background-repeat: no-repeat;
    background-attachment: local, scroll, local, scroll;
    background-size: 100% 100%, 20px 200%, 100% 100%, 20px 200%;
}

.article-content table caption{
  caption-side: initial;
}

/* Article Pagination Styles */

.article-pagination{
    margin-top: 2.5rem;
}


/* Article Tag Styles */

.article-meta{
    border-top: 1px solid #CCC;
    padding: 0 0 1rem 0;
    margin-top: 1.5rem;
}

.article-meta h4{
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .025rem;
    line-height: 1;
    color: #5B5B5B;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: left;
}

.tags-container{
    display: flex;
    column-gap: .5rem;
}

.article-tag{
    padding: .5rem 1rem;
    border: 1px solid #CCCCCC;
    border-radius: .25rem;
    text-decoration: none;
    color: #000000;
    font-size: .85rem;
    font-weight: 700;   
    transition: .2s ease-in-out;
}


/* Related Bottom Content */

.up-next-content{
    margin-top: 3rem;
    padding-bottom: 1.5rem;
}

.up-next-content__grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    grid-gap: 1.5rem;
}

@media (max-width: 900px) {
    .up-next-content__grid{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 550px) {
    .up-next-content__grid .card.hero-bottom-card .thumb-image {
        display: block;
        width: 100%;
    }
}

.podcastpage .bottom-card .thumb-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 10 / 9;
  object-fit: cover;
  object-position: center center;
}

/*

.related-content-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    padding-bottom: 1.5rem;
}

.bottom-card{
    width: 100%;
    background-color: white;
    border: 1px solid #E6E6E6;
}

.bottom-card .thumb-image{
    width: 100%;
    overflow: hidden;
}

.bottom-card .thumb-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}


.bottom-card .card-copy{
    padding: 1rem;
}

@media (max-width: 900px){
    .related-content-bottom{
        grid-template-columns: 1fr 1fr;
    } 
}

@media (max-width: 600px){
    .related-content-bottom{
        grid-template-columns: 1fr;
    } 
}
*/






/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- All Videos Page Styles --*/
/*-- All Videos Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.highlighted-videos{
    background-color: var(--dark);
    padding: 4rem 0;
    margin-bottom: 2rem;
}

.video-group{
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.swiper-wrapper{
    height: auto;
}

.swiper-slide .card{
    text-align: left;
}

.highlighted-vid-swiper{
    padding: 0 3rem;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}

.highlighted-vid-swiper .swiper{
    padding: 0 0 2rem 0;
}

.highlighted-vid-swiper .swiper-button-next, .highlighted-vid-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: transparent;
    padding: 0;
    height: 25px;
    width: 25px;
}
.highlighted-vid-swiper .swiper-button-next::after, .highlighted-vid-swiper .swiper-button-prev::after {
    font-size: 1.75rem;
}

.highlighted-vid-swiper .swiper-pagination {
    bottom: 0;
}

.highlighted-vid-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(255,255,255,1);
}

.swiper-pagination-bullet {
    background: rgba(255,255,255,1);
    opacity: .2;
}

.vid-group-swiper{
    position: relative;
}

.vid-group-swiper .swiper{
    padding: 0 0 1px 0;
}

.vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: rgba(34,45,51,0.5);
    padding: 0;
    border-radius: 10rem;
    height: 25px;
    width: 25px;
    top: 53.5%;
}

.vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-rtl .swiper-button-prev {
    right: -40px;
    left: auto;
    padding: 0 0 0 3px;
}

.vid-group-swiper .swiper-button-prev, .vid-group-swiper .swiper-rtl .swiper-button-next {
    left: -40px;
    right: auto;
    padding: 0 0 0 5px;
}

.vid-group-swiper .swiper-button-next.swiper-button-disabled, .vid-group-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
}

@media (max-width: 1285px) {
    .vid-group-swiper {
        padding-bottom: 2.5rem;
    }
    
    .vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-button-prev {
        top: auto;
        bottom: 6px;
    }

    .vid-group-swiper .swiper-button-next, .vid-group-swiper .swiper-rtl .swiper-button-prev {
        right: 0;
    }

    .vid-group-swiper .swiper-button-prev, .vid-group-swiper .swiper-rtl .swiper-button-next {
        left: 0;
    }
}








/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Series Page Styles --*/
/*-- Series Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
.series-home{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    min-width: 0;
} 

.series-home__banner{
    display: block;
    width: 100%;
}

.series-home__banner-img{
    width: 100%;
    border-radius: .35rem;
}

.series-home__intro{
    display: block;
    width: 100%;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.series-home__description p:last-of-type, .series-home__body-section p:last-of-type{
    margin-bottom: 0;
}

.series-home__body-section{
    padding-bottom: 1.5rem;
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.tag-texts.episode-byline, .episode-byline, p.tag-texts.episode-byline, p.episode-byline{
    font-weight: 300;
    margin-bottom: 0;
}

.series-home .vid-swiper{
    padding-bottom: 2.5rem;
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.series-home .vid-swiper .swiper-button-next, .series-home .vid-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: rgba(34,45,51,0.5);
    padding: 0;
    border-radius: 10rem;
    height: 25px;
    width: 25px;
    top: auto;
    bottom: 6px;
    transition: .2s ease-in-out;
}


.series-home .vid-swiper .swiper-button-next, .series-home .vid-swiper .swiper-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
    padding: 0 0 0 3px;
}

.series-home .vid-swiper .swiper-button-prev, .series-home .vid-swiper .swiper-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    padding: 0 0 0 5px;
}

/*
.series-home .vid-swiper .swiper-button-next.swiper-button-disabled, .series-home .vid-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
}
*/

.series-home__podcast-episodes .list-item:last-child{
    border-bottom: 3px solid var(--secondary-clr-1-50);
}

.sponsor-logo-container{
    display: flex;
    gap: 3rem;
    margin-top: 1.5rem;
}







/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Video Page Styles --*/
/*-- Video Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.video-embed-container{
    width: 100%; 
    aspect-ratio: 16 / 9;
    line-height: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}

.video-embed-container iframe{
    width: 100%; 
    aspect-ratio: 16 / 9;
}

.vid-swiper{
    position: relative;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.vid-swiper .swiper{
    padding: 0;
}
.vid-swiper article{
    width: 100%;
    text-align: left;
}

.vid-swiper .swiper-button-next, .vid-swiper .swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: flex;
    color: white;
    background: rgba(34,45,51,0.5);
    padding: 0;
    border-radius: 10rem;
    height: 25px;
    width: 25px;
    top: 53.5%;
}

.swiper-button-next:hover, .swiper-button-prev:hover, .series-home .swiper-button-next:hover, .series-home .swiper-button-prev:hover {
    background: rgba(34,45,51,0.75);
    transition: .2s ease-in-out;
}

.vid-swiper .swiper-button-next, .vid-swiper .swiper-rtl .swiper-button-prev {
    right: -5%;
    left: auto;
    padding: 0 0 0 3px;
}

.vid-swiper .swiper-button-prev, .vid-swiper .swiper-rtl .swiper-button-next {
    left: -5%;
    right: auto;
    padding: 0 0 0 5px;
}

.vid-swiper .swiper-button-next.swiper-button-disabled, .vid-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
}

@media (max-width: 930px) {
    .vid-swiper {
        padding-bottom: 2.5rem;
    }
    
    .vid-swiper .swiper-button-next, .vid-swiper .swiper-button-prev {
        top: auto;
        bottom: 6px;
    }
    
    .vid-swiper .swiper-button-next, .vid-swiper .swiper-rtl .swiper-button-prev {
        right: 0;
    }

    .vid-swiper .swiper-button-prev, .vid-swiper .swiper-rtl .swiper-button-next {
        left: 0;
    }
}

#accordionVidSeries{
    margin-bottom: 1.5rem;
}

#accordionVidSeries .accordion-header{
    
}

#accordionVidSeries h2 .accordion-button{
    font-family: var(--body-font);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .02rem;
    transition: all .2s ease-in-out;
}

.pv-page #accordionVidSeries h2:hover .accordion-button{
    color: var(--pv-clr);
    transition: all .2s ease-in-out;
}

#accordionVidSeries .accordion-button{
    padding: 0 0 1rem 0;
    border-radius: 0;
    border-top: 0;
    border-bottom: 2px solid transparent;
    transition: all .2s ease-in-out;
}

#accordionVidSeries .accordion-button:hover{
    transition: all .2s ease-in-out;
}

#accordionVidSeries .accordion-button::after {
    font-family: 'Material Icons';
    content: "\e145";
    font-size: 1.15rem;
    width: auto;
    height: auto;
    background-image: none;
    transition: all .2 ease-in-out;
}

#accordionVidSeries .accordion-button:not(.collapsed) {
    color: var(--primary-clr-1);
    background-color: inherit;
    box-shadow: 0 0 0 0;
    font-weight: bold;
}

#accordionVidSeries .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg);
    transition: all .2 ease-in-out;
}

#accordionVidSeries .accordion-button:focus {
    z-index: 3;
/*    border-color: transparent;*/
    outline: 0;
    box-shadow: 0 0 0 0;
}

#accordionVidSeries .accordion-item{
    border-radius: 0;
    border: 0;
}

.vid-series-grid {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary-clr-1-50);
    margin-bottom: 1.5rem;
}

.accordion-body.vid-series-grid {
    padding: 0;
/*
    padding: 0 0 1.5rem 0;
    border-bottom: 2px solid rgba(0,0,0,0.125);
*/
}

.vid-series-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.vid-series-grid .thumb-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
}


@media (max-width: 800px) {
    .vid-series-grid{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .vid-series-grid{
        grid-template-columns: 1fr;
    }
}

.embed-responsive {
  position:relative;
  display:block;
  height:0;
  padding:0;
  overflow:hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  height:100%;
  width:100%;
  border:0
}
.embed-responsive-16by9 {
  padding-bottom:56.25%;
}
.embed-responsive-4by3 {
  padding-bottom:75%
}








/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Podcast Pages Styles --*/
/*-- Podcast Pages Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.up-next-content__grid-podcasts{
    grid-template-columns: 1fr;
}

.card-podcast > a{
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.card-podcast .pod-thumb{
    max-width: 150px;
}













/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- Profile Pages Styles --*/
/*-- Profile Pages Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.profile{
    padding-top: 2rem;
    padding-bottom: 3rem;
    max-width: 1040px;
}

.profile__headline{
    font-weight: 300;
    text-align: center;
    padding: 0 1rem;
}

.profile__options{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 3rem;
    justify-content: center;
    align-content: center;
    margin: 2rem 0 1rem 0;
}

.profile__options h6{
    line-height: 1.8;
    margin-bottom: 0;
}

.profile__active-page a{
    color: var(--primary-clr-1);
}

.profile__info{
    padding: 0 2rem;
}

.profile__info-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--secondary-clr-1-50);
}

.profile__info-row:last-child{
    border-bottom: 0;
}

.profile__info-row p, .profile__info-row h6{
    margin-bottom: 0;
}

.profile__accordion .accordion-item{
    border: 0;
} 

.profile__accordion .accordion-button{
    padding: 2rem 0;
    border-top: 1px solid var(--secondary-clr-1-50);
    border-radius: 0;
} 

.profile__accordion .accordion-item:first-child .accordion-button{
    border-top: 0;
} 

.profile__accordion .accordion-button h6{
    margin-bottom: 0;
} 

.profile__accordion .accordion-button:not(.collapsed) h6{
    color: var(--primary-clr-1);
    margin-bottom: 0;
} 

.profile__accordion .accordion-button:not(.collapsed) {
    color: var(--primary-clr-1);
    background-color: inherit;
    box-shadow: 0 0 0 0;
    font-weight: bold;
}

.profile__accordion .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.profile__form-container{
    padding: 2rem;
}

.profile__form-container h3{
    text-align: center;
}

.profile__form{
    display: flex;
    flex-direction: column;
}

.form-item{
    margin-bottom: 1.5rem;
}

.profile__form label{
    width: auto;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.profile__form input, .profile__form select {
    width: 100%;
    background-color: var(--bg-clr);
    border: 0;
    padding: .75rem 1rem;
    border-radius: .35rem;
    color: var(--dark-50);
}

.profile__form input:focus-visible{
    border-color: var(--primary-clr-1);
}

.form-item__flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-item__flex a{
    font-size: .85rem;
    white-space: nowrap;
}

.terms-of-service{
    display: flex;
    align-items: center;

}

.terms-of-service input{
    width: auto;
    border: 2px solid var(--bg-clr);
    margin-right: .5rem;
}

.terms-of-service label{
    width: auto;
    margin-bottom: 0;
}

#btnSubmit{
    display: inline-flex;
    width: auto;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .75rem 1rem ;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
}

#btnSubmit:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.profile__hide{
    display: none;
}

.profile__show{
    display: block !important;
}

.profile__edit-form{
    display: none;
}

.form__save-cancel{
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: flex-start;
}

input.saveBtn{
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-clr-1);
    color: white;
    padding: .25rem .75rem;
    border-radius: .35rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    transition: .2s ease-in-out;
}

input.saveBtn:hover{
    color: var(--dark);
    background-color: var(--primary-clr-2);
    transition: .2s ease-in-out;
}

.btn-cancel{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--primary-clr-1);
    border-radius: .35rem;
    font-size: .85rem;
    text-decoration: none;
    line-height: 1.1;
    white-space: nowrap;
    border: 0;
    cursor: pointer;
    transition: .2s ease-in-out;
}

.btn-cancel:hover{
    text-decoration: underline;
    transition: .2s ease-in-out;
}

/*-- Newsletters Styles --*/

.newsletter-signup{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1.5rem;
}    

.newsletter-signup input.btn{
    height: 100%;
    padding: .25rem 1.5rem;
}

.newsletters__grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: 1rem;
    padding: 0 0 2rem 0;
}

.newsletter-widget{
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #D5D7D7;
} 

.btn-archive-container{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.btn-archive-container .btn{
    margin-right: auto;
}













/* PentavisionMedia.com Styles */

.pv-media{
    display: grid;
    height: 100vh;
    grid-template-rows: auto 1fr auto; 
}

.issue-cover{
    margin-bottom: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
    transition: .2s ease-in-out;
}

.issue-cover:hover{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}

.brand-logos img{
    max-width: 200px;
    transition: .2s ease-in-out;
}

.brand-logos img:hover{
    transform: scale(1.03);
    transition: .2s ease-in-out;
}

.hs-form-container{
    background-color: white;
    padding: 2rem;
    border-radius: .5rem;
    box-shadow: 0 0 8px rgba(0,0,0,.125);
}



/* VisionCare CE */

.visioncarece .max-width{
    max-width: 1000px;
}

.visioncarece .top-section{
    padding: 3rem 0;
    background-color: var(--bg-clr);
}  

.hero-card{
    background-color: white;
    border: 1px solid var(--secondary-clr-1-50);
}

.hero-card .card-copy{
    padding: 2rem;
}

.hero-card .card-copy p:last-child{
    margin-bottom: 0;
}

.ce-home-card-container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
    margin-top: 2rem;
    justify-content: center;
}

.ce-home-card{
    text-align: center;
    display: grid;
    justify-items: center;
    align-content: center;
    border: 1px solid var(--secondary-clr-1-50);
    background: rgb(154,202,237);
    background: -webkit-linear-gradient(5deg, rgba(154,202,237,1) 0%, rgba(83,96,164,1) 100%);
    background: -o-linear-gradient(5deg, rgba(154,202,237,1) 0%, rgba(83,96,164,1) 100%);
    background: linear-gradient(95deg, rgba(154,202,237,1) 0%, rgba(83,96,164,1) 100%);
    transition: .2s ease-in-out;
}

.ce-home-card:hover{
    transform: scale(1.02);
    transition: .2s ease-in-out;
}

.ce-home-card a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 2rem;
    transition: .2s ease-in-out;
}

.ce-home-card h2{
    font-size: 1.75rem;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-bottom: 0;
}

.ce-home-card p{
    color: white;
}

.ce-home-card img{
    margin-top: 1.5rem;
    width: 100%;
    max-width: 150px;
}

.visioncarece .cover-text-grid .thumb-image img {
    border-radius: 1.15rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.visioncarece .cover-text-grid .description {
    margin-top: .75rem;
}

.footer-ce-text{
    grid-column: 1/3
}

.footer-ce-text p {
  color: #808080;
}

/*#formContainer {*/
/*    display: block;*/
/*}*/

#formContainer .formBG{
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background-color: var(--bg-clr);
    width: 100%;
    padding: 1.5rem;
}

#formContainer form{
    margin: 0 auto;
}

/*#playerDIVContainer {*/
/*    display: none;*/
/*}*/

/*#slidesButton {*/
/*    padding: 6px 12px;*/
/*    background-color: var(--pv-clr);*/
/*    border-color: var(--pv-clr);*/
/*    border: 1px solid transparent;*/
/*    color: white;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    margin: 0 auto;*/
/*}*/

@media (max-width: 900px) {
    .footer-ce-text{
        grid-column: 1/4
    }
}

@media (max-width: 800px) {
    .ce-home-card-container{
        grid-template-columns: 1fr;
    }
}





.resource-item-page{
    
}

main .resource-item-page {
    background-color: var(--grey-bg-clr);
    padding: 2rem 0;
}

.resource-item-page .cover-text-grid{
    border-bottom: 0px !important;
}


.resource-item-page .cover-text-grid .content-container{
    line-height: 1.3;
}





/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/*-- About Us Page Styles --*/
/*-- About Us Page Styles --*/
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
 
 
.sidebysideImg{border-radius: 10px; background-image: url( "https://55933-bcmed.s3.amazonaws.com/bcp/branded/css/conexiant/doctor-discussion.jpeg");
background-repeat: no-repeat; height: 100%; min-height: 420px; background-size: cover; background-position:center;}
.sidebysideImg2{background-image: url("https://55933-bcmed.s3.amazonaws.com/bcp/branded/css/conexiant/or-about-us.jpeg");}
.sidebysideText{padding: 40px 60px;}
.card__about-us-img{grid-template-columns: 200px 1fr;}
.card__about-us-img .card__body{max-width:900px;}
.header-banner{display: flex; width: 100%; height: 400px; align-items: flex-end;position: relative; border-radius: 10px;
background: linear-gradient(270deg, rgba(17, 74, 119, 0.00) 0%, rgba(17, 74, 119, 0.34) 30.5%, #114A77 100%), url(https://55933-bcmed.s3.amazonaws.com/bcp/branded/css/conexiant/about-us-header.jpeg) lightgray 50% / cover no-repeat;}
.header-banner-text{padding:30px; display: flex; width: 489px; padding-bottom: 0px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}

	@media (max-width:700px){.card__about-us-img{grid-template-columns: auto;}
	.sidebysideText{padding:20px;}
	.card__about-us-text{padding:40px !important;}
	.header-banner{background: linear-gradient(270deg, rgba(17, 74, 119, 0.00) 0%, rgba(17, 74, 119, 0.6) 0.5%, #114A77 100%), url(https://55933-bcmed.s3.amazonaws.com/bcp/branded/css/conexiant/about-us-header.jpeg) lightgray 50% / cover no-repeat;}}