#homepage{background:#fff}h1#logo{position:absolute;top:0;left:0;z-index:500;height:10vh;padding:2vh;background-color:white;background-image:url(../assets/img/logo.png);background-size:contain;background-position:center left;background-repeat:no-repeat;background-origin:content-box;color:#263056;font-size:2rem;line-height:6vh;text-indent:8vh}#homepage-header{display:flex;flex-direction:row;height:100vh;overflow:hidden}#homepage-header .homepage-tab{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;flex:1;cursor:pointer;transition:flex 400ms}#homepage-header .homepage-tab#admin-tab{background-color:#263056;color:#fff}#homepage-header .homepage-tab#admin-tab .tab-icon{transform:rotate(4deg);transition:transform 400ms}#homepage-header .homepage-tab#admin-tab:hover .tab-icon{transform:rotate(0deg);transition:transform 400ms 400ms}#homepage-header .homepage-tab .tab-icon{width:18vw}#homepage-header .homepage-tab .tab-icon img{width:18vw}#homepage-header .homepage-tab .tab-name{font-size:2.5rem}#homepage-header .homepage-tab .tab-button{display:inline-block;margin:4rem 1rem 0;padding:1rem;font-family:Teko,Impact,sans-serif;font-size:2rem;text-decoration:none;transform:skewX(-4deg);transition:background-color 400ms,color 400ms}#homepage-header .homepage-tab .tab-button .tab-button-text{display:block;transform:skewX(4deg)}#homepage-header .homepage-tab:hover .tab-button.default-link,#homepage-header .homepage-tab .tab-button:hover{background-color:#141414;color:#fff}#homepage-header .homepage-tab .tab-button,#homepage-header .homepage-tab:hover .tab-button.default-link.not-selected{background-color:#adbb61;color:#141414}#homepage-header .divider{position:relative;flex:0}#homepage-header .divider:after{content:'';position:absolute;left:0;right:0;top:-25vh;bottom:-25vh;z-index:100;width:8vw;border-style:dashed;border-width:0;transform:translateX(-50%) rotate(4deg)}#homepage-header .divider.start:after{border-color:#adbb61;border-right-width:2px}#homepage-header .divider.middle:after{background-color:#E57164;transition:width 400ms}#homepage-header .divider.end:after{border-color:#fff;border-left-width:2px}@media screen and (max-width: 900px){#homepage-header{flex-direction:column;height:auto}#homepage-header .homepage-tab{flex:auto}#homepage-header .homepage-tab:hover{flex:auto}#homepage-header .homepage-tab#parents-tab{padding:12vh 0}#homepage-header .homepage-tab#admin-tab{padding:12vh 0;min-height:100vh}#homepage-header .homepage-tab#admin-tab .tab-icon{transform:rotate(0deg)}#homepage-header .homepage-tab .tab-icon{width:auto;height:25vh}#homepage-header .homepage-tab .tab-icon img{width:auto;height:25vh}#homepage-header .homepage-tab .tab-name{font-size:3rem}#homepage-header .homepage-tab .tab-button{display:block;margin:2rem 0}#homepage-header .divider:after{left:-25vw;right:-25vw;top:0;bottom:auto;height:12vh;width:auto;transform:translateY(-50%) rotate(-4deg)}#homepage-header .divider.start:after{content:none}#homepage-header .divider.end:after{border-left-width:0;border-top-width:2px}#homepage-header:hover .divider.middle:after{width:auto}}@media screen and (max-width: 700px){h1#logo{height:10vh;padding:1vh;font-size:1.5rem;line-height:8vh;text-indent:10vh}}@media screen and (max-width: 400px){h1#logo{font-size:1.25rem}#homepage-header .homepage-tab .tab-name{font-size:2rem}#homepage-header .homepage-tab .tab-button{font-size:1.25rem}}#parent-tips-title{font-size:4em;margin:20vh 20vh 10vh 20vh}#parent-tips-title:after{content:'';display:block;width:50%;height:5px;background-color:#adbb61;position:relative;right:0%}.tipsContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 20vh}.tipsContainer .tipsItem{display:flex;justify-content:space-between;align-items:flex-start;margin:20px 0}.tipsContainer .tipsItem img{width:20%}.gallery{position:relative;min-height:100vh}.gallery-thumbnails{display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;width:32vw}.gallery-thumbnails .thumbnail{width:30%;margin-bottom:5%;opacity:0;transition:opacity 400ms}.gallery-thumbnails .thumbnail.loaded{opacity:1}.gallery-thumbnails .thumbnail:nth-last-child(1),.gallery-thumbnails .thumbnail:nth-last-child(2),.gallery-thumbnails .thumbnail:nth-last-child(3){margin-bottom:0}.gallery-preview{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:44vw;height:94vh;padding:0;background:#eee}.gallery-preview img{display:none;max-width:90%;max-height:90%;opacity:0;transition:transform 400ms,opacity 400ms}.gallery-preview img.loaded.show{display:block;opacity:1}.gallery-preview.scroll-progress{position:fixed;right:10vw;top:6vh}.gallery-preview.scroll-progress img{transform:translateY(0)}.gallery-preview.scroll-end{top:auto;bottom:0;transition:top 0s}@media screen and (max-width: 1200px){.gallery-thumbnails .thumbnail{width:47.5%}}@media screen and (max-width: 900px){.gallery{padding:0 1rem}.gallery-thumbnails{width:100%}.gallery-thumbnails .thumbnail{width:30%}.gallery-preview{display:none}}@media screen and (max-width: 600px){.gallery-thumbnails .thumbnail{width:47.5%}}#navbar{background-color:#263056;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10;height:10vh;transition:height .3s ease}#navbar.shrink{height:6vh}#navbar #logo{position:relative;height:100%;padding:2vh;background-image:url(../assets/img/logo.png);background-size:contain;background-position:center left;background-repeat:no-repeat;background-origin:content-box;color:#141414;font-size:2.5rem;line-height:6vh;text-indent:8vh;cursor:pointer;transition:padding .3s ease, height .3s ease}#navbar #hamburger{display:none}#navbar #nav-buttons{display:none;justify-content:space-between;height:100%;margin-right:150px}#navbar #nav-buttons.ready{display:flex}#navbar #nav-buttons li{height:100%;display:flex;align-items:center}#navbar #nav-buttons li a{display:flex;align-items:center;height:100%;padding:0vh 20px;color:#fff;font-size:1.3em;position:relative}#navbar #nav-buttons li a:after{content:'';display:block;position:absolute;bottom:0px;left:0;height:5px;width:100%;transform:scaleX(0);background-color:#adbb61;transition:transform .1s linear}#navbar #nav-buttons li a:hover{color:#adbb61}#navbar #nav-buttons li a:hover:after{transform:scaleX(0.8)}footer{position:relative;width:100%;height:110px;background:#141414;border-top:3px solid #adbb61;color:#fff;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}footer p{font-size:1.2rem}footer ul{display:flex;justify-content:space-around}footer ul li{padding:5px 20px}footer ul a{color:#fff}footer ul a:hover{color:#adbb61}#construction{position:fixed;z-index:1000;left:0;right:0;bottom:0;top:0;height:100vh;width:100vw;background:#263056;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:200px}#construction a{color:#fff;font-size:30px}#construction a:hover{color:#E57164}#construction h1{font-size:55px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hind,Arial,sans-serif;color:#141414}h1,h2,h3,h4,h5,h6{font-family:Teko,Impact,sans-serif}ul,ol{list-style-type:none}a{text-decoration:none}img{display:block;max-width:100%;max-height:100%}h2.sectionTitle{font-size:3rem;margin:2rem 0}.content{margin:10vw}p{font-size:1.25rem;line-height:1.75}@media (max-width: 680px){#navbar #logo{font-size:1.8rem}}@media (max-width: 1200px){#navbar{align-items:flex-start;justify-content:flex-start;height:10vh}#navbar #logo{height:100%}#navbar #nav-buttons{margin:0}#navbar #nav-buttons .navButton{text-align:center}#navbar #nav-buttons .navButton a{display:flex;justify-content:center;width:100%;text-align:center;padding:0}#navbar #nav-buttons.hamMenu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:260px;width:200px;box-sizing:border-box;position:fixed;right:0px;top:6vh;transition:right .3s ease-in-out;padding:2vh 0px 1vh 0px;background-color:#141414;z-index:-1;border-radius:2px}#navbar #nav-buttons.hamMenu.closed{right:-220px}#navbar #nav-buttons.hamMenu .navButton{position:relative;width:100%;background-color:#141414;display:flex;justify-content:center}#navbar #nav-buttons.hamMenu .navButton a{display:flex;align-items:center;height:100%;padding:0vh 20px;color:#fff;font-size:1.3em;position:relative}#navbar #nav-buttons.hamMenu .navButton a:after{content:'';display:block;position:absolute;bottom:0px;left:0;height:5px;width:100%;transform:scaleX(0);background-color:#adbb61;transition:transform .1s linear}#navbar #nav-buttons.hamMenu .navButton a:hover{color:#adbb61}#navbar #nav-buttons.hamMenu .navButton a:hover:after{transform:scaleX(1)}#navbar #hamburger{width:40px;height:40px;display:flex;flex-direction:column;justify-content:space-between;position:absolute;cursor:pointer;top:50%;right:50px;transform:translate(0px, -50%);border-radius:50%;overflow:hidden;z-index:100}#navbar #hamburger #shutter-layer{background-image:url("../assets/img/svg-shutter-icon-2.svg");background-size:100%;background-position:center;width:100%;height:100%;position:absolute;transition:background-size .3s ease-in-out}#navbar #hamburger #shutter-layer.grow{background-size:450%}#navbar #hamburger #X-layer{color:#fff;display:none;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;opacity:1;right:50%;top:50%;font-size:2.5em;transform:translate(50%, -50%);transition:opacity .2s linear}#navbar #hamburger #X-layer.ready{display:flex}#navbar #hamburger #X-layer.hidden{opacity:0}#navbar #hamburger #X-layer:not(.hidden) .xPiece{width:5px;height:40px;border-radius:4px;background-color:#fff;position:absolute}#navbar #hamburger #X-layer:not(.hidden) .xPiece:nth-child(1){transform:rotate(45deg);transform-origin:center}#navbar #hamburger #X-layer:not(.hidden) .xPiece:nth-child(2){transform:rotate(-45deg);transform-origin:center}}
