/*
 * Theme Name: My Timber Starter Theme
 * Description: Starter Theme to use with Timber
 * Author: Upstatement and YOU!
*/

body{
    color: white;
    font-family: "Outfit", sans-serif;
    overflow: hidden; 
    line-height: 1em;
}

img[src="https://cdn.rawgit.com/000webhost/logo/e9bd13f7/footer-powered-by-000webhost-white2.png"]{display:none;}
img[src="https://www.000webhost.com/static/default.000webhost.com/images/powered-by-000webhost.png"]{display:none!important;}


h1{
    font-weight: 900;
    color: yellow;
    font-size: 2.5rem;
}

p{
    font-size: 1rem;
}

h3{
    font-size: 1.5rem;
    font-weight: 700;
}


.sectionTitle{
}

.pageContainer{
    height: 100vh;
    max-height: 100vh;
    max-width: 100%;
    overflow: hidden;
}

.elementStyle{
    
}

.videoSection{
    z-index: -999;
    width: 100%;
    height: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top:0;
}

.video-container {
    width: 100%;
    height: 95vh;
    position: relative;
    margin: 0;
    padding: 0;
}

.video-container video {
    border-radius: 32px;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

hr{
    margin: 0.5rem 0 0 0;
}

.extras{
    color: #fff;
}

.specialmenu h1{
    color: #3d5b70!important;
}





@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.bokehbackground {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #275c74;
    overflow: hidden;
}

.bokehbackground span {
    width: 50vmin;
    height: 50vmin;
    border-radius: 50vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 24;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.bokehbackground span:nth-child(0) {
    color: #c985b8;
    top: 95%;
    left: 20%;
    animation-duration: 22s;
    animation-delay: -194s;
    transform-origin: 10vw 5vh;
    box-shadow: -100vmin 0 12.976252825797605vmin currentColor;
}
.bokehbackground span:nth-child(1) {
    color: #c985b8;
    top: 95%;
    left: 17%;
    animation-duration: 234s;
    animation-delay: -210s;
    transform-origin: 5vw -1vh;
    box-shadow: 100vmin 0 13.118919306392357vmin currentColor;
}
.bokehbackground span:nth-child(2) {
    color: #f2b5e2;
    top: 47%;
    left: 31%;
    animation-duration: 253s;
    animation-delay: -30s;
    transform-origin: 0vw -19vh;
    box-shadow: -100vmin 0 13.1012674549711vmin currentColor;
}
.bokehbackground span:nth-child(3) {
    color: #c985b8;
    top: 91%;
    left: 70%;
    animation-duration: 99s;
    animation-delay: -216s;
    transform-origin: -1vw -18vh;
    box-shadow: -100vmin 0 12.928325916317696vmin currentColor;
}
.bokehbackground span:nth-child(4) {
    color: #f2b5e2;
    top: 98%;
    left: 98%;
    animation-duration: 66s;
    animation-delay: -178s;
    transform-origin: -8vw 5vh;
    box-shadow: 100vmin 0 13.162201573788968vmin currentColor;
}
.bokehbackground span:nth-child(5) {
    color: #f2b5e2;
    top: 6%;
    left: 73%;
    animation-duration: 102s;
    animation-delay: -169s;
    transform-origin: -1vw 15vh;
    box-shadow: -100vmin 0 12.506151526828752vmin currentColor;
}
.bokehbackground span:nth-child(6) {
    color: #c985b8;
    top: 83%;
    left: 83%;
    animation-duration: 243s;
    animation-delay: -210s;
    transform-origin: 15vw -5vh;
    box-shadow: 100vmin 0 12.787030449297037vmin currentColor;
}
.bokehbackground span:nth-child(7) {
    color: #c985b8;
    top: 19%;
    left: 87%;
    animation-duration: 229s;
    animation-delay: -167s;
    transform-origin: 3vw -19vh;
    box-shadow: -100vmin 0 13.01855970466341vmin currentColor;
}
.bokehbackground span:nth-child(8) {
    color: #f2b5e2;
    top: 78%;
    left: 11%;
    animation-duration: 215s;
    animation-delay: -241s;
    transform-origin: 15vw 24vh;
    box-shadow: -100vmin 0 12.918915313620186vmin currentColor;
}
.bokehbackground span:nth-child(9) {
    color: #0e394e;
    top: 79%;
    left: 48%;
    animation-duration: 161s;
    animation-delay: -98s;
    transform-origin: 2vw 5vh;
    box-shadow: -100vmin 0 12.900253470437878vmin currentColor;
}
.bokehbackground span:nth-child(10) {
    color: #c985b8;
    top: 2%;
    left: 10%;
    animation-duration: 173s;
    animation-delay: -55s;
    transform-origin: 5vw 8vh;
    box-shadow: 100vmin 0 13.099074920329574vmin currentColor;
}
.bokehbackground span:nth-child(11) {
    color: #f2b5e2;
    top: 14%;
    left: 13%;
    animation-duration: 259s;
    animation-delay: -147s;
    transform-origin: 20vw -20vh;
    box-shadow: -100vmin 0 12.713261815481001vmin currentColor;
}
.bokehbackground span:nth-child(12) {
    color: #f2b5e2;
    top: 6%;
    left: 33%;
    animation-duration: 102s;
    animation-delay: -208s;
    transform-origin: -11vw 13vh;
    box-shadow: 100vmin 0 12.555385416131378vmin currentColor;
}
.bokehbackground span:nth-child(13) {
    color: #0e394e;
    top: 47%;
    left: 55%;
    animation-duration: 37s;
    animation-delay: -148s;
    transform-origin: 3vw -12vh;
    box-shadow: -100vmin 0 13.083214656054325vmin currentColor;
}
.bokehbackground span:nth-child(14) {
    color: #c985b8;
    top: 74%;
    left: 31%;
    animation-duration: 37s;
    animation-delay: -218s;
    transform-origin: 9vw -18vh;
    box-shadow: -100vmin 0 13.150081298175179vmin currentColor;
}
.bokehbackground span:nth-child(15) {
    color: #f2b5e2;
    top: 46%;
    left: 71%;
    animation-duration: 127s;
    animation-delay: -59s;
    transform-origin: 17vw -17vh;
    box-shadow: 100vmin 0 12.979424063594667vmin currentColor;
}
.bokehbackground span:nth-child(16) {
    color: #0e394e;
    top: 36%;
    left: 96%;
    animation-duration: 56s;
    animation-delay: -231s;
    transform-origin: -13vw 13vh;
    box-shadow: 100vmin 0 12.835110745686373vmin currentColor;
}
.bokehbackground span:nth-child(17) {
    color: #f2b5e2;
    top: 85%;
    left: 4%;
    animation-duration: 44s;
    animation-delay: -65s;
    transform-origin: 0vw 4vh;
    box-shadow: 100vmin 0 13.226392068805438vmin currentColor;
}
.bokehbackground span:nth-child(18) {
    color: #f2b5e2;
    top: 42%;
    left: 27%;
    animation-duration: 189s;
    animation-delay: -68s;
    transform-origin: 15vw 5vh;
    box-shadow: 100vmin 0 12.82160664248232vmin currentColor;
}
.bokehbackground span:nth-child(19) {
    color: #0e394e;
    top: 21%;
    left: 77%;
    animation-duration: 58s;
    animation-delay: -126s;
    transform-origin: 22vw -2vh;
    box-shadow: -100vmin 0 13.072275406297402vmin currentColor;
}
.bokehbackground span:nth-child(20) {
    color: #0e394e;
    top: 2%;
    left: 98%;
    animation-duration: 44s;
    animation-delay: -13s;
    transform-origin: 17vw 9vh;
    box-shadow: -100vmin 0 12.877625119305984vmin currentColor;
}
.bokehbackground span:nth-child(21) {
    color: #c985b8;
    top: 13%;
    left: 40%;
    animation-duration: 74s;
    animation-delay: -218s;
    transform-origin: -16vw -3vh;
    box-shadow: 100vmin 0 12.747507748492795vmin currentColor;
}
.bokehbackground span:nth-child(22) {
    color: #f2b5e2;
    top: 17%;
    left: 83%;
    animation-duration: 105s;
    animation-delay: -122s;
    transform-origin: 19vw 0vh;
    box-shadow: -100vmin 0 12.90539490903793vmin currentColor;
}
.bokehbackground span:nth-child(23) {
    color: #0e394e;
    top: 95%;
    left: 52%;
    animation-duration: 105s;
    animation-delay: -254s;
    transform-origin: 11vw 13vh;
    box-shadow: -100vmin 0 13.300537913644149vmin currentColor;
}
.bokehbackground span:nth-child(24) {
    color: #f2b5e2;
    top: 24%;
    left: 87%;
    animation-duration: 178s;
    animation-delay: -59s;
    transform-origin: 3vw -10vh;
    box-shadow: 100vmin 0 12.605979067615541vmin currentColor;
}
.bokehbackground span:nth-child(25) {
    color: #c985b8;
    top: 40%;
    left: 23%;
    animation-duration: 206s;
    animation-delay: -219s;
    transform-origin: 1vw -22vh;
    box-shadow: 100vmin 0 12.999597542263713vmin currentColor;
}



/* >>>>> START MOBILE MENU CSS <<<<<<<*/


.page-id-109 {
    background-color: #ffd405;
    overflow-y:scroll;
    overflow-x:hidden;
}
.page-id-109 svg {
   
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.glass{
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border: 1px solid rgba(255, 255, 255, 0.42);
}

.movingBackground{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -999;
    overflow: hidden;
}

.mainmenu{
    display: none;
}

.menuLogo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-nav{
    display: flex;
    list-style: none;
}

.navbar-nav li{
    margin-right: 20px;
}

.video-container_mobile {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

.video-container_mobile video {
    border-radius: 32px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.kidsmenu{
    min-height: 200px;
    background-color: #ffd405;
    color: #0e394e;
    border-radius: 32px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

a:link, .socials a:visited, .socials a:hover, .socials a:active { color:#ffffff; }

.socials i{color: white!important;}