/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://chester.family/
 Description:    Divi Child Theme
 Author:         His and Her Story
 Author URI:     https://chester.family/
 Template:       Divi
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
/*Fonts*/
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-100.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-100Italic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-200.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-200Italic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-300Italic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-400Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-500Italic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-600Italic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-700Italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-800Italic.woff2') format('woff2'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('https://chester.family/wp-content/themes/Divi-child/fonts/Poppins/Poppins-900Italic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; }
/*END Fonts*/

/* General and structural defaults */
html { background-color: #1b1a19; }
h1 { color: #1b1a19 !important; margin-top: 0px; margin-bottom: 0px; font-size: 80px; line-height: 0.9; font-weight: 700; letter-spacing: -3.5px; overflow-wrap: normal; }
h2 { color: #1b1a19 !important; margin-top: 0px; margin-bottom: 0px; font-size: 35px; line-height: 0.9; font-weight: 300; letter-spacing: 0px; overflow-wrap: normal; }
* { scrollbar-color: #343434 transparent; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #343434; }
/* Pull quotes with open quotation mark */
blockquote { position: relative; border-left: none; margin: 20px 0px 30px 15px; padding-left: 25px; }
blockquote p { padding-top: 10px; }
blockquote:before { content: "\201C"; font-family: Arial, sans-serif; font-size: 75px; position: absolute; top: 0px; left: -10px; }
/* END Pull quotes with open quotation mark */
.hero_right h1 { margin-bottom: 15px; }
.et_pb_post h2 { padding-bottom: 10px; }
body { background-color: #f3f3f3; color: #1b1a19; font-family: 'Poppins', sans-serif; font-size: 25px !important; line-height: 0.9; font-weight: 400; letter-spacing: -1px; }
#main-header { display: none; }
.et_pb_menu .et_mobile_nav_menu li { list-style-type: none; }
.et_pb_section { padding: 0px !important; }
.hero_left { display: flex; flex-direction: column; justify-content: space-around; position: absolute; top: 0; left: 0; width: 50%; height: 100vh; overflow-y: hidden; overflow-x: hidden; padding: 30px; box-sizing: border-box; background-color: #fac670; animation: enableScroll 10s linear 1s forwards; }
.hero_right { display: flex; flex-direction: column; justify-content: flex-start; position: absolute; top: 0; right: 0; width: 50%; height: 100vh; overflow-y: auto; overflow-x: hidden; padding-left: 80px; box-sizing: border-box; background-color: #1b1a19; }
/* Add flexible space above and below the content */
.hero_right::before, .hero_right::after { content: ''; flex-grow: 1; }
.hero_right::before { min-height: 40px; }
.hero_right::after { min-height: 70px; }
/* Prevent content stretching */
.hero_right > * { flex-shrink: 0; }
.hero_top { display: flex; justify-content: space-between; align-items: center; }
.is-hero { display: flex; height: 100vh; flex-direction: column; justify-content: space-between; align-items: stretch; }
.button_slide { color: #1b1a19; font-family: 'Poppins', sans-serif; font-weight: 300; padding: 12px; border-radius: 8px; font-size: 19px; border: none; white-space: nowrap; cursor: pointer; transition: all 0.5s ease-in-out; }
.button_slide.blue { background-color: #91c3ce; box-shadow: inset 0 0 0 0 #f37925; text-decoration: underline; text-decoration-color: #91c3ce; }
.button_slide.blue-white { background-color: #91c3ce; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #91c3ce; }
.button_slide.yellow { background-color: #fac670; box-shadow: inset 0 0 0 0 #91c3ce; text-decoration: underline; text-decoration-color: #fac670; }
.button_slide.beige { background-color: #f5e1be; box-shadow: inset 0 0 0 0 #c0a8e6; text-decoration: underline; text-decoration-color: #f5e1be; }
.button_slide.orange { background-color: #f37925; box-shadow: inset 0 0 0 0 #f5e1be; text-decoration: underline; text-decoration-color: #f37925; }
.button_slide.purple { background-color: #c0a8e6; box-shadow: inset 0 0 0 0 #fac670; text-decoration: underline; text-decoration-color: #c0a8e6; }
.slide_left-blue:hover { box-shadow: inset 0 0 0 50px #f37925; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #f37925; }
.slide_left-blue-white:hover { box-shadow: inset 0 0 0 50px #ffffff; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #ffffff; }
.slide_left-yellow:hover { box-shadow: inset 0 0 0 50px #91c3ce; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #91c3ce; }
.slide_left-beige:hover { box-shadow: inset 0 0 0 50px #c0a8e6; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #c0a8e6; }
.slide_left-orange:hover { box-shadow: inset 0 0 0 50px #f5e1be; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #f5e1be; }
.slide_left-purple:hover { box-shadow: inset 0 0 0 50px #fac670; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #fac670; }
/*Responsive and animation*/
@keyframes enableScroll {
  to { overflow-y: auto; }
}
/*Large screen*/
@media screen and (min-width: 1921px) {
h1 { font-size: 85px; line-height: 0.9; }
h2 { font-size: 45px; line-height: 0.9; }
h3 { font-size: 80px; line-height: 0.9; }
h4 { font-size: 70px; line-height: 0.9; }
.hero_heading-wrap { width: 60% !important; } 
}
/*END Large screen*/
@media screen and (max-width: 1200px) {
.hero_right {  padding-left: 60px; }
}
@media screen and (max-width: 1100px) {
.hero_right { padding-left: 40px; }
}
@media screen and (min-width: 981px) {
.scroll-fix-right {	transform: translateX(-100%); visibility: hidden; }
.scroll-fix-left { transform: translateX(100%); visibility: hidden; }
.scroll-fix-up { transform: translateY(100%); visibility: hidden; }
.animate-on-column-scroll-left { opacity: 0; will-change: opacity, transform; transform: translateX(80%); transition: opacity 1000ms ease, transform 1000ms ease; animation-timing-function: linear; animation-duration: 1s; animation: none !important; }
.animate-on-column-scroll-right { opacity: 0; will-change: opacity, transform; transform: translateX(-80%); transition: opacity 1000ms ease, transform 1000ms ease; animation-timing-function: linear; animation-duration: 1s; animation: none !important; }
.animate-on-column-scroll-up { opacity: 0; will-change: opacity, transform; transform: translateY(80%); transition: opacity 1000ms ease, transform 1000ms ease; animation-timing-function: linear; animation-duration: 1s; animation: none !important; }	
.animate-on-column-scroll-left.animate-left { opacity: 1; visibility: visible; transform: translateX(0); }
.animate-on-column-scroll-right.animate-right { opacity: 1; visibility: visible; transform: translateX(0); }
.animate-on-column-scroll-up.animate-up { opacity: 1; visibility: visible; transform: translateY(0); }
}
@media screen and (max-width: 980px) {
.hero_left, .hero_right { height: auto; position: relative; width: 100%; }
.hero_right .et_pb_module, .scroll-fix-right, .scroll-fix-up { animation-delay: 200ms !important; }
.is-hero { flex-direction: column; height: auto; }
}
@media screen and (max-width: 600px) {
.hero_right { padding-left: 25px; }
}
@media screen and (max-width: 500px) {
.hero_left { padding: 30px 10px; }
}
/*END Responsive and animation*/
/* END General and structural defaults */

/*Login page*/
#login-page { margin: 105px auto 0 auto; background-color: #f5e1be; text-align: center; width: 100%; max-width: 400px; border-radius: 16px; }
#login-page .logo { margin-left: 50px; }
#login-page .form-wrap { padding: 40px 30px; }
#login-page input[type="password"] { padding: 20px 65px 20px 15px; font-size: 20px; width: 100%; box-sizing: border-box; border: none; border-radius: 12px; }
#login-page .button_slide { position: absolute; margin-left: -57px; margin-top: 7px; width: 50px; height: 50px;  }
#login-page .error { color: red; font-size: 18px; margin-top: 10px; padding: 10px; background-color: #ffe5e5; border: 1px solid red; border-radius: 12px; max-height: 100px; overflow: hidden; opacity: 1; animation: fadeAndCollapse 1s ease-in-out 5s forwards; transition: max-height 0.5s ease-in-out; }
/*Responsive and animation*/	
@keyframes fadeAndCollapse {
to { opacity: 0; max-height: 0; padding: 0; margin-top: 0; }
}
/*END Responsive and animation*/
/*END Login page*/

/* 404 page */
.shit-wrap { text-align: left; }
.shit-wrap h2 { position: relative; font-size: 36px; top: 20px; left: 128px; padding-right: 65px; }
.shit-wrap p { line-height: 28px; margin-bottom: 50px; }
.shit-text-wrap { margin-top: 140px; }
.shit-inline { display: flex; align-items: flex-start; }
.shit-img { position: absolute; width: 209px; height: 391px; flex-shrink: 0; z-index: -1; }
.shit { position: relative; color: #020202; font-size: 111px; font-weight: 600; top: -4px; left: 203px; letter-spacing: -7px; }
.is-milestone h2 { font-size: 30px; }
.is-404 .et_pb_menu { width: calc(60% - 17px); }
/*Search panel*/
.is-404 input[type="text"] { padding: 22px 65px 22px 15px; height: 64px; min-height: 64px !important; font-size: 20px; width: 100%; box-sizing: border-box; border: none; border-radius: 12px; background-color: #ffffff; }
.is-404 .et_pb_search input.et_pb_searchsubmit { position: absolute; top: 7px; right: 7px; color: #1b1a19; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 19px; background-color: #91c3ce; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #91c3ce; border: none; width: 50px; height: 50px; min-height: 50px !important; padding: 12px; border-radius: 8px; white-space: nowrap; transition: all 0.5s ease-in-out; }
.is-404 .et_pb_search input.et_pb_searchsubmit:hover { background-color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #1b1a19; }
/*END Search panel*/
/*Responsive and animation*/
@media screen and (min-width: 981px) and (max-width: 1300px) {
.is-404 .hero_right { padding-left: 30px; }
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.is-404 .hero_right-menu { padding-left: 0px !important; }
}
@media screen and (max-width: 980px) {
.is-404 .hero_left { padding-bottom: 70px; }
.is-404 .hero_right::before, .is-milestone .hero_right::after { min-height: 100px; }
.is-404 .et_pb_menu { width: 100%; }
.shit-wrap { margin-top: 125px; }
}
@media screen and (max-width: 600px) {
.shit-wrap { margin-top: 100px; }
.shit-wrap h2 { left: 82px; }
.shit { font-size: 82px; top: -1px; left: 139px; letter-spacing: -5px; }
.shit-img { width: 160px; height: 299px; margin-left: -15px; }
.shit-text-wrap { margin-top: 80px; }
}
@media screen and (max-width: 500px) {
.is-404 .hero_right { padding: 30px 10px; }
}
/*END Responsive and animation*/
/* END 404 page */

/*Intro loader*/
.loader { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1000; display: flex; width: 100%; height: 100vh; justify-content: flex-start; align-items: stretch; background-color: #f3f3f3; }
.loader_left { position: relative; width: 50%; }
.loader_right { width: 50%; }
.loader_text { opacity: 0; visibility: hidden; transform: translateY(15px); position: relative; overflow: hidden; padding-top: 0.1em; padding-bottom: 0.2em; font-size: clamp(65px, 10vw, 250px); line-height: 1.3; font-weight: 600; letter-spacing: -3.5px; }
.color1 { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 0%; background-color: #91c3ce; }
.color2 { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 0%; background-color: #f5e1be; }
.padding.is-loader { height: 100%; padding: 0em 2em; }
.loader_counter_wrapper { position: absolute; top: 50%; left: 75%; transform: translateX(-50%) translateY(-50%); z-index: 1000; pointer-events: none; }
.loader_counter { color: #1b1a19; font-size: clamp(60px, 9vw, 150px); line-height: 1.3; font-weight: 600; letter-spacing: -3.5px; }
/*Responsive and animation*/
@media screen and (max-width: 980px) {
.loader_left { width: 20%; }
.loader_right { width: 80%; }
.loader_text { font-size: 15vw; }
.loader_counter_wrapper { left: 60%; }
}
/*END Responsive and animation*/
/*END Intro loader*/

/*Menu and logo*/
/*Logo*/
.logo { position: fixed; top: 30px; font-size: 45px; z-index: 1000; }
.logo a { color: #1b1a19; }
.logo-chester { font-weight: 700; letter-spacing: -3.5px; }
#typewriter, .logo-dot { font-size: 38px; font-weight: 200; font-style: italic; }
/*END Logo*/
/*Menu*/
.et_pb_menu { width: calc(50% - 17px); z-index: 1000; }
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu { display: none; }
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu { display: flex; float: none; margin: 0 5px; }
.et_pb_menu .et_pb_menu__wrap { justify-content: flex-end; }
.et_mobile_menu { height: 100vh; border: none; box-shadow: none; padding-top: 50px !important; }
.et_mobile_menu li a { color: #1b1a19 !important; font-size: 45px; font-weight: 700; letter-spacing: -3px; padding: 15px; border-bottom: none; }
.et_mobile_menu li a:hover { background-color: rgba(0, 0, 0, 0); }
.mobile_menu_bar::before, .mobile_menu_bar::after { content: ''; position: absolute; left: 10px; width: 40px; height: 8px; background-color: #1b1a19; transition: all 0.3s ease-in-out; }
.mobile_menu_bar::before { top: 8px !important; }
.mobile_menu_bar::after { top: 34px; }
.mobile_menu_bar { width: 50px; height: 50px; margin-right: 13px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2730%27%20height%3D%274%27%3E%3Crect%20width%3D%2730%27%20height%3D%274%27%20fill%3D%27%231b1a19%27/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 10px center; background-size: 40px 8px; transition: background-image 0.3s ease-in-out; }
.mobile_nav.opened .mobile_menu_bar { background-image: none; }
.mobile_nav.opened .mobile_menu_bar::before { transform: rotate(45deg); top: 18px !important; }
.mobile_nav.opened .mobile_menu_bar::after { transform: rotate(-45deg); top: 18px !important; }
/*END Menu*/
/*Responsive and animation*/
@media screen and (max-width: 1100px) {
.logo { top: 26px; font-size: 42px; }
}
@media screen and (max-width: 980px) {
.et_pb_menu_0 { width: 100% !important; }
}
/*END Responsive and animation*/
/*END Menu and logo*/

/*Home page*/
.is-home .text_left, .is-home .text_left .et_pb_text_inner { display: flex; flex-direction: column; justify-content: space-around; height: 100%; }
.hero_heading-wrap { width: 70%; padding: 90px 0px 40px 0px; }
.hero_bottom { width: 50%; padding: 0px 0px 40px 0px; }
.hero_bottom a { position: relative; color: #e1666b; font-weight: 500; text-decoration: underline; text-decoration-color: #fac670; transition: all 0.3s ease-in-out; }
.hero_bottom a:hover { text-decoration: underline; text-decoration-color: #e1666b; }
/*Number Counters*/
.custom-counters { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-around; text-align: center; padding: 40px 0; }
.counter-wrap { flex: 1 1 20%; max-width: 20%; min-width: 150px; font-size: 20px; }
.counter { font-size: 80px; font-weight: bold; margin-bottom: 20px; }
/*END Number Counters*/
/* Profiles */
.story-profiles-wrap { display: flex; justify-content: space-between; align-items: center; flex: 1; font-size: 25px; }
.story-profiles-wrap.is-top { align-items: flex-start; }
.story-profiles-wrap.is-bottom { align-items: flex-end; }
.story-profiles-date { white-space: nowrap; }
.story-profiles-name { font-size: 150%; }
.countdown-counter { font-size: 25px; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin-left: 5px; }
.counter-item { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 15px; margin-right: 10px; }
.counter-item.is-dog { width: 100%; justify-content: flex-end; }
.counter-item .counter-number { font-size: 40px; margin-bottom: 5px; }
/*END Profiles*/
/* Keys */
.key { position: relative; width: 100%; height: 170px; margin-top: 7px; margin-bottom: 7px !important; padding: 10px 20px 10px 40px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background-color: #91c3ce; }
.is-home .key { cursor: pointer; }
.key.is-dark { position: relative; right: -50%; z-index: 2; width: 50% !important; height: 100px; margin-top: -50px !important; margin-bottom: -50px !important; padding-left: 20px; background-color: #0d0d0d; }
.key.is-yellow { background-color: #fac670; }
.key.is-tan { background-color: #f5e1be; }
.key.is-orange { background-color: #f37925; }
.key.is-purple { background-color: #c0a8e6; }
.key_text-wrap { display: flex; height: 105px; aspect-ratio: 1 / 1; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 13px; color: #fff; margin-right: 40px; }
.key_text-wrap.is-face::before { content:""; background-color: rgba(0, 0, 0, 0.0); width: 100%; height: 100%; border-radius: 13px; transition: background-color 0.5s ease-in-out 0s; } 
.key:hover .key_text-wrap.is-face::before { background-color: rgba(0, 0, 0, 0.6); }
.key_text-wrap.is-face { background-position: center; background-repeat: no-repeat; background-size: cover; }
.key_text-wrap.is-dark-key { background-color: #1b1a19; height: 65px; }
.key.text-right, .key.text-right .et_pb_text_inner { display: flex; align-items: center; width: 100%; }
.dark-key-wrap { color: #ffffff; font-size: 20px; letter-spacing: 0px; }
p.key_text { padding-top: 5px; padding-bottom: 0px; }
.key_text.footer-text svg { width: 48px; height: 48px; }
.key_text.shhh svg { width: 34px; height: 34px; }
/*END Keys*/
/*Audio*/
[id^="music-note"] { position: absolute; display: none; font-size: 24px; opacity: 0; pointer-events: none; transition: none; animation: none; }
#audio1 #music-note1, #audio2 #music-note2, #audio3 #music-note3, #audio4 #music-note4, #audio5 #music-note5, #audio6 #music-note6, #audio7 #music-note7, #audio8 #music-note8 { left: 20px; top: 0; }
.note-animate { display: block !important; animation: floatNote 1.5s ease-out forwards; }
#music-note1 svg, #music-note2 svg, #music-note3 svg, #music-note4 svg, #music-note5 svg, #music-note6 svg, #music-note7 svg, #music-note8 svg { width: 50px; height: 50px; }
/*END Audio*/
/*Responsive and animation*/
@keyframes floatNote {
0% { opacity: 0; transform: translateY(0) rotate(0deg); }
10% { opacity: 1; transform: translateY(-10px) rotate(-5deg); }
30% { transform: translateY(-25px) rotate(5deg); }
50% { transform: translateY(-40px) rotate(-5deg); }
70% { transform: translateY(-55px) rotate(5deg); opacity: 0.9; }
90% { opacity: 0.5; transform: translateY(-65px) rotate(-3deg); }
100% { opacity: 0; transform: translateY(-75px) rotate(0deg); }
}
@media screen and (min-width: 1501px) and (max-width: 1700px) {
.hero_heading-wrap h1 { font-size: 72px; }
.counter { font-size: 60px; }
}
@media screen and (max-width: 1500px) {
.hero_heading-wrap h1 { font-size: 57px; line-height: 0.9; }
.hero_bottom {  width: 75%; }
}
@media screen and (max-width: 1400px) {
.key_text-wrap { margin-right: 20px; }
}
@media screen and (max-width: 1300px) {
.hero_heading-wrap { width: 100%; }
.hero_bottom {  width: 90%; }
}
@media screen and (min-width: 981px) and (max-width: 1500px) {
.counter-wrap { flex: 1 1 45%; max-width: 45%; margin-bottom: 30px; }
}
@media screen and (min-width: 981px) and (max-width: 1300px) {
.key { padding-left: 30px; }
.story-profiles-wrap { font-size: 18px; }
.story-profiles-wrap.is-top { flex-direction: column; align-items: flex-end; }
.story-profiles-wrap.is-top .story-profiles-date { align-self: flex-start; margin-top: -35px; }
.story-profiles-wrap.is-top .countdown-counter { margin-top: -5px; }
.story-profiles-wrap.is-bottom { flex-direction: column; align-items: flex-start; }
.story-profiles-wrap.is-bottom .story-profiles-date { margin-top: 35px; }
.story-profiles-wrap.is-bottom .countdown-counter { align-self: flex-end; margin-top: -5px; }
.story-profiles-date br {display: none;}
.story-profiles-name { font-size: 200%; margin-right: 10px; }
.counter-item .counter-number { font-size: 27px; }
.story-profiles-wrap.is-top.is-dog .story-profiles-date br { display: block; }
.story-profiles-wrap.is-top.is-dog { flex-direction: column-reverse; }
.story-profiles-wrap.is-top.is-dog .story-profiles-date { margin-top: -35px; }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
.hero_heading-wrap h1 { font-size: 45px; }
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.story-profiles-wrap { font-size: 18px; }
.counter-item .counter-number { font-size: 30px; }
.dark-key-wrap { font-size: 15px; }
}
@media screen and (max-width: 980px) {
.hero_heading-wrap { width: 75%; }
.hero_heading-wrap h1 { font-size: 65px; }
}
@media screen and (min-width: 701px) and (max-width: 980px) {
.hero_bottom {  width: 65%; }
.counter { font-size: 60px; }
}
@media screen and (max-width: 700px) {
.hero_heading-wrap h1 { font-size: 45px; }
.hero_bottom {  padding-bottom: 20px; }
.counter-wrap { flex: 1 1 45%; max-width: 45%; margin-bottom: 30px; }
.story-profiles-wrap { font-size: 21px; }
.counter-item .counter-number { font-size: 35px; }
}
@media screen and (max-width: 600px) {
.custom-counters { padding: 30px 0px 40px 0px; }
.key { padding-left: 30px; }
.key.is-dark { width: 55% !important; }
.dark-key-wrap { font-size: 14px;  }
.key_text-wrap.is-dark-key { margin-right: 11px; }
.story-profiles-wrap { font-size: 18px; }
.story-profiles-wrap.is-top { flex-direction: column; align-items: flex-end; }
.story-profiles-wrap.is-top .story-profiles-date { align-self: flex-start; margin-top: -35px; }
.story-profiles-wrap.is-top .countdown-counter { margin-top: -5px; }
.story-profiles-wrap.is-bottom { flex-direction: column; align-items: flex-start; }
.story-profiles-wrap.is-bottom .story-profiles-date { margin-top: 35px; }
.story-profiles-wrap.is-bottom .countdown-counter { align-self: flex-end; margin-top: -5px; }
.story-profiles-date br {display: none;}
.story-profiles-name { margin-right: 10px; }
.counter-item .counter-number { font-size: 30px; }
.story-profiles-wrap.is-top.is-dog .story-profiles-date br { display: block; }
.story-profiles-wrap.is-top.is-dog { flex-direction: column-reverse; }
.story-profiles-wrap.is-top.is-dog .story-profiles-date { margin-top: -35px; }
}
@media screen and (min-width: 501px) and (max-width: 700px) {
.story-profiles-name { font-size: 200%; }
}
@media screen and (max-width: 500px) {
.hero_heading-wrap { padding-top: 80px; }
}
/*END Responsive and animation*/
/*END Home page*/

/*Galleries page*/
.timeline-buffer { width: 100vw; height: 130px; margin-top: -40px; margin-left: -40px; background: linear-gradient(to bottom, #fac670 94px, #1b1a19 36px); }
.is-galleries .key { padding-right: 40px; }
.is-galleries .text_left, .is-galleries .text_left .et_pb_text_inner { display: flex; flex-direction: column; justify-content: flex-start; }
.is-galleries .hero_heading-wrap { width: 100% !important; }
.is-galleries .story-profiles-name { font-weight: 400; }
.timeline-wrap { display: flex; flex-direction: column; gap: 8px; width: 100%; margin-top: -15px; }
.timeline_title-wrap { font-size: 22px; font-weight: 300; align-self: flex-start; }
.timeline_button { position: relative; justify-self: flex-end; right: -20px; }
.timeline_button.is-bottom { top: 20px; }
.timeline_button.is-top { top: -20px; }
.is-galleries .dark-key-wrap { color: #ffffff; font-size: 50px; font-weight: 700; letter-spacing: 0px; margin: 0 auto; }
.is-galleries .key.is-dark { right: -70%; width: 30% !important; padding: 0px; }
.is-galleries .dark-key-wrap a { display: block; font-size: 20px; font-weight: 400; line-height: 0.9; }
.list_title h1 { color: #ffffff !important; font-size: 74px; }
/*Portfolio*/
.portfolio-no-filter .et_pb_portfolio_filters { display: none; }
.is-galleries .et_pb_portfolio_filters li a { color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 300; text-decoration: underline; text-decoration-color: #1b1a19; padding: 12px; border: none; background-color: #1b1a19; margin-right: 2px; margin-top: 2px; border-radius: 8px !important; white-space: nowrap; cursor: pointer; box-shadow: inset 0 0 0 0 #fac670; transition: all 0.5s ease-in-out; }
.is-galleries .et_pb_portfolio_filters li a:hover { color: #1b1a19; box-shadow: inset 0 0 0 50px #fac670; text-decoration: underline; text-decoration-color: #1b1a19; }
.is-galleries .et_pb_portfolio_filters li a.active { color: #ffffff; background-color: #e1666b; text-decoration: none; transition: none !important; }
.is-galleries .et_pb_portfolio_filters li a.active:hover { color: #ffffff; background-color: #e1666b !important; text-decoration: none; box-shadow: inset 0 0 0 50px #e1666b; }
.is-galleries .et_pb_portfolio_filters li:last-child a { margin-right: 0px; }
.is-galleries .et_pb_portofolio_pagination { border-top: none; }
.et_pb_with_border .et_portfolio_image { z-index: 0; }
/*.is-galleries .et_pb_portfolio_item.et_pb_grid_item { clear: none !important; margin: 0 2% 3% 0 !important; width: 49% !important; }*/
.is-galleries .et_pb_portfolio_item.et_pb_grid_item .et_portfolio_image::before { content:""; display: block; position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.0);  width: 100%; height: 100%; z-index: 999; border-radius: 13px; transition: background-color 0.5s ease-in-out 0s; }
.is-galleries .et_pb_portfolio_item.et_pb_grid_item .et_portfolio_image:hover::before { background-color: rgba(0, 0, 0, 0.6); }
.is-galleries .et_pb_portfolio_item.et_pb_grid_item .et_portfolio_image::after { content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%) translateY(0); width: 48px; height: 48px; background-image: url("data:image/svg+xml;utf8,<svg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M384,224V408a40,40,0,0,1-40,40H104a40,40,0,0,1-40-40V168a40,40,0,0,1,40-40H271.48' style='fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><polyline points='336 64 448 64 448 176' style='fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line x1='224' y1='288' x2='440' y2='72' style='fill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/></svg>"); background-size: contain; background-repeat: no-repeat; opacity: 0; transition: all 0.5s ease-in-out; z-index: 1000; }
.is-galleries .et_pb_portfolio_item.et_pb_grid_item .et_portfolio_image:hover::after { bottom: 50%; transform: translateX(-50%) translateY(50%); opacity: 1; }
.is-galleries .et_pb_portfolio_item.et_pb_grid_item img { width: 100% !important; border-radius: 13px; }
/*.is-galleries .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n) { margin-right: 0px !important; }*/
.is-galleries .et_pb_portfolio_item.et_pb_grid_item h2 { opacity: 1; transition: all 0.5s ease-in-out; }
.is-galleries .et_pb_portfolio_item.et_pb_grid_item:hover h2 { opacity: .7; }
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 { font-size: 25px; font-weight: 400; letter-spacing: 0; margin-bottom: 10px !important; }



.is-galleries .et_pb_portfolio_items { display: flex; flex-wrap: wrap; gap: 2%; }
.is-galleries .et_pb_portfolio_item.et_pb_grid_item { display: flex; flex: 0 0 49%; flex-direction: column; margin: 0 0 3% 0 !important; }



/*END Portfolio/
/*Responsive and animation*/
/*Large screen*/
@media screen and (min-width: 1921px) {
/*.is-galleries .et_pb_portfolio_item.et_pb_grid_item { clear: none !important; margin: 0 2% 3% 0 !important; width: 32% !important;}*/
	

.is-galleries .et_pb_portfolio_item.et_pb_grid_item { flex: 0 0 32%; }	
	
.is-galleries .et_pb_portfolio_item.et_pb_grid_item img { width: 100% !important;}
/*.is-galleries .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n) { margin-right: 2% !important; }
.is-galleries .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) { margin-right: 0px !important; }*/
}
/*END Large screen*/
@media screen and (min-width: 1201px) and (max-width: 1600px) {
.is-galleries .et_pb_portfolio_filters li { width: 33% !important; }
}
@media screen and (min-width: 981px) and (max-width: 1500px) {
.list_title h1 { font-size: 57px; }
.timeline_title-wrap, .timeline_text { font-size: 18px; }
}
@media screen and (min-width: 1101px) and (max-width: 1300px) {
.is-galleries .dark-key-wrap { font-size: 40px; }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
.is-galleries .et_pb_portfolio_filters li { width: 50% !important; }

	
	/*.is-galleries .et_pb_portfolio_item.et_pb_grid_item { clear: none !important; margin: 0 0 3% 0 !important; width: 100% !important;}*/
.is-galleries .et_pb_portfolio_items { gap: 0%; }
	.is-galleries .et_pb_portfolio_item.et_pb_grid_item { flex: 0 0 100%; }
	
	.is-galleries .et_pb_portfolio_item.et_pb_grid_item img { width: 100% !important;}
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.is-galleries .dark-key-wrap { font-size: 35px; }
}
@media screen and (min-width: 981px) {
#timeline, .timeline-buffer { display: none; }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
.is-galleries .et_pb_portfolio_filters li { width: 33% !important; }
}
@media screen and (max-width: 700px) {
.list_title h1 { font-size: 57px; }
.is-galleries .dark-key-wrap { font-size: 35px; }
.timeline_title-wrap, .timeline_text { font-size: 18px; }
}
@media screen and (max-width: 600px) {
.timeline-buffer { margin-left: -25px; }
.is-galleries .list_title h1 { font-size: 50px; }
.is-galleries .story-profiles-name { font-size: 130%; }

	
	/*.is-galleries .et_pb_portfolio_item.et_pb_grid_item { clear: none !important; margin: 0 0 3% 0 !important; width: 100% !important;}*/
.is-galleries .et_pb_portfolio_items { gap: 0%; }
	.is-galleries .et_pb_portfolio_item.et_pb_grid_item { flex: 0 0 100%; }
	
	.is-galleries .et_pb_portfolio_item.et_pb_grid_item img { width: 100% !important;}
}
@media screen and (max-width: 500px) {
.list_title h1 { font-size: 52px; }
}
/*END Responsive and animation*/
/*END Galleries page*/

/*Single gallery*/
.is-gallery .hero_left h1 { font-size: 80px; }
.is-gallery .hero_left h2 { font-size: 30px; }
.is-gallery .et_pb_menu { width: calc(40% - 17px); }
.is-gallery.is-half .et_pb_menu { width: calc(50% - 17px); }
.is-gallery .hero_right { padding: 0px 30px; }
.is-gallery .hero_bottom { padding: 0px 0px 60px 0px; }
/*Images*/
.masonry { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; margin: 0 auto; padding: 20px 10px; }
.masonry::after { content: ""; width: 350px; }
.masonry .masonry-item, .masonry .masonry-item img { width: 100%; flex: 1 0 21%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; position: relative; overflow: hidden; }
.masonry-item { position: relative; overflow: hidden; }
.masonry-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); z-index: 10; transition: background-color 0.5s ease-in-out; border-radius: 10px; pointer-events: none; }
.masonry-item:hover::before { background-color: rgba(0, 0, 0, 0.6); }
.masonry-item::after { content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%) translateY(0); width: 48px; height: 48px; opacity: 0; transition: all 0.5s ease-in-out; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><style>.cls-1{fill:white;}</style><g data-name='Layer 11' id='Layer_11'><path class='cls-1' d='M13,27A12,12,0,1,1,25,15,12,12,0,0,1,13,27ZM13,5A10,10,0,1,0,23,15,10,10,0,0,0,13,5Z'/><path class='cls-1' d='M30,29a1,1,0,0,1-.6-.2l-8-6a1,1,0,0,1,1.2-1.6l8,6a1,1,0,0,1,.2,1.4A1,1,0,0,1,30,29Z'/><rect class='cls-1' height='2' width='8' x='9' y='14'/><rect class='cls-1' height='8' width='2' x='12' y='11'/></g></svg>"); background-size: contain; background-repeat: no-repeat; z-index: 11; pointer-events: none; }
.masonry-item:hover::after { bottom: 50%; transform: translateX(-50%) translateY(50%); opacity: 1; }
/*END Images*/
/*Lightbox*/
.mfp-bg, .mfp-wrap { z-index: 100000 !important; }
.mfp-title { padding-right: 50px !important; line-height: 22px; }
.mfp-arrow, .mfp-arrow:focus { opacity: .6; }
.mfp-arrow:hover { opacity: 1; }
.mfp-arrow-right::before { border-left: 27px solid #ffffff !important; }	
.mfp-arrow-left::before { border-right: 27px solid #ffffff !important; }
.mfp-arrow-right::after { border-left: none !important; }	
.mfp-arrow-left::after { border-right: none !important; }
.mfp-image-holder .mfp-close { font-size: 60px; opacity: .6 !important; }
.mfp-image-holder .mfp-close:hover { opacity: .9 !important; }
/*END Lightbox*/
/*Search panel*/
.search_panel { left: -30px; width: 80%; height: 100px; min-height: 100px; padding: 18px 20px 18px 20px; border: none; border-top-left-radius: 0px; border-top-right-radius: 16px; border-bottom-left-radius: 0px; border-bottom-right-radius: 16px; align-self: flex-start; z-index: 0;  background-color: #0d0d0d; }
.is-gallery input[type="text"] { padding: 22px 65px 22px 15px; height: 64px; min-height: 64px !important; font-size: 20px; width: 100%; box-sizing: border-box; border: none; border-radius: 12px; background-color: #ffffff; }
.is-gallery .et_pb_search input.et_pb_searchsubmit { position: absolute; top: 7px; right: 7px; color: #1b1a19; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 19px; background-color: #91c3ce; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #91c3ce; border: none; width: 50px; height: 50px; min-height: 50px !important; padding: 12px; border-radius: 8px; white-space: nowrap; transition: all 0.5s ease-in-out; }
.is-gallery .et_pb_search input.et_pb_searchsubmit:hover { box-shadow: inset 0 0 0 50px #ffffff; text-decoration: underline; text-decoration-color: #1b1a19; background-color: #ffffff; }
/*END Search panel*/
/*Years tag cloud*/
.project-year-tag-cloud { display: flex; flex-wrap: wrap; margin: 10px 0px 40px 0px; }
.project-year-tag-cloud .tag { color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 300; text-decoration: underline; text-decoration-color: #1b1a19; padding: 12px; border: none; background-color: #1b1a19; margin-right: 2px; margin-top: 2px; border-radius: 8px !important; white-space: nowrap; cursor: pointer; box-shadow: inset 0 0 0 0 #fac670; transition: all 0.5s ease-in-out; }
.project-year-tag-cloud .tag:hover { color: #1b1a19; box-shadow: inset 0 0 0 50px #fac670; text-decoration: underline; text-decoration-color: #1b1a19; background-color: transparent; }
/*END Years tag cloud*/
/*Responsive and animation*/
@media screen and (max-width: 1650px) {
.masonry .masonry-item, .masonry .masonry-item img { flex: 1 0 27%; }
}
@media screen and (max-width: 1600px) {
.is-gallery .hero_left h1 { font-size: 70px; }
}
@media screen and (min-width: 1501px) {
.hero_bottom { width: 75%; }
}
@media screen and (max-width: 1300px) {
.is-gallery .hero_left h1 { font-size: 55px; }
}
@media screen and (max-width: 1200px) {
.is-gallery.is-farts .hero_right {  padding-left: 60px; }
}
@media screen and (max-width: 1100px) {
.is-gallery.is-farts .hero_right { padding-left: 40px; }
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.is-gallery .hero_left h1 { font-size: 50px; }
.search_panel { width: 100%; }
}
@media screen and (max-width: 980px) {
.is-gallery .hero_left { padding-bottom: 70px; }
}
@media screen and (max-width: 750px) {
.masonry .masonry-item, .masonry .masonry-item img { flex: 1 0 40%; }
}
@media screen and (max-width: 600px) {
.is-gallery.is-farts .hero_right { padding-left: 25px; }
}
@media screen and (max-width: 500px) {
.is-gallery .hero_right { padding: 30px 10px; }
.search_panel { left: -10px; width: 90%; }
}
@media screen and (max-width: 450px) {
.masonry .masonry-item, .masonry .masonry-item img { flex: 1 0 60%; }
}
/*END Responsive and animation*/ 
/*END Single gallery*/

/*Groot Eylandt school concert gallery*/
.hero_bottom.groote-eylandt blockquote { margin-bottom: 0px; margin-left: -25px; }
.hero_bottom.groote-eylandt blockquote::before { top: 25px; }
.hero_bottom.groote-eylandt blockquote span { font-size: 30px; margin-top: 20px; font-weight: 700; }
.hero_bottom.groote-eylandt li { margin-top: 20px; }
/*END Groot Eylandt school concert gallery*/

/*Farts gallery*/
.is-gallery.is-farts .et_pb_menu { width: calc(50% - 17px); }
.is-gallery.is-farts .hero_bottom { width: 90%; }
.is-gallery.is-farts .hero_right { padding-right: 0px; padding-left: 80px; }
/* Audio settings */
.et_pb_audio_cover_art { display: flex; width: auto !important; height: 105px !important; aspect-ratio: 1 / 1; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 13px; color: #fff; margin-right: 20px; }
.et_pb_audio_cover_art::before { content:""; background-color: rgba(0, 0, 0, 0.0); width: 100%; height: 100%; border-radius: 13px; transition: background-color 0.5s ease-in-out 0s; } 
.key:hover .et_pb_audio_cover_art::before { background-color: rgba(0, 0, 0, 0.6); }
.et_pb_audio_module_content { padding: 0px 20px 0px 0px !important; width: 100%; }
.et_pb_audio_module_content h2, .et_pb_audio_module_content p, .mejs-time { color: #1b1a19 !important; } 
.et_pb_audio_module_content h2 { font-size: 35px; font-weight: 400; justify-self: flex-start; text-align: left; }
.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: hsla(0, 0%, 0%, .5); }
.et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before { color: #1b1a19; }
.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current { background: #1b1a19; }
.et_audio_container .mejs-container .mejs-controls .mejs-time span { font-size: 23px !important; }
.et_audio_container .mejs-time-rail .mejs-time-handle-content, .mejs-time-rail:hover .mejs-time-handle-content { transform: scale(1.4) !important; border: 5px solid hsla(0, 0%, 0%, 1); }
.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { background: #1b1a19; border-radius: 7px; height: 14px; width: 14px; top: -5px; }
.mejs-time-current, .mejs-time-handle-content { background: hsla(0, 0%, 0%, 1); }
.et_audio_container .mejs-playpause-button button:before { font-size: 53px; position: relative; top: -11px; }
.et_audio_container .mejs-controls div.mejs-time-rail { margin-left: 60px; }
.mejs-button>button { overflow: visible !important; }
.et_audio_container .mejs-volume-button button:before { font-size: 25px; position: relative; top: -5px; }
.et_audio_container .mejs-time { margin-right: 95px; }
.et_audio_container .mejs-container .mejs-controls { gap: 7px; }
.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { margin-top: 6px; }
.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle { top: 1px; }
.is-theme .et_pb_audio_module_content h2 { padding-bottom: 30px; }
/* END Audio settings */
/*Responsive and animation*/
@media screen and (min-width: 981px) and (max-width: 1200px) {
.et_pb_audio_module_content h2 { font-size: 30px; }
}
@media (max-width: 600px){
.is-theme .et_pb_audio_module_content h2 { padding-bottom: 15px; }
}
@media (max-width: 500px){
.et_pb_audio_module_content h2 { font-size: 30px; }
}
/*END Responsive and animation*/ 
/*END Farts gallery*/

/*Our story page*/
.is-our-story .our-story-toggle a { position: relative; color: #e1666b; font-weight: 500; text-decoration: underline; text-decoration-color: #fac670; text-decoration-thickness: 2px; transition: all 0.3s ease-in-out; }
.is-our-story .our-story-toggle a:hover { text-decoration: underline; text-decoration-color: #e1666b; text-decoration-thickness: 2px; }
.is-our-story .et_pb_column.has_et_pb_sticky { z-index: 2 !important; }
.is-our-story .hero_right h1 { margin-bottom: 20px; }
.is-our-story .title_legend { display: flex; gap: 20px; }
.height_legend { display: inline-flex; color: #1b1a19; font-size: 27px; width: 50px; height: 50px; margin-top: 11px; border-radius: 12px; justify-content: center; flex-wrap: wrap; align-content: center; }
.height_legend.jas { background-color: #c0a8e6; }
.height_legend.tom { margin-left: 4px; background-color: #91c3ce; }
.height_legend.mum-dad { color: #ffffff; margin-left: 4px; border: 3px dashed #565656; background-color: transparent; }
.is-our-story .hero_right { background-image: repeating-linear-gradient(to bottom,#565656 0px,#565656 5px,transparent 5px,transparent 10px); background-repeat: repeat-y; background-position: 79px 0; background-size: 3px 10px; }
.is-our-story .key { height: 50px; padding-left: 20px; margin-top: 2px; margin-bottom: 2px !important;border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.is-our-story .key.is-dark { left: 78%; width: 22% !important; height: 50px; padding-left: 10px; margin-top: -25px !important; margin-bottom: -25px !important; }
.is-our-story .key.is-dark.is-small { left: 80%; width: 20% !important; }
.is-our-story .key.is-dark.is-tiny { left: 88%; width: 12% !important; }
.is-our-story .key.is-small { padding-left: 16px; }
.is-our-story .key.text-right.mum-dad { color: #ffffff; border: 3px dashed #565656; border-right: none; background-color: transparent; }
.is-our-story .dark-key-wrap { color: #ffffff; font-size: 35px; font-weight: 700; letter-spacing: 0px; margin: 0 auto; }
.is-our-story .story-profiles-wrap { font-size: 25px; }
.is-our-story .key_text-wrap.is-medium { margin-right: 10px; }
.is-our-story .countdown-counter { font-size: 25px; justify-content: flex-start; }
.countdown-wrapper { display: flex; align-items: baseline; margin-bottom: 50px; }
/*2m line*/
.height-2m-line-mask { position: absolute; top: -40px; left: -6px; width: 10px; height: 100vh; background-color: #1b1a19; transform-origin: bottom; }
.height-2m-line-mask.shrink-now { animation: shrinkDown 2s forwards; }
.height-2m-line::before { content: ''; display: block; position: absolute; top: -186px; left: 24px; width: 3px; height: 250px; background: #1b1a19; z-index: 10; }
.height-2m-section-container { position: absolute; height: 100vh; }
.height-label-wrapper { position: relative; height: 100%; width: 50px; margin-left: -25px; }
.height-2m-label { position: sticky; top: 10px; color: #ffffff; width: 50px; margin-bottom: 2px; margin-left: 1px; text-align: center; z-index: 1001; }
/*END 2m line*/
.et_pb_accordion {z-index: -1; }
.is-our-story .et_pb_accordion h2.et_pb_toggle_title { font-size: 30px; font-weight: 700; }
.et_pb_toggle { border: none; background-color: #fac670 !important; }
.et_pb_toggle_open, .et_pb_toggle_close { padding: 20px 0px; }
.is-our-story h3 { color: #1b1a19; font-size: 21px; }
.our-story-toggle { font-size: 19px; line-height: 1; font-weight: 400; letter-spacing: 0px; }
.et_pb_toggle .et_pb_toggle_title::before { color: #1b1a19; font-size: 40px !important; font-weight: 100 !important; padding: 4px; border-radius: 12px; opacity: 1; text-decoration: none; border: none; white-space: nowrap; background-color: #f37925; box-shadow: inset 0 0 0 0 #fac670; cursor: pointer; transition: all 0.5s ease-in-out; }
.et_pb_toggle .et_pb_toggle_title:hover::before { box-shadow: inset 0 0 0 50px #fac670; text-decoration: none; background-color: #fac670; }
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { display: block; opacity: 0; }
/*Responsive and animation*/
@keyframes shrinkDown {
  to { transform: scaleY(0); }
}
@media screen and (min-width: 981px) and (max-width: 1500px) {
.height_legend { margin-top: 0px; }
}
@media screen and (min-width: 981px) and (max-width: 1300px) {
.counter-item .counter-number { font-size: 35px; }
}
@media screen and (max-width: 1200px) {
.is-our-story .hero_right { background-position: 59px 0; }
}
@media screen and (max-width: 1100px) {
.is-our-story .hero_right { background-position: 39px 0; }
}
@media screen and (max-width: 980px) {
.height-2m-line-mask { animation-delay: 1.5s !important; }
}
@media screen and (max-width: 700px) {
.height_legend { margin-top: 0px; }
}
@media screen and (max-width: 600px) {
.is-our-story .hero_right { background-position: 24px 0; }
.is-our-story .counter-item .counter-number { font-size: 35px; }
}
@media screen and (max-width: 500px) {
.height_legend { margin-top: -6px; }
}
/*END Responsive and animation*/
/*END Our story page*/

/*Milestones page*/
.is-milestones .hero_heading-wrap { width: 95%; }
.milestones-blog .et_pb_post p { color: #1b1a19; font-size: 25px !important; font-weight: 400; }
.milestones-blog .et_pb_post h2 { font-size: 33px; font-weight: 400; letter-spacing: -1px; padding-bottom: 8px; }
.milestones-blog .post-content { display: flex; width: 100%; justify-content: space-between; }
.milestones-blog .et_pb_post p.post-meta { color: #1b1a19 !important; font-size: 22px !important; font-weight: 300; margin-bottom: 0px; }
.milestones-blog .post-content-inner { padding-right: 20px; }
.is-milestones .hero_right h1 { margin-bottom: 22px; }
.is-milestones .dark-key-wrap  { color: #ffffff; font-size: 50px; font-weight: 700; letter-spacing: 0px; margin: 0 auto; }
.is-milestones .key.is-dark { right: -70%; width: 30% !important; padding: 0px; margin-top: -57px !important; margin-bottom: -43px !important; }
.is-milestones .key { padding-right: 90px; padding-bottom: 25px; margin-top: 0px; margin-bottom: 14px !important; }
.is-milestones .key.text-right { flex-direction: column; align-items: flex-start; justify-content: center; }
.is-milestones .text_left { margin-bottom: 40px !important; }
.milestones-blog .button_slide { position: absolute; right: 20px; top: 61px; padding: 17px 12px; }
.milestones-blog .button_slide.is-top { top: 41px; }
.milestones-blog .button_slide.is-bottom { top: 81px; }
/*Map*/
.gm-style-cc { opacity: 0; bottom: 5px !important; right: 5px !important; font-size: 10px !important; }
.map-details { display: none; }
.map-wrapper { width: calc(100% + 60px); position: relative; padding-bottom: 100%; margin-left: -30px; }
.custom-gmap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.milestones-legend { display: inline-block; vertical-align: middle; }
.marker-pin { width: 24px; height: 24px; border-radius: 50%; border: 2px solid white; cursor: pointer; transition: all 0.5s ease-in-out; }
.marker-pin.house { background-color: #91c3ce; box-shadow: inset 0 0 0 0 #f37925; }
.marker-pin.house:hover { background-color: #f37925; box-shadow: inset 0 0 0 50px #f37925; }
.marker-pin.holiday { background-color: #c0a8e6; box-shadow: inset 0 0 0 0 #fac670; }
.marker-pin.holiday:hover { background-color: #fac670; box-shadow: inset 0 0 0 50px #fac670; }
.gm-ui-hover-effect { top: -3px; right: -20px; z-index: 1000; transition: all 0.5s ease-in-out; }
.gm-ui-hover-effect span { background-color: #f37925; }
.gm-style .gm-style-iw-d { position: relative; top: -35px; height: calc(100% - 35px) !important; overflow: hidden; }
.map-marker h2 { font-size: 18px; font-weight: 500; padding-right: 20px; margin-bottom: 10px; }
.map-marker p { font-size: 15px; font-weight: 400; letter-spacing: 0px; margin-bottom: 10px; }
.map-marker.house .button_slide { background-color: #91c3ce; box-shadow: inset 0 0 0 0 #f37925; }
.map-marker.house .button_slide:hover { background-color: #f37925; box-shadow: inset 0 0 0 0 #f37925; }
.map-marker.holiday .button_slide { background-color: #c0a8e6; box-shadow: inset 0 0 0 0 #fac670; }
.map-marker.holiday .button_slide:hover { background-color: #fac670; box-shadow: inset 0 0 0 50px #fac670; }
/*END Map*/
/*Responsive and animation*/
@media screen and (min-width: 1921px) {
.is-milestones .hero_heading-wrap { width: 95% !important; }
}
@media screen and (min-width: 981px) and (max-width: 1500px) {
.milestones-blog .et_pb_post p, .milestones-blog .et_pb_post p.post-meta { font-size: 18px !important; }
.milestones-blog .et_pb_post h2 { font-size: 27px; }
}
@media screen and (min-width: 1101px) and (max-width: 1300px) {
.is-milestones .dark-key-wrap { font-size: 40px; }
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.is-milestones .dark-key-wrap { font-size: 35px; }
}
@media screen and (max-width: 700px) {
.is-milestones .dark-key-wrap { font-size: 35px; }
.milestones-blog .et_pb_post p, .milestones-blog .et_pb_post p.post-meta { font-size: 18px !important; }
.milestones-blog .et_pb_post h2 { font-size: 27px; }
}
@media screen and (max-width: 500px) {
.map-wrapper { width: calc(100% + 20px); margin-left: -10px; }	
}
/*END Responsive and animation*/
/*END Milestones page*/

/*Single milestone*/
.is-milestone h2 { font-size: 30px; }
.is-milestone .hero_right { padding: 0px 30px; }
.is-milestone .et_pb_menu { width: calc(60% - 17px); }
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .et_pb_row { width: 100% !important; }
.milestone-button-wrap { display: flex; gap: 20px; align-items: center; margin-bottom: 40px; padding-right: 20px; }
.milestone-button-wrap h2 { padding-bottom: 0px; }
.single .post { padding-bottom: 0px; }
.et_pb_post { margin-bottom: 0px; }
/*Search panel*/
.is-milestone input[type="text"] { padding: 22px 65px 22px 15px; height: 64px; min-height: 64px !important; font-size: 20px; width: 100%; box-sizing: border-box; border: none; border-radius: 12px; background-color: #ffffff; }
.is-milestone .et_pb_search input.et_pb_searchsubmit { position: absolute; top: 7px; right: 7px; color: #1b1a19; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 19px; background-color: #91c3ce; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #91c3ce; border: none; width: 50px; height: 50px; min-height: 50px !important; padding: 12px; border-radius: 8px; white-space: nowrap; transition: all 0.5s ease-in-out; }
.is-milestone .et_pb_search input.et_pb_searchsubmit:hover { background-color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #1b1a19; }
/*END Search panel*/
/*Years tag cloud*/
.milestone-year-tag-cloud { display: flex; flex-wrap: wrap; margin: 10px 0px 40px 0px; }
.milestone-year-tag-cloud .tag { color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 300; text-decoration: underline; text-decoration-color: #1b1a19; padding: 12px; border: none; background-color: #1b1a19; margin-right: 2px; margin-top: 2px; border-radius: 8px !important; white-space: nowrap; cursor: pointer; box-shadow: inset 0 0 0 0 #fac670; transition: all 0.5s ease-in-out; }
.milestone-year-tag-cloud .tag:hover { color: #1b1a19; box-shadow: inset 0 0 0 50px #fac670; text-decoration: underline; text-decoration-color: #1b1a19; background-color: transparent; }
/*END Years tag cloud*/
/*Image and video*/
.is-milestone .et_pb_image { margin-bottom: 30px !important; }
.is-milestone .et_pb_image img { border-radius: 13px; }
/*END Image and video*/
/*Menu*/
.is-milestone .hero_right-menu { margin-top: 100px; }
.hero_right-menu li { padding-bottom: 23px; }
.hero_right-menu a { color: #ffffff; font-size: 45px; font-weight: 700; letter-spacing: -3px; padding: 15px; opacity: 1; border-bottom: none; transition: all 0.3s ease-in-out; }
.hero_right-menu a:hover { opacity: 0.7; }
/*END Menu*/
/*Responsive and animation*/
@media screen and (min-width: 981px) and (max-width: 1300px) {
.is-milestone .hero_right { padding-left: 30px; }
}
@media screen and (min-width: 981px) and (max-width: 1100px) {
.is-milestone .hero_right-menu { padding-left: 0px !important; }
}
@media screen and (max-width: 980px) {
.is-milestone .hero_left { padding-bottom: 70px; }
}
@media screen and (max-width: 500px) {
.is-milestone .hero_right { padding: 30px 10px; }
}
/*END Responsive and animation*/
/*END Single milestone*/

/*Lego page*/
.is-lego .et_pb_menu { width: calc(60% - 17px); }
.is-lego .hero_right { padding: 0px 30px; }
.is-lego .hero_bottom { margin-bottom: 30px; width: 90%; }
/*Videos*/
.custom-video-placeholder { width: 100%; position: relative; cursor: pointer; border-radius: 10px; overflow: hidden; margin-top: 20px; margin-bottom: 0px; }
.custom-video-placeholder.ratio-4-3 { aspect-ratio: 4 / 3; }
.custom-video-placeholder.ratio-16-9 { aspect-ratio: 16 / 9; }
.custom-video-placeholder.ratio-1-1 { aspect-ratio: 1 / 1; }
.custom-video-placeholder iframe, .custom-video-poster { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; }
.custom-video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); border-radius: 10px; transition: background 0.3s ease-in-out; z-index: 2; }
.custom-video-placeholder:hover .custom-video-overlay { background: rgba(0, 0, 0, 0.6); }
.custom-play-icon::before { content: "I"; font-family: ETmodules; font-size: 50px; color: #ffffff; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%) translateY(0); opacity: 0; pointer-events: none; z-index: 1000; transition: all 0.5s ease-in-out; }
.custom-video-placeholder:hover .custom-play-icon::before { bottom: 50%; transform: translateX(-50%) translateY(50%); opacity: 1; }
/*END Videos*/
/*Responsive and animation*/
@media screen and (min-width: 981px) and (max-width: 1300px) {
.is-lego .hero_right { padding-left: 30px; }
}
@media screen and (max-width: 980px) {
.is-lego .hero_left { padding-bottom: 70px; }
.is-lego .hero_heading-wrap { width: 95%; }
}
@media screen and (max-width: 500px) {
.is-lego .hero_right { padding: 30px 10px; }
}
/*END Responsive and animation*/
/*END Lego page*/

/*Search results and archives*/
.search-results-header { font-size: 80px; line-height: 0.9; font-weight: 700; letter-spacing: -3.5px; width: 95%; overflow-wrap: normal; margin-top: 100px; margin-bottom: 60px !important; }
h2.not-found-title { color: #ffffff !important; }
.is-search-results .et_pb_menu, .is-archive .et_pb_menu { width: calc(50% - 17px); }
.is-search-results .text_left h2, .is-archive .text_left h2 { margin-bottom: 30px; }
.is-search-results .text_left p { line-height: 28px; margin-bottom: 50px; }
.is-search-results .key, .is-archive .key { padding-right: 90px; padding-bottom: 25px; margin-top: 0px; margin-bottom: 14px !important; }
.is-search-results .key.text-right, .is-archive .key.text-right { flex-direction: column; align-items: flex-start; justify-content: center; }
.search-results-blog .et_pb_post p, .archive-blog .et_pb_post p { color: #1b1a19; font-size: 25px !important; font-weight: 400; }
.search-results-blog .et_pb_post h2, .archive-blog .et_pb_post h2 { font-size: 33px; font-weight: 400; letter-spacing: -1px; padding-bottom: 8px; }
.search-results-blog .post-content, .archive-blog .post-content { display: flex; width: 100%; justify-content: space-between; }
.search-results-blog .et_pb_post p.post-meta, .archive-blog .et_pb_post p.post-meta { color: #1b1a19 !important; font-size: 22px !important; font-weight: 300; margin-bottom: 0px; }
.search-results-blog .post-content-inner, .archive-blog .post-content-inner { padding-right: 20px; }
.search-results-blog .button_slide, .archive-blog .button_slide { position: absolute; right: 20px; top: 61px; padding: 17px 12px; }
.search-results-blog .button_slide.is-top, .archive-blog .button_slide.is-top { top: 60px; }
.search-results-blog .button_slide.is-bottom, .archive-blog .button_slide.is-bottom { top: 60px; }
/*Search panel*/
.is-search-results input[type="text"], .is-archive input[type="text"] { padding: 22px 65px 22px 15px; height: 64px; min-height: 64px !important; font-size: 20px; width: 100%; box-sizing: border-box; border: none; border-radius: 12px; background-color: #ffffff; }
.is-search-results .et_pb_search input.et_pb_searchsubmit, .is-archive .et_pb_search input.et_pb_searchsubmit { position: absolute; top: 7px; right: 7px; color: #1b1a19; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 19px; background-color: #91c3ce; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #91c3ce; border: none; width: 50px; height: 50px; min-height: 50px !important; padding: 12px; border-radius: 8px; white-space: nowrap; transition: all 0.5s ease-in-out; }
.is-search-results .et_pb_search input.et_pb_searchsubmit:hover, .is-archive .et_pb_search input.et_pb_searchsubmit:hover { background-color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; text-decoration: underline; text-decoration-color: #1b1a19; }
/*END Search panel*/
/*Responsive and animation*/
@media screen and (min-width: 1921px) {
.search-results-header { font-size: 85px; }
}
@media screen and (min-width: 1501px) and (max-width: 1700px) {
.search-results-header { font-size: 72px; }
}
@media screen and (min-width: 981px) and (max-width: 1500px) {
.search-results-blog .et_pb_post p, .search-results-blog .et_pb_post p.post-meta, .archive-blog .et_pb_post p, .archive-blog .et_pb_post p.post-meta { font-size: 18px !important; }
.search-results-blog .et_pb_post h2, .archive-blog .et_pb_post h2 { font-size: 27px; }
}
@media screen and (max-width: 1500px) {
.search-results-header { font-size: 57px; line-height: 0.9; }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
.search-results-header { font-size: 45px; }
}
@media screen and (max-width: 980px) {
.is-search-results .et_pb_menu, .is-archive .et_pb_menu { width: 100%; }
.search-results-header { font-size: 65px; }
.is-search-results .search_panel, .is-archive .search_panel { margin-bottom: 30px !important; }
}
@media screen and (max-width: 700px) {
.search-results-header { font-size: 45px; }
.search-results-blog .et_pb_post p, .search-results-blog .et_pb_post p.post-meta, .archive-blog .et_pb_post p, .archive-blog .et_pb_post p.post-meta { font-size: 18px !important; }
.search-results-blog .et_pb_post h2, .archive-blog .et_pb_post h2 { font-size: 27px; }
}
/*END Responsive and animation*/
/*END Search results and archives*/

/*Footer*/
#main-footer { display: none; }
.key.is-footer { position: relative; right: -50%; z-index: 2; width: 50% !important; height: 80px; min-height: 100px; margin-top: -50px !important; margin-bottom: -50px !important; padding-left: 20px; background-color: #0d0d0d; cursor: auto; }
.key.is-footer .key_text-wrap { cursor: pointer; }
.key_text-wrap.is-footer { background-color: #1b1a19; height: 65px; }
.footer_panel { left: 100%; transition: left 0.5s ease, transform 200ms ease; cursor: pointer; }
.footer_panel.open { left: 50%; }
.footer_panel .key_text-wrap svg { transition: transform 0.3s ease; }
.footer_panel .key_text-wrap:hover svg { transform: rotate(90deg); }
.footer_tab-wrap { position: relative; bottom: 37px; right: 10px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; animation: fadeSlideLeft 0.8s ease-out 6s forwards; transform: translateX(70px); }
.footer_tab { background-color: #fac670 !important;  width: 60px; height: 60px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; cursor: pointer; z-index: 10000; transition: transform 300ms ease-in-out; }
.footer_tab:hover { transform: translateX(-15px); }
.footer_tab svg { width: 73px; height: 73px; }
.lego-wrap { position: fixed; bottom: -14px; left: 25px; animation: fadeSlideUp 0.8s ease-out 6s forwards; transform: translateY(70px); z-index: 10000; }
.is-gallery .lego-wrap { animation: fadeSlideUp 0.8s ease-out 5s forwards; }
.lego { background-color: #f37925 !important;  width: 70px; height: 84px; padding-top: 13px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10000; transition: transform 300ms ease-in-out; } 
.lego:hover { transform: translateY(-39px); }
.lego svg { width: 73px; height: 73px;  }
/*Responsive and animation*/
@keyframes fadeSlideUp {
to { transform: translateY(26px); }
}
@keyframes fadeSlideLeft {
to { transform: translateX(26px); }
}
@media screen and (max-width: 600px) {
.key.is-footer { width: 55% !important; }
.key_text-wrap.is-footer { margin-right: 11px; }
}
/*END Responsive and animation*/
/*END Footer*/