/* Theme Name: Lehigh-Northampton Airport Authority Intranet Version: 1.0 Theme URI: https://www.flyabe.com/intranet/ Description: This WordPress theme designed and developed by Peer Pressure Creative is for use by Lehigh-Northampton Airport Authority only. Author: Peer Pressure Creative Author URI: https://www.peerpressurecreative.com */ /* Import Helvetica Neue -------------------------------------------------------------------------------------------------------------------------- */ @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=56389fa7-df7f-4cf4-bcc6-296ec84f5820"); /* Brand Colors: --------------------------------------------------------------------------------------------------------------------------------- */ /* Blue: #1f3f78 */ /* All Mighty Reset ------------------------------------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} * {margin: 0;} :focus {outline: 0;} ol, ul {list-style: none;} a {text-decoration: none; color: #808080} /* Wrap ------------------------------------------------------------------------------------------------------------------------------------------- */ .wrap {width: calc(100% - 100px); max-width: 2000px; height: auto; margin: 0 auto; position: relative;} /* Media Queries for Wrap ---------- */ @media only screen and (max-width: 1100px) { .wrap {width: calc(100% - 50px);} } /* Clear Fix -------------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:after {content: " "; height: 0; font-size: 0; visibility: hidden; display: block; clear: both;} * html .clearfix {zoom: 1;} /* IE6 */ *:first-child+html .clearfix{zoom: 1;} /* IE7 */ .clear {clear: both;} /* Body ------------------------------------------------------------------------------------------------------------------------------------------- */ body {background-color: #fff; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-family: 'Helvetica Neue LT W05_55 Roman', Helvetica, sans-serif;} body::before {content: ''; background-color: #1f3f78; width: 140px; height: 100%; transition: all .3s linear; position: fixed; top: 0; left: 0;} body.nav-open::before {width: 380px;} /* Log In -------------------------------------------------------------- */ body.log-in {background: url(images/logo-wave.svg) center top no-repeat #01385e; background-size: contain; height: 100vh;} body.log-in::before {content: none;} /* Selection Color -------------------------------------------------------------------------------------------------------------------------------- */ body ::selection {background: #1b8ecd; color: #fff;} body ::-moz-selection {background: #1b8ecd; color: #fff;} /* Centered --------------------------------------------------------------------------------------------------------------------------------------- */ .centered {margin: 0 auto; text-align: center; display: block;} .vert-center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* @font-face ------------------------------------------------------------------------------------------------------------------------------------- */ /* Open Sans ----------------------------------------------------------- */ /* font-family: 'Open Sans', sans-serif; 300: Open Sans Light 300i: Open Sans Light Italic 400: Open Sans Regular 500: Open Sans Medium 700: Open Sans Bold */ /* Helvetica Neue ------------------------------------------------------ */ /* Thin ---------- */ @font-face{ font-family: "Helvetica Neue LT W05_35 Thin"; src:url("fonts/helvetica-neue/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"),url("fonts/helvetica-neue/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff"); } /* Light ---------- */ @font-face{ font-family: "Helvetica Neue LT W05_45 Light"; src:url("fonts/helvetica-neue/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("fonts/helvetica-neue/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"); } /* Roman ---------- */ @font-face{ font-family: "Helvetica Neue LT W05_55 Roman"; src:url("fonts/helvetica-neue/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("fonts/helvetica-neue/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"); } /* Medium ---------- */ @font-face{ font-family:"Helvetica Neue LT W05_65 Medium"; src:url("fonts/helvetica-neue/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("fonts/helvetica-neue/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"); } /* Bold ---------- */ @font-face{ font-family:"Helvetica Neue LT W05_75 Bold"; src:url("fonts/helvetica-neue/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("fonts/helvetica-neue/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff"); } /* Black ---------- */ @font-face{ font-family:"Helvetica Neue LT W05_95 Black"; src:url("fonts/helvetica-neue/fc4fb6ca-f981-4115-b882-c78e9f08be52.woff2") format("woff2"),url("fonts/helvetica-neue/6ed03453-f512-45ba-84bf-fe4ea45d5e6a.woff") format("woff"); } /* font-family: "Helvetica Neue LT W05_35 Thin"; font-family: "Helvetica Neue LT W05_45 Light"; font-family: "Helvetica Neue LT W05_55 Roman"; font-family: "Helvetica Neue LT W05_65 Medium"; font-family: "Helvetica Neue LT W05_75 Bold"; font-family: "Helvetica Neue LT W05_95 Black"; */ /* Blur ------------------------------------------------------------------------------------------------------------------------------------------- */ .blur {-webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);} /* Screen Reader ---------------------------------------------------------------------------------------------------------------------------------- */ #screen-reader {position: absolute; left: -99999px; top: -99999px;} /* Announcement ----------------------------------------------------------------------------------------------------------------------------------- */ #announcement {background-color: #f0cc00; margin: 0 auto; padding: 10px 0 12px 0; text-align: center; position: relative; display: block; clear: both; z-index: 5500;} #announcement p {margin: 0 auto; padding: 0; font-size: 18px; line-height: 1.4; color: #635400;} #announcement p a {color: #635400; border-bottom: 1px solid #635400;} /* Media Queries for Announcement ---------- */ @media only screen and (max-width: 800px) { #announcement p {font-size: 16px; line-height: 1.4;} } /* Search ----------------------------------------------------------------------------------------------------------------------------------------- */ /* Search Container ---------------------------------------------------- */ #site-search {background-color: rgba(247, 248, 250, 1); width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 450;} /* Search Form Container ----------------------------------------------- */ #search-form-container {background-color: #fff; width: calc(100% - 140px); margin: 0; padding: 0; position: absolute; top: 45px; left: 70px; display: block; float: left; clear: both; z-index: 500;} /* Search Form Input ---------- */ #search-form-container .searchwp-form {padding: 0 0 50px 0; display: block; clear: both;} /* Search Form Input ---------- */ #search-form-container .searchwp-form .swp-input--search {width: calc(100% - 15px); margin: 0; padding: 17px 15px; font-size: 17px; line-height: 1; color: #7d7e83; border: 1px solid #dfdfdf; outline: none; position: relative; display: block; clear: both;} #search-form-container .searchwp-form .swp-button {background-color: #1b8ecd; width: auto; margin: 0; padding: 20px 40px; font-size: clamp(13px, 1.1vw, 18px); line-height: 1.3; color: #fff !important; text-decoration: none !important; border: none; border-radius: 0; position: relative; display: inline-block; cursor: pointer; vertical-align: middle; transition: all .3s linear; appearance: none; font-weight: 600; overflow: hidden;} /* Search Form Icon ---------- */ #search-form-icon {width: 35px; margin: 10px 0 0 15px; font-size: 25px; line-height: 1; color: #999999; text-align: center; position: relative; display: block; cursor: pointer; float: left;} /* Search Results ------------------------------------------------------ */ #page-content .search-results-group {padding: 0 0 50px 0; display: block; clear: both;} #page-content .search-results-group h2 {padding: 0 0 5px 0; border-bottom: 1px solid #dfdfdf;} /* Search Post --------------------------------------------------------- */ #page-content .search-post-block {background-color: #fff; margin: 0 0 15px 0; padding: 15px 15px; border-bottom: 1px solid #ececec; transition: all .3s linear; position: relative; display: block; clear: both;} #page-content .search-post-block h3 {margin-bottom: 5px;} /* Hover ----- */ .search-post-block:hover {background-color: #f9f9f9;} /* Media Queries for Search ---------- */ @media only screen and (max-width: 1200px) { } /* User Navigation -------------------------------------------------------------------------------------------------------------------------------- */ #user-navigation {width: calc(50% - 200px); max-width: 400px; padding: 20px 20px; transition: all .3s linear; position: absolute; top: 30px; right: 50px; display: block; z-index: 100;} #user-navigation.open {background-color: #1f3f78;} /* Current User -------------------------------------------------------- */ #current-user {margin: 0 0 15px 0; padding: 0 30px 0 0; font-size: 13px; color: #1b1d36; text-align: right;s transition: all .3s linear; display: block; font-weight: 700; font-family: 'Gothic A1', sans-serif;} #current-user::after {content: '\f078'; height: auto; font-size: 13px; line-height: 1; color: #1b8ecd; transition: all .3s linear; position: absolute; top: 33px; right: 25px; display: block; visibility: visible; font-weight: 600; font-family: 'Font Awesome 6 Pro';} #user-navigation.open #current-user::after {content: '\f078'; color: #1b8ecd; transform: rotateX(180deg);} #user-navigation.open #current-user {color: #fff;} /* Current User Image ---------- */ #current-user .current-user-image {width: 40px; height: 40px; margin: 0 10px 0 0; border-radius: 50%; text-align: center; position: relative; display: inline-block; overflow: hidden;} #current-user .current-user-image img {max-width: 100%; height: auto; margin: 0 auto; display: block;} #current-user .current-user-name {display: inline-block; position: relative; top: -16px;} /* Current User Navigation --------------------------------------------- */ #user-navigation ul {padding: 15px 10px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.5); text-align: right; position: relative; display: block; clear: both;} #user-navigation ul li {margin: 0 0 10px 0; display: block; clear: both;} #user-navigation ul li a {font-size: 15px; line-height: 1; color: #fff; transition: all .3s linear; font-weight: 400;} /* Main ------------------------------------------------------------------------------------------------------------------------------------------- */ #main {background-color: #1f3f78; width: 50px; height: auto; min-height: 100vh; margin: 0 auto 0 auto; padding: 0px 45px 50px 45px; transition: all .3s linear; position: absolute; top: 0; left: 0; display: block; clear: both; z-index: 0; overflow: hidden;} #main.open {width: 290px;} #main #nav-wrapper {padding: 150px 0 50px 0; position: relative; display: block; clear: both;} /* Logo ------------------------------------------------------------------------------------------------------------------------------------------- */ #logo-wrapper {margin: 0 auto; padding: 100px 0 50px 0;} #logo {background-color: #1f3f78; width: 100%; max-width: 380px; margin: 0 auto; padding: 25px 0 0 0; position: absolute; top: 0; left: -28px; transition: all .3s linear; display: block; z-index: 10;} /* #logo:not(.log-in)::after {content: ''; background: rgb(31, 63, 120); background: linear-gradient(180deg, rgba(31, 63, 120,1) 0%, rgba(31, 63, 120,0) 100%); width: 100%; height: 75%; position: absolute; bottom: -75%; left: 0; z-index: -1;} */ #main.open #logo {width: 100%; left: 0;} #main #logo .letter {transition: all .3s linear; opacity: 0; visibility: hidden;} #main.open #logo .letter {opacity: 1; visibility: visible;} #logo.log-in {background: none; width: 150px; margin: 0 auto; padding: 0; position: relative; top: auto; left: auto;} #logo span {position: absolute; left: -99999px; top: -99999px;} #logo img {width: 105px; height: auto; margin: 0; display: block;} #logo svg {width: 105px; height: auto; margin: 0; display: block;} #logo svg path, #logo svg rect, #logo svg polygon {transition: fill .5s linear;} #logo svg .white {fill: #fff;} #logo svg .aqua {fill: #0099bc;} #logo.color svg .white {fill: #00416b;} /* Hover */ #logo:hover {} /* Media Queries for Logo ---------- */ @media only screen and (max-width: 1100px) { #logo {} } /* Main Navigation -------------------------------------------------------------------------------------------------------------------------------- */ #main-navigation {width: 100%; margin: 0 auto; position: relative; left: -400px; display: block; clear: both; transition: all .3s linear; z-index: 1;} #main.open #main-navigation {left: 0;} #main-navigation ul {padding: 0 0 0 0;} #main-navigation ul li {padding: 0 0 0 0; margin: 0; display: block;} #main-navigation ul li a {padding: 18px 20px 18px 20px; font-size: 18px; line-height: 1; color: #fff; position: relative; display: block; transition: all .3s linear; font-weight: 400;} #main-navigation ul li a::after {content: '\f054'; font-size: 13px; line-height: 1; color: #fff; position: absolute; top: calc(50% - 8px); right: 20px; transition: all .3s linear; font-family: 'Font Awesome 6 Pro';} /* Hover ----- */ #main-navigation ul li a:hover {color: #1b8ecd;} #main-navigation ul li a:hover::after {color: #1b8ecd;} /* Active ----- */ #main-navigation ul li.current_page_item a, #main-navigation ul li.current_page_parent a, #main-navigation ul li.current_page_ancestor a, #main-navigation ul li.current-page-ancestor a {background-color: #1b8ecd; color: #fff;} #main-navigation ul li.current_page_item a::after, #main-navigation ul li.current_page_parent a::after, #main-navigation ul li.current_page_ancestor a::after, #main-navigation ul li.current-page-ancestor a::after {color: #fff;} #main-navigation ul li.current_page_item.menu-item-has-children a::after, #main-navigation ul li.current_page_parent.menu-item-has-children a::after, #main-navigation ul li.current_page_ancestor.menu-item-has-children a::after, #main-navigation ul li.current-page-ancestor.menu-item-has-children a::after {top: calc(50% - 6px); transform: rotate(90deg);} /* Sub Menu ------------------------------------------------------------ */ #main-navigation ul li .sub-menu {background-color: #01385e; margin: 0 0 8px 0; padding: 10px 0; display: none;} #main-navigation ul li .sub-menu li {} #main-navigation ul li .sub-menu li a {background: none; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 1;} #main-navigation ul li .sub-menu li a::after {content: none;} /* Hover ----- */ #main-navigation ul li .sub-menu li a:hover {color: #1b8ecd;} /* Active ----- */ #main-navigation ul li.current_page_item .sub-menu, #main-navigation ul li.current_page_parent .sub-menu, #main-navigation ul li.current_page_ancestor .sub-menu, #main-navigation ul li.current-page-ancestor .sub-menu {display: block;} #main-navigation ul li .sub-menu li.current_page_item a, #main-navigation ul li .sub-menu li.current_page_parent a, #main-navigation ul li .sub-menu li.current_page_ancestor a, #main-navigation ul li .sub-menu li.current-page-ancestor a {color: #1b8ecd;} /* Sub Sub Menu -------------------------------------------------------- */ #main-navigation ul li .sub-menu li .sub-menu {padding: 0px 0 0px 20px; display: none;} #main-navigation ul li .sub-menu li .sub-menu li {} #main-navigation ul li .sub-menu li .sub-menu li a {background: none; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 1; color: #fff;} #main-navigation ul li .sub-menu li .sub-menu li a::after {content: none;} /* Hover ----- */ #main-navigation ul li .sub-menu li .sub-menu li a:hover {color: #1b8ecd;} /* Active ----- */ #main-navigation ul li .sub-menu li.current_page_item .sub-menu, #main-navigation ul li .sub-menu li.current_page_parent .sub-menu, #main-navigation ul li .sub-menu li.current_page_ancestor .sub-menu, #main-navigation ul li .sub-menu li.current-page-ancestor .sub-menu {display: block;} #main-navigation ul li .sub-menu li .sub-menu li.current_page_item a, #main-navigation ul li .sub-menu li .sub-menu li.current_page_parent a, #main-navigation ul li .sub-menu li .sub-menu li.current_page_ancestor a, #main-navigation ul li .sub-menu li .sub-menu li.current-page-ancestor a {color: #1b8ecd;} /* Sub Sub Sub Menu -------------------------------------------------------- */ #main-navigation ul li .sub-menu li .sub-menu li .sub-menu {padding: 0px 0 0px 20px; display: none;} #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li {} #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li a {background: none; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 1; color: #fff;} #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li a::after {content: none;} /* Hover ----- */ #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li a:hover {color: #1b8ecd;} /* Active ----- */ #main-navigation ul li .sub-menu li .sub-menu li.current_page_item .sub-menu, #main-navigation ul li .sub-menu li .sub-menu li.current_page_parent .sub-menu {display: block;} #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li.current_page_item a, #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li.current_page_parent a, #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li.current_page_ancestor a, #main-navigation ul li .sub-menu li .sub-menu li .sub-menu li.current-page-ancestor a {color: #1b8ecd;} /* Media Queries for Main Navigation ---------- */ @media only screen and (max-width: 1100px) { #main-navigation {} } /* Mobile Navigation Trigger ---------- */ #mobile-nav-trigger {width: 40px; margin: 0; padding: 0; text-align: center; position: absolute; top: 150px; left: 0; transition: all .3s linear; display: block; z-index: 10;} #main.open #mobile-nav-trigger {left: 400px;} /* Hamburger ----- */ #hamburger {width: 40px; height: 45px; margin: 0; position: absolute; top: 0; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;} #hamburger.open span {background: #0099bc;} #hamburger span {background: #fff; width: 100%; height: 2px; position: absolute; left: 0; display: block; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} #hamburger span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} #hamburger span:nth-child(2) {top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} #hamburger span:nth-child(3) {top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} #hamburger.open span:nth-child(1) {top: -3px; left: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;} #hamburger.open span:nth-child(2) {width: 100%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 5px;} #hamburger.open span:nth-child(3) {width: 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; left: 5px;} /* Home / Log In Page ----------------------------------------------------------------------------------------------------------------------------- */ /* Log In Container ---------------------------------------------------- */ #log-in-container {background-color: #fff; width: 95%; max-width: 520px; height: auto; margin: 0 auto; padding: 25px 0; position: relative; display: block;} #log-in-container .button {max-width: calc(85% - 60px); margin: 0 auto; display: block;} .wpo365-mssignin-wrapper {width: 100%; padding: 0; box-sizing: border-box; display: block; text-align: center;} .wpo365-mssignin-spacearound {display: inline-block;} .wpo365-mssignin-wrapper form {display: none;} .wpo365-mssignin-button { border: 1px solid #8c8c8c; background: #ffffff; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; cursor: pointer; max-height: 41px; min-height: 41px; height: 41px; } .wpo365-mssignin-logo { padding-left: 12px; padding-right: 6px; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; width: 21px; height: 21px; box-sizing: content-box; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .wpo365-mssignin-label { padding-left: 6px; padding-right: 12px; font-weight: 600; color: #5e5e5e; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; font-size: 15px; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; height: 21px; line-height: 21px; } /* Content ---------------------------------------------------------------------------------------------------------------------------------------- */ #content {background-color: #fff; width: calc(100% - 140px); min-height: calc(100vh + 200px); padding: 0 0 50px 0; transition: all .3s linear; position: relative; display: block; float: right; z-index: 10;} #content.nav-open {width: calc(100% - 380px);} /* Page Content ----------------------------------------------------------------------------------------------------------------------------------- */ #page-content {width: calc(100% - 140px); max-width: 1500px; min-height: 500px; margin: 0 auto; padding: 200px 70px 100px 70px; position: relative; display: block; float: left;} #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 {margin: 0 0 20px 0; line-height: 1.3; color: #1f3f78; position: relative; display: block; clear: both; font-family: "Helvetica Neue LT W05_45 Light";} #page-content h1 a, #page-content h2 a, #page-content h3 a, #page-content h4 a, #page-content h5 a, #page-content h6 a {color: #1f3f78;} #page-content h1 {padding: 0 0 5px 0; font-size: 32px; border-bottom: 1px solid #1b8dcc;} #page-content #page-title {margin-bottom: 25px;} #page-content h2 {font-size: 28px;} #page-content h3 {font-size: 24px;} #page-content h4 {font-size: 20px;} #page-content h5 {font-size: 18px;} #page-content h6 {font-size: 17px;} #page-content p {margin: 0 0 20px 0; font-size: 16px; line-height: 1.9; color: #5c5c5c;} #page-content p a {color: #1b3359; position: relative; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #page-content p a::before {content: ''; background-color: #1b3359; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} #page-content img {max-width: 100%; width: auto; height: auto;} #page-content a[href$=jpg], #page-content a[href$=jpeg], #page-content a[href$=png], #page-content a[href$=gif] {border: none;} #page-content a[href$=jpg]::before, #page-content a[href$=jpeg]::before, #page-content a[href$=png]::before, #page-content a[href$=gif]::before {content: none;} #page-content strong {font-weight: 700;} #page-content ul {margin: 0 0 25px 0; padding: 0 0 0 35px; position: relative; display: block; clear: both; list-style: none;} #page-content ul.no-padding {padding-left: 15px;} #page-content ul.letter {list-style: lower-alpha;} #page-content ul li {margin: 0 0 5px 0; font-size: 16px; line-height: 1.9; color: #5c5c5c; position: relative; display: block; clear: both;} #page-content ul:not(.letter) li::before {content: ''; background-color: #0098bb; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 15px; left: -13px; display: inline-block;} #page-content ul li a {color: #009bbd; display: inline-block;} #page-content ol {margin: 0 0 25px 0; padding: 0 0 0 35px; position: relative; display: block; clear: both; list-style: decimal;} #page-content ol.letter {list-style: lower-alpha;} #page-content ol li {margin: 0 0 5px 0; font-size: 16px; line-height: 1.9; color: #5c5c5c; position: relative;} #page-content ol li a {color: #009bbd; display: inline-block;} #page-content ul.checklist {margin: 0 0 25px 0; padding: 0 0 0 35px; position: relative; display: block; clear: both; list-style: circle;} #page-content ul.checklist > li {margin: 0 0 5px 0; font-size: 16px; line-height: 1.9; color: #5c5c5c; position: relative;} #page-content ul.checklist li::before {content: ''; background-color: #fff; width: 8px; height: 8px; border: 2px solid #0098bb; border-radius: 50%; position: absolute; top: 9px; left: -20px; display: inline-block;} #page-content ul.checklist li.checked::before {background-color: #0098bb;} #page-content ul.checklist > li a {color: #1f3f78; display: inline-block;} /* Blockquote ---------- */ #page-content blockquote {margin: 0; padding: 10px 0 35px 50px; text-align: left; position: relative; display: block; clear: both;} #page-content blockquote:before {content: '\f10d'; font-size: 25px; line-height: 1; color: #0098bb; position: absolute; top: 7px; left: 0; font-weight: 600; font-family: 'Font Awesome 5 Pro';} #page-content blockquote p {margin: 0 0 25px 0; font-size: 17px; line-height: 1.9; color: #5c5c5c; font-style: normal;} #page-content blockquote em {font-style: normal;} #page-content blockquote cite {color: #5c5c5c; font-weight: 700;} #page-content blockquote cite em{font-style: normal;} /* Gutenberg Embeds ----- */ .wp-block-embed__wrapper {padding-top: 56.25%; position: relative; overflow: hidden;} .wp-block-embed__wrapper iframe {width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;} /* Gutenberg Table ----- */ #page-content .wp-block-table {} #page-content .wp-block-table th {} #page-content .wp-block-table td {} #page-content table {border-collapse: collapse; margin: 25px 0; font-size: 15px; line-height: 1.5; color: #5c5c5c; min-width: 400px; border-right: 2px solid #00426c; border-left: 2px solid #00426c;} #page-content table thead {background-color: #00426c;} #page-content table thead tr {background-color: #00426c; color: #fff; text-align: left; font-weight: 700;} #page-content table thead th {background-color: #00426c;} #page-content table th, #page-content table td {padding: 15px 15px;} #page-content table tbody tr {border-bottom: 1px solid #dddddd;} #page-content table tbody tr a {color: #009bbd;} #page-content table tbody tr:nth-of-type(even) {background-color: #f3f3f3;} #page-content table tbody tr:last-of-type {border-bottom: 2px solid #00426c;} #page-content table tbody tr.active-row {font-weight: bold; color: #009879;} /* Main Content ----------------------------------------------------------------------------------------------------------------------------------- */ #main-content {width: calc(70% - 75px); min-height: 300px; margin: 0; padding: 0 75px 0 0; position: relative; display: block; float: left;} #page-content.news-inside #main-content {margin: -50px 0 0 0; border-top: 5px solid #1f3f78;} #page-content #main-content.team-inside {width: calc(92% - 168px); padding-left: 0;} #page-content.tabs #main-content, #page-content.wide #main-content {width: calc(100% - 50px); padding: 75px 50px 0 0;} #page-content #main-content #main-content-article {width: calc(90% - 110px); position: relative; float: right;} #page-content #main-content #main-content-article.disabled {width: 100%; float: none; clear: both;} #page-content #main-content.secondary-navigation #main-content-article {width: calc(90% - 237px);} #page-content #main-content.team-inside #main-content-article {width: calc(90% - 237px);} /* Tabs ---------------------------------------------------------------- */ #page-content #main-content .main-content-tab {background-color: #fff; width: calc(70% - 110px); padding: 75px 10px 70px 100px; position: relative; float: right;} /* Tab Image ---------- */ #page-content #main-content .tab-image {width: 40%; height: 100%; position: absolute; top: 0; left: 0; display: block;} /* Yoast How-to Steps -------------------------------------------------- */ #main-content .schema-how-to-steps {} #main-content .schema-how-to-step {background-color: #f9f9f9; margin: 0 0 45px 0; padding: 10px 15px; border: 1px solid #ececec;} #main-content .schema-how-to-step .schema-how-to-step-name {margin: 0 0 10px 0; position: relative; display: block; clear: both;} #main-content .schema-how-to-step .schema-how-to-step-text picture {margin: 10px 0 0 0; position: relative; display: block; clear: both;} /* Yoast FAQ ----------------------------------------------------------- */ #main-content .schema-faq {} #main-content .schema-faq-section {background-color: #f9f9f9; margin: 0 0 20px 0; padding: 20px 15px 5px 15px; border: 1px solid #ececec;} #main-content .schema-faq .schema-faq-question {margin: 0 0 10px 0; font-size: 19px; line-height: 1.3; position: relative; display: block; clear: both;} #main-content .schema-faq .schema-faq-answer picture {margin: 10px 0 0 0; position: relative; display: block; clear: both;} /* Main Content Blocks ------------------------------------------------- */ #main-content-blocks {width: calc(100% - 160px); margin: 0 auto 0 auto; padding: 0; position: relative; display: block; clear: both;} /* Main Content Block ---------- */ .main-content-block {margin: 0 0 50px 0; padding: 50px 0; position: relative; display: block; clear: both;} /* Main Content Block Content ----- */ .main-content-block-content {background-color: #fff; width: calc(60% - 65px); margin: 0; padding: 50px 0 25px 65px; position: relative; display: block; float: right; z-index: 1;} .main-content-block:nth-of-type(even) .main-content-block-content {padding: 50px 65px 25px 0; float: left;} .main-content-block.no-image .main-content-block-content {width: calc(100% - 130px); padding-right: 65px; float: none; clear: both;} /* Main Content Block Image ----- */ .main-content-block-image {width: 63%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 0;} .main-content-block:nth-of-type(even) .main-content-block-image {left: auto; right: 0;} /* Media Queries for Main Content */ @media only screen and (max-width: 1100px) { } /* Sidebar ---------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar {width: 30%; display: block; float: right;} /* Team ------------------------------------------------------------------------------------------------------------------------------------------- */ /* Search Team Members ---------- */ #directory-search {width: calc(100% - 30px); margin: 0 0 50px 0; padding: 17px 15px; font-size: 17px; line-height: 1; color: #7d7e83; border: 1px solid #dfdfdf; outline: none; position: relative; display: block; clear: both;} /* Team Members ---------- */ #page-content #team-members .team-member {width: 100%; margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #dedede; position: relative; display: block; clear: both;} /* Team Member Meta ----- */ #page-content #team-members .team-member .team-member-meta h3 {margin: 0 0 5px 0; font-size: clamp(18px, 1.8vw, 25px); line-height: 1.2;} #page-content #team-members .team-member .team-member-meta p {margin: 0 0 5px 0; font-size: clamp(13px, 1vw, 17px); line-height: 1.2; color: #2f3031;} /* Modals ----------------------------------------------------------------------------------------------------------------------------------------- */ .team-modal {display: none;} /* Team Modal Content --------------------------------------------- */ .team-modal-content {padding: 200px 70px 50px 70px; position: relative; display: block; clear: both;} .team-modal-content h2, .team-modal-content h3, .team-modal-content h4, .team-modal-content h5, .team-modal-content h6 {margin: 0 0 15px 0; line-height: 1.3; color: #1f3f78; position: relative; display: block; clear: both; font-family: "Helvetica Neue LT W05_45 Light";} .team-modal-content h2 a, .team-modal-content h3 a, .team-modal-content h4 a, .team-modal-content h5 a, .team-modal-content h6 a {color: #1f3f78;} .team-modal-content h2 {font-size: 28px;} .team-modal-content h3 {font-size: 24px;} .team-modal-content h4 {font-size: 20px;} .team-modal-content h5 {font-size: 18px;} .team-modal-content h6 {font-size: 17px;} .team-modal-content p {margin: 0 0 15px 0; font-size: 16px; line-height: 1.7; color: #5c5c5c;} /* Gallery ---------- */ .team-modal-content #user-gallery {padding: 25px 0 0 0; position: relative; display: block; clear: both;} /* Team Member Header ---------- */ .team-modal-content .team-member-header {margin: 0 0 25px 0; position: relative; display: block; clear: both;} .team-modal-content .team-member-header h2 {margin-bottom: 5px;} .team-modal-content .team-member-header h3 {font-size: 16px; line-height: 1.3; color: #2f3031; font-weight: 700;} .team-modal-content .team-member-header h3 a{color: #2f3031;} .team-modal-content .team-member-header p {margin: 0 0 15px 0; font-size: 14px; line-height: 1.3; color: #5c5c5c;} .team-modal-content .team-member-header p i {margin: 0 15px 0 0; font-size: 14px; line-height: 1.3; color: #1f3f78;} /* Team Member Photo ----- */ .team-member-photo {width: 33%; height: 40vh; min-height: 275px; position: relative; display: block; float: left;} .team-member-header-content {margin: 0 0 0 25px; position: relative; display: block; float: left;} /* jQuery Modal ----------------------------------------------------------------------------------------------------------------------------------- */ /* Version 0.9.1*/ .blocker {background-color: rgba(0, 63, 105, 0.9); width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; box-sizing:border-box; cursor: pointer; z-index: 9000;} .blocker:before {content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em} .blocker.behind {background-color: transparent} .modal {background-color: #fff; width: calc(100% - 140px); min-height: 100vh; padding: 0 0 50px 0; position: relative; cursor: auto; display: none; float: right; z-index: 8000;} .modal.nav-open {width: calc(100% - 380px);} .modal a.close-modal{background-color:#1b3359;text-align:center;position:absolute;top:0;right:0;display:block;width:45px;height:45px;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;} a.close-modal::before{content:'\f00d';font-size:20px;line-height:45px;color:#fff;position:relative;font-weight:300;font-family:'Font Awesome 5 Pro';} a.close-modal:hover{background-color:#40719a;} .modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px} .modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out} .modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} .modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} @-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}} @keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /* Media Queries for Team */ @media only screen and (max-width: 950px) { } /* Page Navi -------------------------------------------------------------------------------------------------------------------------------------- */ .wp-pagenavi {background-color: #fff; min-height: 30px; margin: 0 auto 20px auto; padding: 25px 0 0 0; font-size: 15px; line-height: 20px; color: #5c5c5c; text-align: center; display: block; clear: both; position: relative;} .wp-pagenavi a, .wp-pagenavi span {margin: 0 1%; padding: 0; border: 1px solid transparent; color: #151515; text-decoration: none !important; opacity: .5; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: inline-block;} .wp-pagenavi a:hover, .wp-pagenavi span.current {color: #1b8ecd; opacity: 1; font-weight: 700;} .wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .first {} .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .first:hover, .wp-pagenavi .previouspostslink:hover {} /* WordPress Gallery ------------------------------------------------------------------------------------------------------------------------------ */ .wp-block-gallery {margin: 0 auto !important; padding: 0; position: relative; display: block !important; clear: both; list-style: none;} .wp-block-gallery ul {margin: 0; padding: 0;} .wp-block-gallery li {} .wp-block-gallery li a {position: relative; display: block; -moz-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; -ms-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; overflow: hidden;} .wp-block-gallery li a img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;} .wp-block-gallery li a:hover {opacity: .8;} /* Full Width ---------------------------------------------------------- */ .wp-block-gallery li:nth-of-type(9n+1) {width: 100%; height: 0; margin: 0 0 2.4% 0; padding-top: 2.4%; padding-bottom: 56.25%; position: relative; display: block; clear: both;} .wp-block-gallery li:nth-of-type(9n+1) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} /* 3 Images Large Left ------------------------------------------------- */ /* Large Left ---------- */ .wp-block-gallery li:nth-of-type(9n+2) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 2.4% !important; padding-bottom: 56.25% !important; position: relative; display: block; overflow: hidden; float: left; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+2) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .wp-block-gallery li:nth-of-type(9n+3) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 0 !important; padding-bottom: 28.125% !important; position: relative; display: block; overflow: hidden; float: right; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+3) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .wp-block-gallery li:nth-of-type(9n+4) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 0 !important; padding-bottom: 28.125% !important; position: relative; display: block; overflow: hidden; float: right; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+4) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} /* 3 Images Large Right ------------------------------------------------- */ /* Large Right ---------- */ .wp-block-gallery li:nth-of-type(9n+5) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 2.4% !important; padding-bottom: 56.25% !important; position: relative; display: block; overflow: hidden; float: right; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+5) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .wp-block-gallery li:nth-of-type(9n+6) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 0 !important; padding-bottom: 28.125% !important; position: relative; display: block; overflow: hidden; float: left; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+6) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .wp-block-gallery li:nth-of-type(9n+7) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 0 !important; padding-bottom: 28.125% !important; position: relative; display: block; overflow: hidden; float: left; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+7) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} /* 2 Images ------------------------------------------------------------ */ .wp-block-gallery li:nth-of-type(9n+8) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 0 !important; padding-bottom: 28.125%; position: relative; display: block; overflow: hidden; float: left; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+8) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .wp-block-gallery li:nth-of-type(9n+9) {width: 48.9%; height: 0; margin: 0 0 2.4% 0 !important; padding-top: 0 !important; padding-bottom: 28.125%; position: relative; display: block; overflow: hidden; float: right; clear: none !important;} .wp-block-gallery li:nth-of-type(9n+9) a {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} /* WordPress Gallery Carousel --------------------------------------------------------------------------------------------------------------------- */ .wp-block-gallery.carousel {margin: 0 auto 100px auto !important; position: relative; display: block; clear: both;} .wp-block-gallery.carousel li.slick-slide {width: 100%; height: calc(55vw * (9/16)); margin: 0 !important; padding: 0 !important; position: relative; display: block; float: left; clear: none;} .wp-block-gallery.carousel li.slick-slide a {margin: 0 15px; width: calc(100% - 30px); height: 100%; position: relative; display: block;} .wp-block-gallery.carousel li.slick-slide a:before{content: ''; background-color: #000; width: 100%; height: 100%; opacity: .55; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; visibility: visible; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index: 100;} .wp-block-gallery.carousel li.slick-slide.slick-current a:before {opacity: 0;} /* Dots ---------- */ .wp-block-gallery.carousel .slick-dots {width: 100%; margin: 0 auto; padding: 5px 0 0 0; list-style: none; display: block; text-align: center !important;} .wp-block-gallery.carousel .slick-dots li {width: 25px !important; height: 25px !important; margin: 0 !important; padding: 0 !important; position: relative; display: inline-block !important; cursor: pointer; vertical-align: top; float: none !important; clear: none !important;} .wp-block-gallery.carousel .slick-dots li:before {content: none !important;} .wp-block-gallery.carousel .slick-dots li button {border: 0; background: transparent; display: block; height: 35px; width: 35px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none;} .wp-block-gallery.carousel .slick-dots li button:focus {outline: none;} .wp-block-gallery.carousel .slick-dots li button:before {content: "\2022"; width: 35px !important; height: 35px !important; font-size: 35px; line-height: 35px; color: #016791; text-align: center; opacity: .25; position: absolute; top: 0; left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: "slick";} .wp-block-gallery.carousel .slick-dots li:hover button:before {opacity: .5;} .wp-block-gallery.carousel .slick-dots li.slick-active button:before {opacity: 1; color: #016791;} /* Media Queries for Gallery Carousel */ @media only screen and (max-width: 1200px) { .wp-block-gallery.carousel li.slick-slide {height: calc(70vw * (9/16));} } @media only screen and (max-width: 900px) { .wp-block-gallery.carousel li.slick-slide a {margin: 0 10px; width: calc(100% - 20px);} } @media only screen and (max-width: 600px) { .wp-block-gallery.carousel li.slick-slide {height: calc(90vw * (9/16));} .wp-block-gallery.carousel li.slick-slide a {margin: 0; width: 100%;} } /* Gravity Kit ------------------------------------------------------------------------------------------------------------------------------------ */ .gv-table-view tfoot {display: none;} /* Footer ----------------------------------------------------------------------------------------------------------------------------------------- */ footer {background-color: #f0f4f6; width: 100%; margin: 0 auto; padding: 0; position: relative; display: block; clear: both;} footer::before {content: ''; background: url(images/footer-sketch.svg) center top no-repeat; background-size: cover; width: 100%; max-width: 725px; height: calc(100% + 130px); position: absolute; top: -130px; left: 0; opacity: .75;} /* Footer Navigation ---------- */ #footer-navigation {width: 55%; position: relative; display: block; float: left;} #footer-navigation h3 {margin: 0 0 15px 0; font-size: 15px; line-height: 1.2; color: #00416b; font-weight: 700; font-family: 'Gothic A1', sans-serif;} #footer-navigation ul {} #footer-navigation ul li {width: 48%; margin: 0 0 6px 0; position: relative; display: block; float: left;} #footer-navigation ul li a {font-size: 15px; line-height: 1.1; color: #00416b;} #footer-navigation ul li a::after {content: '\f178'; position: relative; display: inline-block; left: 5px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-weight: 300; font-family: 'Font Awesome 5 Pro';} /* Hover ----- */ #footer-navigation ul li a:hover::after {left: 8px;} /* Media Queries for Footer ---------- */ @media only screen and (max-width: 1100px) { } /* Button ----------------------------------------------------------------------------------------------------------------------------------------- */ .button, #page-content .wp-block-button__link {background-color: #1b8ecd; width: auto; margin: 0; padding: 20px 25px 15px 25px; font-size: 18px; line-height: 1; color: #fff; text-align: center; text-decoration: none !important; border: none; border-radius: 0; position: relative; display: inline-block; cursor: pointer; vertical-align: middle; transition: all .3s linear; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Helvetica Neue LT W05_65 Medium";} /* .button::after, #page-content .wp-block-button__link::after {content: '\f178'; margin: 0 0 0 15px; font-size: 15px; line-height: 1; color: #fff; text-align: center; vertical-align: middle; position: relative; top: -2px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s linear; font-weight: 300; font-family: 'Font Awesome 6 Pro';} .button i, #page-content .wp-block-button__link i {font-size: 15px; position: relative; transition: all .3s linear;} */ /* Gutenberg Button ---------- */ .wp-block-button {} /* Hover ---------- */ .button:hover {background-color: #1677ab;} /* Forms ------------------------------------------------------------------------------------------------------------------------------------------ */ #page-content .gform_body ul {width: 100%; margin: 0 auto !important; padding: 0 !important;} #page-content .gform_body .gfield, .gform_body .gfield {margin: 0 0 20px 0 !important;} #page-content .gfield {margin-top: 0 !important; padding-left: 0 !important;} /* Labels ----- */ #page-content .gfield_label, .gfield_label, .gform_wrapper.gravity-theme .gfield_label {margin: 0 0 10px 0 !important; padding: 0; font-size: 16px; line-height: 1; color: #2f3031; display: block; font-weight: 700;} .gform_body .gfield .ginput_container span label, .gform_body .gfield .gform_fileupload_rules {margin: 0; padding-top: 3px !important; font-size: 14px !important; line-height: 1 !important; color: #8d8e8e;} #page-content .gform_wrapper.gravity-theme .gfield-choice-input + label {margin: 0 0 15px 0; vertical-align: top;} #page-content .gfield_description {padding: 0 0 20px 0 !important; font-style: italic;} #page-content .gsection_title {margin-bottom: 0; padding: 20px 0 0 0 !important; display: block; clear: both;} /* No Label ----- */ .gform_wrapper .gfield.no-label .gfield_label {display: none !important;} /* Fields ----- */ .gfield {padding-right: 0 !important;} #page-content .ginput_container {margin-top: 2px;} /* Left / Right Column Fields ----- */ #page-content .gf_left_half, #page-content .gf_right_half {width: 49%;} #page-content .gf_right_half {float: right;} #page-content .gf_left_third, #page-content .gf_middle_third, #page-content .gf_right_third {width: 32.3%;} #page-content .gf_middle_third {margin-left: 1.5% !important;} #page-content .gf_right_third {float: right;} /* AJAX loading image ----- */ .gform_footer {position: relative;} .gform_ajax_spinner {position: relative !important; top: 9px !important; right: 0px !important; z-index: 100;} /* Password Strength ----- */ .gfield_password_strength {color: #707070;} /* Input ----- */ .gfield input[type="text"], .gfield input[type="email"], .gfield input[type="tel"], .gfield input[type="password"], .gfield input[type="url"] {width: calc(100% - 0px) !important; margin: 0 auto 5px auto !important; padding: 15px 10px !important; font-size: 16px; line-height: 1.5; color: #c5c5c5; border: none; border: 1px solid rgba(76, 76, 76, 0.25); position: relative; -webkit-appearance: none; border-radius: 0; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* Hover */ .gfield input[type="text"]:hover, .gfield input[type="email"]:hover, .gfield input[type="tel"]:hover, .gfield input[type="password"]:hover, .gfield input[type="url"]:hover {color: #c0c0c0; border: 1px solid #c0c0c0;} /* Active */ .gfield input[type="text"]:active, .gfield input[type="email"]:active, .gfield input[type="tel"]:active, .gfield input[type="password"]:active, .gfield input[type="url"]:active{color: #707070; border: 1px solid #6a6a6a;} /* Focus */ .gfield input[type="text"]:focus, .gfield input[type="email"]:focus, .gfield input[type="tel"]:focus, .gfield input[type="password"]:focus, .gfield input[type="url"]:focus {color: #707070; border: 1px solid #6a6a6a;} /* Error */ .gfield_error input[type="text"], .gfield_error input[type="email"], .gfield_error input[type="tel"], .gfield_error input[type="password"], .gfield_error input[type="url"] {border: 1px dotted #7f0303;} /* Textarea ----- */ .gfield textarea {min-width: calc(100% - 0px); max-width: calc(100% - 0px); min-height: 100px; margin: 0; padding: 7px 8px !important; font-size: 16px; line-height: 20px; color: #c5c5c5; border: none; border: 1px solid rgba(76, 76, 76, 0.25); position: relative; -webkit-appearance: none; border-radius: 0; position: relative; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* Hover */ .gfield textarea:hover {color: #c0c0c0; border: 1px solid #c0c0c0;} /* Active */ .gfield textarea:active {color: #707070; border: 1px solid #6a6a6a;} /* Focus */ .gfield textarea:focus {color: #707070; border: 1px solid #6a6a6a !important;} /* Error */ .gfield_error textarea {border: 1px dashed #7f0303 !important;} /* Select ----- */ #page-content .gform_wrapper select {background: url(images/dropdown-arrow.png) right center no-repeat #fff; width: calc(100% - 0px) !important; margin: 0 0 5px 0 !important; padding: 20px 8px 20px 8px !important; font-size: 15px; line-height: 1.2; color: #707070; text-transform: uppercase; border: none; border-radius: 0; border: 1px solid #d7d7da; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-weight: 700; font-family: 'Gothic A1', sans-serif;} /* Date ----- */ .clear-multi .ginput_container_date {width: 33.33333333% !important;} .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {margin-left: 1px;} /* File Upload Fields ----- */ .file-upload {margin-bottom: 40px;} .gform_wrapper .gform_fileupload_multifile .gform_drop_area {margin-bottom: 5px !important;} .gform_fileupload_multifile {} .screen-reader-text {} /* Submit Button ----- */ .gform_button.button {border: none;} /* Success Message ----- */ .gform_confirmation_message {background-color: #dff0d8 !important; margin: 0 auto 20px auto; padding: 15px 3% 15px 3% !important; border: 1px solid #d6e9c6; font-size: 15px !important; line-height: 20px !important; color: #3c763d; font-weight: normal !important; text-align: center; position: relative; display: block;} /* Error Message ----- */ .gform_validation_errors {background-color: #f2dede !important; margin: 0 auto 20px auto !important; padding: 15px 3% 15px 3% !important; margin-bottom: 20px !important; border: 1px solid #ebccd1 !important; text-align: center; position: relative !important; display: block;} .gform_validation_errors h2 {margin: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.3 !important; color: #a94442 !important; font-weight: normal !important;} #content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: calc(100% - 0px) !important;} #content .gform_wrapper li.gfield.gfield_error, #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: none !important; margin: 0 !important; border: none !important; padding: 0 !important;} /* Media Queries for Forms ---------- */ @media only screen and (max-width: 640px) { /* Left / Right Column Fields ----- */ #page-content .gf_left_half, #page-content .gf_right_half {width: 100%;} #page-content .gf_right_half {float: none; clear: both;} } /* Lazyload Fade In ------------------------------------------------------------------------------------------------------------------------------- */ /* Image with 'data' attribute is hidden */ img[data-lazy-src] {opacity: 0;} /* Image without 'data' attribute is (or becomes) visible */ img.lazyloaded {-webkit-transition: opacity .5s linear 0.2s; -moz-transition: opacity .5s linear 0.2s; transition: opacity .5s linear 0.2s; opacity: 1;} /* Slider ----------------------------------------------------------------------------------------------------------------------------------------- */ .slick-slider {position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .slick-list:focus {outline: none;} .slick-loading .slick-list {background: white url(images/ajax-loader.gif) center center no-repeat;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {margin: 0 auto; position: relative; left: 0; top: 0; display: block; zoom: 1;} .slick-track:before, .slick-track:after {content: ""; display: table;} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {float: left; height: 100%; min-height: 1px; display: none;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} /* Arrows -------------------------------------------------------------- */ .slick-prev, .slick-next {background-color: rgba(255, 255, 255, 0.5); width: 50px; height: 50px; padding: 0; font-size: 0; line-height: 0; text-align: center; color: transparent; position: absolute; top: calc(50% - 25px); display: block; cursor: pointer; border: none; border-radius: 50%; outline: none; display: block; z-index: 1000; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .slick-prev:focus, .slick-next:focus {outline: none;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {color: #e5e5e5; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .slick-prev.slick-disabled, .slick-next.slick-disabled {color: #e5e5e5;} .slick-prev:before, .slick-next:before {font-size: 45px; line-height: 45px; color: #fff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 5 Pro";} .slick-prev {left: 50px;} .slick-prev:before {content: '\f104';} .slick-next {right: 50px;} .slick-next:before {content: '\f105';} /* Dots ---------------------------------------------------------------- */ .slick-dots {width: 100%; margin: 0 auto; padding: 10px 0 0 0; list-style: none; display: block;} .slick-dots li {position: relative; display: inline-block !important; height: 25px !important; width: 25px !important; margin: 0 !important; padding: 0 !important; cursor: pointer; float: none !important; clear: none !important;} .slick-dots li:before {content: none !important;} .slick-dots li button {border: 0; background: transparent; display: block; height: 35px; width: 35px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none;} .slick-dots li button:focus {outline: none;} .slick-dots li button:before {content: "\2022"; width: 25px !important; height: 25px !important; font-size: 35px; line-height: 25px; color: #fff; text-align: center; opacity: .25; position: absolute; top: 0; left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: "slick";} .slick-dots li:hover button:before {opacity: .5;} .slick-dots li.slick-active button:before {opacity: 1; color: #fff;} /* WOW -------------------------------------------------------------------------------------------------------------------------------------------- */ .wow {visibility: hidden;} .wow.animated {visibility: visible;}