@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-VariableFont_wght.woff2") format("woff2");font-weight:100 900;font-style:normal}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Italic-VariableFont_wght.woff2") format("woff2");font-weight:100 900;font-style:italic}@font-face{font-family:"Libre Baskerville";src:url("../fonts/LibreBaskerville-VariableFont_wght.woff2") format("woff2");font-weight:100 900;font-style:normal}@font-face{font-family:"Libre Baskerville";src:url("../fonts/LibreBaskerville-Italic-VariableFont_wght.woff2") format("woff2");font-weight:100 900;font-style:italic}body{font-family:"Montserrat",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Libre Baskerville",serif}.section-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:0 15px}@media screen and (min-width: 768px){.section-header{gap:30px;margin-bottom:40px}}.section-header .line{flex:1;max-width:100px;height:1px;background-color:#2a2a2a}@media screen and (min-width: 768px){.section-header .line{max-width:200px}}@media screen and (min-width: 1200px){.section-header .line{max-width:300px}}.section-header h2{font-size:22px;font-weight:600;color:#2a2a2a;text-align:center}@media screen and (min-width: 768px){.section-header h2{font-size:28px}}@media screen and (min-width: 1200px){.section-header h2{font-size:32px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:14px;color:#2a2a2a;line-height:1.6;background-color:#fff}@media screen and (min-width: 768px){body{font-size:15px}}@media screen and (min-width: 1200px){body{font-size:16px}}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}button{font-family:inherit}.hidden{display:none !important}footer{background-color:#315c77;color:#fff}footer #footer-logo img{height:90px;margin:50px 20px 40px 20px}@media screen and (min-width: 768px){footer #footer-logo img{margin:auto 30px;height:60px}}footer p#footer-quote{line-height:30px;color:#fff;font-style:italic;margin:auto 20px 30px 20px}@media screen and (min-width: 768px){footer p#footer-quote{margin:20px 30px auto 30px}}footer #hr-right{border-bottom:1px solid #fff}@media screen and (min-width: 768px){footer #hr-right{border-bottom:none;border-right:1px solid #fff;margin-top:50px;padding-bottom:250px;padding-left:20px}}@media screen and (min-width: 1200px){footer #hr-right{padding-right:80px}}footer #footer-nav{display:flex;gap:125px;margin:auto 30px 30px 30px}@media screen and (min-width: 768px){footer #footer-nav{gap:20px;margin:40px auto auto auto}}@media screen and (min-width: 1200px){footer #footer-nav{gap:50px}}footer #footer-nav p.footer-nav-title{text-transform:uppercase;font-size:14px;font-weight:500;margin-top:30px}footer #footer-nav ul{padding:0}footer #footer-nav li{list-style:none;margin:5px 0}footer #footer-nav a{color:#fff;text-decoration:none;font-size:12px;position:relative;text-decoration:none}footer #footer-nav a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}footer #footer-nav a:hover::after{transform:scaleX(1)}footer #address-info{display:flex;flex-direction:row;gap:120px;margin:auto 30px}@media screen and (min-width: 768px){footer #address-info{flex-direction:column;gap:50px;margin:70px 30px auto 0}}footer #address{display:flex;gap:10px;align-items:flex-start}footer #address img{width:25px}footer #address p{font-size:12px;margin-bottom:5px}footer #address a{color:#fff;font-size:10px;text-decoration:underline}footer #contact-info p{font-size:12px;margin-bottom:5px}footer #contact-info .footer-contact-icon{display:flex;gap:10px}footer #contact-info .footer-contact-icon:first-child{margin-bottom:20px}footer #contact-info .footer-contact-icon img{width:23px}footer #contact-info .footer-contact-icon a{position:relative;text-decoration:none}footer #contact-info .footer-contact-icon a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}footer #contact-info .footer-contact-icon a:hover::after{transform:scaleX(1)}footer #subscription-header{font-size:14px;margin:20px auto 10px auto;text-align:center}@media screen and (min-width: 768px){footer #subscription-header{margin-top:-100px;margin-right:0;margin-left:20px;font-size:12px;text-align:left}}@media screen and (min-width: 1200px){footer #subscription-header{margin-left:10px}}footer #subscribe{display:flex;font-size:12px;margin:auto 30px}@media screen and (min-width: 768px){footer #subscribe{margin-top:-70px;margin-left:20px}}@media screen and (min-width: 1200px){footer #subscribe{margin-left:10px}}footer #emain-subscription{border:1px solid #fff;color:#fff;padding:10px;width:280px;height:38px;margin-top:0;background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){footer #emain-subscription{width:180px}}@media screen and (min-width: 1200px){footer #emain-subscription{width:280px}}footer #emain-subscription::-moz-placeholder{color:#fff;font-weight:400;font-family:"Montserrat",sans-serif}footer #emain-subscription::placeholder{color:#fff;font-weight:400;font-family:"Montserrat",sans-serif}footer #subscribe-btn{border:none;padding:10px;background-color:#fff;color:#315c77;width:150px;height:38px;text-align:center;margin-top:0;font-size:16px;cursor:pointer}@media screen and (min-width: 768px){footer #subscribe-btn{width:120px;font-size:14px}}footer #agree{margin:10px 30px 30px 30px;display:flex;gap:10px}@media screen and (min-width: 768px){footer #agree{margin:10px 0 30px 20px;font-size:12px}}@media screen and (min-width: 1200px){footer #agree{margin-left:10px}}footer #agree input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,0);width:15px;height:15px;margin-top:5px;border:1px solid #fff}@media screen and (min-width: 1200px){footer #agree input[type=checkbox]{margin-top:3px}}footer #agree input[type=checkbox]:checked{background-color:#fff}footer #agree input[type=checkbox]:checked::after{content:"✔";color:#315c77;font-size:14px;display:block;text-align:center;line-height:18px}footer #sns{margin:auto 30px}@media screen and (min-width: 768px){footer #sns{margin-top:-100px}}footer #sns p{font-weight:500;font-size:16px;text-align:center;margin-bottom:10px}footer .sns-icon{display:flex;gap:15px;justify-content:center}footer img.facebook{height:35px}footer img.instagram{height:25px;margin-top:5px}footer img.x{height:23px;margin-top:6px}footer img.youtube{height:30px;margin-top:3px;margin-left:5px}footer small{text-align:center;margin-top:40px;margin-bottom:50px}@media screen and (min-width: 768px){footer small{margin-top:0}}@media screen and (min-width: 1200px){footer small{margin-top:10px}}.button{font-weight:600;color:#d80621;text-decoration:none;background-color:#f6efe8;border:3px solid #d80621;border-radius:30px;padding:5px 20px;margin:auto;transition:all .3s ease-in-out}.button:hover{color:#fff;background-color:#d80621}.blue-header{background-color:#315c77;padding-bottom:30px}.header-space{padding-top:130px}#top-header{display:none}header{z-index:1;position:relative}header #header-logo img{width:150px;margin-top:30px}@media screen and (min-width: 768px){header #header-logo img{width:230px;margin-left:20px}}@media screen and (min-width: 1200px){header #header-logo img{width:230px;margin-top:0}}header #mob-menu{width:40px;height:26px;position:relative;border:none;background:none;cursor:pointer;margin-top:40px;display:flex;justify-content:flex-end;margin-left:auto}header #mob-menu span{position:absolute;height:3px;background-color:#fff;transition:.4s;text-align:end;right:0;z-index:900}header #mob-menu span:nth-child(1){top:0;width:100%}header #mob-menu span:nth-child(2){top:11.5px;width:80%;right:0}header #mob-menu span:nth-child(3){bottom:0;width:100%}header #mob-menu.active span:nth-child(1){transform:rotate(45deg);top:11.5px}header #mob-menu.active span:nth-child(2){opacity:0}header #mob-menu.active span:nth-child(3){transform:rotate(-45deg);top:11.5px;bottom:auto}header #header-nav{position:fixed;top:0;right:0;height:100vh;width:80vw;background-color:rgba(49,92,119,.937254902);opacity:0;transform:translateX(100%)}header #header-nav.active{transform:translateX(0);opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out}header #header-nav nav ul{list-style:none}header #header-nav nav ul li{margin:25px auto 25px 50px}header #header-nav nav ul li:first-child{margin-top:120px}header #header-nav nav ul li a{text-decoration:none;color:#fff;font-size:20px;font-weight:600;transform:scale(1);transition:scale .3s ease-in-out;position:relative;text-decoration:none}header #header-nav nav ul li a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}header #header-nav nav ul li a:hover::after{transform:scaleX(1)}header #history-nav{cursor:pointer}header .history-con{display:flex;gap:8px;padding-bottom:10px}header .history-con a{position:relative}header .submenu-toggle img{width:15px;margin-top:15px}header #history-sub li:first-child{margin-top:10px !important}@media screen and (min-width: 1200px){header #history-sub li:first-child{margin-top:0 !important}}header #history-sub li a{font-size:20px !important}@media screen and (min-width: 1200px){header #history-sub li a{font-size:16px !important}}header #about-nav{cursor:pointer}header .about-con{display:flex;gap:8px}header .about-con a{padding-bottom:10px}header .submenu-toggle img{width:15px;margin-top:15px}header #about-sub li:first-child{margin-top:10px !important}@media screen and (min-width: 1200px){header #about-sub li:first-child{margin-top:0 !important}}header #about-sub li a{font-size:20px !important}@media screen and (min-width: 1200px){header #about-sub li a{font-size:16px !important}}#hero-text{z-index:2;margin-top:180px}#hero-text #hero-heading{color:#fff;font-size:40px}#hero-text #hero-p{color:#fff;font-size:18px}@media screen and (min-width: 1200px){#top-header{display:block;justify-self:end}#top-header ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;background-color:#f6efe8;padding:5px 10px;width:230px}#top-header ul li a{color:#2a2a2a;font-weight:500;position:relative;text-decoration:none}#top-header ul li a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#2a2a2a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#top-header ul li a:hover::after{transform:scaleX(1)}header #mob-menu{display:none}header #header-nav{opacity:1;transform:translateX(0);background-color:rgba(0,0,0,0);position:static;height:auto;width:auto;transition:none;margin-top:10px}header #header-nav nav ul{display:flex;justify-content:flex-end;gap:20px}header #header-nav nav ul li{margin:20px 0 0 0}header #header-nav nav ul li:first-child{margin-top:20px}header #header-nav nav ul li:first-child a{margin-left:auto}header #header-nav nav ul li a{color:#fff;font-size:16px;font-weight:500}header #header-nav nav ul li#home{margin-right:20px}header #header-nav .tablet-hide{display:none}#about-sub,#history-sub{display:flex !important}#history-nav{padding:0 40px 0px 40px}#history-nav a:hover{border-bottom:none !important;padding-bottom:0px !important}#history-nav .history-con{display:flex;gap:8px}#history-nav .submenu-toggle img{width:10px;margin-top:11px}#history-sub{position:absolute;top:100%;left:43%;background-color:#315c77;z-index:5;display:flex;flex-direction:column;gap:0 !important;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}#history-sub li{text-align:center;border-bottom:1px solid rgba(150,150,150,.187);transition:transform .3s ease-in-out;padding:10px 15px;margin-top:0 !important}#history-sub li:hover{transform:scale(1.03)}li#history-nav:hover>#history-sub{opacity:1;transform:translateY(0);pointer-events:auto}#about-nav{padding:0 30px 0px 40px}#about-nav a:hover{border-bottom:none !important;padding-bottom:0px !important}#about-nav .about-con{display:flex;gap:8px}#about-nav .submenu-toggle img{width:10px;margin-top:11px}#about-sub{position:absolute;top:100%;left:28%;background-color:#315c77;z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}#about-sub li{text-align:center;border-bottom:1px solid rgba(150,150,150,.187);transition:transform .3s ease-in-out;padding:10px 15px;margin-top:0 !important}#about-sub li:hover{transform:scale(1.03)}li#about-nav:hover>#about-sub{opacity:1;transform:translateY(0);pointer-events:auto}#hero{height:500px}#hero #hero-heading{margin-top:220px}#hero #hero-heading span{font-size:35px}#hero #hero-p{margin-top:0;padding-bottom:50px}}:root{--plyr-color-main: #D80621}.blue-bg{background-color:#315c77}body{background-color:#f6efe8}.event-hero-bg{background-image:url(../images/m-event-hero.jpg);width:100%;height:600px}@media screen and (min-width: 1200px){.event-hero-bg{background-image:url(../images/l-event-hero.jpg)}}#category-btn{margin-top:50px;margin-bottom:20px;display:flex;padding:10px 15px;justify-content:space-evenly}@media screen and (min-width: 768px){#category-btn{justify-content:flex-start}}#category-btn button{flex:0 0 auto;background-color:rgba(0,0,0,0);border:none;color:#315c77;font-size:16px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease-in-out;position:relative;text-decoration:none}#category-btn button::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:3px;background:#315c77;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#category-btn button:hover::after{transform:scaleX(1)}#category-btn button:hover{font-weight:600}#category-btn button.active::after{transform:scaleX(1)}@media screen and (min-width: 768px){#category-btn button{font-size:18px;padding:10px 25px}}.tag{display:inline-block;padding:4px 12px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;width:-moz-fit-content;width:fit-content;margin-bottom:12px}@media screen and (min-width: 768px){.tag{padding:5px 15px;font-size:11px;margin-bottom:15px}}#events-blog-app{margin-bottom:100px}.post-card{background-color:#315c77;padding-bottom:15px;margin:20px 0}.post-card img{width:100vw;height:350px}.post-card .detail{margin:10px}.post-card .detail .title{color:#fff;font-size:20px;line-height:40px}.post-card .detail .date{color:#fff;font-size:15px;margin-top:10px;font-weight:400}.post-card .detail .description{color:#fff;font-size:16px;line-height:30px;margin-top:10px;margin-bottom:15px}.post-card .detail .tag-event{margin-top:10px}.post-card .detail .event-link{color:#fff;font-size:14px;padding-bottom:5px;border-bottom:1px solid #fff}.post-card .detail .event-link:hover{font-weight:600;transition:all .3s ease-in-out}#top-events-right{background-color:#fff}#top-events-right img{width:100vw;height:350px}#top-events-right .detail{margin:10px}#top-events-right .detail .title{color:#315c77;font-size:20px;line-height:40px}#top-events-right .detail .date{color:#315c77;font-size:15px;margin-top:10px;font-weight:400}#top-events-right .detail .description{color:#315c77;font-size:16px;line-height:30px;margin-top:10px;margin-bottom:15px}#top-events-right .detail .tag-event{margin-top:10px}#top-events-right .detail .event-link{color:#315c77;font-size:14px;padding-bottom:5px;border-bottom:1px solid #315c77}#more-events{margin-top:80px}#more-events .event-card{background-color:#fff;display:flex;padding:20px;gap:20px}#more-events .event-card .image-tag{flex:0 0 180px}#more-events .event-card .image-tag .label{background-color:#315c77;color:#fff;display:block;text-align:center;font-size:18px}#more-events .event-card .image-tag img{width:180px;height:200px;background-color:#2a2a2a}#more-events .event-card .more-details{margin-top:20px}#more-events .event-card .more-details .title{font-size:22px}#more-events .event-card .more-details .date{font-size:14px;margin-top:5px}#more-events .event-card .more-details .description{margin-top:10px;margin-bottom:20px}#more-events .event-card .more-details .event-link{font-size:14px;padding-bottom:5px;border-bottom:1px solid #2a2a2a}.contact-hero-bg{background-image:url(../images/m-contact-hero.jpg);width:100%;height:600px}@media screen and (min-width: 1200px){.contact-hero-bg{background-image:url(../images/l-contact-hero.jpg)}}#contact{margin-top:50px}#museum-info{display:flex;flex-direction:column;justify-content:center;gap:50px}@media screen and (min-width: 768px){#museum-info{flex-direction:row;flex-wrap:wrap;margin:50px auto}}@media screen and (min-width: 1200px){#museum-info{gap:80px}}#museum-info .icon-text{background-color:#315c77;padding:30px 0}@media screen and (min-width: 768px){#museum-info .icon-text{width:210px;height:240px;padding:15px}}@media screen and (min-width: 1200px){#museum-info .icon-text{width:300px}}#museum-info .icon-text .contact-icon{width:80px;margin:10px auto}#museum-info .icon-text h3{color:#fff;text-align:center;font-family:"Montserrat",sans-serif;font-weight:600;font-size:18px}#museum-info .icon-text a{color:#fff;margin:10px;text-align:center;display:block;transition:all .3s ease-in-out}#museum-info .icon-text a:hover{font-weight:500}#contct-form-bg{background-color:#68674b;margin-bottom:100px}#contct-form-bg form{margin:50px auto}#contct-form-bg form input{height:40px;margin-bottom:15px;padding-left:10px}#contct-form-bg form textarea{min-height:195px;margin-bottom:15px;padding-left:10px;padding-top:10px}#contct-form-bg form .input-flex{display:flex;flex-direction:column}#contct-form-bg form .field-error{position:relative;background-color:#fff;font-size:14px;padding:5px 10px;margin-right:40px;border:2px solid #d80621}#contct-form-bg form .field-error span{font-size:12px;font-weight:500;color:#fff;background-color:#d80621;padding:1px 7px;border-radius:100px;margin:0 2px 5px 2px}#contct-form-bg form .field-error::before{content:"";position:absolute;top:-27px;left:8px;width:24px;height:27px;background:#d80621;clip-path:polygon(50% 0%, 0 100%, 100% 100%)}#contct-form-bg form .field-error::after{content:"";position:absolute;top:-23px;left:10px;width:20px;height:24px;background:#fff;clip-path:polygon(50% 0%, 0 100%, 100% 100%)}#contct-form-bg .fail{color:#fff;font-weight:500}#contct-form-bg label{color:#fff;font-size:18px;margin:5px 0}#contct-form-bg input::-moz-placeholder{color:gray;font-family:"Montserrat",sans-serif}#contct-form-bg input::placeholder{color:gray;font-family:"Montserrat",sans-serif}#contct-form-bg textarea::-moz-placeholder{color:gray;font-family:"Montserrat",sans-serif}#contct-form-bg textarea::placeholder{color:gray;font-family:"Montserrat",sans-serif}#contct-form-bg [v-cloak]{display:none}#contct-form-bg .button svg{max-width:30px;transition:all .5s}#contct-form-bg .buttonCircle{width:80px;height:80px;background:#3cb371;border-radius:50%;border:none}#contct-form-bg .button,#contct-form-bg .tick{display:flex;justify-content:center;align-items:center;font-family:sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}#contct-form-bg .tick{font-size:20px;padding:10px 20px}.section-header{margin-top:90px}#faq-bg{background-color:#315c77;margin-bottom:100px}#faq-bg details{background-color:#fff;margin:15px 0;padding:15px 10px;font-size:16px}#faq-bg details:first-child{margin-top:50px}#faq-bg details:last-child{margin-bottom:50px}#faq-bg summary{list-style:none;display:flex;justify-content:space-between}#faq-bg .toggle-icon{border:1.5px solid #000;border-radius:100px;height:20px;width:20px;position:relative;margin-top:3px;cursor:pointer}#faq-bg .toggle-icon span{position:absolute;width:10px;height:1.5px;background-color:#000;top:45%;left:22%}#faq-bg .toggle-icon span:last-child{transform:rotate(90deg)}#faq-bg details[open] .toggle-icon span:last-child{display:none}#faq-bg .answer{border-top:2px solid #000;padding-top:10px;margin-top:10px;z-index:2}#faq-bg summary::-webkit-details-marker{display:none}.hero-section{position:relative;overflow:hidden}.hero-loop-video{position:relative;z-index:0;width:100%;pointer-events:none}.hero-loop-video video{width:200%;display:block;height:600px;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.hero-loop-video video{width:120%;height:500px}}@media screen and (min-width: 1200px){.hero-loop-video video{width:100%;height:630px}}.hero-bg{width:100%;height:400px}@media screen and (min-width: 768px){.hero-bg{height:500px}}@media screen and (min-width: 1200px){.hero-bg{height:630px}}.hero-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}header{position:absolute;top:0;left:0;width:100%;z-index:2}#hero-grid{position:absolute;bottom:40px;left:5px;right:0;width:100%;z-index:1}@media screen and (min-width: 768px){#hero-grid{bottom:150px}}#hero-heading{color:#fff;margin-bottom:20px}#hero-p{color:#fff}.home-hero-text{position:absolute;z-index:1;padding-bottom:30px;bottom:100px;left:5px;right:0;width:100%}@media screen and (min-width: 768px){.home-hero-text{bottom:10px}}@media screen and (min-width: 1200px){.home-hero-text{bottom:30px}}.home-hero-text #hero-heading{color:#fff;font-size:22px;line-height:50px;margin-bottom:10px}.home-hero-text #hero-heading span{font-size:40px}@media screen and (min-width: 1200px){.home-hero-text #hero-heading span{font-size:48px}}.home-hero-text #hero-p{color:#fff;margin-top:0;padding-bottom:20px;font-size:18px;margin-right:20px}@media screen and (min-width: 768px){.home-hero-text #hero-p{margin-top:15px;font-size:20px}}.home-hero-text a{font-size:16px;margin:10px 150px 0 0;width:200px;padding:10px 20px;display:block}#about-museum{margin:60px 0}@media screen and (min-width: 768px){#about-museum{margin:80px 0}}@media screen and (min-width: 1200px){#about-museum{margin:120px 0}}#about-museum .grid-con{align-items:center}#about-museum .button{padding:10px 30px}#about-museum .about-text h2{font-size:24px;font-weight:600;color:#315c77;margin-bottom:15px}@media screen and (min-width: 768px){#about-museum .about-text h2{font-size:30px;margin-bottom:20px}}@media screen and (min-width: 1200px){#about-museum .about-text h2{font-size:36px}}#about-museum .about-text p{font-size:14px;line-height:1.7;color:#2a2a2a;margin-bottom:20px;order:2}@media screen and (min-width: 768px){#about-museum .about-text p{font-size:15px;line-height:1.8;margin-bottom:25px}}#about-museum a{margin-top:20px}@media screen and (min-width: 768px){#about-museum a{margin-top:0px;margin:0;width:155px}}@media screen and (min-width: 1200px){#about-museum a{width:160px}}#about-museum .about-image{margin-top:25px}@media screen and (min-width: 768px){#about-museum .about-image{margin-top:40px}}#visit-learn{padding:40px 0}@media screen and (min-width: 768px){#visit-learn{padding:60px 0}}@media screen and (min-width: 1200px){#visit-learn{padding:80px 0}}#history{padding-top:40px}@media screen and (min-width: 768px){#history{padding-top:60px}}@media screen and (min-width: 1200px){#history{padding-top:80px}}#history .section-header{margin-bottom:60px}@media screen and (min-width: 768px){#history .section-header{margin-bottom:80px}}@media screen and (min-width: 1200px){#history .section-header{margin-top:100px}}#slider-container{width:100%;overflow-x:auto;overflow-y:visible;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-top:20px}#slider-container:active{cursor:grabbing}#slider-container::-webkit-scrollbar{height:4px}@media screen and (min-width: 768px){#slider-container::-webkit-scrollbar{height:6px}}#slider-container::-webkit-scrollbar-track{border-radius:3px}#slider-container::-webkit-scrollbar-thumb{background:#315c77;border-radius:3px}#slider-container::-webkit-scrollbar-thumb:hover{background:#315c77}#slider-track{display:flex;gap:15px;padding-bottom:10px}@media screen and (min-width: 768px){#slider-track{gap:20px;padding-bottom:15px;justify-content:center}}@media screen and (min-width: 1200px){#slider-track{gap:30px;justify-content:center}}.card{background-color:#68674b;border-radius:6px;overflow:hidden;flex-shrink:0;width:280px;transition:all .3s ease}@media screen and (min-width: 1200px){.card{width:340px}}.card .card-image{width:90%;height:170px;overflow:hidden;margin:10px auto}.card .card-image img{-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1);transition:transform .3s ease-in-out}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(104,103,75,.25)}@media screen and (min-width: 768px){.card:hover{box-shadow:0 15px 40px rgba(104,103,75,.25)}}.card:hover .card-image img{transform:scale(1.05)}.card-content{padding:18px 15px 22px}@media screen and (min-width: 768px){.card-content{padding:20px 18px 25px}}@media screen and (min-width: 1200px){.card-content{padding:25px 20px 30px}}.card-content h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}@media screen and (min-width: 768px){.card-content h3{font-size:15px;margin-bottom:10px}}@media screen and (min-width: 1200px){.card-content h3{font-size:22px}}.card-content p{color:hsla(0,0%,100%,.85);font-size:12px;line-height:1.5;margin-bottom:15px}@media screen and (min-width: 768px){.card-content p{font-size:13px;line-height:1.6;margin-bottom:18px}}@media screen and (min-width: 1200px){.card-content p{font-size:14px;margin-bottom:20px}}.card-content .button{padding:10px 20px;margin:0 30px;text-align:center;display:block}.card-content .button.battle-of-britain{margin-top:32px}@media screen and (min-width: 768px){.card-content .button.battle-of-britain{margin-top:15px}}@media screen and (min-width: 1200px){.card-content .button.battle-of-britain{margin-top:40px}}#events-blog{padding:60px 0}@media screen and (min-width: 768px){#events-blog{padding:80px 0}}@media screen and (min-width: 1200px){#events-blog{padding:100px 0}}.event-row{display:flex;flex-direction:column;max-width:1600px;margin:0 auto;background-color:#315c77;color:#fff}.event-row:hover .event-image img{transform:scale(1.05)}@media screen and (min-width: 768px){.event-row{flex-direction:row}}.event-row-reverse{display:flex;flex-direction:column;max-width:1600px;margin:0 auto;background-color:#fff;color:#315c77}.event-row-reverse:hover .event-image-reverse img{transform:scale(1.05)}@media screen and (min-width: 768px){.event-row-reverse{flex-direction:row}}.event-image{width:100%;min-height:180px;overflow:hidden;position:relative}@media screen and (min-width: 768px){.event-image{width:40%;height:auto;min-height:280px}}@media screen and (min-width: 1200px){.event-image{min-height:320px}}.event-image img{width:100%;height:100%;min-height:180px;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1);transition:all .3s ease-in-out}@media screen and (min-width: 768px){.event-image img{min-height:280px}}@media screen and (min-width: 1200px){.event-image img{min-height:320px}}.event-image-reverse{width:100%;min-height:180px;overflow:hidden;position:relative}@media screen and (min-width: 768px){.event-image-reverse{width:40%;height:auto;min-height:280px;order:2}}@media screen and (min-width: 1200px){.event-image-reverse{min-height:320px}}.event-image-reverse img{width:100%;height:100%;min-height:180px;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1);transition:all .3s ease-in-out}@media screen and (min-width: 768px){.event-image-reverse img{min-height:280px}}@media screen and (min-width: 1200px){.event-image-reverse img{min-height:320px}}.event-content{padding:20px 15px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){.event-content{width:60%;padding:30px}}@media screen and (min-width: 1200px){.event-content{padding:40px 50px}}.event-content h3{font-size:20px;font-weight:600;margin-bottom:6px}@media screen and (min-width: 768px){.event-content h3{font-size:24px;margin-bottom:8px}}@media screen and (min-width: 1200px){.event-content h3{font-size:28px}}.event-content .read-more{font-size:12px;color:#fff;font-weight:500;transition:color .3s ease;position:relative;text-decoration:none;width:85px}.event-content .read-more::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#d80621;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.event-content .read-more:hover::after{transform:scaleX(1)}@media screen and (min-width: 768px){.event-content .read-more{font-size:13px}}.event-content .read-more:hover{color:#d80621}.event-date{font-size:12px;margin-bottom:10px}@media screen and (min-width: 768px){.event-date{font-size:13px;margin-bottom:12px}}.event-description{font-size:13px;line-height:1.6;margin-bottom:12px}@media screen and (min-width: 768px){.event-description{font-size:14px;line-height:1.7;margin-bottom:15px}}.blog-content-reverse .read-more{font-size:12px;color:#315c77;font-weight:500;text-decoration:none;transition:color .3s ease}@media screen and (min-width: 768px){.blog-content-reverse .read-more{font-size:13px}}.blog-content-reverse .read-more:hover{color:#d80621}@media screen and (min-width: 768px){.blog-content-reverse{order:1}}.events-cta{text-align:center;margin-top:30px}@media screen and (min-width: 768px){.events-cta{margin-top:40px}}.events-cta .button{padding:10px 30px}.tag{display:inline-block;padding:4px 12px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;width:-moz-fit-content;width:fit-content;margin-bottom:12px}@media screen and (min-width: 768px){.tag{padding:5px 15px;font-size:11px;margin-bottom:15px}}.tag-event{background-color:#f6efe8;color:#315c77}.tag-blog{background-color:#315c77;color:#fff}#overview,#service{margin:50px 0}#mission-value{display:flex;flex-direction:column}@media screen and (min-width: 768px){#mission-value{margin:auto 50px;flex-direction:row}}@media screen and (min-width: 1200px){#mission-value{margin:auto 150px}}#mission{background-color:#315c77;padding:30px 0;width:100%;border-radius:10px;height:310px;position:relative}@media screen and (min-width: 768px){#mission{width:50%}}#mission::after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:30px solid rgba(0,0,0,0);border-right:30px solid rgba(0,0,0,0);border-top:30px solid #315c77}@media screen and (min-width: 768px){#mission::after{bottom:auto;left:auto;right:-20px;top:50%;transform:translateY(-50%);border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:20px solid #315c77;border-right:none}}@media screen and (min-width: 1200px){#mission::after{right:-20px;top:50%}}@media screen and (min-width: 768px){#mission{width:50%;height:385px}}#mission img{width:75px;height:auto;margin:30px auto}#mission p{color:#fff;margin:30px;text-align:center}#vision{background-color:#fff;padding:30px 0;width:100%;border-radius:10px}@media screen and (min-width: 768px){#vision{width:50%}}#vision img{width:75px;height:auto;margin:30px auto}#vision p{color:#315c77;margin:30px;text-align:center}#museum-timeline{display:block;margin-bottom:50px}@media screen and (min-width: 768px){#museum-timeline{display:flex;justify-content:center}}#museum-timeline .img-wrapper{position:relative;display:block;margin:auto}#museum-timeline .img-wrapper img{display:block;margin:auto}#museum-timeline h3{color:#315c77;text-align:center;font-size:20px;margin-top:30px}#museum-timeline p{text-align:center;padding:10px 35px}#museum-timeline p.era{color:#fff;background-color:#68674b;padding:10px 15px;width:160px;text-align:center;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);z-index:2}#legacy{margin:100px auto 100px auto}#legacy #img-con{position:relative;margin:20px auto 0 auto;width:100%;height:260px}@media screen and (min-width: 768px){#legacy #img-con{order:2}}#legacy #img-con img{background-color:rgba(128,128,128,.399);width:370px;height:240px;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;opacity:0;transition:all .3s ease-in-out}@media screen and (min-width: 1200px){#legacy #img-con img{width:400px;height:280px}}#legacy #img-con img.active{opacity:1}#legacy #text-con{position:relative;height:210px;width:100%;margin:10px auto}@media screen and (min-width: 768px){#legacy #text-con{order:1}}#legacy #text-con .title-text{width:100%;position:absolute;opacity:0;transition:all .3s ease-in-out}#legacy #text-con .title-text h3{color:#315c77;font-size:20px;text-align:center}@media screen and (min-width: 1200px){#legacy #text-con .title-text h3{font-size:26px}}#legacy #text-con .title-text p{text-align:center;margin:5px 40px}#legacy #text-con .title-text.active{opacity:1}#legacy .legacy-btn{display:flex;justify-content:center}@media screen and (min-width: 768px){#legacy .legacy-btn{order:3;margin-left:80px;gap:30px}}@media screen and (min-width: 1200px){#legacy .legacy-btn{gap:0;margin-left:0}}#legacy .legacy-btn button{padding:8px 20px;font-size:18px;cursor:pointer}@media screen and (min-width: 1200px){#legacy .legacy-btn button{margin-top:30px;margin-left:50px}}#about-player-container{margin-bottom:100px}.history-hero-bg{background-image:url(../images/m-history-hero.jpg);width:100%;height:800px}@media screen and (min-width: 768px){.history-hero-bg{height:700px}}@media screen and (min-width: 1200px){.history-hero-bg{background-image:url(../images/l-history-hero.jpg)}}#hero-text{margin-left:20px}#timeline-main{margin-top:80px;margin-bottom:100px}#timeline-main .timeline-item{position:relative}#timeline-main #timeline-line{height:7950px;width:4px;background-color:rgba(195,195,195,.5019607843);position:absolute;left:50%;top:0;z-index:-2;margin-top:670px}@media screen and (min-width: 768px){#timeline-main #timeline-line{height:5500px}}@media screen and (min-width: 1200px){#timeline-main #timeline-line{height:6000px}}#timeline-main .timeline-dot{opacity:0;position:absolute;left:50%;top:35px;width:20px;height:20px;background-color:#68674b;border:5px solid #fff;border-radius:50%;transform:translateX(-41%);transition:all .3s ease-in-out}@media screen and (min-width: 768px){#timeline-main .timeline-dot{opacity:1;top:40px}}@media screen and (min-width: 1200px){#timeline-main .timeline-dot{top:45px}}#timeline-main .active{transition:all .3s ease-in-out}#timeline-main .active .timeline-dot{background-color:#315c77}#timeline-main .active .timeline{opacity:1}#timeline-main #timeline-progress{position:absolute;height:0;width:4px;background-color:#315c77;z-index:-1}#timeline-main .timeline{background-color:#315c77;color:#fff;margin:20px auto;padding:10px 40px;font-size:18px;font-family:"Libre Baskerville",serif;font-style:italic;opacity:.3;text-align:center}@media screen and (min-width: 768px){#timeline-main .timeline{padding:10px 20px;min-width:140px;font-size:22px}}@media screen and (min-width: 1200px){#timeline-main .timeline{font-size:30px;margin-top:100px}}#timeline-main .time-card{background-color:#fff;margin:70px 20px;min-height:700px}@media screen and (min-width: 768px){#timeline-main .time-card{background-color:rgba(0,0,0,0);min-height:500px;margin:0 20px}}@media screen and (min-width: 1200px){#timeline-main .time-card{min-height:300px;margin:70px 20px}}#timeline-main .time-card .timeline-text{order:2}@media screen and (min-width: 768px){#timeline-main .time-card .timeline-text{margin:auto 30px;order:1}}#timeline-main .time-card .card-title{color:#315c77;margin:10px auto}#timeline-main .time-card .card-title .card-description{margin:0 auto 25px auto}#timeline-main .time-card .card-title .card-description span{font-weight:500}#timeline-main .carousel{display:flex;align-items:center;gap:20px;margin-top:30px}@media screen and (min-width: 768px){#timeline-main .carousel{margin-left:-20px}}@media screen and (min-width: 1200px){#timeline-main .carousel{margin-left:10px}}#timeline-main .carousel button{color:#d80621;padding:5px;height:30px;margin:0;border:1px solid #d80621;cursor:pointer;transition:all .3s ease-in-out}#timeline-main .carousel button:hover{color:#fff;background-color:#d80621}#timeline-main .carousel .timeline-carousel{position:relative;height:300px;flex:0 0 340px}@media screen and (min-width: 768px){#timeline-main .carousel .timeline-carousel{flex:0 0 270px}}@media screen and (min-width: 1200px){#timeline-main .carousel .timeline-carousel{flex:0 0 440px}}#timeline-main .carousel .timeline-carousel .card-img{height:300px;width:340px;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;transition:all .3s ease-in-out}@media screen and (min-width: 768px){#timeline-main .carousel .timeline-carousel .card-img{width:270px;height:270px}}@media screen and (min-width: 1200px){#timeline-main .carousel .timeline-carousel .card-img{width:440px;height:360px}}#timeline-main .carousel .timeline-carousel .card-img.active{opacity:1}@media screen and (min-width: 768px){#timeline-main .text-first .carousel{order:2;margin-left:15px}}@media screen and (min-width: 768px){#timeline-main .text-first .timeline-text{order:1}}.bofb-hero-bg{background-image:url(../images/m-bofb-hero.jpg);width:100%;height:600px}@media screen and (min-width: 1200px){.bofb-hero-bg{background-image:url(../images/l-bofb-hero.jpg)}}#battle-intro{margin:100px auto}#battle-intro img{margin:0 auto}#battle-intro #battle-quote{order:2;margin:30px auto}#battle-intro #battle-quote span{font-size:25px;font-weight:400}@media screen and (min-width: 1200px){#battle-intro #battle-quote{order:1;margin:0}}#battle-intro #quote-from{order:1;font-style:italic;margin:10px auto 0 auto}@media screen and (min-width: 1200px){#battle-intro #quote-from{order:2}}#battle-phases{margin:100px auto}#battle-phases .phase-card{margin:50px auto;width:350px}@media screen and (min-width: 1200px){#battle-phases .phase-card{width:auto}}#battle-phases .phase-card.blue .phase{padding-left:15px;margin-bottom:10px;border-left:2px solid #315c77;color:#315c77;font-size:16px}#battle-phases .phase-card.blue p.phase-detail{color:#fff;background-color:#315c77;padding:20px 15px;line-height:22px;min-height:150px}@media screen and (min-width: 768px){#battle-phases .phase-card.blue p.phase-detail{min-height:200px}}@media screen and (min-width: 1200px){#battle-phases .phase-card.blue p.phase-detail{min-height:258px}}#battle-phases .phase-card.green .phase{padding-left:15px;margin-bottom:10px;border-left:2px solid #68674b;color:#68674b;font-size:16px}#battle-phases .phase-card.green p.phase-detail{color:#fff;background-color:#68674b;padding:20px 15px;line-height:22px;min-height:150px}@media screen and (min-width: 768px){#battle-phases .phase-card.green p.phase-detail{min-height:200px}}@media screen and (min-width: 1200px){#battle-phases .phase-card.green p.phase-detail{min-height:258px}}#date-selection{display:none;margin:100px auto}@media screen and (min-width: 768px){#date-selection{display:block}}#date-selection #select-button-list{display:flex;justify-content:space-around}#date-selection #select-button-list div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#date-selection #select-button-list div button{width:20px;height:20px;border-radius:20px;background-color:rgba(128,128,128,.814);cursor:pointer;outline:none;box-shadow:none;border:none}#date-selection #select-button-list div button.active{background-color:#315c77}.selected-date{display:none;margin-bottom:50px;position:relative}@media screen and (min-width: 768px){.selected-date{margin-bottom:100px}}.selected-date .date{color:#315c77;font-size:55px;font-weight:600;font-family:"Libre Baskerville",serif;line-height:60px;margin-left:20px;text-align:center}@media screen and (min-width: 768px){.selected-date .date{z-index:2}}.selected-date .date span{font-size:60px}@media screen and (min-width: 768px){.selected-date .date span{font-size:100px}}.selected-date .date br{display:none}@media screen and (min-width: 768px){.selected-date .date br{display:block}}.selected-date img{margin:30px auto}@media screen and (min-width: 768px){.selected-date img{width:490px;height:330px;margin-top:-20px;z-index:1}}.selected-date .title{margin-top:30px;text-align:center;font-size:18px;font-family:"Libre Baskerville",serif;margin-bottom:15px}.selected-date .detail{text-align:center;min-height:100px}.selected-date.selected{display:grid}@media screen and (min-width: 768px){#mobile-select-carousel{display:none}}#mobile-select-carousel #mobile-button-list{display:flex;gap:10px;justify-content:center}#mobile-select-carousel #mobile-button-list button{width:15px;height:15px;border-radius:30px;background-color:rgba(128,128,128,.814);cursor:pointer;border:none}#mobile-select-carousel #mobile-button-list button.active{background-color:#315c77}#mobile-select-carousel #mobile-arrow{margin:30px auto;display:flex;justify-content:center;gap:40px}#mobile-select-carousel #mobile-arrow button{margin:0;padding:5px 15px;font-size:20px}#loss{margin:20px auto}@media screen and (min-width: 1200px){#loss{margin:100px auto}}#loss div{margin:20px}@media screen and (min-width: 768px){#loss div{margin:0 auto}}#loss div h3{color:#315c77;padding-bottom:5px;border-bottom:2px solid #315c77;margin-bottom:10px;font-size:22px}#loss div p{font-size:18px}#loss div span{font-weight:500}#honor-slide{margin:100px auto}@media screen and (min-width: 1200px){#honor-slide{display:flex;justify-content:center;flex-direction:row;gap:30px}}#honor-slide .pilot-card{background-color:#315c77;padding:25px;display:flex;margin:40px;gap:40px}@media screen and (min-width: 768px){#honor-slide .pilot-card{margin:20px}}@media screen and (min-width: 1200px){#honor-slide .pilot-card{flex-direction:column;gap:5px;margin:0}}#honor-slide .pilot-card:hover{transform:scale(1.05);transition:all .3s ease-in-out}#honor-slide .pilot-card img{width:120px;height:160px}@media screen and (min-width: 1200px){#honor-slide .pilot-card img{width:150px;height:200px}}#honor-slide .pilot-card .title{color:#fff;margin-bottom:5px;font-size:16px}@media screen and (min-width: 1200px){#honor-slide .pilot-card .title{text-align:center}}#honor-slide .pilot-card .name{font-family:"Libre Baskerville",serif;font-style:italic;color:#fff;margin-bottom:15px;font-size:20px}@media screen and (min-width: 1200px){#honor-slide .pilot-card .name{text-align:center}}#honor-slide .pilot-card a{display:block;margin:40px 5px 0 5px}@media screen and (min-width: 1200px){#honor-slide .pilot-card a{text-align:center;margin:0 5px}}#airplane-model{position:relative;width:100%;height:500px}@media screen and (min-width: 768px){#airplane-model{height:800px}}#airplane-model .model-card{position:absolute;opacity:0;left:30px;right:30px}@media screen and (min-width: 768px){#airplane-model .model-card{margin:0 50px}}@media screen and (min-width: 1200px){#airplane-model .model-card{margin:0 100px}}#airplane-model .model-card img{margin:0 auto}#airplane-model .model-card h3{font-size:24px;color:#315c77;text-align:center;margin:10px auto}@media screen and (min-width: 768px){#airplane-model .model-card h3{font-size:30px}}#airplane-model .model-card p{text-align:center}#airplane-model .model-card.active{opacity:1}#airplane-model button{color:#d80621;padding:5px;height:30px;margin-top:110px;width:20px;background-color:rgba(0,0,0,0);border:1px solid #d80621;cursor:pointer;transition:all .3s ease-in-out}@media screen and (min-width: 768px){#airplane-model button{margin-top:230px;transform:scale(1.1)}}@media screen and (min-width: 1200px){#airplane-model button{margin-top:280px;transform:scale(1.2)}}#airplane-model button:hover{color:#fff;background-color:#d80621}#airplane-model #model-next{justify-self:end}#error-page{color:#fff;margin-bottom:100px}@media screen and (min-width: 1200px){#error-page{margin-bottom:180px}}#error-page #error{display:flex;margin:100px auto 0 auto}#error-page #error p{font-size:100px;font-family:"Libre Baskerville",serif}@media screen and (min-width: 1200px){#error-page #error p{font-size:150px}}#error-page #error img{width:130px}@media screen and (min-width: 1200px){#error-page #error img{width:180px}}#error-page #subline{text-align:center;font-size:21px;margin-bottom:5px}@media screen and (min-width: 1200px){#error-page #subline{font-size:30px;margin-top:-20px}}#error-page #error-detail{text-align:center;margin-bottom:25px}#education-intro{margin:100px auto;background-color:#315c77;color:#fff}#education-intro div{padding-top:30px}#education-intro img{width:100px;height:auto;margin:30px auto}#education-intro h1{color:#fff}#education-intro #education-text{margin:30px 0 70px 0}#tresure-hant img{width:80px !important;height:auto}@media screen and (min-width: 768px){#tresure-hant img{margin-left:20px}}#education-download,#tresure-hant{background-color:#68674b;color:#fff}#education-download img,#tresure-hant img{width:130px;height:auto;margin:30px auto}@media screen and (min-width: 768px){#education-download img,#tresure-hant img{order:3}}#education-download #download-title,#education-download #tresure-title,#tresure-hant #download-title,#tresure-hant #tresure-title{font-size:18px;font-weight:700;text-align:center;margin:20px 0}@media screen and (min-width: 768px){#education-download #download-title,#education-download #tresure-title,#tresure-hant #download-title,#tresure-hant #tresure-title{order:1}}@media screen and (min-width: 768px){#education-download .text,#tresure-hant .text{order:2}}#education-download ul li,#tresure-hant ul li{list-style-type:disc;margin-left:20px}#education-download #download,#education-download #tresure,#tresure-hant #download,#tresure-hant #tresure{margin:30px 0;font-size:18px;font-weight:700;font-style:italic;text-align:center}@media screen and (min-width: 768px){#education-download #download,#education-download #tresure,#tresure-hant #download,#tresure-hant #tresure{order:4}}#education-download .button,#tresure-hant .button{margin-bottom:50px}@media screen and (min-width: 768px){#education-download .button,#tresure-hant .button{order:5}}#virtual-museum{margin:100px auto}#virtual-museum img,#classroom-session img{width:120px;height:auto;margin:30px auto}#virtual-museum #virtual-title,#virtual-museum #classroom-title,#classroom-session #virtual-title,#classroom-session #classroom-title{font-size:18px;font-weight:700;text-align:center;margin:20px 0}#virtual-museum ul li,#classroom-session ul li{list-style-type:disc;margin-left:20px}#virtual-museum #virtual,#virtual-museum #classroom,#classroom-session #virtual,#classroom-session #classroom{margin:30px 0;font-size:18px;font-weight:700;font-style:italic;text-align:center}#virtual-museum .button,#classroom-session .button{margin-bottom:50px}#privacy-policy .section-header{margin-top:100px}#privacy-policy p{color:#315c77;font-weight:400}@media screen and (min-width: 768px){#privacy-policy p{font-size:18px}}@media screen and (min-width: 1200px){#privacy-policy p{font-size:20px}}#privacy-policy ul li{list-style:disc;color:#315c77;margin:10px auto 5px 15px}@media screen and (min-width: 768px){#privacy-policy ul li{font-size:18px}}@media screen and (min-width: 1200px){#privacy-policy ul li{font-size:20px}}#privacy-policy .button{margin-top:100px;margin-bottom:150px}.wartime-hero-bg{background-image:url(../images/m-wartime-hero.jpg);width:100%;height:700px}@media screen and (min-width: 1200px){.wartime-hero-bg{background-image:url(../images/l-wartime-hero.jpg)}}#map .map-con{position:relative;margin:120px auto;width:100%;overflow:visible}#map img{display:block;width:100%}.map-button{width:20px;height:20px;border-radius:30px;background-color:#68674b;color:#fff;font-size:13px;font-weight:500;cursor:pointer;border:none}@media screen and (min-width: 768px){.map-button{width:35px;height:35px;font-size:17px}}.map-button:hover{background-color:#d80621;animation:selected 1s ease-in-out infinite;z-index:10}@keyframes selected{0%{transform:scale(1.2)}30%{transform:scale(1.2)}50%{transform:scale(1.3)}70%{transform:scale(1.2)}100%{transform:scale(1.2)}}.location-item{position:relative;background-color:#315c77;padding:20px;width:280px;display:flex;justify-content:center;flex-direction:column;z-index:2;display:none}@media screen and (min-width: 768px){.location-item{padding:30px;width:360px}}.location-item img{width:250px;height:150px;background-color:#2a2a2a}@media screen and (min-width: 768px){.location-item img{width:300px;height:200px}}.location-item h2{color:#fff;text-align:center;margin-top:10px;font-size:18px}@media screen and (min-width: 768px){.location-item h2{font-size:20px}}.location-item p{color:#fff;text-align:center;font-size:14px}@media screen and (min-width: 768px){.location-item p{font-size:16px}}.location-item::after{content:"";position:absolute;width:30px;height:15px;background:#315c77}.popup-item-top::after{bottom:-13px;left:50%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}.popup-item-bottom::after{top:-13px;left:50%;transform:translateX(-50%);clip-path:polygon(50% 0, 0 100%, 100% 100%)}.popup-item-london::after{top:-13px;left:50%;transform:translateX(-50%);clip-path:polygon(50% 0, 0 100%, 100% 100%)}@media screen and (min-width: 768px){.popup-item-london::after{left:-13px;top:50%;transform:translateY(-50%);width:15px;height:30px;clip-path:polygon(0 50%, 100% 0, 100% 100%)}}.popup-item-left::after{right:-13px;top:50%;transform:translateY(-50%);width:15px;height:30px;clip-path:polygon(0 0, 100% 50%, 0 100%)}.popup-item-windsor::after{bottom:-13px;left:20%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}.popup-item-hagersville::after{bottom:-13px;left:60%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}@media screen and (min-width: 768px){.popup-item-hagersville::after{bottom:-13px;left:50%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}}.popup-item-dunnville::after{bottom:-13px;left:70%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}@media screen and (min-width: 768px){.popup-item-dunnville::after{bottom:-13px;left:50%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%)}}.popup-item-mount-hope::after,.popup-item-brantford::after{top:-13px;left:60%;transform:translateX(-50%);clip-path:polygon(50% 0, 0 100%, 100% 100%)}@media screen and (min-width: 768px){.popup-item-mount-hope::after,.popup-item-brantford::after{right:-13px;top:50%;left:auto;width:15px;height:30px;transform:translateY(-50%);clip-path:polygon(0 0, 100% 50%, 0 100%)}}.location-item.active{display:block}#button-popup-port-albert{position:absolute;top:5%;left:37%}#button-popup-port-albert #popup-port-albert{margin-left:-130px;margin-top:15px}@media screen and (min-width: 768px){#button-popup-port-albert #popup-port-albert{margin-left:-163px;margin-top:18px}}#button-popup-goderich{position:absolute;top:12%;left:35%}#button-popup-goderich #popup-goderich{margin-left:-131px;margin-top:15px}@media screen and (min-width: 768px){#button-popup-goderich #popup-goderich{margin-left:-163px;margin-top:20px}}#button-popup-clinton{position:absolute;top:18%;left:39%}#button-popup-clinton #popup-clinton{margin-top:16px;margin-left:-129px}@media screen and (min-width: 768px){#button-popup-clinton #popup-clinton{margin-top:16px;margin-left:-163px}}#button-popup-centralia{position:absolute;top:35%;left:37%}#button-popup-centralia #popup-centralia{margin-top:15px;margin-left:-130px}@media screen and (min-width: 768px){#button-popup-centralia #popup-centralia{margin-top:20px;margin-left:-162px}}#button-popup-guelph{position:absolute;top:23%;left:59%}#button-popup-guelph #popup-guelph{margin-top:15px;margin-left:-130px}@media screen and (min-width: 768px){#button-popup-guelph #popup-guelph{margin-top:20px;margin-left:-162px}}#button-popup-london{position:absolute;top:43%;left:46%}#button-popup-london #popup-london{margin-left:-130px;margin-top:15px}@media screen and (min-width: 768px){#button-popup-london #popup-london{margin-left:58px;margin-top:-195px}}#button-popup-windsor{position:absolute;top:90%;left:9%}#button-popup-windsor #popup-windsor{margin-top:-290px;margin-left:-45px}@media screen and (min-width: 768px){#button-popup-windsor #popup-windsor{margin-top:-390px;margin-left:-55px}}#button-popup-fingal{position:absolute;top:65%;left:40%}#button-popup-fingal #popup-fingal{margin-top:-290px;margin-left:-130px}@media screen and (min-width: 768px){#button-popup-fingal #popup-fingal{margin-top:-390px;margin-left:-163px}}#button-popup-st-thomas{position:absolute;top:60%;left:45%}#button-popup-st-thomas #popup-st-thomas{margin-top:-290px;margin-left:-130px}@media screen and (min-width: 768px){#button-popup-st-thomas #popup-st-thomas{margin-top:-385px;margin-left:-163px}}#button-popup-aylmer{position:absolute;top:55%;left:52%}#button-popup-aylmer #popup-aylmer{margin-top:-290px;margin-left:-130px}@media screen and (min-width: 768px){#button-popup-aylmer #popup-aylmer{margin-top:-390px;margin-left:-163px}}#button-popup-jarvis{position:absolute;top:57%;left:64%}#button-popup-jarvis #popup-jarvis{margin-top:-290px;margin-left:-130px}@media screen and (min-width: 768px){#button-popup-jarvis #popup-jarvis{margin-top:-390px;margin-left:-162px}}#button-popup-hagersville{position:absolute;top:51%;left:68%}#button-popup-hagersville #popup-hagersville{margin-top:-288px;margin-left:-157px}@media screen and (min-width: 768px){#button-popup-hagersville #popup-hagersville{margin-top:-390px;margin-left:-163px}}#button-popup-dunnville{position:absolute;top:53%;left:76%}#button-popup-dunnville #popup-dunnville{margin-top:-290px;margin-left:-185px}@media screen and (min-width: 768px){#button-popup-dunnville #popup-dunnville{margin-top:-390px;margin-left:-163px}}#button-popup-st-catharines{position:absolute;top:40%;left:85%}#button-popup-st-catharines #popup-st-catharines{margin-top:-135px;margin-left:-300px}@media screen and (min-width: 768px){#button-popup-st-catharines #popup-st-catharines{margin-top:-185px;margin-left:-385px}}#button-popup-mount-hope{position:absolute;top:38%;left:68%}#button-popup-mount-hope #popup-mount-hope{margin-top:15px;margin-left:-158px}@media screen and (min-width: 768px){#button-popup-mount-hope #popup-mount-hope{margin-top:-210px;margin-left:-380px}}#button-popup-brantford{position:absolute;top:45%;left:63%}#button-popup-brantford #popup-brantford{margin-top:15px;margin-left:-160px}@media screen and (min-width: 768px){#button-popup-brantford #popup-brantford{margin-top:-185px;margin-left:-380px}}#slide-bg{margin:150px auto;background-color:#315c77;color:#fff}.top-slide-text{padding:20px 50px 0px 50px;margin-top:80px}@media screen and (min-width: 1200px){.top-slide-text{padding-right:450px}}.top-slide-text h2{font-size:30px;margin-top:30px}.bottom-slide-text{padding:20px 50px 50px 50px;text-align:end}@media screen and (min-width: 1200px){.bottom-slide-text{padding-left:450px}}.bottom-slide-text h2{font-size:30px;margin-top:30px}.slideshow-container{width:100%;overflow:hidden;position:relative}#top-slideshow{padding-top:80px;display:flex;gap:30px;animation:topSlideshow 25s linear infinite;margin-bottom:30px}@keyframes topSlideshow{from{transform:translateX(0)}to{transform:translateX(-2480px)}}.central-air{margin-bottom:100px}.central-air p{background-color:#68674b;padding:40px;margin:30px 80px;color:#fff}.central-air #central-slide{position:relative;height:400px}.central-air #central-slide img{position:absolute;opacity:0;transition:opacity .8s ease-in-out;top:50%;left:50%;transform:translate(-50%, -50%)}.central-air #central-slide img.active{opacity:1}.artifact-3d-section{margin-top:100px}.artifact-3d-section img{background-color:#2a2a2a;height:237px;margin-bottom:50px}@media screen and (min-width: 768px){.artifact-3d-section img{height:350px;margin-bottom:100px}}@media screen and (min-width: 1200px){.artifact-3d-section img{height:500px}}.artifact-card{margin:50px auto}.artifact-card .artifact-card-link:hover .artifact-img{transform:scale(1.1);transition:all .3s ease-in-out}.artifact-card .img-con{overflow:hidden}.artifact-card .img-con .artifact-img{background-color:#2a2a2a}.artifact-card h3{margin:10px auto;color:#315c77;text-align:center}.hero-bor{background-image:url(../images/m-bor-hero.jpg);background-size:cover;background-position:center;overflow:hidden;height:900px}@media screen and (min-width: 768px){.hero-bor{height:700px}}@media screen and (min-width: 1200px){.hero-bor{background-image:url(../images/l-bor-hero.jpg)}}#digital-book{margin:50px auto}#digital-book a:hover img{transform:scale(1.03)}#digital-book a img{transition:all .3s ease-in-out}#digital-book a p{font-size:18px;font-weight:500;color:#315c77}#search-egn{background-color:#68674b;margin-bottom:100px;margin-top:100px}#search-egn .form-label{display:flex;flex-direction:column}@media screen and (min-width: 768px){#search-egn .form-label{margin-top:50px;margin-bottom:10px}}#search-egn #name-input label{margin-top:50px}@media screen and (min-width: 768px){#search-egn #name-input label{margin-top:5px}}#search-egn label{color:#fff;font-size:18px;margin:5px 0}#search-egn .input-box{height:40px;margin-bottom:20px}#search-egn #alart{font-size:14px;color:#fff;font-style:italic;font-weight:300;margin:10px 0}#search-egn .submit-btn{background-color:#f6efe8;color:#d80621;border:3px solid #d80621;border-radius:30px;padding:20px 80px;font-size:20px;font-weight:800;margin:0}#search-egn .submit-btn:hover{color:#fff;background-color:#d80621}.search-btn{display:flex;justify-content:center;grid-column:1/-1;margin:20px 0 50px;gap:16px}.bor-title-text{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;background-color:#315c77;margin-bottom:20px;cursor:pointer;transition:all .3s ease-in-out}.bor-title-text:hover{transform:scale(1.03)}.bor-title-text h3{color:#fff;font-size:20px;margin:5px 40px}@media screen and (min-width: 1200px){.bor-title-text h3{font-size:23px}}.bor-title-text p{color:#fff;margin:5px 40px}.bor-title-text .learn-more{color:#fff;font-size:50px;margin-right:20px;margin-top:-20px;transition:all .3s ease-in-out}.bor-title-text .learn-more:hover{color:#d80621;font-weight:600}@media screen and (min-width: 1200px){.court-line p:first-of-type{margin-bottom:80px}}.court-line span{font-size:60px}#date-selection{margin:100px auto}#date-selection #select-button-list{display:flex;justify-content:space-around}#date-selection #select-button-list div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#date-selection #select-button-list div button{width:15px;height:15px;border-radius:30px;background-color:rgba(128,128,128,.814);cursor:pointer}#date-selection #select-button-list div button.active{background-color:#315c77}#back-to-bofb{margin-top:20px;margin-left:-10px;width:190px;position:relative;text-decoration:none}@media screen and (min-width: 768px){#back-to-bofb{width:200px}}@media screen and (min-width: 1200px){#back-to-bofb{width:210px}}#back-to-bofb::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#2a2a2a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#back-to-bofb:hover::after{transform:scaleX(1)}h1{color:#315c77;margin:50px 0;font-size:28px}@media screen and (min-width: 768px){h1{font-size:40px}}.pilot-image{background-color:gray;border:20px solid #315c77;height:510px;width:300px;margin:auto}@media screen and (min-width: 768px){.pilot-image{height:490px;width:310px}}.pilot-bio{margin:40px auto}@media screen and (min-width: 768px){.pilot-bio{margin:auto}}.pilot-bio h2{font-family:"Montserrat",sans-serif;font-size:30px}.pilot-bio p{border-bottom:1px solid #315c77;padding:10px 0}.pilot-bio p span{font-weight:600}.pilot-img-gallary{display:flex;justify-content:space-between;margin-top:100px;flex-direction:column}@media screen and (min-width: 768px){.pilot-img-gallary{flex-direction:row}}.pilot-img-gallary .pilot-img-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto}.pilot-img-gallary .pilot-img-item p{margin-top:20px;text-align:center}.pilot-img-gallary img{background-color:gray}.first{height:290px;width:290px}@media screen and (min-width: 768px){.first{width:200px;height:200px}}@media screen and (min-width: 1200px){.first{height:290px;width:290px}}.second{height:290px;width:195px}@media screen and (min-width: 768px){.second{height:200px;width:105px}}@media screen and (min-width: 1200px){.second{height:290px;width:195px}}.third{height:290px;width:430px}@media screen and (min-width: 768px){.third{height:200px;width:340px}}@media screen and (min-width: 1200px){.third{height:290px;width:430px}}#additional-info{margin:50px auto}#additional-info h2{font-family:"Montserrat",sans-serif;margin:20px 0;font-size:30px}#additional-info h3{font-family:"Montserrat",sans-serif}#additional-info p{margin-bottom:30px}.loader{margin:50px auto}.loader img{width:100px;display:block}#back-to-artifacts{margin-top:20px;margin-left:-10px;width:130px;position:relative;text-decoration:none}@media screen and (min-width: 768px){#back-to-artifacts{width:140px}}@media screen and (min-width: 1200px){#back-to-artifacts{width:150px}}#back-to-artifacts::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#2a2a2a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#back-to-artifacts:hover::after{transform:scaleX(1)}#artifact-image{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:50px}#artifact-image #img-con{position:relative;width:180px;height:150px}#artifact-image #img-con img{position:absolute;opacity:0;width:180px;height:150px;background-color:pink;transition:all .3s ease-in-out}#artifact-image #img-con img.active{opacity:1}#artifact-image .artifact-gallery-arrow{display:flex;flex-direction:row;gap:20px}.about-artifact p{padding:5px 0}.about-artifact p span{font-weight:600}#artifact-gallery{display:flex;overflow-x:auto;overflow-y:visible;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-top:100px;margin-bottom:100px;padding-bottom:30px}#artifact-gallery:active{cursor:grabbing}#artifact-gallery .artifact-item{flex:0 0 auto;width:200px}@media screen and (min-width: 768px){#artifact-gallery .artifact-item{width:250px}}#artifact-gallery .artifact-item img{width:200px;height:165px;-o-object-fit:cover;object-fit:cover;background-color:#2a2a2a}@media screen and (min-width: 768px){#artifact-gallery .artifact-item img{width:280px;height:245px}}#artifact-gallery .artifact-item p{text-align:center;color:#315c77;font-family:"Libre Baskerville",serif;font-weight:500}#back-to-rem{margin-top:20px;margin-left:10px;width:240px;position:relative;text-decoration:none}@media screen and (min-width: 768px){#back-to-rem{width:250px}}@media screen and (min-width: 1200px){#back-to-rem{width:270px}}#back-to-rem::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#2a2a2a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#back-to-rem:hover::after{transform:scaleX(1)}.rem-pilot-image{background-color:gray;border:20px solid #315c77;margin:80px auto 30px auto;width:80%}@media screen and (min-width: 768px){.rem-pilot-image{width:60%}}@media screen and (min-width: 1200px){.rem-pilot-image{width:40%}}#rem-pilot-name{text-align:center;font-style:italic}.pilot-info{margin:auto;color:#315c77}.pilot-info p span{font-weight:600;font-size:18px}#correct-info div{display:flex;gap:20px;margin:100px auto}#correct-info div img{width:40px}#correct-info div p{padding-top:5px}#correct-info div p a{font-weight:600;color:#315c77;text-decoration:underline;transition:all .3s ease-in-out}#correct-info div p a:hover{font-weight:700}#back-to-events_blog{margin-top:20px;margin-left:10px;width:180px;position:relative;text-decoration:none}@media screen and (min-width: 768px){#back-to-events_blog{width:190px}}@media screen and (min-width: 1200px){#back-to-events_blog{width:200px}}#back-to-events_blog::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#2a2a2a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#back-to-events_blog:hover::after{transform:scaleX(1)}#post-category{display:flex;align-items:center;gap:20px}#post-category .category{background-color:#315c77;color:#fff;padding:5px 10px;border-radius:5px}#post-info{margin:30px 0;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px}#post-info .info{display:flex;align-items:center;gap:10px}#post-info .info img{width:20px}#post-info .info p{color:#315c77}#post-info .info p span{font-weight:600}#about-post{margin:50px 0}#about-post h3{margin:50px 0 5px 0;font-size:24px}#share{margin:100px auto 50px auto}@media screen and (min-width: 768px){#share h2{margin:30px 0}}#share #sns-icon{margin:30px 0;display:flex;gap:15px}@media screen and (min-width: 768px){#share #sns-icon{justify-content:end}}#share #sns-icon img{width:30px}#share hr{height:3px;background-color:rgba(49,92,119,.3215686275);border:none}#others{margin-bottom:100px}#others h2{margin:30px 0;font-size:24px}#others .other-post{background-color:#fff;color:#315c77}#others .other-post img{background-color:#2a2a2a;height:250px}#others .other-post h3{font-size:24px;padding:30px 30px 0px 30px}@media screen and (min-width: 768px){#others .other-post h3{font-size:20px}}@media screen and (min-width: 768px){#others .other-post h3{font-size:22px}}#others .other-post #event-date{font-weight:500;font-size:18px;padding:10px 30px}@media screen and (min-width: 768px){#others .other-post #event-date{font-size:16px}}#others .other-post #description{padding:0 30px 10px 30px}#others .other-post .read-more{margin-left:30px;margin-bottom:30px;display:block;width:90px;transform:scale(1);transition:scale .3s ease-in-out;position:relative;text-decoration:none}@media screen and (min-width: 768px){#others .other-post .read-more{width:110px}}#others .other-post .read-more::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#315c77;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#others .other-post .read-more:hover::after{transform:scaleX(1)}.post-gallery{display:flex;overflow-x:auto;overflow-y:visible;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-top:100px;margin-bottom:100px;padding-bottom:30px;gap:30px}.post-gallery:active{cursor:grabbing}.post-gallery .other-post{flex:0 0 auto;width:300px}body[data-page=login]{background-image:url("../images/login-bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}@media screen and (min-width: 1200px){body[data-page=login] #header-logo img{margin-top:20px}}#login-nav{opacity:1;transform:translateX(0);background-color:rgba(0,0,0,0);position:static;height:auto;width:auto;transition:none;margin-top:10px}#login-nav.active{transform:translateX(0);opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out}#login-nav nav ul{text-align:center;gap:20px;list-style:none}#login-nav nav ul li{margin-top:20px}@media screen and (min-width: 768px){#login-nav nav ul li{margin-top:30px}}#login-nav nav ul li a{text-decoration:none;color:#fff;font-size:20px;font-weight:600;transform:scale(1);transition:scale .3s ease-in-out;position:relative;text-decoration:none}#login-nav nav ul li a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#login-nav nav ul li a:hover::after{transform:scaleX(1)}#login-bg{margin-top:200px;background-color:#fff;margin-bottom:100px;border-radius:5px}#login-bg h2{margin-top:50px;text-align:center;font-size:32px;font-weight:700;color:#315c77}#login-bg form{margin:50px auto}#login-bg form label{font-weight:bold;display:block;margin-bottom:5px}#login-bg form input{height:40px;margin-bottom:15px;padding-left:10px}#login-bg form .input-flex{display:flex;flex-direction:column}#login-bg form .field-error{position:relative;background-color:#fff;font-size:14px;padding:5px 10px;margin-right:40px;border:2px solid #d80621}#login-bg form .field-error span{font-size:12px;font-weight:500;color:#fff;background-color:#d80621;padding:1px 7px;border-radius:100px;margin:0 2px 5px 2px}#login-bg form .field-error::before{content:"";position:absolute;top:-27px;left:8px;width:24px;height:27px;background:#d80621;clip-path:polygon(50% 0%, 0 100%, 100% 100%)}#login-bg form .field-error::after{content:"";position:absolute;top:-23px;left:10px;width:20px;height:24px;background:#fff;clip-path:polygon(50% 0%, 0 100%, 100% 100%)}#admin-header{background-color:#fff;position:static}#admin-header #header-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#admin-header #header-flex a{width:200px}#admin-header #header-flex h1{font-size:25px;font-family:"Montserrat",sans-serif;width:230px}#admin-header #header-flex #user{display:flex;align-items:end;justify-content:end;gap:10px;width:230px}#admin-header #header-flex #user h2{font-size:16px}#admin-header #header-flex #user a:hover{font-weight:500;transition:all .3s ease}#admin-header #logout{background-color:rgba(0,0,0,0);border:none;display:flex;gap:5px;font-size:18px;color:#315c77;font-weight:500;margin-bottom:20px;align-items:center;cursor:pointer;align-self:flex-end}#admin-header #logout img{width:20px}#admin-submenu{margin-top:50px}#admin-submenu #dashbord-menu-open{width:30px;height:20px;border:none;background:none;cursor:pointer;position:relative;z-index:3;margin-top:10px}#admin-submenu #dashbord-menu-open span{display:block;height:2px;background-color:#315c77;transition:.4s;text-align:end}#admin-submenu #dashbord-menu-open span:nth-child(1){margin-top:0;width:100%}#admin-submenu #dashbord-menu-open span:nth-child(2){margin-top:5px}#admin-submenu #dashbord-menu-open span:nth-child(3){margin-top:5px}#admin-submenu #dashbord-menu-open.active{transform:translateX(80px)}#admin-submenu #dashbord-menu-open.active span{background-color:#fff}#admin-submenu #dashbord-menu-open.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}#admin-submenu #dashbord-menu-open.active span:nth-child(2){opacity:0}#admin-submenu #dashbord-menu-open.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#admin-submenu #dashbord-menu{background-color:#315c77;color:#fff;position:fixed;top:25%;left:0;height:100vh;z-index:1;padding:50px 100px 50px 50px;opacity:0;transform:translateX(-100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}#admin-submenu #dashbord-menu.active{transform:translateX(0);opacity:1}#admin-submenu #dashbord-menu h3{font-family:"Montserrat",sans-serif;font-size:25px}#admin-submenu #dashbord-menu li{margin:20px 0;font-size:20px;height:100%}#admin-submenu #post-header{color:#315c77;font-family:"Montserrat",sans-serif}#admin-submenu .add-content{background-color:rgba(0,0,0,0);border:2px solid #315c77;border-radius:20px;padding:10px 15px;display:flex;gap:10px;align-items:center;color:#315c77;font-size:16px;font-weight:500;cursor:pointer}#admin-submenu .add-content img{width:20px}#post-list{margin-top:50px}#post-list .post-item{background-color:#fff}#post-list .post-item .post-info{display:flex;align-items:center;padding:30px;gap:15px}#post-list .post-item .post-info .label{background-color:#315c77;color:#fff;display:block;text-align:center;font-size:18px;width:180px}#post-list .post-item .post-info img{width:180px;height:215px;-o-object-fit:cover;object-fit:cover}#post-list .post-item .post-info .post-detail{color:#315c77}#post-list .post-item .post-info .post-detail h2{font-size:22px}#post-list .post-item .post-info .post-detail .content-date{display:flex;gap:5px;align-items:center;margin:10px 0}#post-list .post-item .post-info .post-detail .content-date img{width:20px;height:auto}#post-list .post-item .post-info a.content-link{font-weight:600;position:relative;text-decoration:none}#post-list .post-item .post-info a.content-link::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-color:#315c77;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#post-list .post-item .post-info a.content-link:hover::after{transform:scaleX(1)}#post-list .edit-delete{display:flex;margin:10px 30px}#post-list .edit-delete button{background-color:rgba(0,0,0,0);border:1px solid #315c77;padding:10px;display:flex;gap:5px;align-items:center;font-weight:500;font-size:18px;flex:1;justify-content:center;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out}#post-list .edit-delete button:hover{transform:translateY(-5px)}#post-list .edit-delete .edit-post{color:#315c77;margin-right:10px}#post-list .edit-delete .delete-post{color:#d80621;margin-left:10px}#add-content-lightbox,#edit-content-lightbox{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:10;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s ease}#add-content-lightbox.active,#edit-content-lightbox.active{opacity:1;pointer-events:all}#add-content-lightbox .lightbox-wrapper,#edit-content-lightbox .lightbox-wrapper{width:-moz-fit-content;width:fit-content;max-width:80%;margin:50px auto;display:flex;align-items:flex-start}#add-content-lightbox .lightbox-wrapper .lightbox-close,#edit-content-lightbox .lightbox-wrapper .lightbox-close{display:block;margin-top:50px;margin-right:100px;background-color:rgba(0,0,0,0);color:#fff;font-size:18px;font-weight:500;border:none;cursor:pointer}#add-content-lightbox .lightbox-wrapper .lightbox-inner,#edit-content-lightbox .lightbox-wrapper .lightbox-inner{background-color:#fff;padding:50px;margin:50px auto;position:relative}#add-content-lightbox .lightbox-wrapper .lightbox-inner h2,#edit-content-lightbox .lightbox-wrapper .lightbox-inner h2{color:#315c77;font-family:"Montserrat",sans-serif;text-align:center}#add-content-lightbox .lightbox-wrapper .lightbox-inner .add-post-form,#edit-content-lightbox .lightbox-wrapper .lightbox-inner .add-post-form{margin-top:30px}#add-content-lightbox .lightbox-wrapper .lightbox-inner label,#edit-content-lightbox .lightbox-wrapper .lightbox-inner label{font-size:16px;font-weight:500}#add-content-lightbox .lightbox-wrapper .lightbox-inner input,#edit-content-lightbox .lightbox-wrapper .lightbox-inner input{padding:10px;border-radius:10px;border:2px solid rgba(48,93,121,.5137254902);min-width:300px}#add-content-lightbox .lightbox-wrapper .lightbox-inner input::-moz-placeholder, #edit-content-lightbox .lightbox-wrapper .lightbox-inner input::-moz-placeholder{font-family:"Montserrat",sans-serif}#add-content-lightbox .lightbox-wrapper .lightbox-inner input::placeholder,#edit-content-lightbox .lightbox-wrapper .lightbox-inner input::placeholder{font-family:"Montserrat",sans-serif}#add-content-lightbox .lightbox-wrapper .lightbox-inner select,#add-content-lightbox .lightbox-wrapper .lightbox-inner input[type=date],#edit-content-lightbox .lightbox-wrapper .lightbox-inner select,#edit-content-lightbox .lightbox-wrapper .lightbox-inner input[type=date]{color:rgba(0,0,0,.54);font-family:"Montserrat",sans-serif}#add-content-lightbox .lightbox-wrapper .lightbox-inner select,#edit-content-lightbox .lightbox-wrapper .lightbox-inner select{padding:10px;border-radius:10px;border:2px solid rgba(48,93,121,.5137254902);min-width:300px}#add-content-lightbox .lightbox-wrapper .lightbox-inner textarea,#edit-content-lightbox .lightbox-wrapper .lightbox-inner textarea{min-height:100px;padding:10px;border-radius:10px;border:2px solid rgba(48,93,121,.5137254902)}#add-content-lightbox .lightbox-wrapper .lightbox-inner textarea::-moz-placeholder, #edit-content-lightbox .lightbox-wrapper .lightbox-inner textarea::-moz-placeholder{font-family:"Montserrat",sans-serif}#add-content-lightbox .lightbox-wrapper .lightbox-inner textarea::placeholder,#edit-content-lightbox .lightbox-wrapper .lightbox-inner textarea::placeholder{font-family:"Montserrat",sans-serif}#add-content-lightbox .lightbox-wrapper .lightbox-inner .two-items div,#edit-content-lightbox .lightbox-wrapper .lightbox-inner .two-items div{display:flex;flex-direction:column}#add-content-lightbox .lightbox-wrapper .lightbox-inner button,#edit-content-lightbox .lightbox-wrapper .lightbox-inner button{background-color:rgba(0,0,0,0);border:2px solid #d80621;color:#d80621;font-size:20px;font-weight:500;padding:10px 50px;border-radius:50px;margin:30px auto;display:block;cursor:pointer;transition:all .3s ease-in-out}#add-content-lightbox .lightbox-wrapper .lightbox-inner button:hover,#edit-content-lightbox .lightbox-wrapper .lightbox-inner button:hover{color:#fff;background-color:#d80621}#delete-lightbox{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:10;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#delete-lightbox.active{opacity:1;pointer-events:all}#delete-lightbox .delete-inner{background-color:#fff;width:-moz-fit-content;width:fit-content;padding:50px;text-align:center}#delete-lightbox h2,#delete-lightbox h3{font-family:"Montserrat",sans-serif}#delete-lightbox #warning{background-color:rgba(48,93,121,.7058823529);border-left:10px solid #315c77;color:#fff;display:flex;gap:30px;padding:10px 40px;margin:30px 0;text-align:start}#delete-lightbox #cancel{background-color:#315c77;color:#fff;border:none;font-weight:500;font-size:18px;border-radius:10px;cursor:pointer}#delete-lightbox #delete{background-color:#d80621;color:#fff;border:none;font-weight:500;font-size:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 30px;cursor:pointer}/*# sourceMappingURL=main.css.map */