
:root {
    /* Primary */
    --bg-AAA-primary-color: #367e3d;
    --bg-AAH-primary-color: #dd7e28;
    --bg-ABO-primary-color: #d25328;
    --bg-AIS-primary-color: #5e863b;
    --bg-ATA-primary-color: #61338f;
    --bg-AUD-primary-color: #ab2387;
    --bg-DIV-primary-color: #823d93;
    --bg-FARS-primary-color: #5b63ad;
    --bg-FIA-primary-color: #d01c61;
    --bg-GIWB-primary-color: #e23227;
    --bg-GNP-primary-color: #bd9c2f;
    --bg-IA-primary-color: #a64995;
    --bg-APLG-primary-color: #b88e2e;
    --bg-MAS-primary-color: #928832;
    --bg-PI-primary-color: #ed228c;
    --bg-SET-primary-color: #c13e96;
    --bg-TYC-primary-color: #cd8c2a;
    --bg-TLC-primary-color: #ed2e56;
    --bg-MA-primary-color: #0e406f;
    --bg-MW-primary-color: #283273;
    --bg-NE-primary-color: #1e4a0b;
    --bg-OH-primary-color: #004046;
    --bg-SE-primary-color: #004d35;
    --bg-SW-primary-color: #00512f;
    --bg-WE-primary-color: #00355f;
    /* Secondary */
    --bg-AAA-secondary-color: #93ae3c;
    --bg-AAH-secondary-color: #a66f29;
    --bg-ABO-secondary-color: #703919;
    --bg-AIS-secondary-color: #184723;
    --bg-ATA-secondary-color: #292b69;
    --bg-AUD-secondary-color: #670e21;
    --bg-DIV-secondary-color: #4e286c;
    --bg-FARS-secondary-color: #27235d;
    --bg-FIA-secondary-color: #702f15;
    --bg-GIWB-secondary-color: #641813;
    --bg-GNP-secondary-color: #653b17;
    --bg-IA-secondary-color: #63286c;
    --bg-APLG-secondary-color: #512d1b;
    --bg-MAS-secondary-color: #645c27;
    --bg-PI-secondary-color: #591f11;
    --bg-SET-secondary-color: #741034;
    --bg-TYC-secondary-color: #78411d;
    --bg-TLC-secondary-color: #80142d;
    --bg-MA-secondary-color: #088fbd;
    --bg-MW-secondary-color: #626db3;
    --bg-NE-secondary-color: #007d4b;
    --bg-OH-secondary-color: #007884;
    --bg-SE-secondary-color: #007d79;
    --bg-SW-secondary-color: #008e6a;
    --bg-WE-secondary-color: #1380b5;
    /* Tertiary */
    --bg-AAA-tertiary-color: #18351c;
}

.container{
    max-width: 100% !important;
    width: 100% !important;

}

#page-wrapper{
    overflow: hidden;
}



.journalLeft{
    padding: 20px !important;
    border-radius: 0.25rem 4rem 0.25rem 0.25rem;
    box-shadow: inset -2px -2px 30px rgb(0 0 0 / 25%);
}

.journalRight{
    padding: 20px !important;
    padding-top: 0px !important;
}

.journalRight>h2{
    margin-top: 0px !important;
}

.journalRight u {
    font-weight: bold;
    font-family: 'Gotham-Medium', sans-serif;
}

.journalRight h5{
    font-family: 'Gotham-Black', sans-serif;
}

.journalRight a {
    font-family: 'Gotham-Black', sans-serif;
}

.journalLeft h3.journalSubTitle{
    margin-bottom: 0px !important;
}

.journalLeft img{
    box-shadow: 2px 3px 10px rgb(0 0 0 / 80%);
}

.journalHeader {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1rem;
    margin-bottom: 1rem;
    grid-template-rows: auto auto;
        grid-template-areas: 
            "cover title"
            "subtitle subtitle";
}

h1.journalTitle{
    margin-top: 0px !important;
    white-space: pre-line;
    font-size: calc(26px + (32 - 26) * ((100vw - 400px) / (1600 - 400))) !important;
}

h3.journalSubTitle {
    font-size: 14px !important;
}

