/* Critical CSS - Above-the-fold styles only */ /* Inline in for fastest render */ /* Base Layout */ body { position: absolute; top: 0; margin: 0; padding: 0; background: #f5f5f5; font-family: "Proxima Nova", "Open Sans", Arial, sans-serif; font-size: 14px; width: 100%; height: 100%; color: #414042; } .container-fluid { max-width: 1370px; margin: 0 auto; padding: 0; } /* Header Structure */ .headerrow { position: relative; background: #fff; padding: 0; } .sliderwrapper { position: relative; width: 100%; } /* Carousel Critical Styles */ .carousel { position: relative; overflow: hidden; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; width: 100%; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active { display: block; } .carousel-item img { display: block; width: 100%; height: auto; } /* Carousel Caption */ .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; text-align: center; } .carousel-caption h1 { font-size: 2rem; font-weight: 600; margin: 0 0 10px 0; } /* Main Content Wrapper */ #maincontentwrapper { position: relative; background: #fff; z-index: 0; min-height: 300px; } /* Skip Navigation Link (Accessibility) */ #skip-nav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #skip-nav:focus { position: static; width: auto; height: auto; } /* Typography */ h1 { font-weight: 600; color: #026635; margin: 0; line-height: 1.2; } /* Links */ a { color: #026635; text-decoration: none; } a:hover { color: #88bc6a; } /* Bootstrap Grid Essentials (for layout) */ .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-md-4, .col-md-8, .col-md-10, .col-md-12, .col-sm-12, .col-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } /* Responsive */ @media (min-width: 768px) { .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .carousel-caption h1 { font-size: 3rem; } } /* Hide non-critical elements initially */ .carousel-indicators { } /* Prevent FOUC */ .footerrow, .homepanels { display: none; }