/* Adding variables */
@import url("../../css/variables.css");

.press-news__main-container {
    width: var(--full);
    padding: var(--padding);
    margin: 0 auto;
    background: var(--dark-gradient-alt);
}

.press-news__inner-container {
    display: flex;
    justify-content: space-between;
    gap: var(--xl-spacing);
    align-items: center;
    width: var(--width);
    min-height: 280px;
    padding: var(--xl-spacing) 0;
    margin: 0 auto;
}

.press-news__title {
    width: 30%;
}

.press-news__title h2 {
    font-size: var(--h2);
    font-weight: var(--extralight);
    line-height: var(--lh-n);
    color: white;
    max-width: 380px;
}

.press-news__links {
    display: flex;
    row-gap: var(--xl-spacing);
    column-gap: var(--m-spacing);
    flex-wrap: wrap;
    width: 70%;
}

.press-news__single-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-spacing);
    width: calc((100% - (2rem * 2)) / 3);
    padding: var(--s-spacing) 0 var(--s-spacing) var(--m-spacing);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--neoblue);
}

.press-news__single-link:nth-child(3n + 1) {
    border-left-width: 0;
}

.press-news__single-link h3 {
    font-size: var(--blocknav);
    font-weight: var(--light);
    color: white;
    line-height: var(--lh-2);
}

.press-news__single-link p {
    font-size: calc(var(--s-spacing) - 2px);
    font-weight: var(--light);
    font-style: italic;
    color: white;
}

.press-news__single-link a:hover {
    color: white;
    border-bottom-color: white;
}

/**********************************************/
/******************* Laptop *******************/
/**********************************************/
@media (max-width: 1366px) {
    .press-news__title h2 {
        max-width: 320px;
    }
}

/**********************************************/
/******************* Tablet *******************/
/**********************************************/
@media (max-width: 1024px) {
    .press-news__single-link {
        width: calc((100% - 2rem) / 2);
        border-left-width: 0;
    }

    .press-news__single-link:nth-child(2n) {
        border-left-width: 1px;
    }
}

/**********************************************/
/******************* Mobile *******************/
/**********************************************/
@media (max-width: 767px) {
    .press-news__inner-container {
        flex-direction: column;
        gap: var(--m-spacing);
    }

    .press-news__title {
        width: var(--full);
    }

    .press-news__title h2 {
        max-width: var(--full);
        text-align: center;
    }

    .press-news__links {
        width: var(--full);
        gap: var(--m-spacing);
    }

    .press-news__single-link {
        padding: 0 0 calc(var(--m-spacing) + 1px) 0;
        width: var(--full);
        border-left: none;
        border-bottom: solid 1px var(--neoblue);
    }

    .press-news__single-link:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .press-news__single-link h3 {
        font-size: var(--h3);
    }
}