@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333436;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Poppins,Sans-serif;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{background-color:#000;bottom:0;color:#fff;font-size:14px;font-weight:400;letter-spacing:2px;margin:0;padding:10px 0;position:fixed;text-align:center;width:100%;z-index:9}.footer p{margin:0;padding:0}.App{padding:0;text-align:center}.container{margin:0 auto;max-width:1024px}nav ul{display:flex;gap:15px;list-style:none}nav a{color:blue;text-decoration:none}nav a:hover{color:#00008b}.image-container{display:inline-block;position:relative}.image-container a,.image-container button{opacity:0;transition:opacity .3s}.image-container:hover a,.image-container:hover button{opacity:1}h1.heading-title{color:#f3003c;font-size:36pt;font-weight:900;line-height:1.2;margin:0;text-transform:uppercase}h3.sub-heading-title{color:#fff;font-size:24pt;font-weight:300;line-height:1;margin:0;text-transform:uppercase}div.logo{margin:0 0 10px}div.logo-section{display:flex;flex-direction:column;margin:20px auto}.list-events{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;padding:60px 0}.list{display:inline-block;flex:0 0 auto;margin:10px;position:relative;width:100%}.list img{width:auto}.list a,.list a:hover{text-decoration:none}.list a h3.list-title{color:#fff;font-size:18px;font-weight:400;letter-spacing:3.5px;margin:0 0 20px}.portfolio{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.hero-text,.portfolio{align-items:center;display:flex;justify-content:center}.hero-text{background-color:#0000006e;flex-direction:column;height:300px;width:100%}h1.hero-title{color:#fff;font-size:2.5rem;font-weight:500;line-height:1.2}.hero-date{color:#fff;font-size:24px}.photo_stream_nav{background-color:#fff;margin-bottom:100px}.photo_control_nav_bar{border-bottom:1px solid #00000061;display:flex;flex-wrap:wrap;justify-content:center}.photo_stream_nav ul{display:flex;margin:0;padding:0}.photo_stream_nav ul li{border-right:1px solid #00000061;font-size:16px;font-weight:400;letter-spacing:3.5px;list-style:none;padding:20px 10px;text-transform:uppercase}.photo_stream_nav ul li a{color:#00000061;text-decoration:none}.scene_title{color:#00000061;font-size:24px;font-weight:400;letter-spacing:3.5px;line-height:32px;margin-bottom:60px;text-align:center}.photo_stream{color:#00000061;margin:80px 0}.photo_stream_nav ul li:last-child{border:none}.fixed_nav{background-color:#fff;position:fixed;top:0;width:100%;z-index:2}.row{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:100%}.col{display:inline-block;flex:0 0 auto;position:relative}.gallery-photo{animation:FadeIn .75s ease-in-out forwards;background-color:#d1cfcf29;border-radius:0;height:250px;margin:5px;overflow:hidden;position:relative;text-align:center;width:350px}.img-responsive{height:100%;object-fit:contain;object-position:center center}.govxo-philippines-2025 img.img-responsive{object-position:top center}.group-icons{bottom:0;display:flex;justify-content:flex-end;padding:20px;position:absolute;width:calc(100% - 60px)}.group-icons a{background-color:#fff;border-radius:50%;height:42px;line-height:42px;margin:0 5px;opacity:0;text-align:center;width:42px}.gallery-item{display:block}.group-icons svg{color:#000}.col:hover .group-icons a{opacity:1}.image-modal{align-items:center;background-color:#000000e6;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{margin:0 auto;padding:5% 0;position:relative}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:10px;top:10px}.modal-content img{height:auto;object-fit:contain;width:100%}.login_form{background:#fff;border-radius:6px;box-shadow:0 10px 20px #00000026;padding:41px 30px}.login_form h3{font-size:20px;text-align:center}.login_form .login_option{align-items:center;display:flex;justify-content:space-between;width:100%}.login_form .login_option .option{width:calc(50% - 12px)}.login_form .login_option .option a{align-items:center;background:#f8f8fb;border:1px solid #dadaf2;border-radius:5px;color:#171645;display:flex;font-weight:500;gap:12px;height:56px;justify-content:center;margin:34px 0 24px;text-decoration:none;transition:.2s ease}.login_form .login_option .option a:hover{background:#ededf5;border-color:#626cd6}.login_form .login_option .option a img{max-width:25px}.login_form p{font-weight:500;text-align:center}.login_form .separator{margin-bottom:24px;position:relative}.login_form .separator span{background:#fff;padding:0 10px;position:relative;z-index:1}.login_form .separator:after{background:#c2c2c2;content:"";display:block;height:1px;left:0;position:absolute;top:50%;width:100%}form .input_box label{display:block;font-weight:500;margin-bottom:8px;text-align:left}form .input_box input{background:#f8f8fb;border:1px solid #dadaf2;border-radius:5px;font-size:17px;height:57px;margin-bottom:25px;outline:none;padding:0 20px;transition:.2s ease;width:320px}form .input_box input:focus{border-color:#626cd6}form .input_box .password_title{display:flex;justify-content:space-between;text-align:center}form .input_box{position:relative}a{color:#626cd6;font-weight:500;text-decoration:none}a:hover{text-decoration:underline}form button{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:56px;margin-bottom:28px;outline:none;text-transform:uppercase;transition:.3s ease;width:100%}form button:hover{background:#4954d0}.progress-bar{padding:10px 0}.progress-bar p{margin:0;padding:0}.admin-body-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.left-sidebar{background-color:#f3f3f3;padding:20px;width:200px}.left-sidebar a{display:block;margin-bottom:10px;text-align:left}.admin-content{background-color:#fff;flex:1 1;padding:20px;text-align:left}.admin-content .form-group{display:flex;flex-direction:column;margin-bottom:20px}.admin-content input[type=date i],.admin-content input[type=file i],.admin-content input[type=text i]{border:1px solid #ccc;border-radius:5px;padding:10px}.tab-buttons{align-items:center;display:flex;gap:10px;justify-content:center;margin:60px 0 0}.tab-buttons button{background-color:#f3f3f3;border:0;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}.tab-buttons button.active,.tab-buttons button:hover{background-color:#f3003c;color:#fff}.file-key{bottom:0;color:#7fff00;display:flex;font-size:12px;padding:20px;position:absolute;z-index:1}.year-select select{border:0;border-radius:4px;font-size:14px;margin:0 10px;padding:10px 15px}.year-select .year-label{font-size:14px}.year-select{align-items:center;color:#fff;display:flex;justify-content:center}select:focus-visible{outline:none}.tab-buttons{gap:1rem}.tab-buttons button:after{border-bottom:0;border-left:.3em solid #0000;border-right:.3em solid #0000;border-top:.3em solid;content:"";display:inline-block;margin-left:.5em;vertical-align:.255em}.tab-buttons button{background-color:initial;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.tab-buttons button.active,.tab-buttons button:hover{background-color:initial;color:#f3003c}.tab-buttons button:hover:after{border-top:.3em solid #f3003c}.dropdown{display:inline-block;min-width:220px;position:relative}.dropbtn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.dropdown-content{background-color:#fff;border-radius:10px;border-top:4px solid #f3003c;box-shadow:0 4px 8px #0003;display:none;min-width:260px;overflow:hidden;position:absolute;z-index:1}.dropdown-content span{color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px}.dropdown-content span:hover{background-color:#f3003d0a}.dropbtn:focus+.dropdown-content,.dropdown:hover .dropdown-content{display:block}@media only screen and (min-width:500px){.photo_stream_nav ul li{font-size:18px;padding:20px 15px}}@media only screen and (min-width:768px){.photo_control_nav_bar{justify-content:space-between}}@media only screen and (min-width:992px){.hero-text{width:900px}}@keyframes FadeIn{0%{background-color:#bfbfbf}to{background-color:#e9e9e9}}