:root{
--color-primary:#f2922c;
--color-secondary:#003c61;
--color-text:#282828;
--color-accent:#f2922c;
--color-tertiary:#15b7de;
--color-background:#ffffff;
--color-alternate:#ffffff;
--color-border:#E8E8E8;
--color-dark-bg:#003c61;
--color-light-bg:#F5F5F5;
--color-meta:#5A7065;
--color-muted:rgba(40,40,40,0.6);
--color-primary-rgb:242,146,44;
--color-secondary-rgb:0,60,97;
--color-primary-light:rgba(var(--color-primary-rgb),0.1);
--color-primary-semi:rgba(var(--color-primary-rgb),0.25);
--color-secondary-light:rgba(var(--color-secondary-rgb),0.05);
--color-secondary-semi:rgba(var(--color-secondary-rgb),0.2);
--color-gradient-spruce-brown:linear-gradient(135deg,#003c61 0%,#00253d 100%);
--font-headings:"Montserrat",sans-serif;
--font-body:"Montserrat",sans-serif;
--fs-h1:68px;
--lh-h1:1.15em;
--ls-h1:-2px;
--fw-h1:700;
--fs-h2:56px;
--lh-h2:1.2em;
--ls-h2:-2px;
--fw-h2:700;
--fs-h3:38px;
--lh-h3:1.25em;
--ls-h3:-1px;
--fw-h3:600;
--fs-h4:32px;
--lh-h4:1.3em;
--ls-h4:-1px;
--fw-h4:600;
--fs-h5:24px;
--lh-h5:1.35em;
--ls-h5:0px;
--fw-h5:600;
--fs-h6:18px;
--lh-h6:1.4em;
--ls-h6:2px;
--fw-h6:700;
--fs-body:18px;
--lh-body:1.55em;
--fw-body:400;
--fs-small:16px;
--lh-small:1.5em;
--fw-small:400;
--fs-button:14px;
--lh-button:1.45em;
--ls-button:1px;
--fw-button:700;
--fs-blockquote:36px;
--lh-blockquote:1.3em;
--ls-blockquote:-1px;
--fw-blockquote:400;
--container-width:1320px;
--section-padding:100px 0;
--section-padding-mobile:60px 0;
--grid-gap:30px;
--border-radius:12px;
--border-radius-sm:6px;
--transition-speed:0.3s;
--transition-curve:cubic-bezier(0.25,0.46,0.45,0.94);
--box-shadow:0 10px 30px rgba(13,60,76,0.08);
--box-shadow-hover:0 20px 40px rgba(13,60,76,0.15);
--breakpoint-desktop:1200px;
--breakpoint-tablet:1024px;
--breakpoint-mobile:768px;
--breakpoint-sm:480px;
}
*,*::before,*::after{
box-sizing:border-box;
margin:0;
padding:0;
}
html{
font-size:16px;
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
background-color:#00253d !important;
margin:0 !important;
padding:0 !important;
border:none !important;
outline:none !important;
box-shadow:none !important;
}
body{
font-family:var(--font-body);
font-size:var(--fs-body);
line-height:var(--lh-body);
font-weight:var(--fw-body);
color:var(--color-text);
background-color:#00253d !important;
background-image:linear-gradient(to bottom,#00253d 0,#00253d 120px,var(--color-background) 120px,var(--color-background) 100%) !important;
overflow-x:hidden;
margin:0 !important;
padding:0 !important;
border:none !important;
outline:none !important;
box-shadow:none !important;
}
h1,h2,h3,h4,h5,h6{
font-family:var(--font-headings);
color:var(--color-secondary);
font-weight:600;
line-height:1.25em;
}
h1{
font-size:var(--fs-h1);
line-height:var(--lh-h1);
letter-spacing:var(--ls-h1);
font-weight:var(--fw-h1);
}
h2{
font-size:var(--fs-h2);
line-height:var(--lh-h2);
letter-spacing:var(--ls-h2);
font-weight:var(--fw-h2);
}
h3{
font-size:var(--fs-h3);
line-height:var(--lh-h3);
letter-spacing:var(--ls-h3);
font-weight:var(--fw-h3);
}
h4{
font-size:var(--fs-h4);
line-height:var(--lh-h4);
letter-spacing:var(--ls-h4);
font-weight:var(--fw-h4);
}
h5{
font-size:var(--fs-h5);
line-height:var(--lh-h5);
letter-spacing:var(--ls-h5);
font-weight:var(--fw-h5);
}
h6{
font-size:var(--fs-h6);
line-height:var(--lh-h6);
letter-spacing:var(--ls-h6);
font-weight:var(--fw-h6);
text-transform:uppercase;
}
p{
margin-bottom:1.5rem;
}
a{
color:var(--color-primary);
text-decoration:none;
transition:color var(--transition-speed) var(--transition-curve);
}
a:hover{
color:var(--color-accent);
}
img{
max-width:100%;
height:auto;
display:block;
}
blockquote{
font-family:var(--font-body);
font-size:var(--fs-blockquote);
line-height:var(--lh-blockquote);
letter-spacing:var(--ls-blockquote);
font-weight:var(--fw-blockquote);
color:var(--color-secondary);
padding:30px;
border-left:8px solid var(--color-primary);
background-color:var(--color-alternate);
border-radius:0 var(--border-radius) var(--border-radius) 0;
margin:2rem 0;
}
.container{
max-width:var(--container-width);
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
width:100%;
}
.section{
padding:var(--section-padding);
position:relative;
}
.section.alternate{
background-color:var(--color-light-bg);
}
.section.dark{
background-color:var(--color-dark-bg);
color:var(--color-alternate);
}
.section.dark h2,
.section.dark h3,
.section.dark h4,
.section.dark h5,
.section.dark h6{
color:var(--color-alternate);
}
.grid{
display:grid;
gap:var(--grid-gap);
}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.flex{
display:flex;
}
.flex-center{
display:flex;
align-items:center;
justify-content:center;
}
.flex-between{
display:flex;
align-items:center;
justify-content:space-between;
}
.text-center{text-align:center;}
.text-right{text-align:right;}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
font-family:var(--font-headings);
font-size:var(--fs-button);
font-weight:var(--fw-button);
letter-spacing:var(--ls-button);
text-transform:uppercase;
padding:18px 36px;
border-radius:50px;
transition:all var(--transition-speed) var(--transition-curve);
cursor:pointer;
border:2px solid transparent;
}
.btn-primary{
background-color:var(--color-primary);
color:var(--color-alternate);
}
.btn-primary:hover{
background-color:var(--color-secondary);
color:var(--color-alternate);
}
.btn-secondary{
background-color:var(--color-secondary);
color:var(--color-alternate);
}
.btn-secondary:hover{
background-color:var(--color-primary);
color:var(--color-alternate);
}
.btn-outline{
background-color:transparent;
color:var(--color-secondary);
border-color:var(--color-secondary);
}
.btn-outline:hover{
background-color:var(--color-secondary);
color:var(--color-alternate);
}
@media (max-width:1024px){
h1{font-size:52px;}
h2{font-size:42px;}
h3{font-size:32px;}
.grid-4{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
body{
font-size:16px;
}
.section{
padding:var(--section-padding-mobile);
}
h1{font-size:40px;letter-spacing:-1px;}
h2{font-size:32px;letter-spacing:-1px;}
h3{font-size:26px;}
h4{font-size:22px;}
.grid-2,.grid-3,.grid-4{
grid-template-columns:1fr;
}
}
.reveal-on-scroll{
opacity:0;
transform:translateY(30px);
transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
will-change:transform,opacity;
}
.reveal-on-scroll.reveal-left{
transform:translateX(-40px);
}
.reveal-on-scroll.reveal-right{
transform:translateX(40px);
}
.reveal-on-scroll.reveal-scale{
transform:scale(0.95);
}
.reveal-on-scroll.is-revealed{
opacity:1;
transform:translate(0) scale(1) !important;
}
.reveal-delay-1{transition-delay:0.1s;}
.reveal-delay-2{transition-delay:0.2s;}
.reveal-delay-3{transition-delay:0.3s;}
.reveal-delay-4{transition-delay:0.4s;}
.reveal-delay-5{transition-delay:0.5s;}
.reveal-delay-6{transition-delay:0.6s;}
.site-header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1000;
transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
border-top:none !important;
margin-top:0 !important;
background-color:transparent !important;
}
.site-header .container{
max-width:var(--container-width);
}
.header-top{
background-color:#00253d;
color:rgba(255,255,255,0.9);
padding:8px 0;
font-size:13px;
border-bottom:1px solid rgba(255,255,255,0.08);
}
.header-top-inner{
display:flex;
justify-content:space-between;
align-items:center;
}
.header-top-left{
display:flex;
align-items:center;
gap:15px;
}
.header-top-right{
display:flex;
align-items:center;
gap:15px;
}
.header-main{
background:rgba(0,60,97,0.85);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
padding:12px 35px;
max-width:1280px;
width:92%;
margin:40px auto 0 auto;
border-radius:12px;
border:1px solid rgba(255,255,255,0.15);
box-shadow:0 8px 32px rgba(0,0,0,0.18);
transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
}
.header-main .container{
max-width:100% !important;
width:100% !important;
padding:0 !important;
}
.site-header.is-sticky{
position:fixed;
top:0;
left:0;
width:100%;
padding:0;
}
.site-header.is-sticky .header-top{
display:none !important;
}
.site-header.is-sticky .header-main{
background-color:rgba(0,48,77,0.95);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
padding:10px 35px;
max-width:1220px;
width:92%;
margin:10px auto 0 auto;
border-radius:12px;
border:1px solid rgba(255,255,255,0.2);
box-shadow:0 10px 30px rgba(0,0,0,0.25);
transform:none;
}
.header-main-inner{
display:flex;
justify-content:space-between;
align-items:center;
min-height:50px;
}
.logo{
display:flex;
align-items:center;
transition:transform 0.3s;
margin-right:25px;
}
.logo:hover{
transform:scale(1.03);
}
.logo img{
height:45px;
width:auto;
display:block;
}
.nav-menu{
display:flex;
list-style:none;
gap:20px;
align-items:center;
}
.nav-item{
position:relative;
}
.nav-link{
font-family:var(--font-headings);
font-size:14px;
font-weight:700;
color:rgba(255,255,255,0.9) !important;
padding:8px 12px;
position:relative;
display:flex;
align-items:center;
gap:4px;
transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}
.nav-link::after{
display:none !important;
}
.nav-link:hover,
.nav-item:hover > .nav-link{
color:var(--color-primary) !important;
background:none;
}
.nav-item.active .nav-link{
color:var(--color-primary) !important;
background:none !important;
}
.dropdown-arrow{
font-size:8px;
opacity:0.7;
transition:transform 0.3s;
margin-top:2px;
}
.nav-item:hover > .nav-link .dropdown-arrow{
transform:rotate(180deg);
opacity:1;
}
.dropdown-menu{
position:absolute;
top:calc(100% + 15px);
left:0;
background:rgba(0,60,97,0.95);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
min-width:250px;
box-shadow:0 15px 40px rgba(0,0,0,0.25);
border:1px solid rgba(255,255,255,0.1);
border-radius:16px;
padding:15px 0;
list-style:none;
opacity:0;
visibility:hidden;
transform:translateY(15px);
transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
z-index:100;
}
.nav-item:hover > .dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.dropdown-item{
position:relative;
}
.dropdown-link{
display:block;
padding:12px 25px;
color:rgba(255,255,255,0.85);
font-size:14px;
font-weight:500;
transition:all 0.25s ease;
}
.dropdown-link:hover{
background-color:rgba(255,255,255,0.08);
color:var(--color-tertiary);
padding-left:30px;
}
.sub-dropdown-menu{
position:absolute;
top:0;
left:calc(100% + 5px);
background:rgba(0,60,97,0.95);
backdrop-filter:blur(15px);
min-width:240px;
box-shadow:0 15px 40px rgba(0,0,0,0.25);
border:1px solid rgba(255,255,255,0.1);
border-radius:16px;
padding:15px 0;
list-style:none;
opacity:0;
visibility:hidden;
transform:translateX(15px);
transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}
.dropdown-item:hover > .sub-dropdown-menu{
opacity:1;
visibility:visible;
transform:translateX(0);
}
.mega-menu-parent{
position:static;
}
.mega-menu{
position:absolute;
top:calc(100% + 15px);
left:0;
width:100%;
background:rgba(0,60,97,0.96);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
box-shadow:0 20px 50px rgba(0,0,0,0.3);
border:1px solid rgba(255,255,255,0.1);
border-radius:24px;
padding:35px;
opacity:0;
visibility:hidden;
transform:translateY(15px);
transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
z-index:100;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:var(--grid-gap);
}
.mega-menu-parent:hover .mega-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.mega-menu-column h5{
font-size:15px;
color:var(--color-tertiary);
margin-bottom:20px;
border-bottom:1px solid rgba(255,255,255,0.1);
padding-bottom:10px;
text-transform:uppercase;
letter-spacing:1px;
}
.mega-menu-list{
list-style:none;
}
.mega-menu-list li{
margin-bottom:10px;
}
.mega-menu-list a{
color:rgba(255,255,255,0.8);
font-size:14px;
font-weight:500;
transition:all 0.25s ease;
}
.mega-menu-list a:hover{
color:var(--color-tertiary);
padding-left:6px;
}
.header-actions{
display:flex;
align-items:center;
gap:12px;
}
.btn-search-trigger{
background:rgba(255,255,255,0.1);
border:1px solid rgba(255,255,255,0.05);
color:var(--color-alternate);
width:40px;
height:40px;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:all 0.3s;
}
.btn-search-trigger:hover{
background:rgba(255,255,255,0.2);
color:var(--color-tertiary);
transform:scale(1.05);
}
.header-cta-btn{
background-color:var(--color-tertiary);
color:var(--color-alternate) !important;
font-family:var(--font-headings);
font-size:13px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
padding:12px 26px;
border-radius:50px;
box-shadow:0 6px 15px rgba(21,183,222,0.3);
transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}
.header-cta-btn:hover{
background-color:var(--color-alternate);
color:var(--color-tertiary) !important;
box-shadow:0 8px 25px rgba(255,255,255,0.2);
transform:translateY(-2px);
}
.hamburger-toggle{
display:none;
background:rgba(255,255,255,0.1);
border:1px solid rgba(255,255,255,0.05);
color:var(--color-alternate);
width:40px;
height:40px;
border-radius:50px;
cursor:pointer;
z-index:1002;
position:relative;
}
.hamburger-line{
display:block;
width:18px;
height:2px;
background-color:var(--color-alternate);
margin:4px auto;
transition:all 0.3s ease;
}
.hamburger-toggle.is-active .hamburger-line:nth-child(1){
transform:rotate(45deg) translate(4px,4px);
}
.hamburger-toggle.is-active .hamburger-line:nth-child(2){
opacity:0;
}
.hamburger-toggle.is-active .hamburger-line:nth-child(3){
transform:rotate(-45deg) translate(4px,-4px);
}
@media (max-width:1024px){
.site-header{
padding:15px 0;
}
.header-main{
padding:8px 20px;
border-radius:50px;
}
.nav-menu{
position:fixed;
top:20px;
right:-100%;
width:300px;
height:calc(100vh - 40px);
background:rgba(0,60,97,0.98);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.1);
border-radius:24px;
flex-direction:column;
align-items:flex-start;
padding:80px 30px 40px 30px;
box-shadow:-10px 0 40px rgba(0,0,0,0.3);
transition:right 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
overflow-y:auto;
z-index:1001;
gap:8px;
}
.nav-menu.is-active{
right:20px;
}
.nav-link{
width:100%;
color:rgba(255,255,255,0.9) !important;
border-bottom:1px solid rgba(255,255,255,0.05);
border-radius:0;
padding:12px 10px;
}
.nav-link:hover,.nav-item:hover > .nav-link{
background:none;
color:var(--color-tertiary) !important;
}
.dropdown-menu,.sub-dropdown-menu,.mega-menu{
position:static;
opacity:1;
visibility:visible;
transform:none;
box-shadow:none;
background:none;
border:none;
padding:5px 0 5px 15px;
display:none;
min-width:100%;
}
.dropdown-menu.is-open,.sub-dropdown-menu.is-open,.mega-menu.is-open{
display:block;
}
.mega-menu{
grid-template-columns:1fr;
gap:15px;
padding:15px;
}
.hamburger-toggle{
display:block;
}
.header-cta-btn{
display:none !important;
}
}
.search-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,37,61,0.95);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
z-index:10000;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
}
.search-overlay.is-active{
opacity:1;
visibility:visible;
}
.search-close{
position:absolute;
top:40px;
right:40px;
background:none;
border:none;
color:#ffffff;
font-size:40px;
cursor:pointer;
opacity:0.7;
transition:all 0.3s;
}
.search-close:hover{
opacity:1;
transform:scale(1.1);
}
.search-form-container{
width:90%;
max-width:600px;
text-align:center;
}
.search-input{
width:100%;
background:transparent !important;
border:none;
border-bottom:2px solid rgba(255,255,255,0.3);
color:#ffffff !important;
font-family:var(--font-headings);
font-size:28px;
padding:15px 0;
outline:none;
text-align:center;
transition:border-color 0.3s;
}
.search-input:focus{
border-bottom-color:var(--color-tertiary);
}
.search-input::-webkit-search-decoration,
.search-input::-webkit-search-cancel-button,
.search-input::-webkit-search-results-button,
.search-input::-webkit-search-results-decoration{
display:none;
}
.newsletter-bar{
background-color:#003c61;
color:var(--color-alternate);
padding:50px 0;
border-radius:var(--border-radius) var(--border-radius) 0 0;
margin-top:50px;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.newsletter-inner{
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
}
.newsletter-info h3{
color:var(--color-alternate);
font-size:32px;
font-weight:600;
margin-bottom:5px;
}
.newsletter-info p{
margin-bottom:0;
opacity:0.9;
font-size:16px;
}
.newsletter-form{
display:flex;
gap:10px;
width:100%;
max-width:500px;
}
.newsletter-form input[type="email"]{
flex-grow:1;
padding:18px 25px;
border:1px solid rgba(255,255,255,0.3);
background-color:rgba(255,255,255,0.1);
border-radius:50px;
color:var(--color-alternate);
font-family:var(--font-body);
font-size:16px;
outline:none;
transition:all 0.3s;
}
.newsletter-form input[type="email"]::placeholder{
color:rgba(255,255,255,0.6);
}
.newsletter-form input[type="email"]:focus{
border-color:var(--color-alternate);
background-color:rgba(255,255,255,0.2);
}
.newsletter-form button{
background-color:var(--color-tertiary);
color:var(--color-alternate);
border:none;
font-family:var(--font-headings);
font-size:14px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
padding:0 35px;
border-radius:50px;
cursor:pointer;
transition:all 0.3s;
}
.newsletter-form button:hover{
background-color:var(--color-alternate);
color:var(--color-tertiary);
}
.site-footer{
background-color:var(--color-dark-bg);
color:rgba(255,255,255,0.7);
padding:80px 0 40px 0;
font-family:var(--font-body);
font-size:15px;
}
.site-footer-widgets{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.5fr;
gap:40px;
margin-bottom:60px;
}
.footer-widget h4{
color:var(--color-alternate);
font-size:20px;
font-weight:600;
margin-bottom:25px;
position:relative;
padding-bottom:12px;
}
.footer-widget h4::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:40px;
height:2px;
background-color:var(--color-tertiary);
}
.footer-widget p{
line-height:1.7em;
}
.footer-logo{
margin-bottom:20px;
}
.footer-logo img{
height:45px;
width:auto;
}
.social-icons{
display:flex;
gap:12px;
list-style:none;
margin-top:20px;
}
.social-icon-link{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background-color:rgba(255,255,255,0.05);
border-radius:50px;
color:var(--color-alternate);
font-size:16px;
transition:all 0.3s;
}
.social-icon-link:hover{
background-color:var(--color-tertiary);
color:var(--color-alternate);
transform:translateY(-3px);
}
.widget-links{
list-style:none;
}
.widget-links li{
margin-bottom:12px;
}
.widget-links a{
color:rgba(255,255,255,0.7);
transition:all 0.3s;
display:inline-block;
}
.widget-links a:hover{
color:var(--color-tertiary);
transform:translateX(4px);
}
.widget-contact-list{
list-style:none;
}
.widget-contact-list li{
display:flex;
gap:12px;
margin-bottom:15px;
line-height:1.5em;
}
.widget-contact-list i{
color:var(--color-tertiary);
font-size:16px;
margin-top:4px;
}
.widget-hours{
list-style:none;
}
.widget-hours li{
display:flex;
justify-content:space-between;
border-bottom:1px solid rgba(255,255,255,0.08);
padding-bottom:8px;
margin-bottom:8px;
}
.widget-hours li span:first-child{
color:var(--color-alternate);
font-weight:500;
}
.subfooter{
border-top:1px solid rgba(255,255,255,0.08);
padding-top:30px;
}
.subfooter-inner{
display:flex;
justify-content:space-between;
align-items:center;
font-size:14px;
}
.subfooter-links{
display:flex;
gap:20px;
list-style:none;
}
.subfooter-links a{
color:rgba(255,255,255,0.5);
transition:color 0.3s;
}
.subfooter-links a:hover{
color:var(--color-tertiary);
}
.back-to-top{
position:fixed;
bottom:30px;
right:30px;
width:50px;
height:50px;
background-color:var(--color-tertiary);
color:var(--color-alternate);
border:none;
border-radius:50px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
opacity:0;
visibility:hidden;
transition:all 0.3s var(--transition-curve);
z-index:999;
}
.back-to-top.is-visible{
opacity:1;
visibility:visible;
}
.back-to-top:hover{
background-color:var(--color-secondary);
transform:translateY(-3px);
}
@media (max-width:1024px){
.site-footer-widgets{
grid-template-columns:1fr 1fr;
gap:30px;
}
.newsletter-inner{
flex-direction:column;
text-align:center;
}
.newsletter-form{
max-width:100%;
}
}
@media (max-width:768px){
.site-footer-widgets{
grid-template-columns:1fr;
gap:30px;
}
.subfooter-inner{
flex-direction:column;
gap:15px;
text-align:center;
}
.subfooter-links{
justify-content:center;
flex-wrap:wrap;
}
.newsletter-form{
flex-direction:column;
border-radius:10px;
background:none;
}
.newsletter-form button{
padding:15px 0;
}
}
.section-header{
margin-bottom:60px;
}
.section-subtitle{
font-family:var(--font-headings);
font-size:14px;
font-weight:700;
color:var(--color-primary);
text-transform:uppercase;
letter-spacing:2px;
display:block;
margin-bottom:12px;
}
.section-title{
font-size:var(--fs-h2);
line-height:var(--lh-h2);
color:var(--color-secondary);
}
.section-header.text-center .section-subtitle{
justify-content:center;
}
.hero-slider-container{
position:relative;
width:100%;
height:1430px;
overflow:visible;
background-color:var(--color-secondary);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:stretch;
}
.hero-bg-slides{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
overflow:hidden;
}
.hero-bg-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
opacity:0;
transition:opacity 1.5s ease-in-out;
transform:scale(1.02);
}
.hero-bg-slide.active{
opacity:1;
animation:heroZoomEffect 8s ease-out forwards;
}
@keyframes heroZoomEffect{
0%{
transform:scale(1.02);
}
100%{
transform:scale(1.12);
}
}
.hero-container-flex{
position:relative;
z-index:2;
text-align:center;
color:var(--color-alternate);
padding-top:140px;
padding-bottom:280px;
display:flex;
flex-direction:column;
justify-content:space-between;
height:100%;
box-sizing:border-box;
}
.hero-content-wrapper{
margin-top:auto;
margin-bottom:auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
transform:translateY(-20px);
}
.hero-alerts-box{
background-color:rgba(0,60,97,0.95);
border:1px solid rgba(255,255,255,0.12);
border-radius:var(--border-radius);
padding:30px;
box-shadow:0 20px 50px rgba(0,0,0,0.4);
display:grid;
grid-template-columns:1fr 1.2fr 1.2fr;
gap:40px;
text-align:left;
position:relative;
z-index:10;
margin-bottom:0px;
width:100%;
box-sizing:border-box;
}
.hero-alerts-column{
border-right:1px solid rgba(255,255,255,0.15);
padding-right:30px;
}
.hero-alerts-column:last-child{
border-right:none;
padding-right:0;
}
.hero-slider{
display:flex;
width:100%;
height:100%;
transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
}
.hero-slide{
flex-shrink:0;
width:100%;
height:100%;
position:relative;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:center;
}
.hero-slide::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(90deg,rgba(13,60,76,0.85) 0%,rgba(13,60,76,0.4) 100%);
z-index:1;
}
.hero-slide-content{
position:relative;
z-index:2;
color:var(--color-alternate);
max-width:800px;
}
.hero-slide-content .section-subtitle{
color:var(--color-tertiary);
}
.hero-slide-content h1{
color:var(--color-alternate);
font-size:var(--fs-h1);
line-height:var(--lh-h1);
margin-bottom:25px;
}
.hero-slide-content p{
font-size:20px;
line-height:1.6em;
opacity:0.9;
margin-bottom:35px;
}
.hero-slider-controls{
position:absolute;
bottom:40px;
right:50px;
display:flex;
gap:15px;
z-index:5;
}
.slider-btn{
width:50px;
height:50px;
border-radius:50px;
background-color:rgba(255,255,255,0.1);
border:1px solid rgba(255,255,255,0.2);
color:var(--color-alternate);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
transition:all 0.3s;
}
.slider-btn:hover{
background-color:var(--color-primary);
border-color:var(--color-primary);
}
.info-card{
background-color:var(--color-alternate);
border-radius:var(--border-radius);
padding:40px;
box-shadow:var(--box-shadow);
border:1px solid rgba(21,72,89,0.05);
transition:all var(--transition-speed) var(--transition-curve);
display:flex;
flex-direction:column;
height:100%;
position:relative;
overflow:hidden;
}
.info-card::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background-color:var(--color-primary);
transform:scaleX(0);
transform-origin:left;
transition:transform var(--transition-speed);
}
.info-card:hover{
transform:translateY(-8px);
box-shadow:var(--box-shadow-hover);
border-color:rgba(241,85,29,0.2);
}
.info-card:hover::before{
transform:scaleX(1);
}
.info-card-icon{
width:70px;
height:70px;
background-color:var(--color-background);
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:var(--color-primary);
margin-bottom:25px;
transition:all 0.3s;
}
.info-card:hover .info-card-icon{
background-color:var(--color-primary);
color:var(--color-alternate);
transform:rotateY(180deg);
}
.info-card h3{
font-size:24px;
margin-bottom:15px;
color:var(--color-secondary);
}
.info-card p{
font-size:16px;
line-height:1.6em;
color:var(--color-text);
margin-bottom:20px;
flex-grow:1;
}
.info-card-link{
font-family:var(--font-headings);
font-size:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:var(--color-secondary);
display:inline-flex;
align-items:center;
gap:8px;
transition:color 0.3s;
}
.info-card:hover .info-card-link{
color:var(--color-primary);
}
.mayor-box{
display:grid;
grid-template-columns:1.2fr 1.8fr;
gap:60px;
align-items:center;
}
.mayor-img-container{
position:relative;
border-radius:var(--border-radius);
overflow:hidden;
}
.mayor-img-container::before{
content:'';
position:absolute;
top:15px;
left:15px;
width:calc(100% - 30px);
height:calc(100% - 30px);
border:2px solid var(--color-tertiary);
border-radius:var(--border-radius);
z-index:2;
pointer-events:none;
}
.mayor-text h3{
font-size:46px;
line-height:1.15em;
margin-bottom:25px;
}
.mayor-quote{
font-size:20px;
font-style:italic;
color:var(--color-secondary);
line-height:1.6em;
border-left:4px solid var(--color-primary);
padding-left:20px;
margin-bottom:25px;
}
.mayor-signature{
margin-top:35px;
display:flex;
align-items:center;
gap:30px;
}
.signature-img{
max-width:150px;
height:auto;
}
.signature-meta h5{
font-size:18px;
color:var(--color-secondary);
}
.signature-meta span{
font-size:14px;
color:var(--color-meta);
}
.counters-section{
background-color:var(--color-secondary);
color:var(--color-alternate);
padding:60px 0;
}
.counter-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}
.counter-box{
text-align:center;
padding:20px;
}
.counter-num{
font-family:var(--font-headings);
font-size:60px;
font-weight:700;
line-height:1em;
color:var(--color-tertiary);
margin-bottom:10px;
display:block;
}
.counter-title{
font-family:var(--font-body);
font-size:16px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
color:var(--color-alternate);
opacity:0.9;
}
.dept-card{
background-color:var(--color-alternate);
border-radius:var(--border-radius);
overflow:hidden;
box-shadow:var(--box-shadow);
transition:all var(--transition-speed);
border:1px solid rgba(21,72,89,0.05);
}
.dept-card:hover{
transform:translateY(-8px);
box-shadow:var(--box-shadow-hover);
}
.dept-card-image{
height:220px;
overflow:hidden;
position:relative;
}
.dept-card-image img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.5s;
}
.dept-card:hover .dept-card-image img{
transform:scale(1.1);
}
.dept-card-content{
padding:30px;
}
.dept-card h4{
font-size:22px;
margin-bottom:12px;
transition:color 0.3s;
}
.dept-card:hover h4{
color:var(--color-primary);
}
.dept-card p{
font-size:15px;
color:var(--color-text);
line-height:1.6em;
margin-bottom:20px;
}
.project-card{
position:relative;
border-radius:var(--border-radius);
overflow:hidden;
height:380px;
box-shadow:var(--box-shadow);
cursor:pointer;
}
.project-card-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
transition:transform 0.5s;
}
.project-card:hover .project-card-bg{
transform:scale(1.1);
}
.project-card-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(0deg,rgba(0,60,97,0.95) 0%,rgba(0,60,97,0.3) 100%);
z-index:1;
transition:background 0.3s;
}
.project-card:hover .project-card-overlay{
background:linear-gradient(0deg,rgba(21,183,222,0.95) 0%,rgba(0,60,97,0.5) 100%);
}
.project-card-content{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:30px;
z-index:2;
color:var(--color-alternate);
}
.project-tag{
background-color:var(--color-primary);
color:var(--color-alternate);
font-family:var(--font-headings);
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
padding:5px 12px;
border-radius:50px;
display:inline-block;
margin-bottom:12px;
transition:background-color 0.3s;
}
.project-card:hover .project-tag{
background-color:var(--color-secondary);
}
.project-card h4{
font-size:24px;
color:var(--color-alternate);
margin-bottom:8px;
}
.project-card p{
margin-bottom:0;
opacity:0.8;
font-size:14px;
transform:translateY(20px);
opacity:0;
transition:all 0.3s;
}
.project-card:hover p{
transform:translateY(0);
opacity:0.9;
}
.event-card{
background-color:var(--color-alternate);
border-radius:var(--border-radius);
padding:30px;
box-shadow:var(--box-shadow);
display:flex;
gap:25px;
align-items:center;
transition:all var(--transition-speed);
border:1px solid rgba(21,72,89,0.05);
}
.event-card:hover{
transform:translateY(-5px);
box-shadow:var(--box-shadow-hover);
border-color:rgba(241,85,29,0.2);
}
.event-date-badge{
flex-shrink:0;
width:80px;
height:90px;
background-color:var(--color-primary);
border-radius:var(--border-radius-sm);
color:var(--color-alternate);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-family:var(--font-headings);
transition:background-color 0.3s;
}
.event-card:hover .event-date-badge{
background-color:var(--color-secondary);
}
.event-day{
font-size:32px;
font-weight:700;
line-height:1em;
}
.event-month{
font-size:13px;
text-transform:uppercase;
font-weight:600;
letter-spacing:1px;
}
.event-details h4{
font-size:20px;
margin-bottom:8px;
transition:color 0.3s;
}
.event-card:hover h4{
color:var(--color-primary);
}
.event-meta{
display:flex;
gap:15px;
font-size:14px;
color:var(--color-meta);
}
.event-meta span{
display:flex;
align-items:center;
gap:6px;
}
.testimonials-slider-container{
width:100%;
max-width:800px;
margin:0 auto;
position:relative;
text-align:center;
}
.testimonials-slider{
display:flex;
transition:transform 0.5s ease-in-out;
}
.testimonial-slide{
flex-shrink:0;
width:100%;
padding:20px;
}
.testimonial-quote-icon{
font-size:48px;
color:var(--color-primary);
margin-bottom:25px;
opacity:0.3;
}
.testimonial-slide blockquote{
font-size:24px;
line-height:1.5em;
font-weight:400;
color:var(--color-secondary);
border:none;
background:none;
padding:0;
margin:0 0 25px 0;
}
.testimonial-author{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
margin-top:25px;
}
.testimonial-author-avatar{
width:60px;
height:60px;
border-radius:50px;
overflow:hidden;
border:2px solid var(--color-primary);
}
.testimonial-author-meta{
text-align:left;
}
.testimonial-author-meta h5{
font-size:16px;
color:var(--color-secondary);
}
.testimonial-author-meta span{
font-size:13px;
color:var(--color-meta);
}
.news-card{
background-color:var(--color-alternate);
border-radius:var(--border-radius);
overflow:hidden;
box-shadow:var(--box-shadow);
transition:all var(--transition-speed);
border:1px solid rgba(21,72,89,0.05);
}
.news-card:hover{
transform:translateY(-8px);
box-shadow:var(--box-shadow-hover);
}
.news-card-image{
height:240px;
overflow:hidden;
position:relative;
}
.news-card-image img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.5s;
}
.news-card:hover .news-card-image img{
transform:scale(1.1);
}
.news-card-content{
padding:30px;
}
.news-card-meta{
display:flex;
gap:15px;
font-size:13px;
color:var(--color-meta);
margin-bottom:12px;
}
.news-card h4{
font-size:22px;
margin-bottom:15px;
line-height:1.3em;
transition:color 0.3s;
}
.news-card:hover h4{
color:var(--color-primary);
}
.news-card-link{
font-family:var(--font-headings);
font-size:14px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:var(--color-secondary);
display:inline-flex;
align-items:center;
gap:6px;
}
.news-card:hover .news-card-link{
color:var(--color-primary);
}
@media (max-width:1024px){
.hero-slider-container{
height:auto;
min-height:680px;
overflow:visible;
}
.hero-container-flex{
padding-top:100px;
height:auto;
}
.hero-alerts-box{
grid-template-columns:1fr;
gap:20px;
padding:20px;
margin-bottom:-40px;
}
.hero-alerts-column{
border-right:none;
border-bottom:1px solid rgba(255,255,255,0.15);
padding-right:0;
padding-bottom:15px;
}
.hero-alerts-column:last-child{
border-bottom:none;
padding-bottom:0;
}
.hero-slide-content h1{
font-size:48px;
}
.mayor-box{
grid-template-columns:1fr;
gap:40px;
}
.mayor-img-container{
max-width:450px;
margin:0 auto;
}
.counter-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:768px){
.hero-slider-container{
height:auto;
min-height:600px;
}
.hero-container-flex{
padding-top:80px;
}
.hero-alerts-box{
margin-bottom:-50px;
}
.hero-slide-content h1{
font-size:34px;
}
.hero-slide-content p{
font-size:16px;
margin-bottom:25px;
}
.hero-slider-controls{
bottom:20px;
right:20px;
}
.slider-btn{
width:40px;
height:40px;
}
.counter-grid{
grid-template-columns:1fr;
}
.event-card{
flex-direction:column;
text-align:center;
align-items:center;
}
.event-date-badge{
width:70px;
height:80px;
}
.event-meta{
justify-content:center;
}
}
.hero-bottom-info-bar{
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(0,15,35,0.45);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
border-top:1px solid rgba(255,255,255,0.08);
z-index:10;
animation:heroFadeUp 1s 0.8s ease-out both;
}
.hero-info-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
width:100%;
}
.hero-info-col{
padding:18px 24px;
border-right:1px solid rgba(255,255,255,0.06);
}
.hero-info-col:last-child{
border-right:none;
}
.hero-info-label{
font-size:10px;
font-weight:700;
color:#c8a04a;
text-transform:uppercase;
letter-spacing:1px;
display:block;
margin-bottom:4px;
}
.hero-info-text{
font-size:11px;
color:rgba(255,255,255,0.8);
margin:0;
line-height:1.5;
}
.hero-info-text a{
color:#c8a04a;
text-decoration:none;
font-weight:700;
transition:color 0.3s;
}
.hero-info-text a:hover{
color:white;
}
.hero-overlap-wrapper{
margin-top:-100px;
position:relative;
z-index:10;
padding-bottom:50px;
}
.hero-overlap-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.hero-overlap-flip-card{
background-color:transparent;
width:100%;
height:380px;
-webkit-perspective:1000px;
perspective:1000px;
box-sizing:border-box;
transition:transform 0.3s;
}
.hero-overlap-flip-card:hover{
transform:translateY(-8px);
}
.hero-overlap-flip-card-inner{
position:relative;
width:100%;
height:100%;
text-align:center;
transition:transform 0.6s cubic-bezier(0.25,0.8,0.25,1);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
box-sizing:border-box;
}
.hero-overlap-flip-card:hover .hero-overlap-flip-card-inner{
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.hero-overlap-flip-card-front,
.hero-overlap-flip-card-back{
position:absolute;
width:100%;
height:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
border-radius:var(--border-radius);
padding:35px 40px;
box-sizing:border-box;
display:flex;
flex-direction:column;
border:1px solid rgba(255,255,255,0.1);
box-shadow:0 15px 40px rgba(0,60,97,0.2);
transition:border-color 0.3s;
}
.hero-overlap-flip-card-front{
background-color:var(--color-secondary);
color:white;
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
justify-content:center;
align-items:center;
}
.hero-overlap-flip-card-icon{
font-size:54px;
color:var(--color-tertiary);
margin-bottom:25px;
transition:transform 0.5s var(--transition-curve);
}
.hero-overlap-flip-card-front h3{
font-size:26px;
font-family:var(--font-headings);
font-weight:700;
margin:0;
color:var(--color-tertiary);
line-height:1.3em;
}
.hero-overlap-flip-card:hover .hero-overlap-flip-card-icon{
transform:scale(1.15) translateY(-5px);
}
.hero-overlap-flip-card-back{
background:#002e4d;
color:white;
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
border-color:var(--color-tertiary);
justify-content:space-between;
text-align:left;
align-items:flex-start;
}
.hero-overlap-flip-card-back h3{
font-size:24px;
font-family:var(--font-headings);
font-weight:700;
margin:0 0 12px 0;
color:var(--color-tertiary);
line-height:1.3em;
border-bottom:1px solid rgba(255,255,255,0.1);
padding-bottom:8px;
width:100%;
}
.hero-overlap-flip-card-back p{
font-size:15px;
line-height:1.6em;
opacity:0.9;
margin:0 0 15px 0;
color:white;
}
.hero-overlap-card-list{
list-style:none;
padding:0;
margin:0 0 20px 0;
display:flex;
flex-direction:column;
gap:10px;
width:100%;
}
.hero-overlap-card-list li{
font-size:14px;
display:flex;
align-items:center;
gap:10px;
opacity:0.9;
color:white;
}
.hero-overlap-card-list i{
color:var(--color-tertiary);
font-size:12px;
}
.hero-overlap-flip-card-link{
font-family:var(--font-headings);
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:var(--color-tertiary);
text-decoration:none;
transition:color 0.3s,transform 0.3s;
display:inline-flex;
align-items:center;
gap:5px;
margin-top:auto;
}
.hero-overlap-flip-card-link:hover{
color:white;
transform:translateX(5px);
}
.mayor-twin-photos{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:20px;
}
.mayor-img-left,.mayor-img-right{
border-radius:var(--border-radius);
overflow:hidden;
box-shadow:var(--box-shadow);
height:380px;
}
.mayor-img-left img,.mayor-img-right img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.5s;
}
.mayor-img-left:hover img,.mayor-img-right:hover img{
transform:scale(1.05);
}
.highlight-text-orange{
color:var(--color-primary);
font-weight:600;
}
.section.spruce-gradient{
background:var(--color-gradient-spruce-brown);
color:var(--color-alternate);
}
.section.spruce-gradient .section-title{
color:var(--color-alternate);
}
.dept-grid-outlined{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}
.dept-card-outlined{
background-color:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.15);
border-radius:var(--border-radius);
padding:35px;
text-align:center;
transition:all var(--transition-speed);
}
.dept-card-outlined:hover{
background-color:rgba(255,255,255,0.08);
border-color:var(--color-tertiary);
transform:translateY(-5px);
}
.dept-card-outlined-icon{
font-size:36px;
color:var(--color-tertiary);
margin-bottom:20px;
}
.dept-card-outlined h4{
color:var(--color-alternate);
font-size:22px;
margin-bottom:12px;
}
.dept-card-outlined p{
font-size:14px;
opacity:0.8;
line-height:1.5em;
margin-bottom:20px;
}
.dept-card-outlined-link{
font-family:var(--font-headings);
font-size:13px;
font-weight:700;
text-transform:uppercase;
color:var(--color-tertiary);
}
.dept-card-outlined-link:hover{
color:var(--color-tertiary);
}
.projects-tier-row{
display:grid;
grid-template-columns:1fr 1.6fr;
gap:60px;
margin-bottom:80px;
align-items:flex-start;
}
.projects-tier-row:last-child{
margin-bottom:0;
}
.projects-tier-text-col h3{
font-size:34px;
margin-bottom:20px;
line-height:1.25em;
}
.projects-vertical-stack{
display:flex;
flex-direction:column;
gap:20px;
width:100%;
}
.project-card-landscape{
display:flex;
background-color:var(--color-alternate);
border-radius:var(--border-radius);
overflow:hidden;
box-shadow:var(--box-shadow);
border:1px solid rgba(21,72,89,0.05);
transition:all var(--transition-speed);
height:140px;
width:100%;
}
.project-card-landscape:hover{
transform:translateX(8px);
box-shadow:var(--box-shadow-hover);
border-color:rgba(241,85,29,0.2);
}
.project-card-landscape-img{
width:180px;
height:100%;
flex-shrink:0;
overflow:hidden;
}
.project-card-landscape-img img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.5s;
}
.project-card-landscape:hover .project-card-landscape-img img{
transform:scale(1.1);
}
.project-card-landscape-content{
padding:20px 25px;
display:flex;
flex-direction:column;
justify-content:center;
flex-grow:1;
}
.project-card-landscape-content h4{
font-size:18px;
margin-bottom:5px;
transition:color 0.3s;
}
.project-card-landscape:hover .project-card-landscape-content h4{
color:var(--color-primary);
}
.project-card-landscape-content p{
font-size:13px;
color:var(--color-meta);
margin-bottom:0;
line-height:1.4em;
}
.notice-marquee-bar{
background-color:var(--color-tertiary);
color:#ffffff !important;
padding:15px 0;
font-family:var(--font-headings);
font-size:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
border-top:1px solid rgba(0,0,0,0.05);
border-bottom:1px solid rgba(0,0,0,0.05);
overflow:hidden;
}
.notice-marquee-bar-inner{
display:flex;
align-items:center;
gap:40px;
}
.notice-marquee-content{
display:inline-block;
white-space:nowrap;
animation:noticeMarquee 25s linear infinite;
color:#ffffff !important;
}
@keyframes noticeMarquee{
0%{transform:translate3d(0,0,0);}
100%{transform:translate3d(-50%,0,0);}
}
.donation-pledge-section{
position:relative;
background-size:cover;
background-position:center;
padding:100px 0;
}
.donation-pledge-section::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,60,97,0.85);
z-index:1;
}
.donation-pledge-section .container{
position:relative;
z-index:2;
}
.donation-wrapper{
display:grid;
grid-template-columns:1.4fr 1.6fr;
gap:60px;
align-items:center;
color:var(--color-alternate);
}
.donation-text-col h2{
color:var(--color-alternate);
font-size:46px;
line-height:1.15em;
margin-bottom:25px;
}
.donation-text-col p{
opacity:0.9;
font-size:16px;
line-height:1.6em;
}
.givewp-card{
background-color:var(--color-alternate);
border-radius:var(--border-radius);
padding:40px;
color:var(--color-secondary);
box-shadow:0 15px 45px rgba(0,0,0,0.25);
border:1px solid var(--color-border);
}
.givewp-card h4{
font-size:20px;
margin-bottom:10px;
text-align:center;
}
.give-goal-progress{
margin:20px 0 30px 0;
}
.give-goal-progress-bar{
width:100%;
height:8px;
background-color:#EFE8DA;
border-radius:50px;
overflow:hidden;
margin-bottom:10px;
}
.give-goal-progress-fill{
height:100%;
background-color:var(--color-primary);
width:65%;
}
.give-goal-stats{
display:flex;
justify-content:space-between;
font-size:13px;
font-weight:600;
color:var(--color-meta);
}
.give-amount-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-bottom:20px;
}
.give-amount-btn{
background:none;
border:2px solid var(--color-border);
padding:12px 0;
font-family:var(--font-headings);
font-weight:700;
font-size:16px;
color:var(--color-secondary);
border-radius:var(--border-radius-sm);
cursor:pointer;
transition:all 0.3s;
}
.give-amount-btn:hover,.give-amount-btn.active{
background-color:var(--color-primary);
border-color:var(--color-primary);
color:var(--color-alternate);
}
.give-btn-submit{
width:100%;
background-color:var(--color-primary);
color:var(--color-alternate);
border:none;
padding:16px 0;
font-family:var(--font-headings);
font-size:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
border-radius:50px;
cursor:pointer;
transition:all 0.3s;
}
.give-btn-submit:hover{
background-color:var(--color-secondary);
}
.reviews-grid-triple{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}
.review-card-compact{
background-color:var(--color-alternate);
border-radius:var(--border-radius);
padding:35px;
box-shadow:var(--box-shadow);
border:1px solid rgba(21,72,89,0.05);
display:flex;
flex-direction:column;
height:100%;
}
.review-card-compact:hover{
transform:translateY(-5px);
box-shadow:var(--box-shadow-hover);
border-color:rgba(241,85,29,0.2);
}
.review-stars{
color:var(--color-accent);
font-size:14px;
margin-bottom:15px;
}
.review-card-compact p{
font-size:15px;
line-height:1.6em;
color:var(--color-text);
font-style:italic;
margin-bottom:25px;
flex-grow:1;
}
.review-author-compact{
display:flex;
align-items:center;
gap:12px;
}
.review-author-compact-avatar{
width:50px;
height:50px;
border-radius:50px;
overflow:hidden;
}
.review-author-compact-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
.review-author-compact-meta h5{
font-size:15px;
color:var(--color-secondary);
}
.review-author-compact-meta span{
font-size:12px;
color:var(--color-meta);
}
.quote-split-row{
display:grid;
grid-template-columns:1.2fr 1.8fr;
gap:60px;
align-items:center;
}
.quote-greenhouse-image{
border-radius:var(--border-radius);
overflow:hidden;
box-shadow:var(--box-shadow);
height:480px;
}
.quote-greenhouse-image img{
width:100%;
height:100%;
object-fit:cover;
}
.blockquote-text-large{
font-family:var(--font-headings);
font-size:34px;
line-height:1.35em;
color:var(--color-secondary);
font-weight:500;
border-left:6px solid var(--color-primary);
padding-left:30px;
position:relative;
}
.blockquote-author-name{
display:block;
font-family:var(--font-body);
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
color:var(--color-meta);
margin-top:25px;
font-weight:600;
}
.event-horizontal-list{
display:flex;
flex-direction:column;
gap:20px;
}
.event-strip{
background-color:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.1);
border-radius:var(--border-radius);
padding:20px 30px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
transition:all var(--transition-speed);
}
.event-strip:hover{
background-color:rgba(255,255,255,0.08);
border-color:var(--color-accent);
transform:translateX(5px);
}
.event-strip-left{
display:flex;
align-items:center;
gap:25px;
}
.event-strip-img{
width:70px;
height:70px;
border-radius:50px;
overflow:hidden;
flex-shrink:0;
border:2px solid rgba(255,255,255,0.2);
}
.event-strip-img img{
width:100%;
height:100%;
object-fit:cover;
}
.event-strip-details h4{
color:var(--color-alternate);
font-size:18px;
margin-bottom:6px;
}
.event-strip-meta{
display:flex;
gap:20px;
font-size:13px;
opacity:0.8;
}
.event-strip-meta span{
display:flex;
align-items:center;
gap:6px;
}
.event-strip-link{
font-family:var(--font-headings);
font-size:13px;
font-weight:700;
text-transform:uppercase;
color:var(--color-accent);
white-space:nowrap;
}
.event-strip-link:hover{
color:var(--color-tertiary);
}
.contact-waterfront-split{
display:grid;
grid-template-columns:1.2fr 1.8fr;
gap:40px;
background-color:var(--color-alternate);
border-radius:var(--border-radius);
overflow:hidden;
box-shadow:var(--box-shadow);
border:1px solid var(--color-border);
}
.contact-waterfront-form-col{
padding:50px;
}
.contact-waterfront-img-col{
height:100%;
min-height:500px;
}
.contact-waterfront-img-col img{
width:100%;
height:100%;
object-fit:cover;
}
.huge-statement-banner{
background-color:var(--color-background);
padding:80px 0;
text-align:center;
border-top:1px solid var(--color-border);
border-bottom:1px solid var(--color-border);
}
.huge-statement-text{
font-family:var(--font-headings);
font-size:38px;
line-height:1.4em;
font-weight:500;
color:var(--color-secondary);
max-width:900px;
margin:0 auto;
}
.huge-statement-text span{
color:var(--color-primary);
font-weight:700;
}
.huge-statement-author{
display:block;
font-family:var(--font-body);
font-size:14px;
text-transform:uppercase;
letter-spacing:2px;
color:var(--color-meta);
margin-top:25px;
font-weight:600;
}
@media (max-width:1024px){
.hero-overlap-grid{
grid-template-columns:1fr;
gap:15px;
}
.hero-overlap-wrapper{
margin-top:35px;
}
.mayor-twin-photos{
grid-template-columns:1fr;
gap:15px;
}
.mayor-img-left,.mayor-img-right{
height:280px;
}
.dept-grid-outlined{
grid-template-columns:repeat(2,1fr);
}
.projects-tier-row{
grid-template-columns:1fr;
gap:30px;
}
.donation-wrapper{
grid-template-columns:1fr;
gap:40px;
}
.reviews-grid-triple{
grid-template-columns:1fr;
gap:20px;
}
.quote-split-row{
grid-template-columns:1fr;
gap:30px;
}
.quote-greenhouse-image{
height:320px;
}
.event-strip{
flex-direction:column;
text-align:center;
gap:15px;
}
.event-strip-left{
flex-direction:column;
gap:15px;
}
.event-strip-meta{
justify-content:center;
}
.contact-waterfront-split{
grid-template-columns:1fr;
}
.contact-waterfront-img-col{
height:300px;
min-height:auto;
}
.huge-statement-text{
font-size:26px;
}
}
@media (max-width:480px){
.dept-grid-outlined{
grid-template-columns:1fr;
}
.give-amount-grid{
grid-template-columns:repeat(2,1fr);
}
}
.committee-flip-card{
background-color:transparent;
width:100%;
height:290px;
-webkit-perspective:1000px;
perspective:1000px;
box-sizing:border-box;
}
.committee-flip-card-inner{
position:relative;
width:100%;
height:100%;
text-align:center;
transition:transform 0.6s cubic-bezier(0.25,0.8,0.25,1);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
box-sizing:border-box;
}
.committee-flip-card:hover .committee-flip-card-inner{
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.committee-flip-card-front,
.committee-flip-card-back{
position:absolute;
width:100%;
height:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
border-radius:var(--border-radius);
padding:30px;
box-sizing:border-box;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border:1px solid rgba(255,255,255,0.15);
box-shadow:0 15px 35px rgba(0,0,0,0.3);
transition:border-color 0.3s;
}
.committee-flip-card-front{
background:rgba(255,255,255,0.05);
color:white;
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
.committee-flip-card-icon{
font-size:44px;
color:var(--color-tertiary);
margin-bottom:20px;
transition:transform 0.5s var(--transition-curve);
}
.committee-flip-card-front h4{
font-size:20px;
font-family:var(--font-headings);
font-weight:700;
margin:0;
color:white;
line-height:1.3em;
}
.committee-flip-card:hover .committee-flip-card-icon{
transform:scale(1.15) translateY(-5px);
}
.committee-flip-card-back{
background:#002e4d;
color:white;
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
border-color:var(--color-tertiary);
justify-content:space-between;
text-align:left;
align-items:flex-start;
}
.committee-flip-card-back h4{
font-size:18px;
font-family:var(--font-headings);
font-weight:700;
margin:0 0 10px 0;
color:var(--color-tertiary);
line-height:1.3em;
}
.committee-flip-card-back p{
font-size:14px;
line-height:1.6em;
opacity:0.9;
margin:0 0 15px 0;
color:white;
}
.committee-charter-btn{
color:var(--color-tertiary);
font-weight:700;
font-size:13px;
text-transform:uppercase;
text-decoration:none;
transition:color 0.3s,transform 0.3s;
display:inline-flex;
align-items:center;
gap:5px;
margin-top:auto;
}
.committee-charter-btn:hover{
color:white;
transform:translateX(5px);
}
html,body{
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
}
@media (max-width:1024px){
.header-main{
margin-top:10px !important;
}
.hero-slider-container{
height:auto !important;
min-height:700px;
}
.hero-container-flex{
padding-top:120px !important;
padding-bottom:200px !important;
}
.hero-content-wrapper h1{
font-size:48px !important;
line-height:1.15em !important;
}
.hero-content-wrapper h2{
font-size:22px !important;
}
.hero-alerts-box{
grid-template-columns:1fr !important;
gap:15px !important;
padding:20px !important;
}
.hero-alerts-column{
border-right:none !important;
border-bottom:1px solid rgba(255,255,255,0.15);
padding-right:0 !important;
padding-bottom:15px;
}
.hero-alerts-column:last-child{
border-bottom:none;
padding-bottom:0;
}
.hero-overlap-wrapper{
margin-top:-60px !important;
}
.hero-bottom-info-bar{
position:absolute !important;
bottom:0 !important;
}
.hero-info-col{
padding:12px 15px !important;
}
.hero-overlap-grid{
grid-template-columns:1fr !important;
gap:15px !important;
}
.hero-overlap-flip-card{
height:320px !important;
}
.hero-overlap-flip-card:hover .hero-overlap-flip-card-inner{
transform:none !important;
-webkit-transform:none !important;
}
.mayor-box{
grid-template-columns:1fr !important;
gap:30px !important;
}
.mayor-twin-photos{
grid-template-columns:1fr !important;
gap:15px !important;
}
.mayor-img-left,
.mayor-img-right{
height:260px !important;
}
.mayor-text h3{
font-size:32px !important;
}
.dept-grid-outlined{
grid-template-columns:1fr 1fr !important;
}
.projects-tier-row{
grid-template-columns:1fr !important;
gap:30px !important;
margin-bottom:40px !important;
}
.project-card{
height:280px !important;
}
.project-card-landscape{
height:auto !important;
min-height:120px;
}
.project-card-landscape-img{
width:140px !important;
}
.donation-wrapper{
grid-template-columns:1fr !important;
gap:30px !important;
}
.donation-text-col h2{
font-size:34px !important;
}
.reviews-grid-triple{
grid-template-columns:1fr !important;
gap:20px !important;
}
.quote-split-row{
grid-template-columns:1fr !important;
gap:30px !important;
}
.quote-greenhouse-image{
height:300px !important;
}
.blockquote-text-large{
font-size:26px !important;
}
.event-strip{
flex-direction:column !important;
text-align:center;
gap:15px !important;
}
.event-strip-left{
flex-direction:column !important;
gap:15px !important;
}
.contact-waterfront-split{
grid-template-columns:1fr !important;
}
.contact-waterfront-img-col{
height:280px !important;
min-height:auto !important;
}
.huge-statement-text{
font-size:26px !important;
}
.committee-flip-card{
height:260px !important;
}
.committee-flip-card:hover .committee-flip-card-inner{
transform:none !important;
-webkit-transform:none !important;
}
.counter-grid{
grid-template-columns:repeat(2,1fr) !important;
}
.counter-num{
font-size:44px !important;
}
}
@media (max-width:768px){
body{
font-size:14px !important;
}
.section{
padding:30px 0 !important;
}
.section-header{
margin-bottom:35px !important;
}
.section-subtitle{
font-size:11px !important;
letter-spacing:1px !important;
}
.section-title{
font-size:24px !important;
line-height:1.2em !important;
}
.btn{
padding:10px 18px !important;
font-size:12px !important;
}
#annual-report-popup{
display:none !important;
}
.hero-slider-container{
min-height:580px !important;
}
.hero-container-flex{
padding-top:60px !important;
padding-bottom:80px !important;
}
.hero-content-wrapper h1{
font-size:28px !important;
line-height:1.1em !important;
letter-spacing:-0.5px !important;
margin-bottom:12px !important;
}
.hero-content-wrapper h2{
font-size:14px !important;
margin-bottom:12px !important;
}
.hero-content-wrapper > div[style*="display:flex"]{
flex-direction:column !important;
gap:10px !important;
align-items:center;
}
.hero-content-wrapper .btn,
.hero-content-wrapper a[class*="btn"]{
width:100% !important;
max-width:280px;
text-align:center;
justify-content:center;
padding:12px 20px !important;
font-size:12px !important;
}
.hero-alerts-box{
margin-bottom:-30px !important;
padding:15px !important;
gap:12px !important;
font-size:12px;
}
#hero-weather-temp{
font-size:24px !important;
}
.hero-overlap-wrapper{
margin-top:-45px !important;
padding-bottom:30px !important;
}
.hero-bottom-info-bar{
position:absolute !important;
bottom:0 !important;
background:rgba(0,10,25,0.75) !important;
}
.hero-info-grid{
grid-template-columns:1fr !important;
}
.hero-info-col{
border-right:none !important;
border-bottom:1px solid rgba(255,255,255,0.08) !important;
padding:10px 15px !important;
text-align:center;
}
.hero-info-col:last-child{
border-bottom:none !important;
}
#homepage-hero-banner .container{
padding-bottom:220px !important;
}
.hero-overlap-flip-card{
height:280px !important;
}
.hero-overlap-flip-card-icon{
font-size:40px !important;
}
.hero-overlap-flip-card-front h3{
font-size:20px !important;
}
.hero-overlap-flip-card-front p{
font-size:13px !important;
}
.info-card{
padding:15px !important;
}
.info-card h3{
font-size:18px !important;
}
.info-card p{
font-size:13px !important;
}
.info-card-icon{
width:55px !important;
height:55px !important;
font-size:24px !important;
}
.mayor-text h3{
font-size:26px !important;
line-height:1.2em !important;
}
.mayor-quote{
font-size:16px !important;
padding-left:15px !important;
}
.mayor-img-left,
.mayor-img-right{
height:220px !important;
}
.mayor-signature{
flex-direction:column !important;
align-items:flex-start;
gap:15px !important;
}
.signature-img{
max-width:120px !important;
}
.counters-section{
padding:40px 0 !important;
}
.counter-grid{
grid-template-columns:1fr 1fr !important;
gap:15px !important;
}
.counter-num{
font-size:36px !important;
}
.counter-title{
font-size:12px !important;
}
.dept-grid-outlined{
grid-template-columns:1fr !important;
gap:15px !important;
}
.dept-card-outlined{
padding:25px !important;
}
.dept-card-outlined-icon{
font-size:28px !important;
}
.dept-card-outlined h4{
font-size:18px !important;
}
.dept-card-outlined p{
font-size:13px !important;
}
.dept-card-image{
height:180px !important;
}
.dept-card-content{
padding:20px !important;
}
.dept-card h4{
font-size:18px !important;
}
.dept-card p{
font-size:13px !important;
}
.projects-tier-text-col h3{
font-size:24px !important;
}
.project-card{
height:240px !important;
}
.project-card-content{
padding:20px !important;
}
.project-card h4{
font-size:18px !important;
}
.project-card-landscape{
flex-direction:column !important;
height:auto !important;
}
.project-card-landscape-img{
width:100% !important;
height:160px !important;
}
.project-card-landscape-content{
padding:15px 20px !important;
}
.project-card-landscape-content h4{
font-size:16px !important;
}
.event-card{
flex-direction:column !important;
text-align:center;
padding:20px !important;
gap:15px !important;
}
.event-date-badge{
width:65px !important;
height:75px !important;
}
.event-day{
font-size:26px !important;
}
.event-details h4{
font-size:17px !important;
}
.event-meta{
justify-content:center;
font-size:12px !important;
}
.event-strip-details h4{
font-size:16px !important;
}
.event-strip-meta{
justify-content:center;
}
.testimonial-slide blockquote{
font-size:18px !important;
line-height:1.5em !important;
}
.testimonial-quote-icon{
font-size:36px !important;
}
.news-card-image{
height:180px !important;
}
.news-card-content{
padding:20px !important;
}
.news-card h4{
font-size:18px !important;
}
.donation-pledge-section{
padding:60px 0 !important;
}
.donation-text-col h2{
font-size:28px !important;
margin-bottom:15px !important;
}
.donation-text-col p{
font-size:14px !important;
}
.givewp-card{
padding:25px !important;
}
.give-amount-grid{
grid-template-columns:repeat(2,1fr) !important;
gap:8px !important;
}
.give-amount-btn{
font-size:14px !important;
padding:10px 0 !important;
}
.review-card-compact{
padding:25px !important;
}
.review-card-compact p{
font-size:14px !important;
}
.blockquote-text-large{
font-size:22px !important;
padding-left:20px !important;
}
.quote-greenhouse-image{
height:250px !important;
}
.notice-marquee-bar{
font-size:12px !important;
padding:10px 0 !important;
}
.contact-waterfront-form-col{
padding:25px !important;
}
.committee-flip-card{
height:240px !important;
}
.committee-flip-card-icon{
font-size:34px !important;
}
.committee-flip-card-front h4{
font-size:17px !important;
}
.huge-statement-banner{
padding:50px 0 !important;
}
.huge-statement-text{
font-size:22px !important;
}
.newsletter-bar{
padding:30px 0 !important;
margin-top:30px !important;
}
.newsletter-info h3{
font-size:22px !important;
}
.newsletter-info p{
font-size:14px !important;
}
.newsletter-form{
flex-direction:column !important;
}
.newsletter-form input[type="email"]{
padding:14px 20px !important;
font-size:14px !important;
}
.newsletter-form button{
padding:14px 0 !important;
font-size:13px !important;
}
.site-footer{
padding:50px 0 30px 0 !important;
}
.site-footer-widgets{
grid-template-columns:1fr !important;
gap:30px !important;
margin-bottom:30px !important;
}
.footer-widget h4{
font-size:18px !important;
}
.subfooter-inner{
flex-direction:column !important;
gap:15px;
text-align:center;
}
.subfooter-links{
justify-content:center;
flex-wrap:wrap;
}
.back-to-top{
width:42px !important;
height:42px !important;
bottom:20px !important;
right:20px !important;
}
.header-top{
display:none !important;
}
}
@media (max-width:480px){
.container{
padding-left:15px !important;
padding-right:15px !important;
}
.section{
padding:40px 0 !important;
}
.hero-slider-container{
min-height:520px !important;
}
.hero-container-flex{
padding-top:75px !important;
padding-bottom:100px !important;
}
.hero-content-wrapper h1{
font-size:26px !important;
margin-bottom:10px !important;
}
.hero-content-wrapper h2{
font-size:14px !important;
}
.hero-content-wrapper .btn,
.hero-content-wrapper a[class*="btn"]{
max-width:100%;
font-size:11px !important;
padding:11px 16px !important;
}
.section-title{
font-size:24px !important;
}
.section-subtitle{
font-size:11px !important;
}
.hero-overlap-flip-card{
height:250px !important;
}
.hero-overlap-flip-card-front h3{
font-size:18px !important;
}
.hero-overlap-flip-card-icon{
font-size:34px !important;
}
.counter-grid{
grid-template-columns:1fr 1fr !important;
gap:10px !important;
}
.counter-box{
padding:10px !important;
}
.counter-num{
font-size:30px !important;
}
.counter-title{
font-size:11px !important;
}
.mayor-text h3{
font-size:22px !important;
}
.mayor-quote{
font-size:15px !important;
}
.mayor-img-left,
.mayor-img-right{
height:180px !important;
}
.dept-card-outlined{
padding:20px !important;
}
.dept-card-outlined h4{
font-size:16px !important;
}
.projects-tier-text-col h3{
font-size:20px !important;
}
.project-card{
height:200px !important;
}
.project-card h4{
font-size:16px !important;
}
.event-date-badge{
width:55px !important;
height:65px !important;
}
.event-day{
font-size:22px !important;
}
.event-details h4{
font-size:15px !important;
}
.donation-text-col h2{
font-size:24px !important;
}
.givewp-card{
padding:20px !important;
}
.give-amount-btn{
font-size:13px !important;
}
.testimonial-slide blockquote{
font-size:16px !important;
}
.news-card-image{
height:160px !important;
}
.news-card h4{
font-size:16px !important;
}
.review-card-compact{
padding:20px !important;
}
.review-card-compact p{
font-size:13px !important;
}
.blockquote-text-large{
font-size:18px !important;
line-height:1.4em !important;
}
.quote-greenhouse-image{
height:200px !important;
}
.committee-flip-card{
height:220px !important;
}
.committee-flip-card-icon{
font-size:28px !important;
}
.committee-flip-card-front h4{
font-size:15px !important;
}
.huge-statement-text{
font-size:18px !important;
}
.newsletter-info h3{
font-size:20px !important;
}
.footer-widget h4{
font-size:16px !important;
}
.site-footer{
font-size:13px !important;
}
.site-header.is-sticky .header-main{
padding:6px 0 !important;
}
.logo img{
height:35px !important;
}
}
@media (max-width:768px){
.hero-content-wrapper > h1[style*="font-size"]{
font-size:30px !important;
line-height:1.15em !important;
margin-bottom:12px !important;
}
.hero-content-wrapper > h2[style*="font-size"]{
font-size:16px !important;
margin-bottom:8px !important;
}
.hero-content-wrapper > div[style*="display:flex"][style*="gap"]{
flex-direction:column !important;
gap:10px !important;
align-items:center !important;
width:100%;
}
.hero-content-wrapper > div > a[style*="padding"]{
padding:12px 20px !important;
font-size:12px !important;
width:100% !important;
max-width:280px;
text-align:center;
display:flex !important;
justify-content:center !important;
}
h2[style*="font-size:46px"],
h2[style*="font-size:42px"],
h2[style*="font-size:56px"],
h3[style*="font-size:46px"],
h3[style*="font-size:34px"]{
font-size:24px !important;
line-height:1.25em !important;
}
p[style*="font-size:20px"],
p[style*="font-size:18px"]{
font-size:15px !important;
line-height:1.5em !important;
}
div[style*="display:flex"][style*="gap:60px"],
div[style*="display:flex"][style*="gap:40px"],
div[style*="display:grid"][style*="grid-template-columns:1.2fr"],
div[style*="display:grid"][style*="grid-template-columns:2fr"],
div[style*="display:grid"][style*="grid-template-columns:1fr 1fr"]{
display:flex !important;
flex-direction:column !important;
gap:20px !important;
}
div[style*="width:380px"],
div[style*="width:400px"],
div[style*="width:500px"]{
width:100% !important;
max-width:100% !important;
}
div[style*="height:380px"],
div[style*="height:400px"],
div[style*="height:500px"]{
height:auto !important;
min-height:250px;
}
div[style*="position:fixed"][style*="bottom"]{
left:15px !important;
right:15px !important;
width:auto !important;
max-width:calc(100vw - 30px) !important;
}
}
@media (max-width:480px){
.hero-content-wrapper > h1[style*="font-size"]{
font-size:24px !important;
}
.hero-content-wrapper > h2[style*="font-size"]{
font-size:13px !important;
}
h2[style*="font-size:46px"],
h2[style*="font-size:42px"],
h2[style*="font-size:56px"],
h3[style*="font-size:46px"],
h3[style*="font-size:34px"]{
font-size:20px !important;
}
}
@media (hover:none) and (pointer:coarse){
.info-card:hover,
.dept-card:hover,
.news-card:hover,
.event-card:hover,
.review-card-compact:hover,
.project-card-landscape:hover{
transform:none !important;
}
.hero-overlap-flip-card:hover .hero-overlap-flip-card-inner,
.committee-flip-card:hover .committee-flip-card-inner{
transform:none !important;
-webkit-transform:none !important;
}
.hero-overlap-flip-card,
.committee-flip-card{
cursor:pointer;
}
}
@media print{
.site-header,
.notice-marquee-bar,
.back-to-top,
#annual-report-popup{
display:none !important;
}
}