.journalHeader>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a.journalLink.viewJournal {
    text-align: center;
    font-size: 1.5rem;
    padding: 2rem !important;
    grid-area: viewJournal;
}

.editor{
    display: flex;
    align-items: end;
    padding-left: 15px;
}

.journalButtons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "viewJournal viewJournal"
        "btn1 btn2";
    grid-template-rows: 1.5fr 1fr;
    grid-gap: 15px;
    margin-bottom: 1rem;

}

.journalButtons.d-lg-none{
    margin-bottom: 0px !important;
}

.smallJournalButtons{
    display: none;
}

.journalButtons a.journalLink{
    padding: 5px 10px !important;
    text-align: center;
    box-shadow: 1px 2px 4px rgb(0 0 0 / 50%), inset -2px -2px 5px rgb(0 0 0 / 25%) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.journalLeft a.journalLink, .journalLeft a.journalLink:link, .journalLeft a.journalLink:visited{
    text-decoration: none !important;
    font-family: 'Gotham-Black', sans-serif;
    background: white;
    padding: 2px 5px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
    border-radius: 0.25rem;
    box-shadow: 1px 2px 4px rgb(0 0 0 / 50%);
    display: inline-block;
}

.journalLeft a.journalLink:hover{
    transform: translate(-1px, -3px);
    filter: saturate(120%);
    transition: 0.2s;
    box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
}

.journalRight h5{
    font-weight: bold;
}

#paperPalLogo{
    max-width: 200px;
    float: right;
    margin-left: 1rem;
}

#paperPal, #paperPal:visited, #paperPal:link{
    display: block;
    box-shadow:2px 2px 20px rgb(0 0 0 / 25%);
    padding: 20px;
    color: white;
    text-decoration: none !important;
    border-radius: 1rem;
    margin: 30px 0px;
}

#paperPal:hover{
    text-decoration: none !important;
    transform: translate(-1px, -3px);
    filter: saturate(120%);
    transition: 0.2s;
    box-shadow: 2px 6px 30px rgba(0,0,0,0.3);
}

#paperPal>h3{
    margin-bottom: 30px;
    margin-top: 0px;
    font-size: 1.75rem;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
}

.stepsGrid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 125px auto auto auto;
    grid-gap: 20px;
    grid-template-areas:
        "checklist checklist"
        "step1 step2"
        "paperpal paperpal"
        "step4 step5";
}
div#checklist{
    grid-area: checklist;
    border-radius: 1rem;
    padding: 0.5rem;
    position: relative;
    border: 2px solid black !important;
    box-shadow: 2px 0.25rem 0.5rem rgb(0 0 0 / 40%), inset -0.25rem -0.25rem 2rem rgb(0 0 0 / 15%);
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr 1fr 1fr;
    
}
div.check{
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr 1fr;
    height: 100px;
    text-align: center;
}

span.checkText {
    font-family: 'Gotham-Black', sans-serif;
    font-size:  0.75rem;
    text-align: center;
    padding:  0px 10px;
}

svg.svg-inline--fa.fa-check-circle.fa-w-16 {
    justify-self: center !important;
    font-size: 1.5rem;
}

span.checkNumber {
    font-family: 'Gotham-Black', sans-serif;
}

