/* This file is for quick additions to the site styles  */

/* For more complex structures, please use Sass  */


button.log-in,
button.log-out,
button.my-account,
.print__wrapper.print__wrapper--pdf {
    position: fixed;
    bottom: 0;
    right: 0;
    background: hsla(180deg, 100%, 30%, 0.96);
    border: 0;
    color: white;
    font-family: "Montserrat DT";
    font-style: italic;
    padding: 0.8vh 1.75vh;
    font-weight: 700;
    border-radius: 2vh 0 0 0;
    box-shadow: 0 0 5px 0 hsl(180deg, 100%, 25%) inset;
    z-index: 5;
}

button.log-out {
    background: hsla(180deg, 10%, 30%, 0.96);
    box-shadow: 0 0 5px 0 hsl(180deg, 10%, 25%) inset;
}

button.my-account {
    bottom: 0;
    right: 12vh;
    background: hsla(200deg, 100%, 30%, 0.96);
    box-shadow: 0 0 5px 0 hsl(200deg, 30%, 25%) inset;
    border-radius: 2vh 2vh 0 0;
}

.print__wrapper.print__wrapper--pdf {
    bottom: 0;
    right: 28.2vh;
    background: hsla(20deg, 100%, 30%, 0.96);
    box-shadow: 0 0 5px 0 hsl(20deg, 30%, 25%) inset;
    border-radius: 2vh 2vh 0 0;
}

button.log-in a,
button.log-out a,
button.my-account a,
.print__wrapper.print__wrapper--pdf a {
    color: white;
    text-decoration: unset;
    font-weight: 700;
    font-size: 2vh;
    font-family: "Montserrat DT";
}

button.log-in a {
    font-size: 3vh;
}

#block-poweredbydrupal {
    margin-top: 0.5rem;
}


main,
footer {
    font-family: 'Montserrat DT', sans-serif;
    color: white;
    text-align: center;
    min-height: 35vh;
}


.field--name-field-background-image img {
    max-width: 100%;
    opacity: 0.8;
    object-fit: contain;
}




main a,
footer a {
    color: hsla(180, 100%, 50%);
}

main a:hover,
footer a:hover {
    color: hsla(190, 100%, 70%);
}

main *,
footer * {
    transition: 0.75s all;
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    text-align: left;
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
    margin-left: 3.5vh;
}

.messages.messages--status {
    padding: 0.75vh 0;
    width: 100%;
    text-align: center;
}

main h2 {
    font-family: Nunito;
}


.use-ajax.toolbar-icon.toolbar-icon-workspace.toolbar-item {
    color: white !important;
}

.testing.node--unpublished {
	background: unset;
}