/*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */ .grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray;} .grayscale.grayscale-fade{-webkit-transition:filter .5s;transition:filter .5s;} @media screen and (-webkit-min-device-pixel-ratio:0){ .grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:filter .5s;} } .grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0);} .grayscale.grayscale-replaced{-webkit-filter:none;filter:none;} .grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1;} .grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;} /* FONTS ----------------------------------------------- */ @font-face { font-family: 'klinic_slabbold'; src: url('fonts/klinicslabbold-webfont.eot'); src: url('fonts/klinicslabbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/klinicslabbold-webfont.woff2') format('woff2'), url('fonts/klinicslabbold-webfont.woff') format('woff'), url('fonts/klinicslabbold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'klinic_slabbold_italic'; src: url('fonts/klinicslabboldit-webfont.eot'); src: url('fonts/klinicslabboldit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/klinicslabboldit-webfont.woff2') format('woff2'), url('fonts/klinicslabboldit-webfont.woff') format('woff'), url('fonts/klinicslabboldit-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?2100lo'); src: url('fonts/icomoon.eot?2100lo#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?2100lo') format('truetype'), url('fonts/icomoon.woff?2100lo') format('woff'), url('fonts/icomoon.svg?2100lo#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.icon-check2:before { content: "\e5ca"; } .icon-close2:before { content: "\e5cd"; } .icon-lock:before { content: "\e897"; } .icon-lock_open:before { content: "\e898"; } .icon-lock_outline:before { content: "\e899"; } .icon-search:before { content: "\e8b6"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-list-ul:before { content: "\f0ca"; } .icon-youtube:before { content: "\f167"; } .icon-instagram:before { content: "\e900"; }*/ .icon-check2:before { content: "\e5ca"; } .icon-close2:before { content: "\e5cd"; } .icon-lock:before { content: "\e897"; } .icon-lock_open:before { content: "\e898"; } .icon-lock_outline:before { content: "\e899"; } .icon-search:before { content: "\e8b6"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\ea90"; } .icon-list-ul:before { content: "\f0ca"; } .icon-youtube:before { content: "\f167"; } .icon-instagram:before { content: "\ea92"; } .icon-mail:before { content: "\ea86"; } /* GENERAL STYLES ----------------------------------------------- */ ::-webkit-input-placeholder { color: rgb(133, 133, 133); opacity: 1; } :-moz-placeholder, ::-moz-placeholder { color: rgb(133, 133, 133); opacity: 1; } :-ms-input-placeholder { color: rgb(133, 133, 133); opacity: 1; } html, body { font-size: 100%; height: 100%; } body { background-color: rgba(255, 255, 255, 1); background-repeat: repeat-x; color: #2a332c; font-style: normal; /*font-weight: 300;*/ font-size: 1em; font-family: "Lato", Helvetica, Arial, sans-serif; line-height: 1.8em; margin: 0; padding: 0; position: relative; letter-spacing: 0.25px; } h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.25em;} ul, ol { padding-left: 1em; margin: 0; } b, strong { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; } div[role='main'] { background: url('../images/tapa-pattern-top.png') 0 0 no-repeat, url('../images/tapa-pattern-bottom.png') 100% 100% no-repeat; min-height: 700px; } div[role='main'] .member-area, div[role='main'].member-area { background: url('../images/tapa-pattern-top.png') 0 0 no-repeat, url('../images/tapa-pattern-bottom.png') 100% 100% no-repeat; background-color: #f1f0ec; } a:link, a:visited { color: #008369; text-decoration: underline; -webkit-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } a:hover, a:active, a:focus { color: #d45029; } /* Button styles - rounded, large, outline */ a.button, button { background-color: #d45029; border: 1px solid #d45029; border-radius: 0; color: #ffffff; display: inline-block; font-size: .8em; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; padding: 0.7em 3em 0.7em 3em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-transform: uppercase; letter-spacing: 1px; line-height: 1.25em; } a.button:hover, button:hover { border: 1px solid #b6c649; background-color: #b6c649; } a.button.large, button.large { font-size: 1.2em; } a.button.rounded, button.rounded { border-radius: 15px; } a.button.large.rounded, button.large.rounded { border-radius: 23px; } a.button.outline, button.outline { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } a.button.outline:hover, button.outline:hover { background-color: rgba(255, 255, 255, 0.2); } /* More links - orange, download, ocase */ a.more-link:link, a.more-link:visited { color: #b6c649; text-transform: uppercase; font-weight: 400; } a.more-link:hover, a.more-link:active, a.more-link:focus { color: #d45029; } a.more-link::after { content: ' \00bb'; } a.more-link.orange:link, a.more-link.orange:visited { color: #d45029; } a.more-link.orange:hover, a.more-link.orange:active, a.more-link.orange:focus { color: #b6c649; } a.more-link.download { padding: 1px 0 1px 28px; font-weight: 700; background-image: url('../images/icon-download-green.png'); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: background-image 0.2s ease; transition: background-image 0.2s ease; } a.more-link.download:hover { background-image: url('../images/icon-download-orange.png'); } a.more-link.download::after { content: ''; } a.more-link.download.orange { background-image: url('../images/icon-download-orange.png'); } a.more-link.download.orange:hover { background-image: url('../images/icon-download-green.png'); } a.more-link.large { font-size: 1.25em; } a.more-link.large:link, a.more-link.large:visited { color: #b6c649; } a.more-link.large:hover, a.more-link.large:active, a.more-link.large:focus { color: #d45029; } a.more-link.ocase { text-transform: initial; } a.more-link.ocase::after { content: ''; } a.em-link:link, a.em-link:visited { color: #b6c649; font-weight: 400; font-style: italic; } a.em-link:hover, a.em-link:active, a.em-link:focus { color: #d45029; } .center { text-align: center; } .row.equal { margin: 2em 0; } .row.equal > .column:not(:last-of-type) { border-right: 2px dotted #cccccc; } .row.equal > .column ul, .row.equal > .column ol { width: 80%; margin-left: auto; margin-right: auto; } /* 4/11/2023 einamasu - added for responsive column stacking */ .stackrow:after { content: ""; display: table; clear: both;} .twostackcolumn { float: left; width: 50%;} .threestackcolumn { float: left; width: 33%;} /* HEADER & DESKTOP NAVIGATION MENU ----------------------------------------------- */ .header-logo { position: absolute; top: 35px; left: 0; z-index: 110; } .header-logo img { width: 160px; margin-left: 15px; } .header-logo.dark a.light { display: block; } /*.header-logo.dark a.dark { display: none; }*/ .header-logo.light a.light { display: none; } .header-logo.light a.dark { display: block; } section.navigation-top { background-color: #b6c649; } .search-desktop { background-color: #ffffff; padding: 0.75em 1em 0 1em; z-index: 100; } .search-desktop div { float: left; border: 1px solid #e9e9e9; margin: 0; opacity: 0; width: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .search-desktop label, .search-error-page label{ display: none; } .search-desktop input[type="text"] { padding: 10px; width: 0; float: left; border: none; } .search-desktop button, .search-desktop input[type="submit"], .search-error-page button, .search-error-page input[type="submit"] { -webkit-appearance: none; appearance: none; background-color: #ffffff; border: none; color: #636363; padding: 1em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-transform: uppercase; outline: 0; position: relative; z-index: 100; } .search-desktop button:hover, .search-desktop input[type="submit"]:hover, .search-error-page input[type="submit"]:hover { color: #71a095; } .search-desktop button { padding: 0.75em 1em 1em 1em; } .search-desktop .search { font-size: 24px; } .search-desktop.open div { opacity: 1; width: 250px; } .search-desktop.open input[type="text"] { width: 100%; } .nav-menu ul { padding-left: 0; list-style: none; font-size: 1em !important; } .nav-menu ul li { display: inline-block; float: left; position: relative; } .nav-menu ul li:last-of-type { position: relative; } .nav-menu ul ul { display: none; opacity: 0; position: absolute; top: 44px; left: 0; z-index: 105; } .nav-menu ul ul ul { display: none; } .nav-menu ul ul li { display: block; width: 100%; min-width: 250px; } .nav-menu li.subnav:hover ul { display: block; opacity: 1; } .nav-menu li.subnav:hover ul ul { display: none; } .nav-menu.primary { padding-left: 150px; } .nav-menu.primary a { text-transform: uppercase; padding: 0.75em 1.5em; display: inline-block; } .nav-menu.primary a:link, .nav-menu.primary a:visited { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #b6c649; color: #ffffff; font-size: 16px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 1.25em; text-decoration: none;} .nav-menu.primary a:hover, .nav-menu.primary a:focus, .nav-menu.primary a:active, .nav-menu.primary a.active, .nav-menu.primary li:hover a { background-color: #7f8d35; color: #ffffff; } .nav-menu.primary a.active { background-color: #7f8d35; color: #ffffff; } .nav-menu.primary > ul > li:last-of-type { position: absolute; right: 0; float: none; } .nav-menu.primary ul ul a { text-transform: none; width: 100%; } .nav-menu.primary ul ul a:link, .nav-menu.primary ul ul a:visited { background-color: #7f8d35; color: #ffffff; text-decoration: none; } .nav-menu.primary ul ul a:hover, .nav-menu.primary ul ul a:focus, .nav-menu.primary ul ul a:active { background-color: #b6c649; } .nav-menu.primary a.desktop-login:link, .nav-menu.primary a.desktop-login:visited { background-color: #d45029; } .nav-menu.primary a.desktop-login:hover, .nav-menu.primary a.desktop-login:focus, .nav-menu.primary a.desktop-login:active { background-color: #7f8d35; } .nav-menu.primary a.desktop-login.open { background-color: #0b684c; } .nav-menu.secondary { float: right; } .nav-menu.secondary a { padding: 1.2em 1.5em; display: inline-block; } .nav-menu.secondary a:link, .nav-menu.secondary a:visited { color: #636363; font-weight: 400; text-decoration: none; } .nav-menu.secondary a:hover, .nav-menu.secondary a:focus, .nav-menu.secondary a:active { color: #71a095; } .nav-menu.secondary a.active:link, .nav-menu.secondary a.active:visited { color: #008369; font-weight: 700 } .nav-menu.secondary a.active:hover, .nav-menu.secondary a.active:focus, .nav-menu.secondary a.active:active { color: #71a095; } .nav-menu.secondary a.highlight:link, .nav-menu.secondary a.highlight:visited { background-color: #007360; color: #ffffff; border-radius: 5px; } .nav-menu.secondary a.highlight:hover, .nav-menu.secondary a.highlight:focus, .nav-menu.secondary a.highlight:active { background-color: #7fbcd8; color: #ffffff; } .nav-menu.secondary [class^="icon-"]::before { margin-right: 6px; } .nav-menu.subsection { padding-top: 4em; padding-bottom: 2em; } .nav-menu.subsection ul li { line-height: 2em; } .nav-menu.subsection ul li:not(:last-of-type) { border-right: 2px solid #cccccc; } .nav-menu.subsection ul li:hover a { color: #2a332c; } .nav-menu.subsection ul a:link, .nav-menu.subsection ul a:visited { color: #7f8d35; text-transform: uppercase; font-weight: 700; padding: 0.5em 2em; text-decoration: none; } .nav-menu.subsection ul a:hover, .nav-menu.subsection ul a:focus, .nav-menu.subsection ul a:active { color: #2a332c; } .nav-menu.subsection ul ul { background-color: #ffffff; top: 32px; padding-bottom: 1em; } .nav-menu.subsection ul ul li { min-width: 350px; } .nav-menu.subsection ul ul li:not(:last-of-type) { border-right: none; } .nav-menu.subsection ul ul a:link, .nav-menu.subsection ul ul a:visited { color: #2a332c; text-transform: none; margin: 0; text-decoration: none; } .nav-menu.subsection ul ul a:hover, .nav-menu.subsection ul ul a:focus, .nav-menu.subsection ul ul a:active { color: #7f8d35; } .login-window { position: absolute; right: 0; top: -1000px; background-color: #0b684c; color: white; width: 400px; padding: 25px 30px; z-index: 100; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .login-window.open { top: 110px; } .login-window h3 { text-transform: uppercase; margin-top: 0; } .login-window hr { border: 1px dashed rgba(255,255,255,0.5); } .login-window p:last-of-type { margin-bottom: 0; } .login-window a:link, .login-window a:visited { padding: 0; background-color: rgba(0, 0, 0, 0); color: #ffffff; text-transform: initial; /*font-weight: 300;*/ font-size: 0.9em; text-decoration: none; } .login-window a:hover, .login-window a:active, .login-window a:focus { text-decoration: underline; } .login-window a.create { font-style: italic; } .login-window a.create::after { content: ' \00bb'; } .login-window.logout h3 { margin-bottom: 0.85em; } .login-window.logout ul, .login-window.logout ol { list-style: none; padding-left: 0; } .login-window.logout li:not(:last-of-type) { border-bottom: 2px dotted rgba(255, 255, 255, 0.5); } .login-window.logout a { display: block; padding: 0.5em 0; } .login-window.logout a::after { content: ' \203A'; } .hgea-member-login label { display: block; } .hgea-member-login input[type="text"], .hgea-member-login input[type="email"], .hgea-member-login input[type="password"] { padding: 0.5em; width: 100%; border: 1px solid #333333; } .hgea-member-login input[type="submit"], .hgea-member-login input[type="button"] { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #b6c649; color: #FFF; border: 1px solid white; padding: 0.5em 2em; line-height: 1.25em; margin-right: 1em; } .hgea-member-login span { font-size: 0.9em; font-style: italic; display: inline-block; } .hgea-member-login span.field-validation-valid { display: none; } .subpage-content .hgea-member-login input { width: auto; } .subpage-content .hgea-member-login label { font-weight: 700; } /* HIDE MOBILE MENU */ .mobile-button-wrapper, .mobile-login, .mobile-nav-menu { display: none; } .social-share { position: fixed; left: auto; right: 0; top: 25%; z-index: 200; width: 60px; overflow: hidden; } .social-share.left { right: auto; left: 0; } .social-share.right { right: 0; left: auto; } .social-share a { color: white; background-color: #738A8D; padding: 0.5em; font-size: 2em; display: inline-block; } /*.social-share .facebook { background-color: #3B5998; padding: 0.5em 0.64em; }*/ .social-share .facebook { background-color: #3B5998; } .social-share .twitter { background-color: #0f97f9; padding: 0.5em 0.47em; } .social-share .youtube { background-color: #e62117; } .social-share .instagram { background-color: #faa240; } .social-share .mail { background-color: #e62117; } /* FOOTER ----------------------------------------------- */ section.footer-social { display: none; } section.footer-copyright { background-color: #5e6b61; color: #ffffff; text-transform: uppercase; } section.footer-copyright p { float: left; font-size: 0.9rem; } section.footer-copyright ul { list-style: none; float: right; margin: 1em 0; padding-left: 0; font-size: 0.9em;} .footer-copyright li { display: inline-block; border-right: 1px solid white; padding: 0 0.8em 0 0.5em; line-height: 1em; font-size: 0.9em; } .footer-copyright li:first-of-type { padding-left: 0; } .footer-copyright li:last-of-type { border-right: none; padding-right: 0; } .footer-copyright a:link, .footer-copyright a:visited { color: #ffffff; text-decoration: none; } .footer-copyright a:hover, .footer-copyright a:focus, .footer-copyright a:active { color: #b6c649; } /* ALERT MESSAGE ----------------------------------------------- */ section.alert-message { -webkit-transition: height 0.5s ease 0s; background-color: #d45029; color: #ffffff; height: 0; overflow: hidden; padding: 0 3em 0 1em; position: relative; transition: height 0.5s ease 0s; } section.alert-message.open { height: 60px; display: block; } .alert-message p { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.125em; left: 50%; margin: 0; position: absolute; text-align: center; top: 50%; width: 90%; -ms-transform: translate(-52%, -50%); -webkit-transform: translateX(-52%) translateY(-50%); transform: translateX(-52%) translateY(-50%); } .alert-message a.close { color: #ffffff; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.125em; position: absolute; right: 1.25em; top: 0.875em; } /* HOMEPAGE CONTENT ----------------------------------------------- */ section.top-banner { background-position: top right; background-repeat: no-repeat; background-size: cover; min-height: 630px; position: relative; } /*section.top-banner { background-position: top right; background-repeat: no-repeat; background-size: cover; min-height: 630px; position: relative; float: left; width: 67%; }*/ .top-banner-content.dark * { color: #000000; } .top-banner-content.light * { color: #FFFFFF; } .top-banner-content { left: 40px; position: absolute; top: 120px; width: 90%; } .top-banner-content h1 { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 60px; line-height: 1em; margin: 0; max-width: 75%; } .top-banner-content h1 span { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; } .top-banner-content h2 { font-size: 60px; line-height: 1em; margin: 0 0 0.6em 0; max-width: 75%; } .top-banner-content h2 span { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; } .top-banner-content h3 { font-size: 30px; line-height: 1.3em; margin: 0.75em 0 1em 0; max-width: 66%; text-transform: initial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } .top-banner-content h4 { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 20px; max-width: 66%; } .top-banner-content p { font-size: 20px; max-width: 55%; line-height: 2em; text-transform: uppercase; } .top-banner-content a.button { color: #FFFFFF; } .triple-image-cta { padding: 3em 0; } .triple-image-cta .column.third { padding: 0 10px; text-align: center; position: relative; } .triple-image-cta a:link, .triple-image-cta a:visited { max-width: 350px; text-decoration: none; } .triple-image-cta a:hover, .triple-image-cta a:focus, .triple-image-cta a:active { color: #71a095; } .triple-image-cta p { margin-top: 0; margin-bottom: 0; color: #ffffff; text-transform: uppercase; font-size: 2em; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .triple-image-cta p.caption { position: absolute; top: 50%; left: 50%; width: 80%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); pointer-events: none; } .triple-image-cta img.grayscale.grayscale-fade { filter: grayscale(100%) brightness(25%) opacity(75%); -webkit-filter: grayscale(100%) brightness(25%) opacity(75%); transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; } .triple-image-cta img.grayscale.grayscale-fade:hover { filter: grayscale(0) brightness(100%) opacity(100%); -webkit-filter: grayscale(0) brightness(100%) opacity(100%); } /* 12/13/17 knaauao - added for video on homepage*/ /*.videosection { width:33%; float: right; min-height: 630px; position: relative; overflow: hidden; background: url('../images/multi-promo-pattern.jpg') repeat; }*/ .videosection { min-height: 630px; width:100%; float: right; position: relative; overflow: hidden; background: url('../images/multi-promo-pattern.jpg') repeat; background-position: top center; } /**/ /*.videosection p { padding-left: 1em; } padding-top: 5em; */ .video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe { top:0; height:100%; width:100%; position:absolute; } .video-responsive2 { overflow:hidden; position:relative; padding: 1em; } /*padding-left: 1em; padding-bottom: 1em;*/ .videoblock { max-width: 100%; } /* 4/7/2022 einamasu - added for general hero banner on homepage*/ .herobanner { min-height: 200px; width:100%; float: right; position: relative; overflow: hidden; } /**/ .herobanner-responsive { overflow:hidden; position:relative; min-height:200px; } .herobanner-responsive p { margin: 0px 0px 0px 0px; } .herobanner-responsive iframe { top:0; height:100%; width:100%; position:absolute; } .latest-news { padding-top: 0; padding-bottom: 4em; } .latest-news h2 { color: #008369; font-size: 5em; font-weight: 400; margin: 0.25em 0.25em 0.25em 0; display: inline-block; } .latest-news .column.full { vertical-align: bottom; } .latest-news .row:first-of-type .column.full p { display: inline-block; } .latest-news .date { color: #2a332c; text-transform: uppercase; margin: 0; font-size: 0.9em; font-weight: bold; } .latest-news .news-item { color: #2a332c; margin-top: 0; font-size: 1.2em; font-weight: 400; } .latest-news a:link, .latest-news a:visited { color: #636363; text-decoration: none; } .latest-news a:hover, .latest-news a:active, .latest-news a:focus { color: #71a095; } .latest-news a.more-link:link, .latest-news a.more-link:visited { color: #b6c649; } .latest-news a.more-link:hover, .latest-news a.more-link:active, .latest-news a.more-link:focus { color: #d45029; } .full-promo-area { background-color: #0b684c; } .full-promo-area.desktop { display: block; } .full-promo-area.mobile { display: none; } .full-promo-area img { width: 100%; } .multi-promo-area { padding-top: 4em; padding-bottom: 4em; background: url('../images/multi-promo-pattern.jpg') repeat; } .multi-promo-area img { max-width: 240px; max-height: 240px; border-radius: 50%; } .multi-promo-area a:link, .multi-promo-area a:visited { font-weight: bold; color: #2a332c; text-decoration: none; } .multi-promo-area a:hover, .multi-promo-area a:focus, .multi-promo-area a:active { color: #71a095; } .multi-promo-area a.link { display: block; margin-top: 1em; } .multi-promo-area a.link::after { content: ' \00bb'; } .multi-promo-area .column { text-align: center; position: relative; } .multi-promo-area .column:first-child:nth-last-child(1) { width: 100%; } .multi-promo-area .column:first-child:nth-last-child(2), .multi-promo-area .column:first-child:nth-last-child(2) ~ .column { width: 50%; } .multi-promo-area .column:first-child:nth-last-child(3), .multi-promo-area .column:first-child:nth-last-child(3) ~ .column { width: 33.3333%; } .multi-promo-area .column:first-child:nth-last-child(4), .multi-promo-area .column:first-child:nth-last-child(4) ~ .column { width: 25%; } .upcoming-events { padding-top: 1em; padding-bottom: 4em; } .upcoming-events h2 { color: #008369; font-size: 5em; font-weight: 400; margin: 0.25em 0.25em 0.25em 0; display: inline-block; } .upcoming-events .row:not(:first-of-type), .upcoming-events .container:not(:first-of-type) { margin-top: 1em; } .upcoming-events .column.full { vertical-align: bottom; } .upcoming-events .column.full > div { display: inline-block; } .upcoming-events .view-island { color: #5e6b61; text-transform: uppercase; font-weight: 400; margin: 0; display: block; } .upcoming-events .island-links { color: #5e6b61; margin-top: 0.25em; width: 110%; } .upcoming-events .island-links a.more-link { color: #b6c649; } .upcoming-events .island-links a.more-link:hover, .upcoming-events .island-links a.more-link:active, .upcoming-events .island-links a.more-link:focus { color: #d45029; } .upcoming-events .island-links a.more-link::after { content: ''; } .upcoming-events a:link, .upcoming-events a:visited { color: #636363; text-decoration: none; } .upcoming-events a:hover, .upcoming-events a:active, .upcoming-events a:focus { color: #71a095; } .upcoming-events a.more-link:link, .upcoming-events a.more-link:visited { padding: 0 10px; } .upcoming-events a.more-link:first-of-type { padding-left: 0; } .upcoming-events a.more-link:last-of-type { padding-right: 0; } .upcoming-events .date-block, .et-opportunities .date-block { float: left; text-align: center; min-width: 60px; margin-right: 1.5em; } .upcoming-events .month, .et-opportunities .month { color: #5e6b61; text-transform: uppercase; font-weight: 400; font-size: 1.6em; line-height: 1em; margin: 0; } .upcoming-events .day, .et-opportunities .day { color: #5e6b61; font-weight: 700; font-size: 3em; line-height: 1em; margin: 0; } .upcoming-events .island { text-transform: uppercase; font-weight: 700; margin: 0; } .upcoming-events .event { font-weight: 400; margin-top: 0.15em; overflow: hidden; } .upcoming-events .event a::after { content: ' \203A'; } /* SUBPAGE CONTENT ----------------------------------------------- */ .subpage p, .subpage ul, .subpage ol { font-size: 1.125em; line-height: 1.5em; } .subpage section.top-banner { min-height: 605px; } section.top-banner-subpage { background-image: url("../images/subpage/subp-hero-default.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 320px; position: relative; } .top-banner-subpage .top-banner-content { left: 0; position: absolute; top: auto; bottom: -40px; color: #ffffff; background-color: #008369; width: auto; padding-left: calc((100% - 1200px) / 2); } .top-banner-subpage .top-banner-content h1 { font-size: 4.5em; font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 400; text-transform: none; margin: 0.25em 0.375em; max-width: 100%; } .member-area .top-banner-subpage { min-height: 255px; } .member-area .top-banner-subpage .top-banner-content { bottom: 50px; background-color: transparent; } .member-area section.breadcrumbs { padding-top: 1em; } section.breadcrumbs { padding-top: 3em; } .nav-menu + section.breadcrumbs { padding-top: 0; } .breadcrumbs p { font-family: "Lato", Helvetica, Arial, sans-serif; margin: 0.75em 0 0.75em 0; color: #5e6b61; font-style: italic; font-weight: 400; } .breadcrumbs p span { color: #5e6b61; display: inline-block; margin: 0 0 0 0.25em; } .breadcrumbs a { display: inline-block; margin: 0 0.25em; color: #5e6b61; text-decoration: none; } .quote, .quote-nomarks { color: #2a332c; font-family: "Merriweather", "Times New Roman", serif; font-size: 2em; font-style: italic; font-weight: 400; line-height: 1.5em; margin: 1em auto; text-align: center; width: 80%; } .quote::before, .quote::after { color: #d45029; display: block; line-height: 1em; font-family: Times, "Times New Roman"; font-size: 2em; } .quote::before { content: '\201C'; margin-bottom: -0.375em; } .quote::after { content: '\201D'; margin-bottom: -0.75em; } .quote.nomarks::before, .quote.nomarks::after, .quote-nomarks::before, .quote-nomarks::after { content: ''; margin-bottom: 0; } .quote-credit { font-family: "Oswald", "Arial Narrow", sans-serif; font-size: 1.125em; font-weight: 400; text-align: center; text-transform: uppercase; } /*section.subpage-content { padding-top: 3em; padding-bottom: 3em; }*/ /* 4/18/23 hide to reduce white space */ section.subpage-content + .subpage-content { padding-top: 0; } section.subpage-content + .subpage-content.tanbkg { padding-top: 3em; } .subpage-content h2 { color: #008369; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 3em; line-height: 1.25em; clear: both; margin: 0.5em 0;} .subpage-content h3 { color: #008369; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.75em; line-height: 1.25em; } .subpage-content h4 { color: #007360; font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 400; line-height: 1.25em; font-size: 1.5em; margin: 0 auto; padding: 1em 0 0.67em 0; text-transform: uppercase; } .subpage-content h4 + p { margin-top: 0; } .subpage-content h5 { color: #2a332c; font-family: "Merriweather", "Times New Roman", serif; font-size: 1.375em; font-style: italic; font-weight: 400; line-height: 1.5em; } .subpage-content h2 + h5 { margin-top: 0.83em; } .subpage-content h6 { color: #2a332c; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.25em; line-height: 1.5em; margin: 1em 0; } .subpage-content img { max-width: 100%; margin-right: 0.25em; margin-bottom: 0.5em;} .subpage-content img[align="left"] { margin-right: 2em; float: left;} .subpage-content img[align="right"] { margin-left: 2em;} .subpage-content ul, .subpage-content ol { padding-left: 0; list-style-position: initial; position: relative; left: 18px; text-align: left; margin-right: 18px;} .subpage-content ul ol, .subpage-content ol ul, .subpage-content ul ul, .subpage-content ol ol { padding-left: 1em; } .subpage-content hr { width: 100%; padding-top: 1.5em; margin: 2em 0; border-bottom: 2px dotted #cccccc; border-top: none; border-left: none; border-right: none; } .subpage-content .multi-promo-area { background: none; padding-top: 0; padding-bottom: 0; } .subpage-content .multi-promo-area a { width: 40%; display: inline-block; text-align: left; font-weight: 400; float: left; margin-left: 1em; } .subpage-content .multi-promo-area a.link { vertical-align: top; margin-top: 0; padding: 0 1em; word-wrap: break-word; text-transform: uppercase; color: #b6c649; width: 60%; position: absolute; top: 50%; right: -1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .subpage-content .multi-promo-area a.link:after { content: ''; } .subpage-content .multi-promo-area a.links { width: 100%; color: #b6c649; float: none; } .subpage-content .multi-promo-area a.link:before, .subpage-content .multi-promo-area a.links:before { content: '\00bb'; margin-right: 6px; margin-left: -14px; } .subpage-content .multi-promo-area a.link:hover, .subpage-content .multi-promo-area a.links:hover { color: #d45029; } .subpage-content .multi-promo-area img { max-width: 95%; max-height: 95%; } .subpage-content .upcoming-events .more-link { margin-top: 1em; display: block; } .subpage-content.tanbkg { background-color: #f1f0ec; padding-top: 3em; padding-bottom: 3em; } .subpage-content.tanbkg h2:first-child { padding-top: 0; } .fullwidth-banner { padding: 2em 0; color: rgb(255,255,255); } .fullwidth-banner h1 { font-family: "Merriweather", "Times New Roman", serif; font-size: 3.25em; font-style: italic; margin: 0; } .fullwidth-banner h1 + h2 { margin-top: 0; } .fullwidth-banner h2 { font-size: 2.25em; color: rgb(255,255,255); } .fullwidth-banner .button { float: right; } .thin-banner { height: 10px; width: 100%; margin: 2em 0; } /* Our Union */ .unit-grid { margin-top: 2em; } .unit-grid p span { font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 400; font-size: 1.5em; } .unit-grid .circle { border-radius: 50%; background-color: #a5b341; color: #ffffff; width: 175px; height: 175px; margin: 0 auto 1.5em auto; } .unit-grid .circle span { font-family: "Merriweather", "Times New Roman", serif; font-size: 1.5em; font-style: italic; font-weight: 700; margin: 1em 0 1.375em 0; display: inline-block; } .unit-grid .circle p { font-family: "klinic_slabbold", serif; font-size: 7em; font-weight: 700; margin: 0.1em 0 0 0; } .unit-grid .circle p.small { font-family: "klinic_slabbold_italic"; font-size: 2.75em; margin: 0; padding: 1.725em 0; } .unit-grid .column:first-child:nth-last-child(1) { width: 100%; } .unit-grid .column:first-child:nth-last-child(2), .unit-grid .column:first-child:nth-last-child(2) ~ .column { width: 50%; } .unit-grid .column:first-child:nth-last-child(3), .unit-grid .column:first-child:nth-last-child(3) ~ .column { width: 33.3333% } .history { height: 0; overflow: hidden; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } /* Join HGEA */ .join-steps { width: 75%; margin: 0 auto; } .join-steps a:link, .join-steps a:visited { color: #636363; text-decoration: none; } .join-steps a:hover, .join-steps a:active, .join-steps a:focus { color: #71a095; } .join-steps .circle { border-radius: 50%; background-color: #a5b341; color: #ffffff; width: 175px; height: 175px; margin: 0 auto 1.5em auto; text-align: center; } .join-steps .circle p { font-family: "klinic_slabbold", serif; font-size: 7em; font-weight: 700; line-height: 1.57em; margin: 0; } .join-steps .circle a:link, .join-steps .circle a:visited { color: #ffffff; text-decoration: none; } .join-steps .circle a:hover, .join-steps .circle a:active, .join-steps .circle a:focus { color: #ffffff; } .notsure { width: 75%; margin: 1em auto; } ol.join-by-mail { list-style-position: outside; padding-left: 1.5em; } .join-by-mail li:not(:last-of-type) { margin-bottom: 1em; } .member-types .column { text-align: center; } .member-types a.more-link { width: 70%; margin: 0 auto; display: inline-block; line-height: 1.5em; } .member-types a img { margin-bottom: 0; margin-right: 0; } /* Benefits & Programs */ .member-discounts { text-align: center; } .member-discounts .row:not(:first-of-type) { margin-top: 1em; } .member-discounts .column { padding-left: 2%; padding-right: 2%; } .member-discounts .title { font-weight: 400; font-size: 1.25em; } .member-discounts a:link, .member-discounts a:visited { color: #636363; text-decoration: none; } .member-discounts a:hover, .member-discounts a:active, .member-discounts a:focus { color: #71a095; } .et-opportunities .row:not(:first-of-type) { margin-top: 1em; } .et-opportunities .column.half { padding-left: 3%; padding-right: 3%; } .et-opportunities .column.half:first-of-type { padding-left: 0; } .et-opportunities .column.half:last-of-type { padding-right: 0; } .et-opportunities .desc { overflow: hidden; } .et-opportunities .title { font-weight: 400; font-size: 1.5em; line-height: 1.25em; margin-top: 0; margin-bottom: 0.5em; } .et-opportunities .location { font-weight: 400; } .et-opportunities a:link, .et-opportunities a:visited { color: #636363; text-decoration: none; } .et-opportunities a:hover, .et-opportunities a:active, .et-opportunities a:focus { color: #71a095; } /* Discounts */ .subpage-content .discount-list hr { padding-top: 0; } .discount-list h3 { padding-left: 5%; } .discount-list .column.third { padding-right: 1em; } .discount-list .column.third .discount-filter .item { line-height: 2.5em; } .discount-list .column.two-thirds { padding-left: 1em; } .discount-filter { background-color: #ffffff; border: 1px solid rgb(227, 227, 227); box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.06); margin: 0 5%; width: 90%; } .discount-filter.slick-slider { margin: 0 5%; } .discount-filter .item { color: rgb(99, 99, 99); font-weight: 400; line-height: 1.25em; margin: 8px; max-width: 105px; text-align: center; word-break: break-word; } .discount-filter .item:link, .discount-filter .item:visited { color: rgb(99, 99, 99); } .discount-filter .item:hover, .discount-filter .item:focus, .discount-filter .item:active { color: rgb(212, 80, 41); } .discount-filter .item img { margin: 0 auto 0.25em auto; } .discount-filter .slick-prev:before, .discount-filter .slick-next:before { color: rgb(0, 0, 0); } .discount-grid .panel { text-align: center; -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.3s ease 0s; } .discount-grid .panel:hover { background-color: #f8f8f4; } .discount-grid .panel h6 { color: rgb(0, 115, 96); line-height: 1.25em; margin: 0.75em 0; } .discount-grid .panel img { display: block; margin: 0 auto; max-width: 100%; } .discount-grid .panel p { color: rgb(137, 137, 137); font-size: 0.875em; font-weight: 400; line-height: 1.5em; padding-left: 1em; padding-right: 1em; } .discount-grid .panel .content a.button:link, .discount-grid .panel .content a.button:visited { color: #ffffff; } .discount-grid .panel .content a:link, .discount-grid .panel .content a:visited { color: rgb(0, 115, 96); font-weight: 700; letter-spacing: 0.25px; text-decoration: none; } .discount-grid .panel .content a:hover, .discount-grid .panel .content a:focus, .discount-grid .panel .content a:active { color: rgb(212, 80, 41); } .discount-grid .panel .content a::after { content: ""; } .subpage-content .discount-detail ol, .subpage-content .discount-detail ul { padding-left: 2em; list-style-position: outside; } .discount-loading { position: relative; height: 80px; } .svgicon { display: inline-block; width: 1em; height: 1em; font-size: 3em; fill: currentColor; } .svgicon-airlines { width: 0.7860879210056737em; } .svgicon-all { width: 0.9285713285207748em; } .svgicon-automotive { width: 1.2885052015384417em; } .svgicon-car-rental { width: 1.1428605308756232em; } .svgicon-caregiver { width: 1.000000116725687em; } .svgicon-cellular { width: 1.25em; } .svgicon-education { width: 1.2885052015384417em; } .svgicon-finance { width: 1.0714295767247677em; } .svgicon-hotel { width: 0.7857138179242611em; } .svgicon-mainland { width: 0.8571425850192682em; } .svgicon-misc { width: 0.8571425850192682em; } .svgicon-optical { width: 0.9999980051070452em; } .svgicon-pro-services { width: 1.071428755919138em; } .svgicon-restaurant { width: 0.7857128530740738em; } .svgicon-special-occassions { width: 0.9999999646097422em; } .svgicon-travel { width: 1.0000010207295418em; } .svgicon-oahu { width: 1em; } .svgicon-hawaii { width: 1em; } .svgicon-kauai { width: 1em; } .svgicon-maui { width: 1em; } /* News */ .news-archive { margin-top: 2em; } .news-archive h3 { margin-top: 0; } .news-archive p { margin-top: 0; font-weight: 400; font-size: 1.2em; line-height: 1.5em; } .news-archive .column.fourth { padding-right: 3%; } .news-archive .column.three-fourths { border-left: 2px dotted #cccccc; padding-left: 3%; } .news-archive p.date { text-transform: uppercase; font-weight: 700; font-size: 0.9em; margin-bottom: 0; } .news-archive.news-article p.date { text-transform: none; font-size: 1em; margin-bottom: 1em; } .news-archive a.title:link, .news-archive a.title:visited { color: #636363; } .news-archive a.title:hover, .news-archive a.title:active, .news-archive a.title:focus { color: #71a095; } .news-archive .back-link::before { content: '\00ab'; margin-right: 6px; font-size: 1.5em; vertical-align: baseline; } .news-list, .news-list ul { list-style: none; } .news-list a:link, .news-list a:visited { color: #636363; font-weight: 400; font-size: 1.25em; display: inline-block; padding: 0.25em 0; text-decoration: none; } .news-list a:hover, .news-list a:active, .news-list a:focus { color: #71a095; } .news-list a.active { font-weight: bold; color: #71a095; } .news-list ul a:link, .news-list ul a:visited { color: #636363; font-size: 1em; padding: 0.125em 0; text-decoration: none; } .news-list ul a:hover, .news-list ul a:active, .news-list ul a:focus { color: #71a095; } .news-list select { appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 100%; padding: 0.25em; border-radius: 0; font-size: 0.9em; } /* Events */ .events-archive h3 { margin-top: 0; } .events-archive .column.fourth { padding-right: 3%; } .events-archive .column.three-fourths { border-left: 2px dotted #cccccc; padding-left: 3%; } .events-list, .events-list ul { list-style: none; } .events-list a:link, .events-list a:visited { color: #636363; font-weight: 400; font-size: 1.25em; display: inline-block; padding: 0.25em 0; text-decoration: none; } .events-list a:hover, .events-list a:active, .events-list a:focus { color: #71a095; } .events-list a.active { font-weight: bold; color: #71a095; } .page-events .date, .page-opportunities .date { color: #5e6b61; text-transform: uppercase; font-weight: 700; margin: 0; font-size: 0.9em; } .page-events .island, .page-opportunities .island { text-transform: uppercase; font-weight: 700; margin: 0; font-size: 0.9em } .page-events a:link, .page-events a:visited { color: #71a095; font-weight: 400; font-size: 1.25em; text-decoration: none; } .page-events a:hover, .page-events a:active, .page-events a:focus { color: #636363; } .page-events a.button { font-size: 1em; color: #ffffff; } .page-events h3 a.button { margin-left: 2em; } .page-events span { color: #ff0000; font-size: 0.9em; } .page-events a.month-nav { color: #d45029; } .page-events .filter-list { border-bottom: 2px dotted #cccccc; padding-bottom: 1em; margin: 0 0 2em 0; } .page-events .filter-list.bottom { border-top: 2px dotted #cccccc; border-bottom: none; padding-top: 1em; padding-bottom: 0; margin: 2em 0 0 0; } .page-events .filter-list a:link, .page-events .filter-list a:visited { font-size: 1em; color: #636363; text-decoration: none; } .page-events .filter-list a:hover, .page-events .filter-list a:active, .page-events .filter-list a:focus { color: #71a095; } .page-events .filter-list a.active { font-weight: bold; color: #71a095; } .page-events .column { margin: 0 0 2em 0; } .page-events .column:nth-child(odd) { padding-right: 2em; } .page-events .column:nth-child(even) { padding-left: 2em; } .page-events .column:last-child { margin-bottom: 0; } .page-events .event-description a { font-size: 1em; } .page-events-detail h1 { color: rgb(0, 131, 105); font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.75em; line-height: 1.25em; margin: 0 0 1em 0; } .subpage-content .page-events-detail h2 { font-size: 1.5em; } .page-events-detail section > .container { padding-left: 0; padding-right: 0; } .page-events-detail #location fieldset { display: none; } .page-events .triple-image-cta2 { padding: 3em 0; } .page-events .triple-image-cta2 .column.third { padding: 0 10px; text-align: center; position: relative; } .page-events .triple-image-cta2 a:link, .triple-image-cta a:visited { max-width: 350px; text-decoration: none; } .page-events .triple-image-cta2 a:hover, .triple-image-cta a:focus, .triple-image-cta a:active { color: #71a095; } .page-events .triple-image-cta2 p { margin-top: 0; margin-bottom: 0; color: #ffffff; text-transform: uppercase; font-size: 2em; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .page-events .triple-image-cta2 p.caption { position: absolute; top: 50%; left: 50%; width: 80%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); pointer-events: none; } .page-events .triple-image-cta2 img.grayscale.grayscale-fade { filter: grayscale(100%) brightness(25%) opacity(75%); -webkit-filter: grayscale(100%) brightness(25%) opacity(75%); transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; } .page-events .triple-image-cta2 img.grayscale.grayscale-fade:hover { filter: grayscale(0) brightness(100%) opacity(100%); -webkit-filter: grayscale(0) brightness(100%) opacity(100%); } .eventCalendar { border-collapse:collapse; width: 100%; background-color: #ffffff; } .eventCalendar thead { border-width:1px; border-style:solid; border-color: #008369; } .eventCalendar th { text-align: center; vertical-align: top; width: 14.2%; background-color: #008369; color: #ffffff; } .eventCalendar td { text-align: left; vertical-align: top; border-color:#636363; border-width:1px; border-style:solid; font-size:12px; padding: 3px; font-weight: 600; } .eventCalendar td.oMonth { background-color: #AAAAAA; } .eventCalendar td > div { margin-bottom: 7px; line-height: 1.25em; } .eventCalendar a:link, .eventCalendar a:visited { color: #71a095; font-weight: 400; font-size: 1em; text-decoration: none; } .eventCalendar a:hover, .eventCalendar a:active, .page-events a:focus { color: #636363; } /* MEMBER DASHBOARD ----------------------------------------------- */ .panel { border: 1px solid #e3e3e3; background-color: #ffffff; margin-bottom: 1em; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.06); width: 24%; } .panel-sizer { width: 25%; } .panel.panel2x { width: 49%; } .panel.panel3x { width: 74%; } .panel.panel4x { width: 99%; } /*.panel-item { float: left; margin-right: 10px;} .panel-item:only-child { width: 99%; } .panel-item:first-child:nth-last-child(1), .panel-item:first-child:nth-last-child(1) ~ .panel-item { width: 99%; } .panel-item:first-child:nth-last-child(2), .panel-item:first-child:nth-last-child(2) ~ .panel-item { width: 49%; } .panel-item:first-child:nth-last-child(3), .panel-item:first-child:nth-last-child(3) ~ .panel-item { width: 32.33%; } .panel-item:first-child:nth-last-child(4), .panel-item:first-child:nth-last-child(4) ~ .panel-item { width: 24%; }*/ .panel .content h4 { margin-left: -0.75em; } .dashboard.unitinfo .panel { background-color: #f1f0ec; } .dashboard.unitinfo .panel-sizer, .dashboard.documents .panel-sizer { width: 50%; } .dashboard.mycontract .panel { width: 32%; } .dashboard.mycontract .panel.panel2x { width: 66%; min-height: 700px; } .dashboard.mycontract .panel.panel2x .content { padding: 1.25em; } .dashboard.mycontract .panel-sizer { width: 33%; } .dashboard.mycontract .panel .content p:not(.unit-heading) { margin: 0 0 1em 0; } .dashboard.mycontract .panel .content p:last-of-type { margin: 1em 0; } .panel iframe { border: 0; } .panel h3 { font-weight: 400; font-size: 1.25em; margin: 0 0 1em 0 } .panel h4 { color: #007360; font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 400; line-height: 1.25em; font-size: 1.5em; margin: 0 auto; padding: 0.5em; text-transform: uppercase; } .panel.ebulletin h4 { text-transform: none; } .panel h5 { color: #2a332c; font-family: "Merriweather", "Times New Roman", serif; font-size: 1.25em; font-weight: 400; line-height: 1.5em; margin: 0.5em 0 0 0; } .panel .column.full { border-top: 1px solid #cccccc; margin-top: 0.5em; padding-top: 0.5em; width: 100%; } .panel .row:first-of-type h5 { margin-top: 0; } .panel .row:first-of-type .column.full { border-top: none; margin-top: 0; padding-top: 0; } .panel .row.striped:nth-child(odd) { background-color: #fafafa; } .panel .row.striped:nth-child(even) { background-color: #ffffff; } .panel .content { padding: 0 1.25em 1.25em 1.25em; } .panel .content::before, .panel .content::after { content: " "; display: table; } .panel .content::after { clear: both; } .panel .content .contact-us a:link, .panel .content a:visited { color: #b6c649; font-weight: 400; text-decoration: none; } .panel .content .contact-us a:hover, .panel .content a:active, .panel .content a:focus { color: #d45029; } .panel .content .contact-us a::after { content: ' '; } .panel .content a:link, .panel .content a:visited { color: #636363; font-weight: 400; text-decoration: none; } .panel .content a:hover, .panel .content a:active, .panel .content a:focus { color: #71a095; } .panel .content a::after { content: ' \203A'; } .panel .content a.email { text-transform: uppercase; font-size: 0.85em; color: #b6c649; } .panel .content a.email:hover { color: #d45029; } .panel .content a.phone::after, .panel .content a.email::after, .panel .content .empty-message a::after { content: ''; } .panel .content a.more-link:link, .panel .content a.more-link:visited { color: #b6c649; text-transform: uppercase; font-weight: 400; } .panel .content a.more-link:hover, .panel .content a.more-link:active, .panel .content a.more-link:focus { color: #d45029; } .panel .content a.more-link::after { content: ' \00bb'; } .panel .content a.button { color: #ffffff; } .panel .content a.button::after { content: ''; } .panel .content p { margin: 0.25em 0; font-weight: 400; } .panel .content img.rounded { border-radius: 50%; } .panel .content .empty-message { text-align: center; padding: 2em; margin: 0; color: #b6c649; font-family: "Merriweather", "Times New Roman", serif; font-size: 1.25em; line-height: 1.5em; width: 100%; } .panel .content .empty-message a { color: #b6c649; } .panel .content .empty-message a:hover { color: #d45029; } .panel .content .date, .panel .content .time { font-weight: 700; font-size: 0.9em; line-height: 2em; } .panel .view-all { text-align: right; padding-left: 2em; padding-right: 2em; margin-top: 0; } .panel .unit-heading { color: #007360; border-bottom: 1px solid #cccccc; font-size: 1.5em; font-weight: 400; margin: 0.5em 0; padding-bottom: 0.25em; text-transform: uppercase; position: relative; } .panel .unit-heading + .unit-container { height: 0; overflow: hidden; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .panel .unit-heading.open + .unit-container { height: auto; } .mycontract.staff .panel .unit-heading { cursor: pointer; } .mycontract.staff .panel .unit-heading::after { content: ''; width: 0; height: 0; position: absolute; right: 0; top: 35%; border-width: 9px 9px 0 9px; border-style: solid; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0); pointer-events: none; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: transform 0.3s linear 0s; -webkit-transition: transform 0.3s linear 0s; } .mycontract.staff .panel .unit-heading.open::after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .panel.mycontract { min-height: 320px; } .panel.mycontract .empty-message { width: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .panel.applications .content a:link, .panel.applications .content a:visited { color: rgb(182, 198, 73); font-size: 14px; text-decoration: underline; } .panel.applications .content a:hover, .panel.applications .content a:focus, .panel.applications .content a:active { color: rgb(212, 80, 41); } .panel.applications .content a:not(.more-link)::after { content: ''; } .panel.applications .content p { word-break: break-word; } .panel.applications .content p.actions { color: #eeeeee; } .panel.applications .row:first-of-type .column.full { margin-bottom: 1em; } .panel.applications .row:first-of-type .column.full a { font-size: 16px; text-decoration: none; } .panel.applications .row.header { border-bottom: 1px solid rgb(204, 204, 204); } .panel.applications .row.header .column:nth-child(1), .panel.applications .row.striped .column:nth-child(1) { padding-left: 0.5em; } .panel.applications .row.header .column:nth-child(2), .panel.applications .row.striped .column:nth-child(2) { padding-left: 1em; padding-right: 1em; } .dashboard:nth-of-type(3) { margin-top: 1em; } .dashboard.unitinfo { background-color: #ffffff; padding: 2em 0 1em 0; margin: 1em 0 2em 0; } .dashboard:last-of-type { padding: 0 0 2em 0; } .unit-description { margin: 0 0 1.5em 0; width: 99%; } .unit-description h2 { color: #008369; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 2.75em; line-height: 1.5em; margin: 0; } .unit-description h5 { color: #2a332c; font-family: "Merriweather", "Times New Roman", serif; font-size: 1.25em; font-style: italic; font-weight: 400; line-height: 1.5em; margin: 0; } .unit-description p { margin-top: 0.5em; } .special-announcement { margin: 0 0 1.5em 0; padding: 2em; background-color: #48a9c5; color: #ffffff; width: 99%; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.06); } .special-announcement h4 { font-family: "Oswald", "Arial Narrow", sans-serif; color: rgb(255, 255, 255); font-weight: 400; line-height: 1.25em; font-size: 1.5em; margin: 0 auto; text-transform: uppercase; } .special-announcement a:link, .special-announcement a:visited { color: #0b684c; font-weight: bold; text-decoration: none; } .special-announcement a:hover, .special-announcement a:focus, .special-announcement a:active { color: #d45029; } .unit-selection { text-align: center; } .unit-selection p { color:#7f8d35; background-color: #e2e8c1; border: 1px solid #7f8d35; font-size: 2em; font-weight: 700; text-transform: uppercase; padding: 1em 0; margin: 0 5px 0.5em 5px; cursor: pointer; } .unit-selection p:hover, .unit-selection p:active, .unit-selection p:focus, .unit-selection div.slick-current p { color:#ffffff; background-color: #7f8d35; } .unit-selection .slick-slide { outline: none; } .unit-selection .slick-prev, .unit-selection .slick-next { position: absolute; top: 0; padding: 0 2px 8px; outline: none; font-weight: 300; font-size: 5em; line-height: 1em; } .unit-selection .slick-prev:hover, .unit-selection .slick-next:hover { background-color: #7f8d35; } .unit-selection .slick-prev { left: 0; } .unit-selection .slick-next { right: 0; } .unit-selection > div { display: inline-block; width: 19%; } .unit-carousel .slick-slide { padding: 0 20px; outline: none; } /* FORMS ----------------------------------------------- */ .select-wrapper { position: relative; display: inline-block; } .select-wrapper::after { content: ''; width: 0; height: 0; position: absolute; right: 0.5em; top: 45%; border-width: 6px 6px 0 6px; border-style: solid; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0); pointer-events: none; } .select-wrapper select { appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0.25em 30px 0.25em 0.5em; border: 1px solid #999999; border-radius: 0; background-color: #ffffff; } span.field-validation-valid { display: none; } span.field-validation-error { display: block; color: rgb(255, 0, 0); margin-bottom: 1em; font-style: normal; font-weight: bold; } input.input-validation-error, select.input-validation-error, textarea.input-validation-error { background-color: rgb(251, 227, 228); border: 1px solid rgb(251, 194, 196); color: rgb(255, 0, 0); } .member-area .create-account { margin-top: 0; } .create-account { font-weight: 400; margin-top: 3em; } .create-account label { float: right; margin-right: 0.5em; display: inline-block; cursor: pointer; } .create-account input[type='submit'], .create-account input[type='button'], .hgeaform input[type='button'] { background-color: #d45029; border: 1px solid #d45029; border-radius: 0; color: #ffffff; padding: 0.7em 1.4em; text-transform: uppercase; margin-right: 1em; margin-bottom: 2em; } .create-account input[type='submit']:hover, .create-account input[type='button']:hover, .hgeaform input[type='button']:hover { background-color: #b6c649; border: 1px solid #b6c649; } .create-account input[type='date'], .create-account input[type='email'], .create-account input[type='number'], .create-account input[type='password'], .create-account input[type='text'], .create-account input[type='url'] { padding: 0.25em 0.5em; border: 1px solid #636363; margin-bottom: 1em; width: 280px; } .create-account input[name='DobYear'] { width: 75px; } .create-account select { width: 185px; } .create-account .select-wrapper { margin-right: 1em; } .create-account .req { color: #ff0000; display: inline-block; float: right; margin-right: 1em; } .hgeaform label { display: block; width: 100%; font-weight: 400; } .hgeaform label.hideLabel { position: absolute; top: -999em; } .hgeaform span { display: inline-block; font-weight: 700; } .hgeaform span.field-validation-valid { display: none; } .hgeaform p:empty { margin: 0.5em 0; } .hgeaform p.highlight { background-color: #cccccc; } .hgeaform section { padding-bottom: 2em; } .hgeaform section h4 { padding-top: 0; } .hgeaform section > div { float: none; position: relative; width: 100%; } .hgeaform section > .row { margin-bottom: 0.5em; } .hgeaform section > .row > div { width: 50%; float: left; position: relative; } .hgeaform section > div.full-width, .hgeaform section.full-width > div { width: 100%; } .hgeaform section.full-width label { display: inline-block; width: 185px; } .hgeaform section.full-width p:empty { margin: 0; } .hgeaform textarea { min-width: 500px; min-height: 150px; } .hgeaform input[type="text"], input[type="datetime"], .hgeaform input[type="email"], .hgeaform input[type="tel"], .hgeaform input[type="password"] { border:1px solid rgb(153, 153, 153); min-width: 300px; padding: 0.25em 0.5em; vertical-align: top } .hgeaform input[type="radio"]:not(:first-of-type), .hgeaform input[type="checkbox"]:not(:first-of-type) { margin-left: 1em; } .hgeaform .vertical input[type="radio"]:not(:first-of-type), .hgeaform .vertical input[type="checkbox"]:not(:first-of-type) { margin-left: 0; } .hgeaform input[type='submit'] { background-color: #d45029; border: 1px solid #d45029; border-radius: 0; color: #ffffff; padding: 0.7em 1.4em; text-transform: uppercase; margin: 1em 1em 0 0; } .hgeaform input[type='submit']:hover { background-color: #b6c649; border: 1px solid #b6c649; } .hgeaform .req { color: #ff0000; display: inline-block; margin-left: 0.5em; } .hgeaform .select-wrapper, .hgeaform .select-wrapper select { min-width: 95%; } .hgeaform .select-wrapper select { padding: 0.25em 30px 0.32em 0.5em; width: 100%; } .hgeaform input.input-large, .hgeaform .select-wrapper.input-large, .hgeaform .select-wrapper.input-large select { min-width: 500px; width: 500px; } .hgeaform input.input-small, .hgeaform .select-wrapper.input-small, .hgeaform .select-wrapper.input-small select { min-width: 200px; width: 200px; } .hgeaform input.input-smaller, .hgeaform .select-wrapper.input-smaller, .hgeaform .select-wrapper.input-smaller select { min-width: 125px; width: 125px; } .hgeaform input.input-verysmall, .hgeaform .select-wrapper.input-verysmall, .hgeaform .select-wrapper.input-verysmall select { min-width: 75px; width: 75px; } .hgeaform .announcement { color: #FF0000; font-weight: bold; } span.summarylabel { font-weight: 400; } .form-table { display: table; } .form-table .row { display: table-row; text-align: center; } .form-table .row.left { text-align: left; } .form-table .row.header > div { text-align: center; font-weight: 400; } .form-table .row > div { display: table-cell; } .form-table .row input[type="text"] { margin: 0.5em; } .form-table .row input[type="radio"], .form-table .row input[type="checkbox"] { margin-left: 1em; } .upload-photo { margin-top: 2em; } .upload-photo .error-message { display: none; color: red; font-weight: bold; } .upload-photo .error-message.visible { display: block; } .upload-photo .success-message { display: none; color: #008369; font-weight: bold; } .upload-photo .success-message.visible { display: block; } /* SEARCH RESULTS ----------------------------------------------- */ .search-results p { margin-top: 0; } .search-results h3 { font-size: 1.6em; margin: 1.25em 0 0.25em 0; } .search-results h3 a:link, .search-results h3 a:visited { color: #008369; text-decoration: none; } .search-results h3 a:hover, .search-results h3 a:focus, .search-results h3 a:active { color: #008369; } ul.pagination { display: inline-block; margin-left: -0.4em; min-height: 1.5em; } ul.pagination li { display: block; float: left; } ul.pagination li { font-size: 1em; height: 1.5em; margin-left: 0.4em; } ul.pagination li.current a, ul.pagination li.current button { background: #008369; color: #FFFFFF; cursor: default; font-weight: 700; } ul.pagination li a, ul.pagination li button { border-radius: 3px; -webkit-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; background: none; color: #008369; display: block; font-size: 1em; font-weight: 700; line-height: inherit; padding: 0.5em 0.58em 0.5em; } ul.pagination li a:hover, ul.pagination li button:hover { color: #71a095; } /* 404 ----------------------------------------------- */ .error-page h2 { margin: 0 0 1em 0; font-size: 1.4em; margin: 0 0 5% 0; } .search-error-page div { width: 50%; float: left; border: 1px solid #e9e9e9; margin: 0 0 10% 23%; } .search-error-page input[type="text"] { width: 430px; height: 60px; padding: 10px; float: left; border: none; } .search-error-page button { font-size: 2em; padding: 0.425em; float: left; } /* SITEMAP ----------------------------------------------- */ .sitemap ul { list-style-position: outside; font-family: inherit; list-style-type: none; } .sitemap .level-2 { margin: 2em 0 0.5em 0; font-size: 1.2em; display: block; } .sitemap .level-3 { display: inline-block; margin-top: 20px; vertical-align: top; width: 33%; } .sitemap .level-4 { display: inline-block; vertical-align: top; width: 100%; } .sitemap a { border-bottom: 1px solid #cccccc; font-weight: 700; display: block; } .level-3 a { border: medium none; font-size: 0.8em; } .level-4 a { font-size: 0.7em; font-weight: 300; text-transform: none; } /* CONTACT US ----------------------------------------------- */ .contour .contourIndicator { font-weight: bold; color: #FF0000; } .contour .contourField { margin-bottom: 0.75em; } .contour .contourField.dropdownlist > div { position: relative; width: 100%; display: inline-block; } .contour .contourField.dropdownlist > div::after { content: ''; width: 0; height: 0; position: absolute; right: 0.5em; top: 45%; border-width: 6px 6px 0 6px; border-style: solid; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0); pointer-events: none; } .contour input[type="submit"] { background-color: #7fbcd8; border: 1px solid #7fbcd8; color: #FFF; border-radius: 0px; display: inline-block; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 0.875em; font-weight: 500; padding: 1.25em 3em 1.25em 3em; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform: uppercase; letter-spacing: 2px; line-height: 1em; } .contour input[type="submit"]:hover { background-color: #007360; border: 1px solid #007360; } /* LOWER CASE*/ lowercase { text-transform : lowercase; } /* MEDIA QUERIES - DESKTOP WIDE SCREENS ----------------------------------------------- */ @media (min-width:1200px) { } /* MEDIA QUERIES - LARGE TABLET ----------------------------------------------- */ @media (min-width:1001px) and (max-width:1200px) { .nav-menu.primary a { padding: 0.75em 1em; } .nav-menu.secondary a { padding: 1.2em 1.25em } section.header-top > .container { padding: 0; } .multi-promo-area img { max-width: 220px; max-height: 220px; } } @media (min-width:768px) and (max-width:1000px) { .header-logo { top: 44px; } .header-logo img { width: 120px; } .nav-menu.primary { padding-left: 110px; } .nav-menu.primary li.subnav:first-child a { padding-left: 20px; } .nav-menu.primary a { padding: 0.75em 0.75em; letter-spacing: -0.1px; } .nav-menu.secondary a { padding: 1.2em 0.75em } .navigation-top > .container { padding-right: 0; } .search-desktop.open div { width: 150px; } section.header-top > .container { padding: 0; } .multi-promo-area img { max-width: 175px; max-height: 175px; } .unit-selection { margin-bottom: 1em; } .unit-selection p { font-size: 1.5em; } .member-types a.more-link { width: 90%; } section.footer-copyright ul { float: none; text-align: center; } section.footer-copyright p { float: none; text-align: center; } } /* MEDIA QUERIES - MOBILE / SMALL TABLET ----------------------------------------------- */ @media (max-width: 767px) { /* General Styles */ a.button, button { padding: 0.7em 2em 0.7em 2em; } a.button.large { font-size: 1em; } div[role="main"] { padding-top: 60px; } body.subpage p, body.subpage ul, body.subpage ol { font-size: 1em; line-height: 1.25em; } .row.equal > .column:not(:last-of-type) { border-right: none; border-bottom: 2px dotted #cccccc; } /* 4/11/2023 einamasu - added for responsive column stacking */ .twostackcolumn { width: 100%;} .threestackcolumn { width: 100%;} /* Header */ header { padding-top: 0; position: fixed; z-index: 205; background-color: #FFF; width: 100%; } section.header-top { min-height: 60px; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.16); } section.header-top > .container { padding: 0; } .header-logo { float: none; width: 122px; margin: 0 auto; position: relative; top: 16px; z-index: 210; } .header-logo img { margin-left: 0; } .header-logo.dark a.light, .header-logo.light a.dark { display: none; } a.mobile-login { float: right; display: block; background-color: #d45029; color: #ffffff; text-transform: uppercase; padding: 0.75em; position: relative; z-index: 210; font-size: 1.5em; } a.mobile-login.open { background-color: #0b684c; } .login-window { opacity: 0; top: -1000px; } .login-window.open { top: 60px; } .social-share { display: none; } /* Mobile Menu */ .nav-menu.primary, .nav-menu.secondary { display: none; } .mobile-menu { background-color: transparent; height: 60px; position: absolute; top: 0; left: 1em;} .mobile-menu > a { position: absolute; left: 4em; top: 0.9em; z-index: 200;} .mobile-button-wrapper { display: block; position: relative; top: -3px; } .mobile-button-wrapper::after { color: black; content: 'Menu'; font-size: 0.75em; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1em; text-transform: uppercase; opacity: 1; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; position: absolute; left: 6px; top: 45px; display: block; height: 20px; width: 100%; z-index: 210; letter-spacing: 0.5px;} .mobile-button-wrapper.open { position: absolute; top: 6px; z-index: 210;} .mobile-button-wrapper.open:after { opacity: 0; } .menu-toggle { display: block; position: relative; overflow: visible; margin: 0; padding: 0; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; z-index: 206;} .menu-toggle:hover { background-color: #ffffff; border: none; } .menu-toggle:focus { outline: none; } .menu-toggle span { display: block; position: absolute; top: 23px; left: 5px; right: 5px; height: 4px; background: black; } .menu-toggle span::before, .menu-toggle span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: black; content: ""; } .menu-toggle span::before { top: -11px; } .menu-toggle span::after { bottom: -11px; } .menu-toggle-tox { background-color: transparent; } .menu-toggle-tox span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s;} .menu-toggle-tox span::before, .menu-toggle-tox span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .menu-toggle-tox span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .menu-toggle-tox span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } .menu-toggle-tox.active { background-color: transparent; } .menu-toggle-tox.active span { background: none; } .menu-toggle-tox.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle-tox.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-toggle-tox.active span::before, .menu-toggle-tox.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .mobile-nav-menu { background-color: #b6c649; color: #000000; width: 100%; height: 100%; position: absolute; top: -100%; left: 0; z-index: -1; opacity: 0; padding-top: 60px; display: block; } .mobile-nav-menu ul { padding-left: 0; width: 100%; } .mobile-nav-menu .scrollview { overflow: auto; height: 100%; padding-bottom: 50px; } .mobile-nav-menu a:link, .mobile-nav-menu a:visited { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 2.75em; text-transform: uppercase; padding-left: 1em; padding-right: 1em; display: inline-block; width: 100%; position: relative; text-decoration: none; } .mobile-nav-menu a:hover, .mobile-nav-menu a:active, .mobile-nav-menu a:focus, .mobile-nav-menu a.active { color: #ffffff; } .mobile-nav-menu a.subnav::after { content:'\f0ca'; font-family: "icomoon"; margin-left: 5px; display: inline-block; float: right; font-size: 28px; } .mobile-nav-menu a.subnav.open { background-color: #ffffff; color: #7f8d35; } .mobile-nav-menu a.subnav.open::after { content:'\e5cd'; font-size: 34px; margin-right: -4px; } .mobile-nav-menu a.subnav + ul { background-color: #ffffff; border-bottom: 1px solid #b6c649; height: 0; margin: 0; overflow: hidden; padding-left: 0; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; width: 100%; } .mobile-nav-menu a.subnav span { position: absolute; width: 30px; height: 50px; right: 1em; top: 0; } .mobile-nav-menu ul.primary::after { content: ''; width: calc(100% - 2em); height: 1px; margin: 1em; display: block; border: 2px dotted #fff; } .mobile-nav-menu ul.secondary a:link, .mobile-nav-menu ul.secondary a:visited { text-transform: none; padding-left: 2.5em; text-decoration: none; } .mobile-nav-menu ul ul a:link, .mobile-nav-menu ul ul a:visited { font-size: 16px; text-transform: initial; padding-left: 2em; padding-right: 2em; color: #7f8d35; display: inline-block; line-height: 2.5em; text-decoration: none; } .mobile-nav-menu [class^="icon-"] { margin-left: -1.5em; margin-right: 0.5em; } .search-mobile { background-color: #ffffff; width: 100%; height: 50px; position: absolute; bottom: 0; } .search-mobile .search { color: #636363; display: inline-block; font-size: 27px; padding: 0.25em; position: absolute; top: 5px; left: 13px; cursor: pointer; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; z-index: 206; } .search-mobile label { display: none; } .search-mobile input[type="submit"] { -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; float: left; font-size: 30px; padding: 0.25em; width: 66px; position: relative; z-index: 208; } .search-mobile input[type="text"] { -webkit-appearance: none; appearance: none; background-color: #ffffff; border: 0; color: #636363; float: right; height: 50px; padding: 10px 10px 10px 0; width: calc(100% - 66px); } .search-mobile input[type="text"]::-webkit-input-placeholder { color: rgb(192, 192, 192); opacity: 1; } .search-mobile input[type="text"]:-moz-placeholder { color: rgb(133, 133, 133); opacity: 1; } .search-mobile input[type="text"]::-moz-placeholder { color: rgb(133, 133, 133); opacity: 1; } .search-mobile input[type="text"]:-ms-input-placeholder { color: rgb(133, 133, 133); opacity: 1; } .nav-menu.subsection { padding-top: 30px; padding-bottom: 30px; } .nav-menu.subsection .container { padding: 0; } .nav-menu.subsection ul li { display: block; float: none; border-bottom: 2px dotted #ccc; } .nav-menu.subsection ul ul li { border-bottom: none; } .nav-menu.subsection ul li:not(:last-of-type) { border-right: none; } .nav-menu.subsection ul a:link, .nav-menu.subsection ul a:visited { background-color: #b6c649; color: #ffffff; display: block; padding: 0.25em 1.5em; text-decoration: none; } .nav-menu.subsection ul li:hover a { color: #ffffff; } .nav-menu.subsection ul ul { position: relative; top: 0; padding-bottom: 0; } .nav-menu.subsection ul ul a:link, .nav-menu.subsection ul ul a:visited { background-color: #ffffff; color: #7f8d35; display: block; padding: 0.25em 2.5em; font-weight: 400; text-decoration: none; } .nav-menu.subsection li.subnav a::after { color: #FFF; content: '\f0ca'; float: right; font-family: 'icomoon'; font-size: 1.25em; } .nav-menu.subsection li.subnav ul { height: 0; overflow: hidden; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .nav-menu.subsection li.subnav ul a::after { content: ''; } .nav-menu.subsection li.subnav:hover ul { display: none; opacity: 0; } .nav-menu.subsection li.subnav.open ul { display: block; opacity: 1; } /* Home Page Content */ /*section.top-banner { padding: 2em 0; min-height: 300px }*/ /* commented out 4/15/2020*/ section.top-banner { padding: 2em 0; min-height: 300px; width: 100%; }*/ /*float: left; width: 67%; /* added for covid banner */ /*section.top-banner {background-position: right 250px; background-size: 850px; min-height: 630px; background-color: black; padding: 2em 0; width: 100%;}*/ section.top-banner::after { content: ''; } .top-banner h1 { max-width: 100%; font-size: 30px; } .top-banner h2 { max-width: 100%; font-size: 30px; } .top-banner h3 { max-width: 65%; font-size: 22px; } .top-banner h4 { max-width: 65%; } .top-banner-content { position: static; padding: 0 2em; width: 100%; } .top-banner-content h1 { text-transform: initial; font-size: 38px; line-height: 1.25em; } .top-banner-content p { max-width: 65%; font-size: 18px; line-height: 1.75em; } .triple-image-cta { padding: 2em 0; } .triple-image-cta a:link, .triple-image-cta a:visited { margin-bottom: 1em; display: inline-block; text-decoration: none; } .triple-image-cta p { margin: 0; max-width: 350px; } /* 12/13/17 knaauao - added for video on homepage*/ .videosection { width: 100%; min-height: 200px; background: url('../images/multi-promo-pattern.jpg') repeat; } /*overflow: hidden; padding-top: 2em; */ .videosection p { padding-left: 0; } /*padding-left: 1em; padding-top: 5em; */ .video-responsive { overflow: hidden; padding-bottom:56.25%; position:relative; } /* overflow:hidden; height:0; */ .video-responsive iframe { top:0; height:100%; width:100%; position:absolute; } .video-responsive2 { overflow:hidden; position:relative; } /*padding-left: 1em; padding-bottom: 1em; padding: 1em;*/ .videoblock { max-width: 100%; } /* 4/7/2022 einamasu - added for general hero banner on homepage*/ .herobanner { min-height: 200px; width:100%; float: right; position: relative; overflow: hidden; } /**/ .herobanner-responsive { overflow:hidden; position:relative; min-height:200px; } .herobanner-responsive p { margin: 0px 0px 0px 0px; } .herobanner-responsive iframe { top:0; height:100%; width:100%; position:absolute; } .latest-news { padding-bottom: 2em; } .latest-news h2 { font-weight: 400; font-size: 2.5em; } .latest-news .row { margin-bottom: 0; } .latest-news .row:first-of-type { margin-bottom: 1.25em; } .latest-news .row:first-of-type .column.full p { display: none; } .latest-news .news-item { margin-bottom: 1.25em; font-size: 1.25em; } .multi-promo-area { padding-top: 2em; padding-bottom: 2em; } .multi-promo-area .column { position: relative; text-align: left; } .multi-promo-area .column::before, .multi-promo-area .column::after { content: " "; display: table; } .multi-promo-area .column::after { clear: both; } .multi-promo-area .column p { margin-top: 1em; margin-bottom: 1em; } .multi-promo-area .column p::before, .multi-promo-area .column p::after { content: " "; display: table; } .multi-promo-area .column p::after { clear: both; } .multi-promo-area .column:first-child:nth-last-child(1), .multi-promo-area .column:first-child:nth-last-child(2), .multi-promo-area .column:first-child:nth-last-child(2) ~ .column, .multi-promo-area .column:first-child:nth-last-child(3), .multi-promo-area .column:first-child:nth-last-child(3) ~ .column, .multi-promo-area .column:first-child:nth-last-child(4), .multi-promo-area .column:first-child:nth-last-child(4) ~ .column { width: 100%; } .multi-promo-area a { width: 50%; display: inline-block; text-align: center; } .multi-promo-area a.link { display: inline-block; vertical-align: top; margin-top: 0; padding: 0 1em; text-align: left; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); word-wrap: break-word; } .multi-promo-area img { max-width: 75%; max-height: 75%; } .upcoming-events { padding-bottom: 2em; background-image: none; } .upcoming-events h2 { font-weight: 400; font-size: 2.5em; } .upcoming-events .row:first-of-type { margin-top: 1em; } .upcoming-events .row:not(:first-of-type) { margin-top: 0; } .upcoming-events .column.full > div { display: none; } .upcoming-events .column.third { margin-bottom: 1.25em; } .upcoming-events .island { font-size: 1.1em; } .upcoming-events .island-links { width: 100%; } .upcoming-events .event { margin-bottom: 0; font-size: 1.25em; } .upcoming-events a.more-link:link, .upcoming-events a.more-link:visited { padding: 0 5px; } .upcoming-events a.more-link:first-of-type { padding-left: 0; } .upcoming-events a.more-link:last-of-type { padding-right: 0; } /* Subpage Content */ section.top-banner-subpage { min-height: 200px; } .top-banner-subpage .top-banner-content { bottom: -30px; } .top-banner-subpage .top-banner-content h1 { font-size: 3em; } .member-area .top-banner-subpage { min-height: 175px; } .member-area .top-banner-subpage .top-banner-content { bottom: 25px; } section.breadcrumbs { padding-top: 2em; } .quote { font-size: 1.75em; line-height: 1.5em; } .subpage-content h2 { font-size: 2em; } .subpage-content h3 { font-size: 1.65em; line-height: 1.1em; margin-top: 0.5em; } .subpage-content h4 { font-size: 1.5em; } .subpage-content img[align="left"] { max-width: 50%; margin-right: 1em; } .subpage-content img[align="right"] { max-width: 50%; margin-left: 1em; } .unit-grid { margin-top: 0; } .unit-grid .column:first-child:nth-last-child(1), .unit-grid .column:first-child:nth-last-child(2), .unit-grid .column:first-child:nth-last-child(2) ~ .column, .unit-grid .column:first-child:nth-last-child(3), .unit-grid .column:first-child:nth-last-child(3) ~ .column { width: 100%; } .unit-grid .column { margin: 2em 0; } .discount-list { margin-top: 2em; } .discount-list h3 { padding-left: 0; } .et-opportunities .column.half { padding-left: 0; padding-right: 0; } .et-opportunities .desc { overflow: visible; } .news-archive .column.fourth { padding-right: 0; padding-bottom: 0; border-bottom: 2px dotted #cccccc; } .news-archive .column.three-fourths { border-left: none; padding-left: 0; padding-top: 4%; } .news-list { margin-bottom: 2em; } .events-archive .column.fourth { padding-right: 0; padding-bottom: 0; } .events-archive .column.three-fourths { border-left: none; padding-left: 0; padding-top: 4%; } .page-events .column { margin: 0 0 1em 0; } .page-events .column:nth-child(odd) { padding-right: 0; } .page-events .column:nth-child(even) { padding-left: 0; } /* Member Dashboard */ .panel { width: 49%; } .panel.panel2x { width: 99%; } .panel-sizer { width: 50%; } .panel .column { float: left; } .panel .column.fourth { width: 25%; } .panel .column.half { width: 50%; } .panel .column.three-fourths { width: 75%; } .dashboard.mycontract .panel { width: 100%; } .dashboard.mycontract .panel.panel2x { display: none; } .unit-selection-mobile { padding: 10px; } .unit-selection-mobile p { float: left; margin-top: 0; margin-right: 1em; } .unit-selection-mobile .select-wrapper { float: left; width: auto; } .unit-selection-mobile select { width: 100%; min-width: 150px; } .unit-carousel .slick-slide { padding: 0 10px; } /* Forms */ .select-wrapper { display: block; width: 50%; } .select-wrapper select { width: 100%; } .create-account { margin-top: 2em; } .create-account label { text-align: left; } .create-account .select-wrapper { width: 200px; float: left; } .hgeaform label { display: block; width: 100%; } .hgeaform input[type="text"], .hgeaform input[type="email"], .hgeaform input[type="tel"], .hgeaform input[type="password"] { min-width: 95%; } .form-table { width: 100%; } .form-table .row { margin-bottom: 1em; display: block; } .form-table .row.header { display: none; } .form-table .row > div { width: 100%; display: block; text-align: left; } .form-table .row > div::before { content: attr(data-label) ":"; font-weight: 400; display: inline-block; min-width: 180px; } /* Footer */ .footer-social ul { padding-left: 0; list-style: none; text-align: center; padding: 2em 0 1em 0; } .footer-social li { display: inline-block; margin: 0 0.75em; } .footer-social a:link, .footer-social a:visited { font-size: 1.5em; color: #ffffff; padding: 0.375em 0.25em 0.25em 0.25em; border: 2px solid #ffffff; border-radius: 50%; display: inline-block; width: 44px; height: 44px; text-decoration: none; } section.footer-copyright { padding: 1em 1em 0 1em; } section.footer-copyright > .container { padding: 0; } section.footer-copyright p { float: none; text-align: center; } section.footer-copyright ul { margin-top: 0; margin-bottom: 2em; float: none; text-align: center; } .footer-copyright li { font-size: 1em; padding: 0; } section.footer-social { background-color: #5e6b61; color: #ffffff; display: block; } .error-page h1 { line-height: 1.05em; } /* Alert Message */ section.alert-message { position: fixed; width: 100%; z-index: 210; } /* Site Map */ .sitemap .level-3 { width: 50%; } .level-2 { font-size: 1.6em; } .level-3 a { font-size: 1em; } .level-4 a { font-size: 1em; } .sitemap a { border: none; } } /* MEDIA QUERIES - MOBILE ONLY ----------------------------------------------- */ @media (max-width:480px) { div[role="main"] { padding-top: 60px; background-image: none; } .nav-menu.subsection { padding-top: 0; padding-bottom: 0; } /*.top-banner-content { padding: 0; }*/ .top-banner-content { padding: 0; width: 100%;} .top-banner-content h1 { width: 100%; text-align: center; } .top-banner-content p { width: 100%; text-align: center; max-width: 100%; } .top-banner-subpage .top-banner-content { padding: 0; width: 100%; text-align: center; z-index: 60; top: auto; left: 0; bottom: 0; } .top-banner-subpage .top-banner-content h1 { font-size: 1.5em; margin-left: 0; margin-right: 0; } .member-area .top-banner-subpage { min-height: 125px; } .member-area .top-banner-subpage .top-banner-content { bottom: 0; background-color: #008369; } .login-window { padding: 15px; } .triple-image-cta .column.third { padding: 0; } .triple-image-cta a:link, .triple-image-cta a:visited { max-width: 100%; text-decoration: none; } .triple-image-cta p.caption { font-size: 1.75em; max-width: 100%; } /* 12/13/17 knaauao - added for video on homepage */ .videosection { width: 100%; min-height:200px; background: url('../images/multi-promo-pattern.jpg') repeat; } /*overflow: hidden; padding-top: 2em 0; */ .videosection p { padding-left:0; } /* padding-top: 5em; */ .video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; }/*height:0;*/ .video-responsive iframe { top:0; height:100%; width:100%; position:absolute; } .video-responsive2 { overflow:hidden; position:relative; padding: 1em; }/*height:0;padding-left: 1em; padding-bottom: 1em;*/ .videoblock { max-width: 100%; } /* 4/7/2022 einamasu - added for general hero banner on homepage*/ .herobanner { min-height: 200px; width:100%; float: right; position: relative; overflow: hidden; } /**/ .herobanner-responsive { overflow:hidden; position:relative; min-height:200px; } .herobanner-responsive p { margin: 0px 0px 0px 0px; } .herobanner-responsive iframe { top:0; height:100%; width:100%; position:absolute; } .full-promo-area.desktop { display: none; } .full-promo-area.mobile { display: block; } .multi-promo-area img { max-width: 90%; max-height: 90%; } body.subpage section.top-banner { min-height: 0; } section.breadcrumbs { padding-top: 0; display: none; } .quote { font-size: 1.25em; line-height: 1.5em; width: 90%; } .subpage-content img[align="left"], .subpage-content img[align="right"] { max-width: 100%; float: none; margin-left: 0; margin-right: 0; display: block; } .unit-grid .column.fourth { width: 100%; margin: 1em 0; } .fullwidth-banner { text-align: center; } .fullwidth-banner h1 { font-size: 2.25em; } .fullwidth-banner h2 { font-size: 1.75em; } .fullwidth-banner .button { float: none; } .page-events h3 a.button { display: block; margin: 1em 0; max-width: 60%; text-align: center; float: none; } .eventCalendar a:link, .eventCalendar a:visited { font-size: 1em; line-height: 1.25em; text-decoration: none; } .eventCalendar thead { position: absolute; top: -9999px; left: -9999px; } .eventCalendar td { width: 100%; display: block; border-bottom: none; font-size: 1.25em; } .eventCalendar td > div { margin-bottom: 1em; } .eventCalendar tr:last-of-type td:last-of-type { border-bottom: 1px solid rgba(99, 99, 99, 1.0); } .eventCalendar td:nth-of-type(1):before { content: "Sunday "; } .eventCalendar td:nth-of-type(2):before { content: "Monday "; } .eventCalendar td:nth-of-type(3):before { content: "Tuesday "; } .eventCalendar td:nth-of-type(4):before { content: "Wednesday "; } .eventCalendar td:nth-of-type(5):before { content: "Thursday "; } .eventCalendar td:nth-of-type(6):before { content: "Friday "; } .eventCalendar td:nth-of-type(7):before { content: "Saturday "; } /* Member Dashboard */ .panel { width: 99%; } .panel.panel2x { width: 99%; } .panel-sizer { width: 100%; } .panel .column { float: none; } .panel .column.fourth { width: 100%; } .panel .column.half { width: 100%; } .panel .column.three-fourths { width: 100%; } .panel .content .date { line-height: 1em; margin: 1em 0 0 0; } .panel .content .time { line-height: 1em; } .panel .content .empty-message { padding: 1em; } .panel .view-all { text-align: left; padding-left: 1em; padding-right: 1em; } .panel.applications .row.header .column:nth-child(1), .panel.applications .row.striped .column:nth-child(1) { padding-left: 0; } .panel.applications .row.header .column:nth-child(2), .panel.applications .row.striped .column:nth-child(2) { padding-left: 0; padding-right: 0; } .unit-description h2 { font-size: 1.75em; } .unit-description h5 { font-size: 1.1em; } .special-announcement { padding: 1em; } /* Forms */ .hgeaform .select-wrapper { width: 87%; } .hgeaform .select-wrapper select { width: 100%; } .hgeaform textarea { min-width: 300px; min-height: 150px; } .hgeaform input[type="text"], .hgeaform input[type="email"], .hgeaform input[type="tel"], .hgeaform input[type="password"] { min-width: 95%; display: inline-block; } .hgeaform section .row > div { width: 100%; float: none; } .form-table .row > div::before { display: block; } .wizard > .actions > ul { display: block; } /* Footer */ .footer-nav .column.fourth { margin-bottom:2em; } section.footer-copyright { padding: 1em 1em 2em 1em; } .footer-copyright li { width: 100%; border: none; padding-bottom: 1em; } /* 404 */ .error-page h1 {font-size: 4em; color: #636363;line-height: 1.5em;margin: .25em .25em 0 .25em;} .error-page h2 {margin:0 0 1em 0; font-size:.9em;margin:0 0 15% 0;} .search-error-page div {width: 65%;float: left;border: 1px solid #e9e9e9;border-right-color: #ffffff;margin: 0 0 10% 10%;} .search-error-page input[type="text"] {width: 100%;height: 50px;} .search-error-page input[type="submit"] {height:52px;} /* Site Map */ .sitemap .level-3 {width: 100%;} } /* Internet Explorer 10, 11 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .select-wrapper select, .hgeaform .select-wrapper select { padding: 0.25em 0.5em 0.32em 0.5em; } .select-wrapper::after { display: none; } } /* Microsoft Edge Browser 12+ (All) - @supports method */ @supports (-ms-accelerator:true) { }