.step{
    border-radius: 1rem;
    padding: 3rem 2rem 1rem 2rem;
    position: relative;
    border: 2px solid black !important;
    box-shadow: 2px 0.25rem 0.5rem rgb(0 0 0 / 40%), inset -0.25rem -0.25rem 2rem rgb(0 0 0 / 15%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#paperPalStep{
    grid-area: paperpal;
}

.stepNumber{
    position: absolute;
    top: 3px;
    left: 15px;
    font-size: 2rem;
    font-family: 'Gotham-Black', sans-serif;
}

.stepBtn, a.stepBtn:link, a.stepBtn:visited{
    padding: 5px 10px !important;
    text-align: center;
    box-shadow: 1px 2px 4px rgb(0 0 0 / 50%), inset -2px -2px 5px rgb(0 0 0 / 25%) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    border-radius: 0.25rem;
}



 a.stepBtn:hover{
    transform: translate(-1px, -3px);
    filter: saturate(120%);
    transition: 0.2s;
}

h3.journalSubTitle {
    grid-area: subtitle;
   
}

h3.journalSubTitle a, h3.journalSubTitle a:link, h3.journalSubTitle a:visited {
    color: white !important;
    text-decoration: underline dotted;
}

h3.mediumSubTitle{
    display: none !important;
}



/* @media only screen and (max-width: 1400px){
    
} */

@media only screen and (max-width: 992px) and (min-width: 600px){
    a.coverWrap>img{
        max-width: 200px !important;
    }
    .journalHeader{
        grid-template-columns: auto 1fr;
    }
    .mainSubTitle{
        display: none !important;
    }
    h3.mediumSubTitle{
        display: block !important;
    }

}

@media only screen and (max-width: 992px){
    #main.container{
        max-width: 100% !important;
    }
    #block-aaa-skin-1-content>.content.container{
        max-width: 100%;
    }
    .journalButtons a.journalLink{
        padding: 10px !important;
    }
    .journalLeft{
        margin-bottom: 1rem;
    }
    
    
}

@media only screen and (max-width: 768px){
    .journalButtons{
        grid-template-columns: 1fr;
        grid-template-areas:
            "viewJournal"
            "btn1"
            "btn2";
        grid-template-rows: 2fr 1fr 1fr;
    }

    
   

}

@media only screen and (max-width: 620px){
    .stepsGrid{
        grid-template-columns: 1fr !important;
        grid-template-rows:auto auto auto auto;
        grid-template-areas: "checklist"
        "step1"
        "step2"
        "paperpal"
        "step4"
        "step5"
    }
    div#checklist{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 30px 0px;
        
        
    }
    div.check{
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.5) !important;
    }
    div#checklist>div.check:last-child{
         border-bottom: none !important;
    }
    #block-aaa-skin-1-content > div.content.container{
        padding: 0px !important;
    }
    /* Remove these styles below for alternate title design on small screens */
    a.coverWrap>img{
        max-width: 110px !important;
        margin-right: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    a.coverWrap{
        float: left !important;
    }

    div.journalHeader{
        display: block !important;
        padding-bottom: 2rem;
    }
    div.journalHeader>div{
        display: block !important;
    }
    h3.journalSubTitle{
        font-family: 'Gotham-Medium', sans-serif !important;
    }
    /* Alternate title design for small screens ^ ^ */
}

/* @media only screen and (max-width: 675px){
    .journalHeader{
        grid-template-rows: auto auto;
        grid-template-areas: 
            "cover title"
            "subtitle subtitle";
    }
    
} */



section#Issues-in-Accounting-Education .journalLeft, section#Issues-in-Accounting-Education a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AAA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AAA-primary-color)', endColorstr='var(--bg-AAA-secondary-color)', GradientType=1);
}
section#Issues-in-Accounting-Education #paperPal{
    background: linear-gradient(135deg, var(--bg-AAA-primary-color),  var(--bg-AAA-secondary-color));
}

section#Accounting-Horizons .journalLeft,section#Accounting-Horizons a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AAA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AAA-primary-color)', endColorstr='var(--bg-AAA-secondary-color)', GradientType=1);
}

section#Accounting-Horizons #paperPal{
    background: linear-gradient(135deg, var(--bg-AAA-primary-color),  var(--bg-AAA-secondary-color));
}

section#TAR .journalLeft,  section#TAR a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AAA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AAA-primary-color) 0%, var(--bg-AAA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AAA-primary-color)', endColorstr='var(--bg-AAA-secondary-color)', GradientType=1);
}

section#TAR #paperPal{
    background: linear-gradient(135deg, var(--bg-AAA-primary-color),  var(--bg-AAA-secondary-color));
}

section#AJPT .journalLeft, section#AJPT a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AUD-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AUD-primary-color) 0%, var(--bg-AUD-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AUD-primary-color) 0%, var(--bg-AUD-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AUD-primary-color) 0%, var(--bg-AUD-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AUD-primary-color)', endColorstr='var(--bg-AUD-secondary-color)', GradientType=1);
}

