/*Issue header*/
@media (max-width: 767.98px){
.issue-header .container {
   max-width: 100%;
}
.issue-header .current-issue .issue-title {
    justify-self: center;
    text-align: center;
}
.issue-header .current-issue {
    background-color: var(--bs-white);
    padding-block: .25rem;
}
.issue-header .issue-title p, .issue-header .issue-title h1 {
    font-size: 1rem;
    color: var(--gfColors-slateText);
}
}

/* Homepage intro styles */
 #issue-intro_component {
     margin-top: 4rem;
     margin-bottom: 3rem;
     display: grid;
     grid-template-columns: 1fr 15rem;
     gap: 1.5rem;
}
 @media (max-width: 1199.98px) {
     #issue-intro_component {
         grid-template-columns: 1fr 12.52rem;
         gap: 1rem;
         margin-top: 2.2rem;
    }
}
 @media (max-width: 767.98px) {
     #issue-intro_component {
         grid-template-columns: 1fr;
         gap: 2rem;
         margin-top: 0;
    }
}
/* Cover story styles */
 .intro-coverStory {
     padding-right: 1.5rem;
     border-right: 1.5px solid var(--gfColors-slate30);
}
 @media (max-width: 1199.98px) {
     .intro-coverStory {
         padding-right: 1rem;
    }
}
 @media (max-width: 767.98px) {
     .intro-coverStory {
         padding-right: 0;
         border-right: none;
    }
}
 .intro-coverStory > * {
     margin: 0.5rem 0;
}
 .intro-coverStory-image {
     display: block;
     margin-block: 0 2rem;
     width: 100%;
     object-fit: cover;
}
 @media (max-width: 991.98px) {
     .intro-coverStory-image {
         height: 50%;
    }
}
 @media (max-width: 767.98px) {
     .intro-coverStory-image {
         height: 16rem;
         margin-bottom: 1.5rem;

    }
}
 #issue-intro_component .intro-coverStory-label {
     font-family: var(--gfVars-headerFont);
     font-size: 1.25rem;
     text-transform: uppercase;
     color: var(--gfColors-slateText);
     letter-spacing: 0.15rem;
     line-height: 1.2;
}
 .intro-coverStory-title {
     font-family: var(--gfVars-bodyFont);
     font-weight: bold;
}

 #issue-intro_component .intro-coverStory-description {
     font-size: 1.25rem;
}
 .intro-coverStory-readLink {
     margin-block-start: 1.5rem;
}
/* Issue information and anchor links */
@media (max-width: 767.98px) {
    .intro-issueLinks {
    display: grid;
    grid-template-columns: 1fr 12.1rem;
    gap: 1rem;
}
}

@media (max-width: 567.98px) {
    .intro-issueLinks {
    grid-template-columns: 1fr 9rem;
    }
    .intro-issueLinks-anchorSection > div > img {
        display: none;
    }
}

