@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Barlow;src:url(/website/assets/Barlow-Regular-DgxWDqdj.ttf) format("ttf");font-weight:400;font-style:normal}:root{font-family:Barlow,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:18px;color-scheme:light dark;color:#2e3f4d;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;min-width:320px;min-height:100vh}#app{width:100%;padding:0;margin:0}h1,h2,h3{font-family:Barlow,Helvetica,Arial,sans-serif;color:#2e3f4d}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#2d3e4d;text-decoration:inherit}a:hover{color:#fc0;cursor:pointer}.gallery .lightbox-image{width:auto;height:auto}.gallery-info{font-size:16px;font-style:italic}.container{max-width:1140px;margin-left:auto;margin-right:auto;overflow:hidden}.content{padding:15px;margin:0}header{background-color:#fff;color:#2d3e4d;width:100%;padding-top:30px;padding-bottom:30px;box-shadow:0 3px 6px #00000029}.logo{width:200px;height:auto}header a{font-size:21px}footer{background-color:#2d3e4d;color:#fff;width:100%;padding-top:30px;padding-bottom:30px;margin-bottom:0}footer a{color:#fc0}header .flex,footer .grid{padding:15px}footer h2,footer h3{color:#fff}footer hr{color:#fc0}.grid{display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:15px}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:15px}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:15px}.grid-footer{grid-template-columns:1fr 2fr 1fr;gap:15px}.flex{display:flex;align-items:center;justify-content:space-between}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#000;background-color:#fc0;cursor:pointer;transition:border-color .25s}button:hover{border-color:#922b3e}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.Banner{width:100%;margin:0;padding:0}.featured-image{width:100%;height:100%;padding:0;margin:0}.Banner .featured-image img,.Banner img{width:100%;height:100%;object-fit:cover}.card{padding:0;border-radius:12px}.card-header{display:flex}.card-header a{width:100%;height:100%;display:flex}.card-header img{width:100%;height:200px;object-fit:cover}.card-body{padding:15px;background-color:#2d3e4d;color:#fff;min-height:90px}.card-footer{padding:15px;background-color:#2d3e4d;color:#fff;min-height:120px}.card h3,.card a{color:#fff;padding:0;margin:0}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#eef3f8;padding:.25rem .6rem;border-radius:4px;font-size:.85rem}.search-results ul{list-style:none;padding:0}.search-results li{margin-bottom:1.5rem}.search-results h1{margin-bottom:1rem}.close{color:#000;font-size:35px;width:100%;display:flex;justify-content:right}.header ul{list-style:none;display:flex;text-align:center}.header ul li{padding-right:15px;padding-left:15px}.header ul li:first-child{border-right:5px solid #fc0}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.search-box{background:#fff;padding:1.5rem;border-radius:8px;gap:.5rem;width:90%;max-width:500px}.search-box-inner{width:100%;display:flex}.search-box input{flex:1;padding:.5rem;font-size:1rem}.search-box button.close{background:transparent;border:none;font-size:1.5rem;cursor:pointer}.search-button{background-color:#fc0;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center}.search-icon{width:20px;height:20px;color:#2d3e4d}#search:hover>.search-icon,#search:hover>.search-button{color:#fc0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.autocomplete{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid #ddd;background:#fff;border-radius:4px;max-height:300px;overflow-y:auto}.autocomplete li{padding:.5rem .75rem}.autocomplete li:hover{background:#f5f5f5}.autocomplete a{display:flex;justify-content:space-between;text-decoration:none;color:inherit}.autocomplete small{color:#666}.autocomplete .all-results{text-align:center;border-top:1px solid #eee}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:30px}.gallery-item{cursor:zoom-in;text-align:center;margin:0}.gallery-item:focus{outline:2px solid #2d3e4d;outline-offset:4px}.gallery img{display:block;width:100%;height:auto}.caption{margin-top:.4rem;font-size:.85rem;color:#444;line-height:1.3}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999}.lightbox button:focus{outline:3px solid #fff}.lightbox-image{max-width:90%;max-height:90%}.close,.prev,.next{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#ffffffd9;color:#000;border:none;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease;padding:5px}.close:hover,.prev:hover,.next:hover{background-color:#fff;transform:scale(1.05)}.close{position:absolute;top:1rem;right:1rem}.prev{position:absolute;left:1.5rem}.next{position:absolute;right:1.5rem}.breadcrumb ul{display:flex;flex-wrap:wrap;list-style:none;gap:.5rem;padding:0;margin:1rem 0}.breadcrumb li:after{content:"/";margin:0 .5rem;color:#888}.breadcrumb li:last-child:after{content:""}.breadcrumb button{background:none;border:none;color:#fc0;cursor:pointer;text-decoration:underline;padding:0}.breadcrumb button:hover{text-decoration:none}.breadcrumb [aria-current=page]{font-weight:700;color:#000;text-decoration:none;cursor:default}.section-white{background-color:#fff}.section-grey{background-color:#e3e8eb}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media only screen and (max-width: 1200px) and (min-width: 992px){.grid-2{grid-template-columns:1fr;gap:15px}.grid-3,.grid-4{grid-template-columns:1fr 1fr;gap:15px}.grid-footer{grid-template-columns:1fr;gap:15px}}@media only screen and (max-width: 992px){.grid-2,.grid-3,.grid-4,.grid-footer{grid-template-columns:1fr;gap:15px}}@media only screen and (max-width: 720px){.grid-2,.grid-3{grid-template-columns:1fr;gap:15px}.grid-4{grid-template-columns:1fr 1fr;gap:15px}.grid-footer{grid-template-columns:1fr;gap:15px}.card h3,.card a{font-size:16px}header a{font-size:16px}}@media only screen and (max-width: 1140px) and (min-width: 720px){.container{max-width:100%}}@media only screen and (max-width: 720px){.container{max-width:100%;width:100%}}
