@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    /* Global Variables */
    /*--breakpoint-sm: 576px;*/
    /*--breakpoint-md: 768px;*/
    /*--breakpoint-lg: 992px;*/
    /*--breakpoint-xl: 1200px;*/
    /*--breakpoint-xxl: 1400px;*/

    --body-margin: 20px;

    --font-barlow-condensed: 'Barlow Condensed', sans-serif;
    --font-barlow: 'Barlow', sans-serif;

    --primary-color: rgba(25, 102, 62, 1);
    --primary-medium-color: rgba(54, 122, 90, 1);
    --primary-light-color: rgba(223, 203, 186, 1);
    --color-white: rgba(255, 255, 255, 1);
    --color-wheat: rgba(249, 245, 241, 1);
    --color-orange: rgba(231, 102, 65, 1);
    --color-yellow: rgba(229, 209, 97, 1);
    --color-internal-link: rgba(29, 180, 110, 1);

    --primary-border-radius: 16px;
    --primary-font: rgba(14, 68, 43, 1);

    --footer-flex-direction: column;
    --footer-justify-content: center;
    --footer-text-align: center;
    --footer-spacing: 32px;
    --footer-links-marging-top: 32px;

    --article-column-number: 1;
    --article-link-arrow-size: 40px;
    --article-content-link-height: 50px;
    --article-link-background: 80px;
    --article-content-page-title: 28px;
    --article-content-page-title-line-height: 110%;
    --article-content-page-title-weight: 800;
    --article-content-page-paragraph: 16px;
    --article-content-page-paragraph-line-height: 150%;
    --article-content-link-padding: 0 24px 24px 24px;
    --article-content-height: auto;
    --article-content-padding: 12px 24px 0 24px;
    --article-picture-intersect-bottom-hover: 3px;
    --article-picture-intersect-bottom: -2px;
}

@media screen and (min-width: 768px) {
    :root {
        --footer-flex-direction: row;
        --footer-justify-content: space-between;
        --footer-text-align: left;
        --footer-links-marging-top: 0;
        --body-margin: 24px;

        --article-column-number: 2;
        --article-link-arrow-size: 60px;
        --article-content-link-height: 140px;
        --article-link-background: 140px;
        --article-content-link-padding: 0 32px 32px 32px;
        --article-content-height: 350px;
        --article-content-padding: 24px 32px 0 32px;
        --article-picture-intersect-bottom-hover: 3px;
        --article-picture-intersect-bottom: -1px;
        --article-content-page-paragraph-line-height: 160%;
    }
}



@media screen and (min-width: 1200px) {
    :root{
        --article-column-number: 3;
    }
}

@media screen and (min-width: 1300px) {
    :root{
        --article-column-number: 3;
    }
}

body {
    margin: var(--body-margin);
}