.intro-issueLinks-anchorSection a {
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: .1rem;
  font-size: 1rem;
  font-weight: 600;
}
.intro-issueLinks-cover > img {
    box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 1.5px;
}
 .intro-issueLinks-cover .button--outline {
     border-color: var(--gfColors-slate100);
     color: var(--gfColors-slateText);
}
.intro-issueLinks-cover .button--outline:hover {
    border-color: var(--gfColors-slate45);
    color: var(--gfColors-navy);
}
 .intro-issueLinks-title {
     margin-block: 1.5rem 0.75rem;
     font-size: 1.25rem;
     color: var(--gfColors-slateText);
     text-transform: uppercase;
     font-weight: 400;
     letter-spacing: 0.15rem;
     line-height: 1.2;
}
@media (max-width: 767.98px) {
     .intro-issueLinks-title {
         margin-block-start: 1rem;
}
}
 .intro-issueLinks span {
     display: block;
     margin-top: 5px;
}
 .intro-issueLinks-president, .intro-issueLinks-bruinNotes, .intro-issueLinks-alumniConnections, .intro-issueLinks-archives {
     border-top: 1.5px solid var(--gfColors-slate30);
     padding-top: 0.8rem;
     padding-bottom: 0.6rem;
}
 .intro-issueLinks:last-child {
     border-bottom: 1.5px solid var(--gfColors-slate15);
}
 .intro-issueLinks-president img {
     display: block;
     float: right;
     margin-left: 1rem;
     width: 3.25rem;
     height: 3.25rem;
}
/* Featured stories */
 .featured-stories h2 {
     font-size: 2.8rem;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     margin-bottom: 2rem;
     margin-top: 6rem;
     position: relative;
     font-weight: 100;
}
 .featured-stories h2::before {
     content: "";
     height: 26rem;
     width: 26rem;
     display: block;
     background-color: #e4eaee;
     border-radius: 50%;
     position: absolute;
     top: -4rem;
     left: -16rem;
     z-index: -1;
}
 @media (max-width: 767.98px) {
     .featured-stories h2::after {
         display: none;
    }
}
 .featured-stories-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 0.5rem;
     background-color: white;
}
 @media (min-width: 767.98px) {
     .featured-stories-grid {
         grid-template-columns: 1fr 1fr;
         gap: 1rem;
    }
}
 .featured-stories-grid div {
     display: grid;
     grid-template-rows: 1fr auto;
     align-items: end;
     background-color: var(--gfColors-navy);
     position: relative;
     transition: 0.2s;
     overflow: hidden;
     background: linear-gradient(0deg, rgba(31, 42, 66, 0.78) 1%, rgba(45, 56, 89, 0.51) 22%, rgba(255, 255, 255, 0) 61%);
}
 .featured-stories-grid h3 {
     display: block;
     color: #fff;
     margin: 0 1rem;
     grid-row: 1;
     grid-column: 1;
     z-index: 60;
}
 .featured-stories-grid h3 a {
     color: #fff !important;
     box-shadow: none;
     line-height: 1;
}
 .featured-stories-grid p {
     grid-row: 2;
     grid-column: 1;
     color: #fff;
     margin: 0 1rem;
     z-index: 60;
     line-height: 1.2;
     font-size: 0.8rem;
}
 @media (min-width: 992px) {
     .featured-stories-grid p {
         margin: 0.3rem 1rem 1rem 1rem;
         font-size: inherit;
    }
}
 .featured-stories-grid div :last-child {
     margin-bottom: 1rem;
}
 .featured-stories-grid img {
     position: relative;
     transition: all 0.25s ease-out;
     mix-blend-mode: multiply;
     background-blend-mode: multiply;
     z-index: 40;
     grid-row: 1 / -1;
     grid-column: 1;
}
 .featured-stories-grid div:hover img {
     transform: scale(1.05);
     opacity: 0.95;
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .featured-stories-grid h3 {
         font-size: 1.8rem;
    }
}
 @media (max-width: 767.98px) {
     .featured-stories-grid div {
         background: linear-gradient(0deg, rgba(31, 42, 66, 0.78) 1%, rgba(45, 56, 89, 0.51) 38%, rgba(255, 255, 255, 0) 67%);
    }
     .featured-stories-grid img {
         object-fit: cover;
         aspect-ratio: 5 / 4;
    }
}
/* Bruin Notes - Alumni */
 #notes-alumni_component h2 {
     text-transform: uppercase;
     letter-spacing: 0.07em;
     font-size: 2rem;
     font-weight: 100;
     margin-bottom: 2rem;
    /* margin-top: 3rem;
     */
}
 #notes-alumni_component {
     position: relative;
    /* padding-top: 5rem;
     */
}
/* Archives */
@media (max-width: 767.98px){#archives .u-lineHeader {
    text-align: center;
    justify-items: center;
}
}

 #archives {
     margin-block: 1rem 2rem;
}
 #notes-alumni_component ul li::before {
     color: var(--gfColors-gold);
}
/* Bruin Notes - Alumni */
 #notes-alumni_component h2 {
     text-transform: uppercase;
     letter-spacing: .07em;
     font-size: 2rem;
     font-weight: 100;
     margin-bottom: 2rem;
    /* margin-top: 3rem;
     */
}
 #notes-alumni_component {
     position: relative;
    /* padding-top: 5rem;
     */
}
/* #notes-alumni_component::before {
     position: absolute;
     content: "";
     left: -5.6rem;
     top: 0;
     background-image: url(/journalonline/__assets-section/redesign/images/tiles-left.png);
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 1;
     height: 100px;
     width: 402px;
     opacity: 70%;
     overflow: hidden;
     mix-blend-mode: multiply;
}
 */
/* #notes-alumni_component::after {
     position: absolute;
     content: "";
     right: 0;
     bottom: 0;
     background-image: url(/journalonline/__assets-section/redesign/images/tiles-right.png);
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 1;
     opacity: 70%;
     mix-blend-mode: multiply;
}
 */
/* @media(min-width: 767.98px) {
     #notes-alumni_component::after {
         right: 0rem;
         height: 100px;
         width: 400px;
    }
     #notes-alumni_component::before {
         left: 0;
         top: 0;
         height: 100px;
         width: 400px;
    }
     #notes-alumni_component {
         padding: 6rem;
    }
}
 */
/* @media(min-width: 2000px) {
     #notes-alumni_component::after, #notes-alumni_component::before {
         height: 150px;
         width: 600px;
    }
}
 */
 #notes-alumni_component ul li::before {
     color: var(--gfColors-gold);
}
/* Archives */
 #archives {
     margin-block: 1rem 2rem;
}
 #past-issues_component p a.button{
     margin-top: 2rem;
 }