/* Current Issue Hero */

#currentIssue {
    margin-top:1rem;
}
#currentIssue > .u-grid2Columns {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    justify-items: center;
    align-items: center;
    margin-inline: auto;
}
 #currentIssue .current-cover img,  {
    box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 1.5px;
 }
 #currentIssue .current-issue h2 {
    margin-top:0;
    font-weight: bold;
    font-family: var(--gfVars-bodyFont);
}
@media(min-width:768px) and (max-width:992px) {
     #currentIssue .u-grid2Columns.buttons {
         grid-template-columns:1fr;
     }
     #currentIssue {
        margin-top:2rem;
}
}
@media(min-width:992px) {
    #currentIssue {
        margin-top:5rem;
    }
     #currentIssue .current-issue h2 {
        font-size: 3em;
     }
    #currentIssue >.u-grid2Columns {
        grid-template-columns: auto 1fr;
    }
     #currentIssue .current-cover img {
        max-width: 350px;
     }
}
@media(min-width:1200px) {
    #currentIssue >.u-grid2Columns {
        max-width:80%;
        gap:3rem;
    }
}
#currentIssue .current-issue p.current {
    font-size:1.5rem ;
    text-transform: uppercase;
    font-family:var(--gfVars-headerFont);
    color: var(--gfColors-slateText);
    margin-bottom: .25rem;
    letter-spacing: .12rem;
    margin-top: 0;
}

@media (max-width:767.98px) {
    #currentIssue .u-grid2Columns {
        grid-template-columns: 1fr;
    }
}



/***--------- Homepage Archives -------***/
#past-issues_component h2 {
    margin-bottom: 2.5rem;
}

 .archives {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .5rem;
    row-gap: 2rem;
}
@media(min-width:330px) {
     .archives {
       column-gap: 1rem; 
       row-gap: 2.5rem;
     }
}
@media(min-width:768px) {
    .archives {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(min-width:992px) {
     .archives {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 2rem;
    }
}

 .archives .issue-container {
	 position: relative;
	 text-align: left;
	 overflow: hidden;
	 box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.15);
     border-radius: 1.5px;
	 transition: all .4s ease;
}
.issue-container:hover {
    transition: all .4s cubic-bezier(0.25, 0.1, 0, 0.45);
    transform: scale(1.05);
}

/* Desktop styles */

@media(min-width:768px) {
    .archives .button-grid {
        display: grid;
        grid-template-columns: auto 1px 1fr;
        position: relative;
        gap:.5rem
    }
/* Target the button-grid ONLY when it contains an .online-link */
    .archives .button-grid:has(.online-link) {
        grid-template-columns: auto 1px 1fr; 
    }
/* Apply the ::before only when .online-link is present within .button-grid */
    .archives .button-grid:has(.online-link)::before {
        content: "";
        background-color: var(--gfColors-slate45);
        grid-column: 2;
        grid-row: 1;
        height: 60%;
        align-self: center;
    }
/* Set grid to a single column when only PDF link is present */
    .archives .button-grid:not(:has(.online-link)) {
        grid-template-columns: 1fr; 
    }
    a.online-link.d-md-block , a.pdf-link.d-md-block {
        box-shadow: none;
    }

    
/* Style for the "Read Online" or "Open PDF" text within the overlay */
     .archives .issue-container .cover-overlay a.stretched-link {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .15rem;
        font-family: var(--gfVars-headerFont);
        font-weight: normal;
        font-size: 1.5em;
       transition: transform 0.4s ease, opacity 0.4s ease;
    }
    a.stretched-link, a.stretched-link:hover  {
        color: #fff !important;
        box-shadow: none !important;
    }
    .cover-overlay p {
        margin-bottom: .5rem;
    }
     .archives .issue-container .cover-overlay {
    	 position: absolute;
    	 top: 5%;
    	 left: 0;
    	 background:linear-gradient(0deg,rgba(31, 42, 66, 1) 0%, rgba(255, 255, 255, 0) 25%);
    	 width: 100%;
    	 height: 100%;
    	 opacity: 0;
    	 padding: 0 1rem;
    	 -moz-transition: .3s ease;
    	 -webkit-transition: .4s ease;
    	 transition: 0.4s ease, opacity 0.4s ease;
    	 display: flex;
        align-items: flex-end;
        justify-content: left;
    }
     .archives .issue-container:hover .cover-overlay {
    	 top: 0;
    	 opacity: 1;
    	 pointer-events: auto; 
    }
    .archives .issue-container:hover .cover-overlay a.stretched-link {
         opacity: 1;
         transform: translateY(0);
    }
}



 .archives .issue-container .button {
     padding: .5rem 1.5rem .4rem;
	background-color: var(--gfColors-slate100);

}

.archives .issue-container .button:nth-child(2n) {
	background-color:var(--gfColors-slate80);
	color:var(--gfColors-navy) !important;
}
.archives .issue-container .button:nth-child(3n) {
	background-color:var(--gfColors-slateText);
}
 .archives .issue-title {
    font-family: var(--gfVars-headerFont);
    text-transform: uppercase;
    font-size: 1.75em;
    color: var(--gfColors-navy);
    letter-spacing: .05em;
    margin: 1.25rem 0 .25rem 0; 
    line-height: 1.2;
}

@media(max-width:767.98px) {
     .archives .issue-title {
         font-size: 1.5em;
         margin: 1.25rem 0 .75rem 0;
     }
    .cover-overlay{
        display:none;
    }
    a.button.button-block.online-link {
        margin-bottom: .5rem;
    }
    .button--light.button--outline {
        border: 1.5px solid var(--gfColors-slate80);
        background-color: rgba(0, 0, 0, 0);
    }
}




/* ---------- contact ----------- */

#journalContact h1 {
    font-size: clamp(2.5rem, 6.5vw, 4rem);
    line-height: 1.1;
}
#journalContact .u-grid2Columns {
    grid-template-columns:auto 1fr;
}
#journalContact table tr:first-child td {
    border-top:none;
}


#journalStaff .u-grid2Columns {
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
    margin-bottom:1rem;
}

@media (min-width: 1200px) {
    #archives-format_component {
        margin-bottom: 4rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #archives-format_component {
        margin-bottom: 4rem;
    }
}

@media (max-width: 575.98px) {
    #journalStaff .u-grid2Columns {
        gap:.75rem;
        margin-bottom:0;
    }
    #journalStaff .u-grid2Columns img {
        width:130px;
        height:130px;
    }
    #archives-format_component {
        margin-bottom: 1rem;
    }
}