section#AJPT #paperPal{
    background: linear-gradient(135deg, var(--bg-AUD-primary-color),  var(--bg-AUD-secondary-color));
}

section#AJPT .journalLink{
    color: var(--bg-AUD-primary-color) !important;
}

section#BRIA .journalLeft, section#BRIA a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-ABO-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-ABO-primary-color) 0%, var(--bg-ABO-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-ABO-primary-color) 0%, var(--bg-ABO-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-ABO-primary-color) 0%, var(--bg-ABO-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-ABO-primary-color)', endColorstr='var(--bg-ABO-secondary-color)', GradientType=1);
}

section#BRIA #paperPal{
    background: linear-gradient(135deg, var(--bg-ABO-primary-color),  var(--bg-ABO-secondary-color));
}

section#BRIA .journalLink{
    color: var(--bg-ABO-primary-color) !important;
}

section#CIIA .journalLeft, section#CIIA a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AUD-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AUD-primary-color) 0%, var(--bg-AUD-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AUD-primary-color) 0%, var(--bg-AUD-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AUD-primary-color) 0%, var(--bg-AUD-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AUD-primary-color)', endColorstr='var(--bg-AUD-secondary-color)', GradientType=1);
}

section#CIIA #paperPal{
    background: linear-gradient(135deg, var(--bg-AUD-primary-color),  var(--bg-AUD-secondary-color));
}

section#CIIA .journalLink{
    color: var(--bg-AUD-primary-color) !important;
}

section#JETA .journalLeft, section#JETA a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-SET-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-SET-primary-color) 0%, var(--bg-SET-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-SET-primary-color) 0%, var(--bg-SET-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-SET-primary-color) 0%, var(--bg-SET-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-SET-primary-color)', endColorstr='var(--bg-SET-secondary-color)', GradientType=1);
}

section#JETA #paperPal{
    background: linear-gradient(135deg, var(--bg-SET-primary-color),  var(--bg-SET-secondary-color));
}

section#JETA .journalLink{
    color: var(--bg-SET-primary-color) !important;
}

section#JFAR .journalLeft, section#JFAR a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-FIA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-FIA-primary-color) 0%, var(--bg-FIA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-FIA-primary-color) 0%, var(--bg-FIA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-FIA-primary-color) 0%, var(--bg-FIA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-FIA-primary-color)', endColorstr='var(--bg-FIA-secondary-color)', GradientType=1);
}

section#JFAR #paperPal{
    background: linear-gradient(135deg, var(--bg-FIA-primary-color),  var(--bg-FIA-secondary-color));
}

section#JFAR .journalLink{
    color: var(--bg-FIA-primary-color) !important;
}

section#JOGNA .journalLeft, section#JOGNA a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-GNP-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-GNP-primary-color) 0%, var(--bg-GNP-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-GNP-primary-color) 0%, var(--bg-GNP-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-GNP-primary-color) 0%, var(--bg-GNP-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-GNP-primary-color)', endColorstr='var(--bg-GNP-secondary-color)', GradientType=1);
}

section#JOGNA #paperPal{
    background: linear-gradient(135deg, var(--bg-GNP-primary-color),  var(--bg-GNP-secondary-color));
}

section#JOGNA .journalLink{
    color: var(--bg-GNP-primary-color) !important;
}


section#AHJ .journalLeft, section#AHJ a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AAH-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AAH-primary-color) 0%, var(--bg-AAH-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AAH-primary-color) 0%, var(--bg-AAH-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AAH-primary-color) 0%, var(--bg-AAH-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AAH-primary-color)', endColorstr='var(--bg-AAH-secondary-color)', GradientType=1);
}

section#AHJ #paperPal{
    background: linear-gradient(135deg, var(--bg-AAH-primary-color),  var(--bg-AAH-secondary-color));
}

section#AHJ .journalLink{
    color: var(--bg-AAH-primary-color) !important;
}


section#JIAR .journalLeft, section#JIAR a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-IA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-IA-primary-color) 0%, var(--bg-IA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-IA-primary-color) 0%, var(--bg-IA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-IA-primary-color) 0%, var(--bg-IA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-IA-primary-color)', endColorstr='var(--bg-IA-secondary-color)', GradientType=1);
}

