@font-face {
font-family: 'Punktype';
font-weight: 400;
font-style: normal;
font-display: swap;
src: url('Punktype.ttf') format('truetype');
}
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

:root {
    font-size: 12px !important;
}

.theme--dark.v-application {
background-color: #111111;
}

nav {
background-image: none !important;
z-index: 9998;
display: flex;
flex-direction: column;
}

.v-application nav .pa-4 {
box-sizing: content-box;
position: fixed !important;
width: 100%;
z-index: 9999;
background-color: white;
border-bottom: 10px solid transparent;
border-image: url(https://eroding.org.uk/wp-content/uploads/2025/02/tornpaper-edge.webp) 20 round !important;
border-image-width: 1.5 !important;
filter: drop-shadow(0 20px 1em rgba(0, 0, 0, 0.5));
border-image-outset: 10px !important;
padding: 0 !important;
height: 60px;
display: flex;
align-items: center;
}
nav .pa-4 > a {
height: 70px !important;
width: 70px !important;
margin-top: 10px !important;
margin-left: 5px;
}
nav .pa-4  a span img {
height: 70px;
}
nav .theme--dark.v-btn--active::before {
opacity: 0 !important;
}
.v-application nav .pa-4 > div {
margin-top: 5px !important;
}
.v-application .pa-4 svg path {
fill: black;
}
nav .d-flex button {
color: black !important;
}
nav .d-flex > .d-flex a:first-of-type {
display: none;
}
nav .d-flex button:nth-of-type(1) {
display: none;
}
nav .d-flex button:nth-of-type(2) {
transform: translateX(10px);
}

.v-application nav .text-center {
margin-left: 80px;
margin-right: 77px;
position: fixed;
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: center;
height: 66px;
align-items: flex-start;
}
.v-application .text-center > #title {
    color: black;
}
.v-application .text-center > #title:hover {
    background-color: rgba(150,132,243,0.15) !important;
    border-radius:4px;
    transition:opacity .2s cubic-bezier(.4,0,.6,1);
    transition: ease-in-out 300ms;
}
.v-application .text-center > div {
    color: black;
    margin-top: -5px;
}
#title {
font-size: 1.8rem !important;
font-family: "Special Elite";
font-weight: 300 !important;
padding-top: 5px;
}
.v-application nav h1 .text-body-1, .v-application nav div .text-body-1 {
font-family: 'Special Elite' !important;
font-weight: 400;
font-size: 1rem !important;
line-height: normal;
text-align: left;
text-wrap: pretty;
}
.v-application nav h1 div.pb-3, .v-application nav div div.pb-3 {
    padding-bottom: 5px !important;
}

.v-application .mt-4#navbar {
margin-top: 76px !important;
}

nav #navsearch {
    /*margin: 0 !important;*/
    order: 4;
}
.v-text-field--outlined > .v-input__control > .v-input__slot {
    min-height: 36px !important;
}
.v-text-field--enclosed .v-input__append-inner {
    margin-top: 6px !important;
}
#navsearch > div > span > a {
    height: unset !important;
    min-width: unset !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
}
#navsearch > div > span > a > span {
    padding: 0.25rem 0.5rem !important;
}
/*.vc-pane-layout {
    background-color: #000;
}*/


main {
    padding-bottom: 60px !important;
}

.v-application main .text-h3 {
    font-size: 1.8rem !important;
    font-family: "Special Elite" !important;
    font-weight: 500 !important;
}
.v-application main .text-h3.mb-16.mt-10 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.event {
    width: 180px !important;
}
.event h2.title {
    margin: 0 !important;
    padding: 0.5rem 1rem;
    background-color: #000;

    font-size: 1.2rem !important;
    -webkit-line-clamp: unset !important;
}
.v-application time.subtitle-1 {
    font-size: 1.2rem !important;
}
time.subtitle-1 .v-icon.v-icon {
    font-size: 1.2rem !important;
}
.p-location a {
    font-size: 1.2em !important;
}
article.h-event .v-card__text {
    padding-top: 8px !important;
}

footer.v-footer {
background-color: #000000 !important;
box-shadow: 0 0 10px white !important;
border-top: 2px solid #9684f3 !important;
position: fixed;
bottom: 0px;
z-index: 9998;
height: 60px;
width: 100%;
max-width: 100%;
display: flex;
flex-direction: row !important;
margin-top: 0px;
gap: 0 !important;
padding-left: 0rem;
padding-right: 0rem;
border-top: 2px solid #9684f3;
}
footer.v-footer a {
flex-basis: 25%;
margin: auto 0px !important;
font-family: "Poppins";
letter-spacing: 0 !important;
}
footer a span {
    text-align: center;
}
footer button {
    display: none !important;
}
footer .spacer {
    display: none !important;
}
footer a:last-of-type {
    display:none !important;
}
.v-application footer a.ml-1 {
    margin-left: 0 !important;
}
footer .theme--dark.v-btn:hover::before {
    opacity: 0.15 !important;
}
footer .v-btn::before {
    left: 5px !important;
    right: 5px !important;
}



.v-application nav .d-none {
    display: block !important;
}


/*EVENTS*/
#event > .title {
    margin-top: 76px;
}
.v-application #event .mr-2 {
    margin-right: 48px !important;
}


@media only screen and (min-width:768px) {
    :root {
        font-size: 16px !important;
    }

    .event {
        width: 330px !important;
    }
    .event h2.title {
        font-size: 1.1rem !important;
    }
    .v-application time.subtitle-1 {
        font-size: 1rem !important;
    }

    footer.v-footer a {
        font-size: 1.1rem !important;
        letter-spacing:.0892857143em !important;
    }
}


@media only screen and (min-width:1920px) {

.v-application--wrap:has(nav > h1) {
flex-direction: row !important;
}

nav:has(h1.text-center) {
position: fixed;
width: 25%;
display: flex;
flex-direction: column;
}

.v-application .mt-4#navbar {
    margin-top: 108px !important;
}

nav #navsearch {
order: 4;
padding-left: 24px !important;
}

.vc-pane-layout {
    grid-template-columns: repeat(1, 1fr) !important;
}

nav:has(h1.text-center) ~ main {
margin-left: 25%;
width: 75%;
margin-top: 100px;
}

.event {
    width: 330px !important;
}


/*EVENTS
.img img.u-featured {
    max-height: 75vh;
}*/
}