.primary-body{
        min-height: calc(100vh - 300px);
        /* padding: var(--paddingLarge); */
        background-color: rgb(var(--background));
        padding-bottom: calc(var(--paddingLarge) * 2);
}

h1{
    font-family: HightlightFont;
        font-weight: var(--fontWeightBold);
        color: rgb(var(--text));
        font-size: var(--fontLargest);
        text-align: left;
        /*width:75vw;*/
        margin-top: var(--paddingLarge);
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

h1.in-image{
        /*background-color: rgb(var(--background));*/
        font-size: var(--fontMedium);

        width:100%;
}



h2{
        font-family: HightlightFont;
        color: rgb(var(--text));
        font-size: var(--fontLarge);
        font-weight: var(--fontWeightNormal);
        text-align: left;
        /*padding-left: calc(var(--paddingLarge) + var(--paddingSmall));*/
        margin-top: var(--paddingLarge);
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

h3{
        font-family: HightlightFont;
        color: rgb(var(--text));
        font-size: var(--fontMedium);
        font-weight: var(--fontWeightNormal);
        text-align: left;
        /*padding-left: calc(var(--paddingLarge) + var(--paddingSmall));*/
        margin-top: var(--paddingSmall);
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

p{
        font-family: Montserrat;
        color: rgb(var(--textFaint));
        font-size: var(--fontSmallest);
        font-weight: var(--fontWeightNormal);
        text-align: left;
        padding-left: var(--paddingSmall);
        margin: var(--paddingSmall); 
        margin-bottom:calc(var(--paddingSmall) + var(--paddingLarge));
        margin-right: auto;
        margin-left: auto;
        width: 75vw;
}

p.centralP{
    
}

p.centralPCol{
    width: 45vw;
    transform: translateX(-15vw);
}

p.no-pad{
    padding-left: 0;
}

p a{
        color: rgb(var(--text));
        text-decoration: underline;
}

p a:hover{
        color: rgb(var(--textFaint));
}

section.page-head-image{
        position: relative;
        width: 65%;
        height: calc(65vw * 18/32);
        min-height: fit-content;
        background-color: rgb(var(--text));
        /*box-shadow: inset 0 0 0 1000px rgba( var(--backgroundFaint), 0.7);*/
        margin-bottom: calc(var(--paddingLarge) * 5);
}

section.page-head-image div{
        position: absolute;
        /*background-color: red;*/
        width: 90%;
        min-height: fit-content;
        right: calc(25vw - 45vw);
        background-color: rgb(var(--background));
        padding: var(--paddingLarge);
        bottom: var(--paddingLarge);
        
}

section.page-head-image div p{
    text-shadow : 0px 0px 10px rgb(var(--background));
    color: rgb(var(--text));
    width: 100%;
}

section.page-head-image::before{
    content: ""; /* Required for ::after to appear */
    display: block; /* Ensure it takes space */
    position: absolute; /* Position relative to the parent */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, rgb(var(--background)), rgba(var(--background), 0.5), transparent,transparent,transparent);
    pointer-events: none; /* Ensures it doesn't interfere with interactions */
}

a.inline-action-button{
        position: relative;
        background-color: rgb(var(--highlight1));
        color: rgb(var(--text));
        padding: var(--paddingSmall);
        padding-left: var(--paddingLarge);
        padding-right: var(--paddingLarge);
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
        margin-top: var(--paddingLarge);
        border-radius: var(--borderRadius);
        /* border: var(--borderThickness) solid rgb(var(--background)); */
}

a.inline-action-button:hover{
        background-color: rgb(var(--highlight1Faint));
        color: rgb(var(--textFaint));
}

a.inline-action-button.full-width{
        width:100%;
        text-align:center;
}

div.tag-parent{
        position: absolute;
        bottom: var(--paddingLarge);
        right: var(--paddingLarge);
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: flex-start;
}

p.tag-item{
        position: relative;
        display: inline-block;
        color: rgb(var(--background));
        width: fit-content;
        padding: var(--paddingSmall) var(--paddingLarge);
        border-radius: var(--borderRadius);
        background-color: rgb(var(--highlight1));
        margin: var(--paddingSmall);
        border: var(--borderThickness) solid rgb(var(--background));
        /* font-size: var(--fontSmallest); */
}

.mini-text{
        font-size: var(--fontSmallest);
}

.grecaptcha-badge{
    z-index:999 !important;
}

@media only screen and (max-width: 949px) {


        .mini-text{
                font-size: var(--fontMicro);
        }
        
        h1{
            font-size: var(--fontSmall);
        }
        h2{
            width: 90vw;
            font-size: var(--fontMedium);
        }
        
        h3{
            width: 90vw;
            font-size: var(--fontSmall);
        }
        
        p{
            width: 90vw;
        }
        
        p.centralPCol{
            width: 90vw;
            transform: translateX(0vw);
        }

}

@media only screen and (max-width: 800px) {

        section.page-head-image{
                height: calc(100vw *32/32);
                min-height: inherit;
        }
        
        section.page-head-image div{
                /*background-color: red;*/
                width: 100%;
                right: calc(10vw - 45vw);
                padding: var(--paddingLarge);
                bottom: var(--paddingSmall);
                margin-top: calc(var(--paddingLarge) * 4);
        
        }
}