/*GENERAL SETUP*/
html {
font-size: 14px;
max-width: 100%;
}
body {
max-width: 100%;
}
a:hover {
transition: ease-in-out 300ms;
}
:where(.wp-site-blocks :focus) {
    outline-width: 0 !important;
    outline-style: none !important;
}

/*MOBILE-FIRST STYLING*/
header {
position: fixed;
z-index: 9999;
width: 100%;
max-width: 100%;
border-bottom: 10px solid transparent;
border-image: url(/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));
}
.site-header h1 a:hover {
    text-decoration: none;
}

.contact-button {
/*display: none;*/
margin-left: auto !important;
}

main {
margin-top: 90px !important;
margin-bottom: 90px !important;
padding: 1rem;
width: 100%;
max-width: 100%;
}

main h1 {
    padding-left: 1rem;
    padding-right: 1rem;
}
main h2 {
    padding-left: 1rem;
    padding-right: 1rem;
}


footer {
position: fixed;
bottom: 0px;
z-index: 9998;
height: 75px;
width: 100%;
max-width: 100%;
border-right: none;
}
.footer-nav {
flex-direction: row !important;
position: absolute;
bottom: 0px;
height: 75px;
width: 100%;
margin-top: 0px;
gap: 0 !important;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-top: 2px solid var(--wp--preset--color--accent-1);
box-shadow: 0 0 10px white;
background-color: var(--wp--preset--color--accent-3) !important;
}
.footer-nav .wp-block-tiptip-hyperlink-group-block {
width: 100% !important;
}
.wp-block-tiptip-hyperlink-group-block:hover {
color: var(--wp--preset--color--accent-1);
}
.nav-item {
flex-basis: 20%;
flex-shrink: 0;
gap: 0 !important;
}
.nav-item p {
font-size: 1.4rem;
}
.submit-link {
    flex-basis: 150%;
    padding-left: 5px;
    padding-right: 5px;
}
.submit {
background-color: var(--wp--preset--color--accent-2);
border: 5px solid transparent;
border-image: url(/wp-content/uploads/2025/02/torn-red.webp) 20 round;
border-image-width: 1.5 !important;
border-image-outset: 5px;
flex-grow: 1;
}
.submit:hover {
    color: white;
}
.submit h3 {
margin-top: 5px;
transform: scaleX(1.1);
}

/*Mobile pop-up menus*/
@media only screen and (max-width: 767px){
.footer-nav .desktop-only {
visibility: hidden;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background-color: var(  --wp--preset--color--accent-3);
height: 75px;
width: 18.18% !important;
box-shadow: 0 -4px 10px -3px white;
}
.footer-nav a:nth-of-type(5) {
    right: 18.18%;
    border-left: 2px solid var(--wp--preset--color--accent-1);
    border-right: 2px solid var(--wp--preset--color--accent-1);
}
.footer-nav a:nth-of-type(6) {
    right: 18.18%;
    border-left: 2px solid var(--wp--preset--color--accent-1);
    border-right: 2px solid var(--wp--preset--color--accent-1);
    border-top: 2px solid var(--wp--preset--color--accent-1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.footer-nav a:nth-of-type(8) {
    right: 0.25rem;
    border-left: 2px solid var(--wp--preset--color--accent-1);
    border-right: 2px solid var(--wp--preset--color--accent-1);
}
.footer-nav a:nth-of-type(9) {
    right: 0.25rem;
    border-left: 2px solid var(--wp--preset--color--accent-1);
    border-right: 2px solid var(--wp--preset--color--accent-1);
    border-top: 2px solid var(--wp--preset--color--accent-1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.desktop-only h3 {
    padding: 0 7px;
}
/*Create the classes and transitions for the script*/
.first-menu-item {
    visibility: visible !important;
    transform: translateY(-74px);
    transition: 300ms ease-in-out;
}
.second-menu-item {
    visibility: visible !important;
    transform: translateY(-148px);
    transition: 300ms ease-in-out;
}

}

/*Pill buttons*/
.wp-block-button a {
    border: 1px solid var(--wp--preset--color--accent-1);
    background-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--accent-4);
    transition: ease-in-out 300ms;
    border-radius: 0;
}
.wp-block-button a:hover {
    border: 1px solid var(--wp--preset--color--accent-2);
	background-color: var(--wp--preset--color--accent-4);
	color: var(--wp--preset--color--accent-2);
	transition: ease-in-out 300ms;
}

/*Gtranslate block*/
@media only screen and (max-width:1024px){
#gt_float_wrapper {
    bottom: 90px !important;
    left: 20px !important;
    right: unset !important;
}
.gt_float_switcher {
	font-size: 1em !important;
}
.gt_float_switcher img {
	width: 25px !important;
}
.gt_float_switcher .gt_options a, .gt_float_switcher .gt-selected .gt-current-lang {
	padding: 5px !important;
}
}

/*TABLET STYLING*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.desktop-only {
    display: block !important;
}
.mobile-only {
    display: none !important;
}
.contact-button {
    display: revert;
}
.submit h3 {
    transform: scaleX(1.1);
}
}


/*DESKTOP STYLING*/
@media only screen and (min-width: 1024px){
/*.contact-button {
    display: revert;
}
.contact-button > div {
    flex-direction: row;
    gap: 1em;
}*/

main {
min-height: calc(100vh - 140px);
width: calc(100vw - 240px);
margin-top: calc(90px + 1rem) !important;
margin-left: calc(200px + 2rem) !important;
margin-bottom: 0 !important;
background-image: url(/wp-content/uploads/2025/04/websitebackground.png);
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right top;
z-index: 0;
}
main div {
max-width: 1366px;
}
footer {
position: fixed;
bottom: unset;
z-index: 9998;
margin-top: 80px !important;
height: calc(100vh - 80px);
width: 200px;
}
.footer-nav {
padding-top: calc(10px + 1rem);
padding-left: 0;
padding-right: 0;
width: 200px;
height: 100%;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 1rem !important;
border-right: 2px solid var(--wp--preset--color--accent-1);
border-top: none;
}
.nav-item {
/*flex-direction: row !important;*/
flex-basis: unset;
width: 100%;
/*height: 4.5rem;*/
border: 5px solid transparent;
}
.nav-item p {
width: 3rem;
text-align: center;
padding-left: 5px;
padding-right: 5px;
}
.nav-item h3 {
text-align: left !important;
margin-top: 7px;
font-size: 1.6rem;
}
.submit-link {
    display: block;
    flex-basis: unset;
    padding-left: 0px;
    padding-right: 0px;
}
.submit {
background-color: var(--wp--preset--color--accent-2);
border-image: url(/wp-content/uploads/2025/02/torn-red-top-bottom.webp) 20 round;
border-image-width: 1.5 !important;
border-image-outset: 5px;
clip-path: inset(-5px 0px -5px 0px);
}
.submit h3 {
    transform: scaleX(1.1);
}
.desktop-only {
display: flex !important;
}
.mobile-only {
display: none !important;
}

}