/* Change width of scroll buttons */
.scroll-button {
    min-width: 140px;
}

/* ===================================== */
/* =        PUBLCIATION CATEGORY       = */
/* ===================================== */
/* Section settings */
.sections {
    scroll-margin-top: 100px;
}

/* ===================================== */
/* =     PUBLICATION YEAR GROUPING     = */
/* ===================================== */
.category-year {
    display: flex;
    flex-direction: column;
    /* Alignment */
    justify-content: center;
    align-items: center; 
    /* Dimension */
    width: calc(100% - 20% - 20%);
    height: auto;
    /* Padding */
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    /* Colour */
    background-color: var(--bg-colour-1);
    /* Shadow */
    box-shadow: -15px 15px 16px 0px rgba(138, 131, 124, 0.23);
    position: relative;
}

.category-year-title {
    /* Colour */
    color: var(--highlight-colour-1);
    /* Font things */
    font-family: Poppins-Semi-Bold;
    font-size: 30px;
    /* Dimension */
    width: 100%;
    height: auto;
    /* Alignment */
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    /* padding-bottom: 10px; */
}

/* ===================================== */
/* =          PUBLICATION ITEM         = */
/* ===================================== */
.item {
    display: grid;
    position: static;
    /* grid-auto-columns: 1fr; */
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto auto;
    grid-auto-flow: row;
    grid-template-areas: 
        "item-title"
        "item-authors"
        "item-journal-conference"
        "item-location"
        "item-buttons";
    justify-content: center; 
    align-content: center; 
    justify-items: start; 
    align-items: start; 
    /* width: 100%; 
    height: 100%;  */
    /* Dimensions */
    width: 100%;
    height: auto;
    /* Padding */
    /* margin-top: 20px;
    margin-bottom: 20px; */
    /* padding-top: 20px; */
    /* padding-bottom: 10px; */
}

/* Title */
.item-title {
    grid-area: item-title;
    /* Dimension */
    width: 100%;
    /* Alignment */
    justify-self: start; 
    align-self: end; 
    /* Padding */
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    /* Font */
    font-family: Poppins-Semi-Bold;
    font-size: 14px;
}

/* Authors */
.item-authors {
    grid-area: item-authors;
    /* Alignment */
    justify-self: start;
    align-self: end;
    /* Padding */
    padding-left: 20px;
    padding-right: 20px;
    /* Font */
    font-family: Figtree-Light;
    font-size: 15px;
    color: var(--text-colour-1);
}

/* Where is published (journal, conference) */
.item-journal-conference {
    grid-area: item-journal-conference;
    /* Alignment */
    justify-self: start; 
    align-self: end;  
    /* Padding */
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    /* Font */
    font-family: Figtree-Light;
    font-size: 15px;
}
/* Where is published (journal, conference) */
.item-location {
    grid-area: item-location;
    /* Alignment */
    justify-self: start;
    align-self: end;
    /* Padding */
    padding-top: 10px;
    padding-left: 20px;
    /* Font */
    font-family: Figtree-Light;
    font-size: 15px;
}

.item-buttons {
    grid-area: item-buttons;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Links to Articles */
.link-to-paper, .link-to-preprint {
    /* Appearance */
    border: none;
    border-radius: 100px;
    /* Dimension */
    width: 175px;
    height: 40px;
    /* Padding */
    /* Alignment */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* Font */
    font-family: Figtree-Light;
    font-size: 16px;
    color: var(--text-colour-2);
    /* Effect */
    transition: transform 0.2s ease;
}

/* Colours */
.link-to-paper {
    background-color: var(--highlight-colour-1);
    color: var(--text-colour-2);
}
.link-to-preprint {
    background-color: var(--bg-colour-1);
    /* background-color: rgba(244, 236, 230); */
    color: var(--text-colour-1);
}

/* Hover effects */
.link-to-paper:hover {
    transform: scale(1.1);
}
.link-to-preprint:hover {
    transform: scale(1.1);
}

/* ======================================================== */
/* =                    MOBILE STYLING                    = */
/* ======================================================== */
@media (max-width: 768px) {
    /* ===================================== */
    /* =              PUB ITEM             = */
    /* ===================================== */
    .category-year {
        width: 100%;
    }

    /* ===================================== */
    /* =              BUTTONS              = */
    /* ===================================== */
    .introduction-buttons {
        flex-direction: row;
        gap: 10px;
    }

    .scroll-button {
        min-width: 110px;
    }

    .item-buttons {
        justify-content: center;
    }

    .link-to-paper,
    .link-to-preprint {
        /* Appearance */
        border: none;
        border-radius: 100px;
        /* Dimension */
        width: 155px;
        height: 30px;
        /* Padding */
        /* Alignment */
        text-align: center;
        text-decoration: none;
        display: inline-block;
        /* Font */
        font-family: Figtree-Light;
        font-size: 14px;
    }
}