:root {
    --nav-height-big: 122px;
    --nav-height-small: 52px;
    --nav-height: var(--nav-height-big);
    --standard-margin: 2.625rem;

    --primary-color: #604734;
    --secondary-color: #363636;
    --tertiary-color: #e2001a;
    --accent-color: #fff;
    --primary-background-color: #fff;

    --wordpress-support-bar:  var(--wp-admin--admin-bar--height, 0px);



    --nav-texttransform: none;
    --emphasized-texttransform: uppercase;
    --emphasized-letterspacing: -.03em;


    --header-font: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;

    --main-font: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
    --secondary-font: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
    --details-font: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;

    /*
    --emphasized-texttransform: none;
    --emphasized-letterspacing: 0;


    --header-font: "FC Sans Pauli Stencil","Helvetica Neue",Helvetica,Arial,sans-serif;

    --main-font: "FC Sans Pauli","Helvetica Neue",Helvetica,Arial,sans-serif;
    --secondary-font: "FC Sans Pauli Italics","Helvetica Neue",Helvetica,Arial,sans-serif;
    --details-font: "FC Sans Pauli Tape","Helvetica Neue",Helvetica,Arial,sans-serif;
    */
}

@media (min-width: 768px) {
    :root {
        --nav-height-big: 128px;
        --standard-margin: 48px;
    }
}

@media (min-width: 992px) {
    :root {
        --nav-height-small: 64px;
    }
}

.pride {
    --primary-background-color: linear-gradient(120deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff, #ffc6ff) !important;
}

.trans-pride {
    --tertiary-color: linear-gradient(red, orange, #dd0, green, #0dd, blue, purple) !important;
    --primary-background-color: linear-gradient(120deg, #5BCEFA, #F5A9B8, #fff, #F5A9B8, #5BCEFA) !important;
}

@media (min-width: 992px) {
    .pride {
        --primary-background-color: linear-gradient(150deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #a0c4ff, #bdb2ff, #ffc6ff) !important;
    }
    
    .trans-pride {
        --tertiary-color: linear-gradient(red, orange, #dd0, green, #0dd, blue, purple) !important;
        --primary-background-color: linear-gradient(150deg, #5BCEFA, #F5A9B8, #fff, #F5A9B8, #5BCEFA) !important;
    }
}