section#JIAR #paperPal{
    background: linear-gradient(135deg, var(--bg-IA-primary-color),  var(--bg-IA-secondary-color));
}

section#JIAR .journalLink{
    color: var(--bg-IA-primary-color) !important;
}

section#JLTR .journalLeft, section#JLTR a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-ATA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-ATA-primary-color) 0%, var(--bg-ATA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-ATA-primary-color) 0%, var(--bg-ATA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-ATA-primary-color) 0%, var(--bg-ATA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-ATA-primary-color)', endColorstr='var(--bg-ATA-secondary-color)', GradientType=1);
}

section#JLTR #paperPal{
    background: linear-gradient(135deg, var(--bg-ATA-primary-color),  var(--bg-ATA-secondary-color));
}

section#JLTR .journalLink{
    color: var(--bg-ATA-primary-color) !important;
}

section#JMAR .journalLeft, section#JMAR a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-MAS-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-MAS-primary-color) 0%, var(--bg-MAS-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-MAS-primary-color) 0%, var(--bg-MAS-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-MAS-primary-color) 0%, var(--bg-MAS-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-MAS-primary-color)', endColorstr='var(--bg-MAS-secondary-color)', GradientType=1);
}

section#JMAR #paperPal{
    background: linear-gradient(135deg, var(--bg-MAS-primary-color),  var(--bg-MAS-secondary-color));
}

section#JMAR .journalLink{
    color: var(--bg-MAS-primary-color) !important;
}

section#API .journalLeft, section#API a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-PI-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-PI-primary-color) 0%, var(--bg-PI-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-PI-primary-color) 0%, var(--bg-PI-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-PI-primary-color) 0%, var(--bg-PI-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-PI-primary-color)', endColorstr='var(--bg-PI-secondary-color)', GradientType=1);
}

section#API #paperPal{
    background: linear-gradient(135deg, var(--bg-PI-primary-color),  var(--bg-PI-secondary-color));
}

section#API .journalLink{
    color: var(--bg-PI-primary-color) !important;
}

section#JFR .journalLeft, section#JFR a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-FARS-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-FARS-primary-color) 0%, var(--bg-FARS-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-FARS-primary-color) 0%, var(--bg-FARS-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-FARS-primary-color) 0%, var(--bg-FARS-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-FARS-primary-color)', endColorstr='var(--bg-FARS-secondary-color)', GradientType=1);
}

section#JFR #paperPal{
    background: linear-gradient(135deg, var(--bg-FARS-primary-color),  var(--bg-FARS-secondary-color));
}

section#JFR .journalLink{
    color: var(--bg-FARS-primary-color) !important;
}

section#JIS .journalLeft, section#JIS a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-AIS-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-AIS-primary-color) 0%, var(--bg-AIS-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-AIS-primary-color) 0%, var(--bg-AIS-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-AIS-primary-color) 0%, var(--bg-AIS-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-AIS-primary-color)', endColorstr='var(--bg-AIS-secondary-color)', GradientType=1);
}

section#JIS #paperPal{
    background: linear-gradient(135deg, var(--bg-AIS-primary-color),  var(--bg-AIS-secondary-color));
}

section#JIS .journalLink{
    color: var(--bg-AIS-primary-color) !important;
}

section#JATA .journalLeft, section#JATA a.stepBtn{
    color: white;
    
    text-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    background: var(--bg-ATA-primary-color);
    background: -moz-linear-gradient(-45deg, var(--bg-ATA-primary-color) 0%, var(--bg-ATA-secondary-color) 100%);
    background: -webkit-linear-gradient(-45deg, var(--bg-ATA-primary-color) 0%, var(--bg-ATA-secondary-color) 100%);
    background: linear-gradient(135deg, var(--bg-ATA-primary-color) 0%, var(--bg-ATA-secondary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-ATA-primary-color)', endColorstr='var(--bg-ATA-secondary-color)', GradientType=1);
}

section#JATA #paperPal{
    background: linear-gradient(135deg, var(--bg-ATA-primary-color),  var(--bg-ATA-secondary-color));
}

section#JATA .journalLink{
    color: var(--bg-ATA-primary-color) !important;
}





