* { margin: 0; padding: 0; outline: 0; } ::-moz-selection {} ::selection {} ::-webkit-selection {} :focus-visible { outline-color: #3c3c3c !important; outline-style: auto !important; outline-width: .125rem !important; box-shadow: none !important; } input:focus-visible {outline: none !important;} select:focus-visible {outline: none !important;} textarea:focus-visible {outline: none !important;} form input:focus {border-width:1px;outline: 1px solid #3c3c3c !important; outline-offset:0 !important;} form input:focus-visible {border-width:1px;outline: 1px solid #3c3c3c !important; outline-offset:0 !important;} form textarea:focus {border-width:1px;outline: 1px solid #3c3c3c !important; outline-offset:0 !important;} form textarea:focus-visible {border-width:1px;outline: 1px solid #3c3c3c !important; outline-offset:0 !important;} #noJS {text-align:center; padding: 0px; width:100%; background-color:rgb(255, 255, 224); font-weight:normal; font-style:italic; line-height:2rem;} html {min-height: 100%;-webkit-tap-highlight-color:transparent;} html.showmenu {overflow:hidden;} html.showlocation {overflow: hidden;} body { min-height: 100%;} div.testsize {display:block;position:absolute;left:0;top:0;color:#000;width:auto;height:auto;font-size:16px;z-index:999;} .progress-gotop {position: fixed;bottom: -55px; right: 40px;height: 55px;width: 55px;-webkit-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-2px);border-radius: 50%;z-index: 9;box-shadow: inset 0 0 0 3px rgba(0, 98, 171,.4);cursor: pointer;-webkit-transition: .5s;transition: .5s;opacity: 0;-webkit-transition: bottom opacity .3s; transition:bottom opacity .3s; background:rgba(0, 98, 171,.1);} .progress-gotop.hide {opacity: 0;bottom:-55px} .progress-gotop.show {opacity: 1; bottom:20px;} .progress-gotop:hover {background:rgba(0, 98, 171,.2);} .progress__container {position: relative; width: 100%; height: 0; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end} .progress__arrow {position: absolute; width: 100%; height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;-webkit-transition: .5s;transition:.5s} .progress__arrow svg {height: 26px;width:24px} .progress__arrow svg path { stroke:#0062AB;stroke-width: 2;stroke-linecap:round} .progress-gotop .progress-circle { height: 100%;width:100%} .progress-gotop .progress-circle path {stroke: #0062AB; stroke-width: 5;fill: none;-webkit-transition: none !important; transition:none !important;} img { outline: 0; border: 0;} a {-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;border:none;outline:0;} button {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease; outline: none !important;} button {outline: none !important; } button:focus {box-shadow: none !important;} body { font-family: 'Montserrat', sans-serif; font-optical-sizing: auto; font-weight:400; font-style:normal; font-size: 1rem; line-height:1.5rem; color:#3C3C3C; padding: 0px; margin: 0px; text-rendering: optimizeLegibility; position:relative; overflow-x: hidden; word-wrap: break-word; background:#ffffff; -ms-text-size-adjust:100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased; } html.sticky body {padding-top: 74px;} div { display: block; } ol, ul {list-style: none;margin:0;padding:0;} ul li { list-style: none; padding: 0; margin: 0;font-size: 1rem; line-height: 1.5rem;} ol li {list-style: none; padding: 0; margin: 0;font-size: 1rem; line-height: 1.5rem;} p {font-size: 1rem; line-height: 1.5rem;} .mainsite p {font-size: 1.25rem; line-height:2rem;} .mainsite ul li {font-size: 1.25rem; line-height:2rem;} .mainsite ol li {font-size: 1.25rem; line-height:2rem;} p a:not(.btn) {color:#003b5c; font-weight: 700;} p a:not(.btn):hover {color:#46749b;} .mainsite p span.error {font-weight: 600;} .modal.fade.show {opacity: 1;} .modal-header {text-align: center; padding: 20px 15px 15px; position: relative;border-bottom-color:#003B5C;} .modal-header h5 {text-align: left; display: block;width:100%; padding: 0px 50px 0px 0px;margin: 0; color:#fff; font-size:1.15rem; position: relative; font-weight: 700;} .modal-header button.close {outline: none !important; text-shadow: none; margin: 0; position: absolute; padding:0;right:1rem; top:50%; transform:translateY(-50%); color:#fff; opacity: 1 !important; font-size: 1.75rem; width:32px; height:32px; line-height:1; background-color:transparent; border-radius: 0; -webkit-transition: 0.3s 0s background-color ease; transition: 0.3s 0s background-color ease;font-weight: normal; border: 0 none;} .modal-header button.close:hover {background-color:transparent; color:#D3E3EE;} .modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);} .modal-content {background-color:#003B5C; border:none; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2);} .modal-content p {} .modal.adimage .modal-dialog {max-width:100%;} .modal.adimage .modal-body span.buttons {position: absolute;z-index: 4;left: 15px; top: 5px; display: block;} .modal.adimage .modal-body span.buttons button {border: 1px solid #ededed; border-radius: 4px; background-color:rgba(255,255,255,0.7); padding: 0px; cursor: pointer; font-size:11px; color:#666; width:30px; height:27px; line-height: 25px; text-align: center; display:block; outline: none !important;} .modal.adimage .modal-body span.buttons button.inactive {color:#999;} .modal.adimage .modal-body span.buttons button.zoom-in {-webkit-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;} .modal.adimage .modal-body span.buttons button.zoom-out {-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;} #mapError.modal .modal-body p {margin: 0;} #qrcode.modal .modal-body {text-align: center;} .modal-instructions.modal .modal-body .btn {margin: 0 auto 10px; flex-grow:0; width:auto; max-width: 135px;} .modal-instructions.modal .modal-body .btn i {position: relative; margin-right:8px;} #subscribemodal .modal-content {} #subscribemodal .modal-header h5 {text-align: center; padding: 0 30px;} #subscribemodal .modal-body > p {text-align: center; margin: 10px 0px;} #subscribemodal .form-container {width:100%; display:block; margin: 0 auto;} #subscribemodal .form-container form {width:100%; margin: 0 auto; padding: 0; position: relative; height:auto;} #subscribemodal form input[type=checkbox][name=interested] {display:none;} #subscribemodal .form-container .form-group {position: relative;} #subscribemodal .form-container .form-control {position: relative;} #subscribemodal .form-container .form-actions {margin-bottom: .75rem;} #subscribemodal .form-container .form-actions .btn {margin-top:.75rem; margin-left: auto;margin-right: auto;} #subscribemodal .form-container .form-actions .btn:disabled {background-color:#888; border-color:#888;} #subscribemodal .form-container ::-webkit-input-placeholder {} #subscribemodal .form-group .row {-webkit-justify-content: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; align-items: center; /*flex-wrap: nowrap;*/} #subscribemodal .form-group .row > .form-check {width:auto; margin-right:0.5rem} #subscribemodal .form-group .row > .form-check:last-child {margin-right: 0;} #subscribemodal label.form-check-label {font-size: 0.95rem;color:#3c3c3c; font-weight: 700;} #subscribemodal .form-check-input:checked {background-color:#003B5C; border-color:#003B5C;} #subscribemodal .form-check-input:focus {border-color:#1175A7; box-shadow: 0 0 0 .25rem rgba(17,117,167,.25); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231175A7'/%3e%3c/svg%3e");} #subscribemodal .form-check-input:checked:focus {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");} #subscribemodal #formresponse2 > div {border-top:1px solid #D3E3EE; padding: 1rem 0 0 0; margin: 0 0 0 0; position: relative; display: block; width:100%; float:left; text-align: center; } #subscribemodal #formresponse2 > div p span {font-weight:700;} #subscribemodal .form-container .popover.fade {opacity: 1; z-index: 10;} #subscribemodal .form-container .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:#A7A8A9;} #subscribemodal .form-container .popover .popover-body {font-family: 'Montserrat', sans-serif; text-align:center; color:#3c3c3c; padding: 0.5rem 1rem; font-size: 0.85rem; line-height: 1.5;} #subscribemodal .form-container .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, #subscribemodal .form-container .bs-popover-top>.popover-arrow::before {border-top-color:#A7A8A9;} #subscribemodal .form-container .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, #subscribemodal .form-container .bs-popover-start>.popover-arrow::before {border-left-color:#A7A8A9;} #subscribemodal .form-container .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, #subscribemodal .form-container .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#A7A8A9;} #subscribemodal .form-container .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, #subscribemodal .form-container .bs-popover-end>.popover-arrow::before {border-right-color:#A7A8A9;} /* Main Site Forms */ ::-webkit-input-placeholder {color: #000; color: rgba(0,0,0,0.25);} :-moz-placeholder {color: #000; color: rgba(0,0,0,0.25);} ::-moz-placeholder {color: #000; color: rgba(0,0,0,0.25);} :-ms-input-placeholder {color: #000; color: rgba(0,0,0,0.25);} .placeholder {color: #000; color: rgba(0,0,0,0.25);} .form-control {font-size: 1rem; line-height: 1.5rem; position: relative; flex: 1 1; color:#63666a; padding: 1rem; border:.0625rem solid #a7a8a9; border-radius: 0; } .form-control:focus {outline: .125rem solid #3c3c3c !important; outline-offset: .1875rem !important; border-radius: .25rem; border-color:#a7a8a9 !important; box-shadow: none;} .form-control:focus-visible {outline: .125rem solid #3c3c3c !important; outline-offset: .1875rem !important; border-radius: .25rem; border-color:#a7a8a9 !important; outline-color: #3c3c3c !important;} .form-control::-webkit-input-placeholder {opacity: 0.6} .btn-primary {width:100%; text-align: center; padding:0.5rem 2rem; border-radius: .25rem; text-decoration: none; display: flex; border: .125rem solid transparent; cursor: pointer; justify-content: center; align-items: center; gap: .5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; color:#fff; background-color:#1175a7;} .btn.btn-primary:active {color:#fff; background-color:#1175a7;border-color: transparent} .btn-primary:hover {background-color:#003b5c; color:#fff; border-color: transparent} .btn-secondary {width:100%; text-align: center; padding:0.5rem 2rem; border-radius: .25rem; text-decoration: none; display: flex; border: .125rem solid transparent; cursor: pointer; justify-content: center; align-items: center; gap: .5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; color:#fff; background-color:#63666a;} .btn.btn-secondary:active {color:#fff; background-color:#63666a;} .btn-secondary:hover {background-color:#a7a8a9; color:#fff; border-color: transparent} .btn-outline {width:100%; text-align: center; padding:0.5rem 2rem; border-radius: .25rem; text-decoration: none; display: flex; border: .125rem solid transparent; cursor: pointer; justify-content: center; align-items: center; gap: .5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; color:#fff; background-color:transparent; border-color:#fff;} .btn.btn-outline:active {color:#fff; background-color:transparent;border-color:#fff;} .btn-outline:hover {background-color:#fff; color:#3c3c3c; border-color:#fff;} .mainsite .btn-primary {font-size: 1.25rem; font-weight: 600; padding: 1rem 2.5rem; background:linear-gradient(180deg, #46749b 0, #003b5c 100%); border-radius: 7.5rem; gap: 1rem; border:none;} .mainsite .btn.btn-primary:active {background:linear-gradient(180deg, #46749b 0, #003b5c 100%);} .mainsite .btn-primary:hover {background:linear-gradient(180deg,#46749b 0,#000c12 100%);} /* Main Elements */ .pagewrapper { position: relative;display: block; flex: 1 0 auto; overflow-x: hidden;} #main {position: relative;width:100%;} .container {position: relative; flex-grow: 1; max-width:100%;} .container-fluid {position: relative; flex-grow: 1; width: 100%; /*max-width:90rem;*/ max-width:1536px; padding-left:1rem; padding-right:1rem;} /* Header */ header {position: fixed; background-color:#fff; width:100%; z-index: 20; top:0; box-shadow: 0 var(--semantic-measures-spacing-002) var(--semantic-measures-spacing-002) 0 #00000040;} header.sticky {box-shadow: 0 var(--semantic-measures-spacing-002) var(--semantic-measures-spacing-002) 0 #00000040; position: fixed; } header #topbar {position: relative; width:100%; background-color:#f4f5f5;} header #topbar .container-fluid {position: relative; width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; align-items: center; flex-direction: row; transition: height .2s ease-in-out; z-index: 20; } header #topbar h1, header #topbar a#translatebutton {position: relative;font-size: .75rem; font-weight: 500; line-height: 1rem; margin: 0; padding: 1rem; display: flex;align-items: center; color:#3C3C3C; text-decoration: none;} header #topbar h1 {} header #topbar a#translatebutton:after {display: none;} header #topbar a#translatebutton i {position: relative; margin-right:5px;} header #topbar a#translatebutton:hover {background-color: #dadbdb;} #navigation {position: relative; width:100%; display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; background-color:#f4f5f5; transition: background-color .2s ease; } header.sticky #navigation {} .header-left {position: relative;} .header-left a.navbar-brand {position: relative; flex: 1 1; display: flex; align-items: center; max-width:-moz-fit-content; max-width: fit-content; padding-top:1.25rem; padding-bottom: 1.25rem;} .header-left a.navbar-brand img {position: relative; height:auto; max-height:3.5rem; max-width:100%; object-fit: contain; width:300px;} .header-right {position: relative; display: flex; align-items: center; justify-content: flex-end;} #navbarCollapse { padding: 0; margin:0; height:100%; align-items: center; justify-content: center;} #navbarCollapse > ul {position: relative; display: flex; justify-content: center; padding: 0; margin: 0; height:100%; align-items: center;} #navbarCollapse > ul > li {position: relative;} #navbarCollapse > ul > li > a {position: relative; display: flex; align-items: center; position: relative; padding: 20px 8px; font-size: .875rem; font-weight: 500; line-height: 1.5rem; color:#3C3C3C; } #navbarCollapse > ul > li > a:after {content: ''; display: block; height:8px; position: absolute; background-color:#46749b; bottom:0; width:calc(100% - 2rem);} #navbarCollapse > ul > li > a[role=button] {border:none; -webkit-appearance: none; appearance: none; color:#3C3C3C; font-weight: 500;text-decoration: none; line-height: 1.5rem; } #navbarCollapse > ul > li > a span {position: relative; } #navbarCollapse > ul > li ul {} .navbar-header-mobile {position: relative;} button.navbar-toggler {font-size: .875rem; font-weight: 500; line-height: 1.5rem; display: flex; align-items: center; background-color:transparent; position: relative; border:none; height:auto; padding: 20px 8px;} button.navbar-toggler span {position: relative;} button.navbar-toggler span:before {content: 'Close';display: none;} button.navbar-toggler svg {margin-left:0.25rem; width:1rem; height:1rem;} button.navbar-toggler svg.fa-xmark {display: none;} #menubackground {position: fixed; background-color: #f4f5f5; transition: 0.5s ease opacity; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100vh; z-index: 10; opacity: 0; pointer-events: none;} html.showmenu #menubackground {opacity: 1; pointer-events: unset;} /* Inside Header */ #location-button {position: relative;font-size: .75rem; font-weight: 500; line-height: 1rem; margin: 0; padding: 1rem; display: flex;align-items: center; color:#3c3c3c; text-decoration: none; } /* Footer */ footer {position: relative; border-top:.5rem solid #46749b;color:#fff; } footer .logos {background-color:#353535; position: relative;} footer .logos .container-fluid {max-width: 1392px; padding-top:2rem; padding-bottom: 2rem; display: flex; justify-content: center; width:100%; height:100%; align-items: center; gap: 1.5rem; flex-direction: column;} footer .footer-img {position: relative; display: flex; height:100%; justify-content: center; align-items: center; } footer .logos img {width:225px;height:100%;} footer .legal {position: relative; background-color: #252525;} footer .legal .container-fluid {padding-top:32px; padding-bottom: 32px;} footer .legal .row {justify-content: center;align-items: center; flex-direction: column;} footer .copyright {position: relative; width:auto; margin-bottom: 20px;} footer .footerlinks {position: relative; width:auto; } footer .footerlinks ul {position: relative; margin: 0; padding: 0; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; } footer .footerlinks ul li {position: relative; margin: 0; margin-right:1.5rem;} footer .footerlinks ul li:last-child {margin-right: 0;} footer .footerlinks ul li a {text-decoration: none; font-weight: 400; color:#fff;} /* Inside Footer */ footer.insidefooter {background-color: #f4f5f5; border-top:.0625rem solid #63666a; color:#3C3C3C;} footer.insidefooter .legal {background-color: transparent;} footer.insidefooter .legal .container-fluid {padding-bottom: 2rem;} footer.insidefooter .legal .row {justify-content: center;align-items: center;flex-direction: column;} footer.insidefooter .footerlinks {margin-bottom: 1rem; } footer.insidefooter .footerlinks ul {flex-wrap: wrap; justify-content: center;} footer.insidefooter .footerlinks ul li a {color:#3C3C3C; font-weight: 700;text-decoration: underline;} footer.insidefooter .copyright {margin-bottom: 0; font-size: .875rem; display: block; width:100%; text-align: center;} /* Main Index */ #mainimage {position: relative; width:100%; overflow: hidden; display: block; margin: 0; padding: 0;height:31.5rem;} #mainimage .slideimage:before {content: ''; position: absolute; top:0; left: 0; right:0; bottom: 0; width:100%; height:100%; z-index: 1; background:linear-gradient(180deg,#0000,#000); opacity: 0.25;} #mainimage .slideimage {position: absolute; top:0; left: 0; right:0; bottom:0; width:100%; } #mainimage .slideimage img {object-fit: cover; width:100%; height:100%; object-position: 50% 50%;} #mainimage .caption {position: absolute; width:100%; height:100%; display: flex; justify-content: center; align-items: flex-end; left: 0; bottom: 0; text-align: center; z-index: 2;} #mainimage .caption > div {gap:1rem; width:100%; display: flex; flex-direction: column; padding:1rem 1rem 2rem; text-shadow: 0 .125rem .125rem rgba(0,0,0,.25); color:#fff;} #mainimage .caption h2 {font-size: 2.25rem; line-height: 2.5rem; font-weight: 400;} .mainindex {position: relative;} .mainindex > div.container-fluid {margin-top:40px; margin-bottom: 40px; max-width: 74.75rem; text-align: center;} .mainindex p {font-size: 1.25rem; line-height: 2rem; font-weight: 400; margin: 0;} .mainindex p.last {margin-top:1rem; font-style: italic;} .locations-index {position: relative; margin-top:65px; background-color:#f7f7f7;} .locations-index .container-fluid {position: relative;padding-left: 0; max-width:100%;} .locations-index .row {padding-top:50px; padding-bottom:50px;position: relative; overflow-x: clip;} .locations-index .row > div {padding: 0;position: relative;} /*.locationmap-outer {position: relative; width:100%; height: 600px;} .locations-index .mapbox {position: absolute; left:-3vw; top:30px; width: 50vw; } #details-box {display: none;} .locations-index svg#us-map {filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.15));max-width:100%;}*/ .locationmap-outer {position: relative;} .locations-index .mapbox {position: absolute; top:30px;left: -3vw; z-index: 1;} .locations-index .maptext {position: relative; width:100%; height:100%; display: flex; justify-content: center; align-items: center;} .locations-index .maptext p {position: relative; font-size: 21px;line-height: 40px; margin: 35px 0 15px 0; text-align: center; } .locations-index .maptext p i {display: none; margin-right:23px;} #details-box { display: none; box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.7);opacity: 0%;padding: 1rem;border-radius: 8px;font-size: 24px;position: fixed;color: white;background-color: black;width: fit-content;transform: translateX(-50%);transition: opacity .4s ease;z-index: 1;} .locations-index svg#us-map {position: relative;filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.15));max-width:100%; height:100%;} .locations-index svg#us-map path#AK {display: none;} .locations-index svg#us-map path#HI {display: none;} .locations-index path {stroke: #ddd;fill:#fff !important;transition: fill .4s ease;transform-origin: center center;} .locations-index path.active:hover {cursor: pointer;} .locations-index path[data-region=atrium] {fill: #e5f2f3 !important;} .locations-index path[data-region=advocate] {fill: #f1f1f8 !important;} .locations-index path[data-region=aurora] {fill: #e4f1ee !important;} .locations-index path[data-region=atrium]:hover {fill: #00818a !important;} .locations-index path[data-region=advocate]:hover {fill: #7f82c4 !important;} .locations-index path[data-region=aurora]:hover {fill: #008065 !important;} .locations-index path[data-region=atrium].region-selected {fill: #00818a !important;} .locations-index path[data-region=advocate].region-selected {fill: #7f82c4 !important;} .locations-index path[data-region=aurora].region-selected {fill: #008065 !important;} img.logo-map {position: absolute; z-index: 1; width:18px;height:18px; opacity: 0.7; cursor: pointer;} img#atrium-logo-map-1 {right:20%; top:54%;} img#atrium-logo-map-2 {right:17.5%; top:52%;} img#atrium-logo-map-3 {right:27.5%; top:63%;} img#atrium-logo-map-4 {right:25%; top:67%;} img#aurora-logo-map-1 {right:38.5%; top:25%;} img#advocate-logo-map-1 {right:37.5%; top:35%;} .location-slide {position: fixed; top:0; left: calc(100vw + 30px); width:50vw; height:100vh; background-color:#fff; z-index: 1000; padding: 53px 20px 0; margin-left:30px; transition: 0.5s ease left; box-shadow: 0 0 25px rgba(0, 0, 0, 0.251); display: flex; overflow-y: scroll; } #background {position: fixed; background: rgba(0, 0, 0, 0.4); transition: 0.5s ease opacity; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100vh; z-index: 999; opacity: 0; pointer-events: none;} .location-slide.slidein {left: 50vw; margin-left:0;} #background.in {opacity: 1; pointer-events: unset;} .location-slide button {background:none; border:0; font-size: .875rem; position: absolute; right:30px; text-transform: uppercase; top: 25px;} .location-slide button:after {content: '\f00d'; font: var(--fa-font-solid); font-size: 16px; position: relative; margin-left:10px; top:1px; -webkit-font-smoothing: antialiased;} .location-slide button i {font-size: 30px; } .location-slide .inside {position: relative; display: flex; flex-direction: column;} .location-slide .inside img {margin-bottom: 62px; max-width: 296px;} .location-slide p {font-size: 1.25rem; line-height:2rem;} .location-slide p a {font-weight: 600;} .location-slide p a:hover {color:#003B5C;} .mainlocationlist {position: relative; width:100%;font-size: 17px; line-height: 30px; color:#3c3c3c;} .mainlocationlist > div {margin-bottom:50px; position: relative; display: block;} .mainlocationlist span {display: block; position: relative;font-weight: 700; margin-bottom:40px;} .mainlocationlist a {display: block; position: relative; color:#003B5C; font-weight: 600; } .mainlocationlist > div p:last-child {margin-top:40px;} .mainlocationlist hr {position: relative; margin-top:30px;margin-bottom: 30px;} #advocate.location-slide {background-image: url("../images/logos/adv-logo-cutout.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 215px 197px;} #aurora.location-slide {background-image: url("../images/logos/aur-logo-cutout.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 215px 200px;} #atrium.location-slide {background-image: url("../images/logos/atr-logo-cutout.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 215px 197px;} /* Inside Pages */ .maincontent {position: relative;} #pagecontent {padding-bottom: 2rem;} .pagecontent {position: relative; float:left; width:100%; margin: 0 0 15px; padding: 0;} .ajaxcontent {float:left; width:100%; height: auto; position: relative;} .maincontent .dropdown-menu {box-shadow: 0 0 20px 0 rgba(0,0,0,.1); color:#000000; border-radius: 0px; border: 0px solid rgba(0,0,0,.15); margin-top:8px !important; margin-bottom:8px !important; padding:0; width:auto; min-width: 200px; white-space: normal;} .maincontent .dropdown-menu a.dropdown-item {padding:.5rem 1rem; position: relative; display:block; font-weight: 500; color:#3c3c3c; font-size: 0.875rem; line-height: 1.25rem; border-top:1px solid #dadbdb;} .maincontent .dropdown-menu a.dropdown-item:first-child {border-top:none;} .maincontent .dropdown-menu a.dropdown-item:hover {background-color:#dadbdb; color:#3c3c3c; text-decoration: none;} .maincontent .dropdown-menu a.dropdown-item:active, .maincontent .dropdown-menu a.dropdown-item:focus {background-color:transparent;} .maincontent .dropdown-menu a.dropdown-item.mainactive {background-color:transparent; color:#3c3c3c;} .maincontent .dropdown-menu button.dropdown-item {padding:.5rem 1rem;; position: relative; display:block; font-weight: 500; color:#3c3c3c; font-size: 0.875rem; line-height: 1.25rem; border-top:1px solid #dadbdb;} .maincontent .dropdown-menu button.dropdown-item:first-child {border-top:none;} .maincontent .dropdown-menu button.dropdown-item:hover {background-color:#dadbdb; color:#3c3c3c; text-decoration: none;} .maincontent .dropdown-menu button.dropdown-item:active, .maincontent .dropdown-menu button.dropdown-item:focus {background-color:transparent;} .maincontent .dropdown-menu button.dropdown-item.mainactive {background-color:transparent; color:#3c3c3c;} .maincontent .dropdown-menu button.dropdown-item.mixitup-control-active {background-color:#fff; color:#3c3c3c;} .breadcrumbs {display: none; position: relative; padding-top:1rem; padding-bottom: 0rem; width:100%;} .breadcrumbs ul {position: relative; display: flex; gap: 1rem; align-items: center; margin: 0; padding: 0; flex-wrap: wrap;line-height: 1.5rem;} .breadcrumbs ul li {position: relative;display: inline-flex; gap: 1rem; align-items: center;} .breadcrumbs ul li a {position: relative;font-size: .875rem; text-decoration: none; font-weight: 400; line-height: 1.5rem; color:#3c3c3c;} .breadcrumbs ul li a:hover {color:#1175a7;} .breadcrumbs ul li.last a {font-weight: 700; cursor: text;} .breadcrumbs ul li.last a:hover {color:#3c3c3c;} .breadcrumbs ul li span {position: relative; display: flex; width:5px;height:8px; font-size: 8px; align-items: center; justify-content: center; } .mainpagetitle {position: relative; margin: 0 auto 0; padding: 2.5rem 0 2.5rem 0;} .mainpagetitle h1 {font-weight: 400; font-size: 2.5rem; line-height: 3.5rem; margin: 0; padding: 0;} .mainsite-subtitle {position: relative; margin: 0; padding: 0;} .mainsite-subtitle h2 {font-size: 2rem; line-height:3rem; font-weight: 400; position: relative; margin: 0 auto 1.5rem auto; padding: 0;} .pagetitle {position: relative; margin: 0 auto 0; padding: 0; } .fullcolumn .pagetitle {padding-top: 2.5rem; padding-bottom:2.5rem;} .rightcolumn .pagetitle {padding-bottom: 2.5rem;} .pagetitle h1 {position: relative; margin: 0; padding:0; font-weight: 700; font-size: 2rem; line-height: 2.5rem;} .subtitle {position: relative; margin: 0; padding: 0;} .subtitle h2 {font-size: 1.5rem; line-height:2rem; font-weight: 700; position: relative; margin: 0 auto 1.5rem auto; padding: 0;} .contentrow {margin-top:2.5rem;} .leftcolumn {position: relative;} .rightcolumn {position: relative;} .leftcolumn .sidebar {position: relative; padding:1rem; transition: all .3s ease-out 0s; background-color:#f4f5f5; } .leftcolumn .sidebar h4.navtitle {position: relative; display: flex; font-size: 1rem; line-height:1.5rem; font-weight: 700; color:#1175a7;} .leftcolumn .sidebar h4.navtitle i {font-size: 1rem; position: relative; width:1rem; height:1rem; } .leftcolumn .sidebar h4.navtitle a {color:#1175a7; font-weight: 700; display: block;} .leftcolumn .sidebar h4.navtitle a span {padding-left:.5rem; position: relative;} .leftcolumn a.toggle {position: relative; left: -1rem;padding:0.5rem 1rem;background-color:#1175a7; color:#fff; display: inline-flex; align-items: center; gap:1rem; border-radius: 0 .5rem .5rem 0; height: 2.75rem; line-height: 1.15;} .leftcolumn a.toggle span {position: relative; font-size: .75rem; font-weight: 600; text-transform: uppercase;} .leftcolumn a.toggle i {position: relative;} .leftcolumn a.toggle[aria-expanded=true] {border-radius: 0;} .leftcolumn a.toggle[aria-expanded=true] span {display: none;} .leftcolumn a.toggle[aria-expanded=true] i:before {content: '\f00d';} #accordion {position: relative;background-color:transparent; border:none; border-radius: 0; padding: 0 0 0 2rem; margin: 0;} #accordion .accordion-item {border:none;background:none; position: relative; padding:1rem 0 0 0; margin:0 0;} #accordion .accordion-item > h3 {display: flex; margin: 0; padding: 0; position: relative; background-color:transparent; border:none; font-size: 1rem; line-height: 1.5rem;} #accordion .accordion-item > h3 > a {display: flex; margin: 0; padding: 0; position: relative; background-color:transparent; border:none; justify-content: space-between; align-items: center; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color:#3c3c3c; text-decoration: none; box-shadow: none;} #accordion .accordion-item > h3 > a:after {display: none;} #accordion .accordion-item > h3 > a i {position: absolute; right:0;} #accordion .accordion-item > h3.active > a {font-weight: 700;} #accordion .accordion-item > h3.active > a i:before {content: '\f068';} #accordion .accordion-item .accordion-body {position: relative; max-height:250px;padding:0; border-radius: 0; margin: 0;} #accordion .accordion-item .accordion-body ul {position: relative; padding: 0 0 0 1.5rem; margin: 0;} #accordion .accordion-item .accordion-body ul li {position: relative; padding: 1rem 0 0 0; margin: 0;} #accordion .accordion-item .accordion-body ul li a {color:#3c3c3c; text-decoration: none;} #accordion .accordion-item .accordion-body ul li.active a {font-weight: 700;} #accordion .accordion-item .accordion-body ul li a:hover {color:#1175a7; text-decoration: underline;} #accordion .accordion-item .accordion-body ul li a span {position: relative; padding-right: 10px; display: flex;} .pagination {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; margin: 60px auto 0 auto;} .pagination li.page-item {position: relative; margin:0; padding: 0;} .pagination li.page-item button {width:3rem; height:3rem; border-radius: 0; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; margin: 0 1px; background:#fff; border:none; color:#3c3c3c; font-size: .875rem; line-height: 1.5rem; border-radius: .125rem;} .pagination li.page-item:last-child button {border-radius: .125rem;} .pagination li.page-item:first-child button {border-radius: .125rem;} .pagination li.page-item button:hover {color:#fff; background:#46749b;} .pagination li.page-item button.mixitup-pager-active {color:#fff;background:#003b5c;font-weight: 700; font-size: 1rem;} .page-arrow .page-link.mixitup-pager-next:hover {} .page-arrow .page-link.mixitup-pager-prev:hover {} .page-arrow .page-link.mixitup-pager-disabled {color:#aaa; cursor: not-allowed} .page-arrow .page-link.mixitup-pager-disabled.mixitup-pager-prev:hover, .page-arrow .page-link.mixitup-pager-disabled.mixitup-pager-next:hover {color:#aaa; background:#fff;} .top-pagination {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; margin:0 0 1.5rem 0; background-color: #f3f8fb; padding: 1rem 2rem; border:none; box-shadow: none; position: relative; z-index: 1} .top-pagination .mixitup-page-stats {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 0;} .top-pagination .mixitup-page-stats > div span {font-weight:700;} .pagination-buttons {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;} .pagination-buttons .newvendorfilter {margin-right:1rem;} .pagination-buttons .newvendorfilter a.btn {-webkit-appearance: none; appearance: none; margin: 0; box-shadow: none;} .pagination-buttons .newvendorfilter a.btn i {position: relative; line-height: 1; margin-left:0.5rem;font-size: 1rem; top:1px;} .pagination-buttons .newvendorfilter a.btn.show {background-color: #a7a8a9; border-color:transparent; color:#fff;} .pagination-buttons .newvendorfilter a.btn.show i {transform: rotate(180deg);} .selectview {position: relative;} .selectview span {position: relative;} .selectview a {position:relative; } .selectview button#showall { } .selectview button#showall:hover {} .selectview button#showall.disable {cursor: default;background-color:#eee; border-color:#eee; color:#888;} .pagination.mixitup-mixitup-page-list-disabled {border-top-color:transparent;} #cat.hidepager .pagination {display:none;} #cat.hidepager .top-pagination {display:none;} #newvendors.hidepager .pagination {display:none;} #newvendors.hidepager .top-pagination {display:none;} #newvendors.hidepager .top-pagination .selectview {display:none;} .pagination.mixitup-mixitup-page-list-disabled {display:none;} /* None/Denim Blue/Gold/Green/Orange/Peacock/Purple/Wellness Blue */ .bordered-card {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; gap:2rem; padding: 2.5rem 1.5rem 3rem; justify-content: space-between; border-top:.5rem solid transparent; box-shadow: 0 .375rem 1.5rem #0000001a; color:#3c3c3c} .bordered-card.green {border-top-color: #bfd22b;} .bordered-card.orange {border-top-color: #f68d39;} .bordered-card.blue {border-top-color: #68cef2;} .bordered-card.denimblue {border-top-color: #1175a7;} .bordered-card.purple {border-top-color: #8270b3;} .bordered-card.gold {border-top-color: #ffce34;} .bordered-card i {width:6rem; height:6rem; font-size: 4.5rem; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;color:#A7A8A9;} .bordered-card h4 {font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; margin: 0;} /* Faqs */ #faqs {position: relative; margin: 1rem auto 0 auto; box-shadow: 0 .375rem 1.5rem #0000001a; } #faqs .faqs {border-top:.0625rem solid var(--semantic-color-border-inverse-tertiary); font-size: 1rem; line-height: 1.5rem; background-color:#f4f5f5;} .faqs .faq-header {position: relative; padding: 0; cursor: pointer;} #faqs .faqs h4 {font-size: 1.25rem;line-height: 2rem; font-weight: 400; margin: 0;display: flex; gap: 0.5rem; align-items: center; justify-content: space-between; padding: 1rem 2rem; cursor: pointer;} .faqs .faq-body {display: none; position: relative; padding: 0.5rem 2rem 3rem 2rem;} .faqs .faq-body p {margin: 0; padding: 0;} #faqs .faqs.activefaq {background-color: #fff;} #faqs .faqs.activefaq h4 {font-weight: 700;} #faqs .faqs.activefaq h4 i:before {content: '\F63B';} /* Contact */ .contactcard {background-color: #f3f8fb; padding: 3rem 3.5rem 4rem; display: flex; flex-direction: column; align-items: center; text-align: center; line-height:1.5rem; } .contactcard:hover {background-color: #1175a7; color:#fff;} .contactcard:hover a {color:#fff;} .contactcard:hover span {color:#fff;} .contactcard a {transition:none; color:#1175a7;} .contactcard a:hover {color:#fff;} .contactcard:hover a:hover {color:#fff;} .contactcard h3 {margin:0 0 1.5rem; padding:0; position:relative;font-size: 1.25rem; line-height: 2rem; font-weight: 700;} .contactcard span {position: relative; display: flex; gap:0.5rem; font-weight: 700; color:#1175a7;} .contactcard span:nth-child(3) {margin-top: 0.5rem;} /* Form Pages */ .formpage {float:left; width:100%; height:auto; display: block; position: relative; padding: 0 0 2.5rem; margin: 0 auto 0 auto;} .formpage .formContainer.contact {margin-top:2.5rem;} p.formpagetext {display: block; float:left; width: 100%; position: relative; text-align:left; margin-top: 0;} .formContainer p.smaller {margin:1rem 0 0; padding: 0; font-size: .85rem; float:left; width:100%; display: block; font-style: italic; text-align: center; font-weight: 400;} .formContainer input[type=checkbox] {display:none;} .formContainer {position: relative; float:left; width:100%; margin: 0px auto 0 auto; padding: 0px;} .formContainer form {position: relative; } .formContainer form .row {position: relative;} .formContainer .form-group {position: relative;} .formContainer .form-group .form-control {position: relative;} .formContainer .form-group textarea {height:auto;} .formContainer .form-control.valid {background-color: #fff;border-color:#007078;} .formContainer .form-group > .valid:after {content: ''; position: absolute; background-image: url(../images/form-valid.png); background-repeat: no-repeat; width:22px; height: 22px; background-size: 22px; right: 25px; top:50%; margin-top:-11px; z-index: 5;} .formContainer .hasvalue .form-control {background-color:#fff;border-color:#007078;} .formContainer .form-group .error .form-control {border-color:#004E55; } .formContainer .form-group .error .form-control:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(0,78,85,.15);} .formContainer .form-group > div.error:before {content: ''; position: absolute; background-image: url(../images/form-error.png); background-repeat: no-repeat; width:22px; height: 22px; background-size: 22px; right: 22px; top:50%; margin-top:-11px; z-index: 5;} .formContainer .eac-input-wrap {width:100%; position: relative;} .formContainer .eac-sugg {padding-left: 0px !important; padding-top: 12px !important; padding-bottom: 0px !important;} .formContainer .popover.fade {opacity: 1; z-index: 10;} .formContainer .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:#A7A8A9;} .formContainer .popover .popover-body {font-family: 'Montserrat', sans-serif; text-align:center; color:#3c3c3c; padding: 0.5rem 1rem; font-size: 0.85rem; line-height: 1.5;} .formContainer .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .form-container .bs-popover-top>.popover-arrow::before {border-top-color:#A7A8A9;} .formContainer .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .form-container .bs-popover-start>.popover-arrow::before {border-left-color:#A7A8A9;} .formContainer .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .form-container .bs-popover-bottom>.popover-arrow::before {border-bottom-color:#A7A8A9;} .formContainer .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .form-container .bs-popover-end>.popover-arrow::before {border-right-color:#A7A8A9;} .formContainer .select i.fa-sort {position: absolute; right: 30px; width:16px; height:16px; font-size: 16px; top:50%; margin-top:-8px;color:#003B5C} .formContainer .form-actions {width:100%; display: flex; align-items: center;justify-content: center; text-align: center; margin: 0rem auto 0 auto;} .formContainer .form-actions .btn {min-width:150px;} .formContainer .form-actions .btn:disabled {background-color:#888; border-color:#888;} /* Terms & Privacy Page */ .policypage {float:left; width:100%; height:auto; display: block; position: relative; margin-top: 0px;} #terms {position: relative; float:left; width:100%;} #terms .terms {float:left; width:100%; display: block; position: relative;} #terms .terms:not(.well) p {display: block; position: relative; float:left; width:100%; } #terms .terms .subtitle h4 {min-height: 0;} #privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 0px auto 0px auto; padding: 0; } #privacytable .table-responsive {float:left; width:100%;position: relative;} #privacytable table td {position: relative; border-bottom-color: #a7a8a9; border-bottom-width:.0625rem;} #privacytable table td a {display: block; text-decoration:none;position: relative; color:#003b5c; font-weight: 600;} #privacytable table td a:hover {color:#46749b;} #privacytable > div {margin-bottom: 25px;} #privacytable .card {border:none; background:#fff; border-radius: 0; padding: 0; width:100%;} #privacytable .card .card-header { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; margin:0 0 1.5rem 0; background:#fff; padding: 0; border-radius: 0; border:none; position: relative; z-index: 1; box-shadow: none;} #privacytable .card .card-header h4 {margin:0; font-weight: 700;} #privacytable .card .card-body {padding: 0; border: none;} #privacytable .card-body h5 {margin-bottom: 10px; font-weight: 500;} #privacytable .card-body strong {font-weight: 500;} #privacytable .card-body p {margin-bottom: 1rem;} #privacytable .card-body p:last-child {margin: 0;} #privacytable .card-body ul {margin: 0 0 1rem 0;padding: 0 0 0 1rem;position: relative;} #privacytable .card-body ul:last-child {margin:0;} #privacytable .card-body ul li {margin: 0 0 5px; list-style: outside; position: relative;margin-left: 1rem;} #privacytable .card-body ol {margin: 0 0 1rem 0;padding: 0 0 0 1rem;position: relative;} #privacytable .card-body ol:last-child {margin:0;} #privacytable .card-body ol li {margin: 0 0 5px; list-style: outside; position: relative;margin-left: 1rem;} .notices .subtitle h2 {margin-top:1rem;} .policypage .mainsite-subtitle h2 {margin-top:1.5rem;} /*** INSIDE PROGRAMS ***/ /** Inside Head **/ body.program header #topbar .container-fluid {z-index: 3;} header #topbar a#location-button i {position: relative; margin-right:5px;} header #topbar a#location-button {background-color:#003B5C; color:#fff;} header #topbar a#location-button:hover {background-color: #1175A7;} header #topbar a#location-button.active {background-color: #1175A7;} div.location-menu {top: 100%; padding: 0;border:0px solid #a7a8a9; border-radius: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.375rem 1.5rem; display: flex; transition: all .3s ease-out 0s; transform: scale(1,0);transform-origin: 0 0; opacity: 0; visibility: hidden;} div.location-menu.open {opacity: 1; visibility: visible; transform: scale(1);} div.location-menu.close {} div.location-menu ul {padding: 16px 0; position: relative; display: flex; flex-direction: column; } div.location-menu ul span.submenu-title {position: relative; font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; padding: 5px 24px; display: flex; color:#3C3C3C; text-decoration: none; font-style: italic;} div.location-menu ul span.submenu-title i {position: relative; line-height:1.5rem; font-size: 0.65rem; margin-left: .5rem;} div.location-menu ul i.fa-circle {font-size: 0.35rem; position: relative;line-height:1.5rem; margin-right:.5rem;} div.location-menu ul li {position: relative} div.location-menu ul li a {position: relative; font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; padding: 8px 24px; display: flex; color:#3C3C3C; text-decoration: none;} div.location-menu ul li a:hover {background-color:#dadbdb;} div.location-menu ul li a.active {background-color:#dadbdb;} li.searchcollapse a i {margin-left: .5rem;position: relative;} html.showsearch #navbarCollapse li.searchcollapse > a:after {opacity: 1;} @keyframes _slideDown_9xxyc_1 { 0% { height:0 } to { height:var(--semantic-measures-sizing-096) } } @keyframes _slideUp_9xxyc_1 { 0% { height:var(--semantic-measures-sizing-096) } to { height:0 } } #searchCollapse {position: absolute; width:100%; height:auto; top:100%; background-color:#fff; left: 0; right: 0; height: 0; overflow: hidden; animation: _slideUp_9xxyc_1 .2s ease-out forwards; } #searchCollapse.open {animation: _slideDown_9xxyc_1 .2s ease-out forwards; } #searchCollapse .container-fluid {position: relative;} #searchCollapse form {position: relative;border-top:.0625rem solid #F3F8FB; padding: 1.5rem .0625rem; /*animation-duration:.1s; animation-timing-function: ease-out; animation-fill-mode:forwards;animation-name: fade-out;*/} #searchCollapse.open form {/*animation-delay: .1s; animation-name: fade-in;*/} #searchCollapse form input {border-width:0px; flex: 1 1; font-size: 2rem;line-height: 2.5rem; font-weight: 500; outline: none !important;/*outline-offset: -4px !important; outline-color:#a7a8a9 !important; outline-width: 1px !important;*/ padding: 1px; transition:none;} #searchCollapse form button {font-size: 32px; padding: 0; position: absolute; right:0;height:auto; margin-top:-2px;color:#63666A;} #searchmodal .modal-content {background-color: #fff;} #searchmodal .modal-header h5 {color:#3c3c3c;} #searchmodal .modal-header button {color:#888;} #searchmodal .modal-body {padding: 2rem 1.5rem 2rem;} #searchmodal button.close {position: absolute; right:0; top:0; z-index: 1; background:none; border:none; font-size: 1.5rem; height:auto; display: flex; align-items: center; justify-content: center; width:auto; color:#1175A7;} #searchmodal button.close img {position: relative; width:30px; margin: 0 !important;} #searchmodal form {position: relative; width:100%; height:auto; align-items: center; justify-content: center;} #searchmodal form input {position: relative; width:100%;height:100%; padding-left:2rem; padding-right:1.5rem; transition: all .3s ease-out 0s; border-radius: 0; font-size: 1.15rem;} #searchmodal form button.search-btn {background:none; border:none; position: absolute; left:5px; padding: 0; color:#003B5C; font-size: 1.25rem; height:100%; top:0; } #searchmodal form button.search-btn i:before { position: relative;} #searchmodal form button.search-btn i.fa-search {} #searchmodal form ::-webkit-input-placeholder {opacity: 0.65;} #searchbackground {position: fixed; background-color: #000; transition: 0.5s ease opacity; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100vh; z-index: 10; opacity: 0; pointer-events: none;} html.showsearch #searchbackground {opacity: 0.75; pointer-events: unset;} /* Inside Index */ /* linear-gradient(270deg,#0000,#000) */ .indextop {position: relative;} #indexslides {position: relative; height:auto; overflow: hidden; z-index: 1; } #indexslides .swiper-wrapper {position: relative;} #indexslides .swiper-slide {position: relative; float:left;} #indexslides .slideimage {position: relative; padding: 0px; overflow: hidden;} #indexslides .slideimage:after {position: absolute; left: 0; top: 0; width:100%; height:100%; content: ''; background: linear-gradient(270deg,#0000,#000); opacity: .4;} #indexslides .swiper-slide.faqs .slideimage:after {position: absolute; left: 0; top: 0; width:100%; height:100%; content: ''; background: linear-gradient(270deg,#0000,#000); opacity: .75;} #indexslides .swiper-slide img {position: relative;display: block;width:100%;height:100%;object-fit: cover; font-family: 'object-fit:cover'; height:50vw;} #indexslides .swiper-slide.newvendors.macon .slideimage:after {opacity: .75;} #indexslides .swiper-slide.mobileapp.macon .slideimage:after {opacity: .75;} #indexslides .swiper-slide.newvendors.macon img {object-position: 0 70%;} #indexslides .swiper-slide.newvendors.rome .slideimage:after {opacity: .75;} #indexslides .swiper-slide.mobileapp.rome .slideimage:after {opacity: .75;} #indexslides .caption {position: relative; z-index: 2; height:100%; width:100%; color:#fff;} #indexslides .caption > div {position: relative; display: flex; height:100%; justify-content: center; align-items: center; background-color:#1175a7; padding: 1rem; gap:1rem; flex-direction: column;} #indexslides .caption > div > div {display: flex; flex-direction: column; text-align: center; gap: .5rem; width:100%;} #indexslides .caption h1 {font-size: 1.5rem; line-height: 2rem; font-weight: 700;} #indexslides .caption ul {position: relative;width: 100%;height: auto;margin: 0 0 1.5rem;padding: 0;display: -webkit-box;display: -moz-box; display: -webkit-flex;display: -ms-flexbox; display: flex;flex-wrap: wrap;-webkit-box-pack: space-between; -ms-flex-pack: justify; justify-content: space-between;} #indexslides .caption ul li {position: relative; display: -webkit-box;display: -moz-box; display: -webkit-flex;display: -ms-flexbox; display: flex; width:48%; margin: 0; padding: 0;} #indexslides .caption ul li a {position: relative;display: -webkit-box;display: -moz-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center;-ms-align-items: center; align-items: center; width:100%;height:100%; color:#fff; font-weight: 500; text-decoration: none;} #indexslides .caption ul li a:hover {text-decoration: underline;} #indexslides .mobileapp .caption a.btn {} #indexslides .mobileapp .caption span.store-btns {display: flex; gap: 1rem;} .indexmiddle {position: relative; width:100%;text-align: center;} /* None/Denim Blue/Gold/Green/Orange/Peacock/Purple/Wellness Blue */ .indexmiddle > .container-fluid {padding-top:3rem; padding-bottom: 3.5rem;} .indextitle {position: relative; width:100%;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; text-align: center; justify-content: flex-start; align-items: center; margin: 0 auto 1rem auto;} .indextitle h2 {font-weight: 700; font-size: 1.5rem; line-height: 2rem; margin:0; } #categoryslide {position: relative; display: block; height:auto;margin: 0 auto; padding:0;} #categoryslide .swiper-wrapper {padding:0px 0 1.5rem 0;} #categoryslide .swiper-slide {position: relative; padding: 0.5rem 1rem;} #categoryslide a {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; text-align: center; border:none; height:100%; border-radius: 0px; background-color:#fff; position: relative; text-decoration: none; transition: all 0.35s ease-in-out 0s; box-shadow: 0 .375rem 1.5rem #0000001a; border-top:.5rem solid #1175a7;} #categoryslide a .card-body {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction:column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; justify-content: space-between; flex: 1 1 auto; height:100%; padding: 2.5rem 1.5rem 2.5rem; gap: 2rem;} #categoryslide .swiper-slide:nth-of-type(5n + 1) a {border-top-color: #1175a7;} #categoryslide .swiper-slide:nth-of-type(5n + 2) a {border-top-color: #bfd22b;} #categoryslide .swiper-slide:nth-of-type(5n + 3) a {border-top-color: #f68d39;} #categoryslide .swiper-slide:nth-of-type(5n + 4) a {border-top-color: #66cef6;} #categoryslide .swiper-slide:nth-of-type(5n + 5) a {border-top-color: #8270b3;} #categoryslide a i {position: relative; text-align: center; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; font-size: 3rem; margin: 0; width:3rem;height:3rem; color:#A7A8A9;} #categoryslide a .card-title {font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; margin: 0;} #categoryslide a .card-title > span {} #categoryslide .swiper-actions {position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width:100%; height:100%;} #categoryslide .swiper-nav {position: relative; display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; align-content: center; height:40px;} #categoryslide .swiper-nav > * {position: relative; left: auto; right: auto; top:auto; bottom:auto; height:100%; width:auto; display: flex; align-items: center; justify-content: center;} #categoryslide .swiper-pagination {display: flex; height:100%; display: flex; top:auto; bottom: auto; left: auto; right: auto; margin: 0 10px;} #categoryslide .swiper-pagination-bullet {margin:.875rem; width:1rem; height:1rem; background:none; border: 1px solid #003b5c;opacity: 1;} #categoryslide .swiper-pagination-bullet-active {background:#003b5c;} #categoryslide .swiper-button-next, #categoryslide .swiper-button-prev {display: flex; align-items: center; justify-content: center; width:1.5rem; height:1.5rem; font-size: 1.5rem; top:auto; bottom:auto; left:auto; right: auto; margin: 0;color:#003b5c;} #categoryslide .swiper-button-next:after {display: none; font-size: 30px;} #categoryslide .swiper-button-prev:after {display: none; font-size: 30px;} .indexbottom {position: relative; background-color:#003b5c; margin-bottom: 4rem;} .indexbottom .indextitle {justify-content: center;} .indexbottom .indextitle h2 {color:#fff;text-align: center;} .indexbottom > div {padding-top:2.5rem; padding-bottom: 2.5rem;} .indexbottom .form-container {padding:0 2.5rem 0;} .indexbottom .form-container input[type=checkbox] {display:none;} .indexbottom .form-container form {position: relative; } .indexbottom .form-container form .row {position: relative;} .indexbottom .form-container .form-group {position: relative;} .indexbottom .form-container .form-group .form-control {position: relative;} .indexbottom .form-container .form-group textarea {height:auto;} .indexbottom .form-container .form-control.valid {background-color: #fff;border-color:#007078;} .indexbottom .form-container .hasvalue .form-control {background-color:#fff;border-color:#007078;} .indexbottom .form-container .form-group .error .form-control {border-color:#004E55; } .indexbottom .form-container .form-group .error .form-control:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(0,78,85,.15);} .indexbottom .form-container .eac-input-wrap {width:100%; position: relative;} .indexbottom .form-container .eac-sugg {padding-left: 0px !important; padding-top: 12px !important; padding-bottom: 0px !important;} .indexbottom .form-container .popover.fade {opacity: 1; z-index: 10;} .indexbottom .form-container .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:#A7A8A9;} .indexbottom .form-container .popover .popover-body {font-family: 'Montserrat', sans-serif; text-align:center; color:#3c3c3c; padding: 0.5rem 1rem; font-size: 0.85rem; line-height: 1.5;} .indexbottom .form-container .form-actions {width:100%; display: flex; align-items: center;justify-content: center; text-align: center; margin: 1.5rem auto 0 auto;} .indexbottom .form-container .form-actions .btn {min-width:150px; } .indexbottom .form-container .form-actions .btn:hover {background-color:#fff; color:#1175a7;} .indexbottom .form-container .form-actions .btn:disabled {background-color:#888; border-color:#888;} .indexbottom .form-container #formresponse {position: relative; } .indexbottom .form-container #formresponse p {margin: 0; color:#fff;} /* Discounts & Program Info */ .toplinks {float:left; width:100%; height:auto; position: relative; margin:10px 0;} .toplinks .row {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;} .toplinks .col-md-6 {margin-bottom: 1.5rem; margin-top:0px;} .toplinks a {position: relative; text-decoration: none;transition: all 50ms linear; height:100%;} .toplinks a i {position: relative;} /* Category */ .discountcontent {float:left; width:100%; height:auto; position: relative; display:block; margin:0px auto 0px auto;} #allCat .subtitle h3 {display:none;} #allCat .subtitle h3.active {display:flex;} #allCat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0px auto 0; padding: 0;} #allCat .gridouter {float:left; width:100%; position: relative;} #allCat .grid {margin-bottom: 25px; position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; overflow: hidden; -webkit-align-content: flex-start; align-content: flex-start;} #allCat .col-6 {overflow: hidden; position: relative;margin: 0; text-align: center; padding-top:0.5rem; padding-bottom:0.5rem; padding-left:0.5rem; padding-right:0.5rem;} #allCat .grid .item {filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;} #allCat .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #allCat .item a { display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box;} #allCat .item a {text-align: center; position: relative; margin: 0; padding-left:1rem; padding-right:1rem;} /* Vendors */ #vendordiscounts {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0;} #vendordiscounts .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;} #vendordiscounts .grid .item { position: relative; padding-top:0.5rem; padding-bottom: 0.5rem; padding-left:0.5rem; padding-right:0.5rem;margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;} #vendordiscounts .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #vendordiscounts .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;} #vendordiscounts .item a {border:none; border-radius: 0; background:#fff; overflow: hidden; box-shadow: 0 .375rem 1.5rem #0000001a; text-decoration: none; color:#1175a7; font-weight: 700;} #vendordiscounts .item a span.outerimg {overflow: hidden; position: relative;} #vendordiscounts .item a span.outerimg img {width:100%;} #vendordiscounts .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,59,92,0.9) 85%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 1rem 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;} #vendordiscounts .item a span.outerimg .imghover i {width:2rem; height:2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:none; color:#ffffff; font-size: 1.5rem; } #vendordiscounts .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #vendordiscounts span.busname {padding:1rem 0.5rem; display: block;width:100%; text-align: center; background-color:#ffffff;} /* New Vendors */ #newvendors {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0; text-align: center;} #newvendors .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;} #newvendors .grid .item { position: relative; padding-top:0.7rem; padding-bottom: 0.7rem; padding-left:10px; padding-right: 10px; margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;} #newvendors .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #newvendors .grid .item > div {position: relative;height:100%;} #newvendors .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;} #newvendors .item a {border:none; border-radius: 0; background:#fff; overflow: hidden; box-shadow: 0 .375rem 1.5rem #0000001a; text-decoration: none; color:#1175a7; font-weight: 700;} #newvendors .item a span.outerimg {overflow: hidden; position: relative;} #newvendors .item a span.outerimg img {width:100%;} #newvendors .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,59,92,0.9) 85%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 1rem 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;} #newvendors .item a span.outerimg .imghover i {width:2rem; height:2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:none; color:#ffffff; font-size: 1.5rem; } #newvendors .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #newvendors span.busname {padding:1rem 0.5rem; display: block;width:100%; text-align: center; background-color:#ffffff;} #newvendors .ltolink {margin: 0 auto 1rem auto; position: relative;} /* FAQs */ body.program #faqs .faqs h4 {font-size: 1rem; line-height: 1.5rem;} body.program #faqs .faqs.activefaq h4 i:before {content: '\f068';} /* FORMS */ h3.suggesttitle {font-size: 1.25rem; line-height: 2rem; font-weight: 700; padding:1rem 0; margin: 0; } /* Contact */ body.program .contactcard {padding: 1.5rem 2.5rem 1.5rem; } body.program .contactcard h3 {margin:0 0 1rem;} body.program .contactcard span:nth-child(3) {margin-top: 0.5rem;} body.program .contactcard p {display: block; text-align: center; font-style: italic; margin:1rem auto 0;} /* LTO */ #all.ltocontent {display: none;} #all.ltocontent .row {} #all.ltocontent .col-6 {position:relative; padding-top:0.7rem; padding-bottom: 0.7rem; max-width:350px;} #all.ltocontent a {position:relative;display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: justify; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box;flex-direction: column; } #all.ltocontent a {background:#fff; border-radius: 0; text-align: center; border:none; box-shadow: 0 .375rem 1.5rem #0000001a; } #all.ltocontent a:hover {} #all.ltocontent span.img {position: relative;display: block; overflow: hidden; width:100%; margin: 0 auto; transform: translateZ(0); padding:1.5rem;} #all.ltocontent span.imghover {position: absolute; width:100%;height:100%;left:0;top:0;border-radius: 0;background:linear-gradient(180deg, rgba(0,59,92,1) 0%, rgba(0,59,92,1) 85%); padding: 1.5rem; display: flex; justify-content: center; align-items: center; text-align: center; transition:all .3s ease-out 0s; flex-direction: column; opacity: 0;visibility: hidden;} #all.ltocontent span.imghover span.title {position: relative; color:#fff; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; margin: 0 auto 1rem;} #all.ltocontent span.imghover span.btn {position: relative; max-height:35px;} #all.ltocontent span.imghover span.btn:hover {} #all.ltocontent a:hover span.imghover {opacity: 1; visibility: visible; } /* LTO - Single */ #ltobox {width:100%; height:auto; position: relative; display:block; margin:10px auto 0px auto; padding: 0px; text-align: center; float:left;} .lto-wrapper {filter: alpha(opacity=0); opacity: 0;width:auto; height:auto; display:inline-block; position:relative; margin: 0px auto 0px; text-align:center; border: 0px solid #e6e6e6;} .lto-wrapper .outerlto {display:block; width:auto; height:auto; position: relative; padding: .5rem; margin: 0 auto; background:#fff; border: none; border-radius: 0;box-shadow: 0 .375rem 1.5rem #0000001a;} .lto-wrapper .outerlto:hover {} .lto-wrapper.imageonly {border: 0 none;} .lto-wrapper .outerlto img {position: relative; display: block; text-align: center; margin: 0px auto; width:100%; padding: 0; border: none; border-radius: 0; background:#fff;} #ltobox .links { display: block; float:left; position: relative;width:100%; margin:1.5rem auto 0;} #ltobox .links > ul {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin: 0 auto; padding: 0; } #ltobox .links > ul li {position: relative; margin: 0; padding: 0 .5rem 1rem; } #ltobox .links > ul li a {} /* ERROR & SEARCH PAGES */ .maincontent.errorpage p span {font-weight: 600;} /* Cats */ #cat {position: relative; display:block; float:left; width:100%; height:auto; margin: 0; padding: 0; text-align: center;} #cat.hidepager {/*margin-top:1rem;*/} #cat .grid {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;-webkit-align-content: flex-start; align-content: flex-start;} #cat .grid .item { position: relative; padding-top:0.7rem; padding-bottom: 0.7rem; padding-left:10px; padding-right: 10px; margin: 0; filter: alpha(opacity=0); opacity: 0; transition: opacity 250ms ease-in;} #cat .grid.items-visible > .item {filter: alpha(opacity=100); opacity: 1; } #cat .grid .item > div {position: relative;height:100%;} #cat .item a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; flex-direction: column;} #cat .item a {border:none; border-radius: 0; background:#fff; overflow: hidden; box-shadow: 0 .375rem 1.5rem #0000001a; text-decoration: none; color:#1175a7; font-weight: 700;} #cat .item a span.outerimg {overflow: hidden; position: relative;} #cat .item a span.outerimg img {width:100%;} #cat .item a span.outerimg .imghover {position: absolute; width:100%;height:100%;bottom:0;left: 0; border-radius: 0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,59,92,0.9) 85%); display: flex; align-items: flex-end; justify-content: center;padding: 0 0 1rem 0; visibility: hidden; opacity: 0; transition: all .3s ease-out 0s;} #cat .item a span.outerimg .imghover i {width:2rem; height:2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%;background:none; color:#ffffff; font-size: 1.5rem; } #cat .item a:hover span.outerimg .imghover {opacity: 1; visibility: visible;} #cat span.busname {padding:1rem 0.5rem; display: block;width:100%; text-align: center; background-color:#ffffff;} .allLoc {margin: 0 auto 1rem; text-align: center; width:auto; justify-content: center; display: flex;} .allLoc .btn i {position:relative; margin-right:10px;} /* Business */ #bus {position: relative; display:flex; width:100%; height:auto; margin: 0; padding: 0; flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: center;} .businessContent {min-height: 0px; float:left; height: auto; width:100%; padding: 0; margin: 0 auto 0px;position: relative;display:flex; flex-direction: column; } .bus-image {display:block; height: auto; width:100%; position: relative; margin: 0 auto; padding: 0; float:left; text-align:center;/*z-index: 1;*/ animation-delay: 250ms; } .bus-image > div {position: relative; display: block; text-align: center; margin: 0px auto; padding: .5rem; width:auto; max-width:100%;border: none; box-shadow: 0 .375rem 1.5rem #0000001a; border-radius: 0; transition: all .3s ease-out 0s;} .bus-image > div:hover {} .bus-image img {position: relative; display: block; text-align: center; margin: 0px auto; width:100%; padding: 0; border: none;} .businesslinks { display: block; float:left; position: relative;width:100%; margin:25px auto 0; } .businesslinks > ul {position: relative; display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin: 0 auto; padding: 0; } .businesslinks > ul li {position: relative; margin: 0; padding: 0 .5rem .5rem;} .businesslinks > ul > li > a.btn {position: relative; } .businesslinks > ul > li > a.btn i {position: relative; margin-right:.5rem;} .businesslinks > ul > li > a.btn.show {color:#fff; background:#003b5c; border-color:transparent;} .businesslinks > ul > li.drop.dropdown {animation-delay: 500ms; animation: fadeIn 1s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: none; -webkit-transform: none;} #alternate-ad {position: relative; display: none; text-align: left; margin: 0px auto; padding: 0; width:auto; max-width:100%;border: 0px solid #eee; border-radius:0; transition: all .3s ease-out 0s; min-height:350px;padding: 0 5px; line-height: 1.56;} #alternate-ad:hover {} #alternate-ad p {text-align: left; } #alternate-ad p:last-child {margin-bottom: 0;} /* Directions & Locations */ .map-ie {display: none; margin-top:1em; font-style: italic;} html.ie11 .map-ie, html.ie10 .map-ie, html.ie9 .map-ie {display: block;} div.gm-style {font-family: 'Montserrat', sans-serif !important; color:#3c3c3c; font-weight: normal !important; width:100% !important; overflow: hidden !important; text-align:left;} .gm-style-iw {} .infoWindow {height:100%;width:100%;display:block;position:relative;min-width:150px;z-index: 999; text-align:left; } .infoWindow h4 {display:block; line-height:1.5rem; font-size:1.25rem; font-weight:bold !important; color: #3c3c3c !important; margin:0; padding:0 2px 5px 2px;border-bottom: 0px solid rgba(200, 201, 199, 0.5); font-family: 'Montserrat', sans-serif !important; -webkit-font-smoothing: subpixel-antialiased; } .infoWindow p { margin: 0 0 5px 0 !important; padding:5px 0 0 !important; display:block !important; position:relative;font-weight:400 !important; font-family: 'Montserrat', sans-serif !important; background-color:#fff; -webkit-font-smoothing: subpixel-antialiased; font-size:1rem !important; line-height:1.25rem !important; color:#3c3c3c !important;} .infoWindow h5 {display:block;line-height:1.25rem; font-size:1rem; font-weight:normal !important; color:#3c3c3c !important; margin:0; padding:0; font-family: 'Montserrat', sans-serif !important; text-transform: capitalize;} #directions_map img, #directions_map object, #directions_map embed { max-width: none; height: auto } #directions_map *,#directions_map *:before,#directions_map *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} #location_map img, #location_map object, #location_map embed { max-width: none; height: auto } #location_map *,#location_map *:before,#location_map *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .adp, .adp table, .adp-list {font-family: 'Montserrat', sans-serif !important;font-weight: normal !important;} .address a { text-decoration: underline;} div.adp-legal { display: none !important;} .gm-style-iw .poi-info-window.gm-style {width:100%;display:block;overflow:hidden; font-family: 'Montserrat', sans-serif !important;font-weight: 400 !important; padding-left: 0px; padding-right:0px;text-align:left; -webkit-font-smoothing: subpixel-antialiased;} .gm-style-iw .poi-info-window.gm-style div.title.full-width {font-family: 'Montserrat', sans-serif !important;font-weight: 700 !important; padding:0 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:.875rem; line-height:1.25rem !important;color:#3c3c3c;} .gm-style-iw .poi-info-window.gm-style div.full-width { width: 200px !important; } .gm-style-iw .poi-info-window.gm-style div.address {color:#3c3c3c; font-family: 'Montserrat', sans-serif !important;font-weight: 400 !important; padding: 0 0 7px 0px !important; margin: 0 0 7px 0px !important; border-bottom: 1px solid rgba(200, 201, 199, 0.5);} .gm-style-iw .poi-info-window.gm-style div.address .address-line:nth-child(1) {padding-top:5px;} .gm-style-iw .poi-info-window.gm-style div.address .address-line {color:#3c3c3c; font-family: 'Montserrat', sans-serif !important;font-weight: 400 !important; line-height:18px; font-size:13px;background: #fff !important;} .gm-style-iw .poi-info-window.gm-style div.view-link {padding-top:0px;} .gm-style-iw .poi-info-window.gm-style div.view-link a {font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; text-decoration: underline; color:#3c3c3c !important; padding: 0px 0px 5px 0px !important; text-transform: none; font-size:.75rem; display: block !important;} .gm-control-active.gm-fullscreen-control {width:30px !important; height: 30px !important; } .gm-control-active.gm-fullscreen-control > img {margin: 0px !important;} .gmnoprint.gm-bundled-control {right:0px !important; margin: 0px !important;} .gmnoprint.gm-bundled-control > div {left: auto !important; right: 0px !important; margin: .5rem !important;} .gmnoprint.gm-bundled-control .gmnoprint > div {width: 30px !important; height: 61px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div > button {width:30px !important; height: 30px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div > button > img {margin: 0px 0px 0px !important; width:11px !important; height: 11px !important;} .gmnoprint.gm-bundled-control .gmnoprint > div > button:focus > img {margin: 0px 0px 0px !important; } .gmnoprint.gm-bundled-control .gmnoprint > div > button:active > img {margin: 0px 0px 0px !important; } .gmnoprint.gm-bundled-control .gmnoprint > div > div {width: 21px !important;} button.gm-control-active + .gmnoprint:not(.gm-bundled-control) {right: 40px !important;} .gmnoprint .gm-style-mtc {font-family: 'Montserrat', sans-serif !important; font-size: .75rem !important;} .gmnoprint .gm-style-mtc > div[role=button] {font-family: 'Montserrat', sans-serif !important; font-size: .75rem !important; height: 28px !important; padding: 0 .5rem !important; font-weight: bold !important;} button[aria-label=Close] img {margin: 0 !important; margin-top:10px !important; z-index: 99 !important; width:18px !important; height: 18px !important;} .infowindow {height:100%;width:100%;display:block;position:relative;min-width:200px; text-align:center; border:none !important; padding: 20px 0 10px;} .infowindow > div {display:block; position: relative;font-weight:normal; font-size: .875rem; line-height: 18px; font-family: 'Montserrat', sans-serif !important; color:#3c3c3c;} .infowindow .title {font-family: 'Montserrat', sans-serif !important; font-weight:700 !important; padding:0px 0 0px 0px;margin: 0 0 0px;background:#fff; font-size:1rem; line-height:1.25rem !important;color:#003B5C; -webkit-font-smoothing: subpixel-antialiased; white-space: normal;} .infowindow .title > span {font-style: italic !important; font-weight: normal !important; display: block; color:#3c3c3c; font-size:.875rem;} .infowindow .address {color:#3c3c3c; font-weight: normal !important; padding: 0 0 0px 0px !important; margin: 0 0 0px 0px !important; -webkit-font-smoothing: subpixel-antialiased; } .infowindow .address .address-line {color:#3c3c3c; line-height:1.25rem; font-size:0.875rem;} .infowindow .address .address-line:first-child {padding-top:.5rem;} .infowindow .address .address-line:last-child {padding-top:0px;} .infowindow .discountlink {display: block; width:auto; height:auto; margin: .5rem 0 0px 0; padding: 0; position: relative;} .infowindow .discountlink > a { position: relative; text-decoration: none; font-family: 'Montserrat', sans-serif; animation:none; color:#fff; margin:0 auto; padding: 0.4rem 1.25rem; font-size: 0.875rem; } .infowindow .discountlink > a:hover {} .infowindow .discountlink > a i {display: none;} /* Locations */ .locationContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 0 auto 0px auto; position: relative; filter: alpha(opacity=0);opacity: 0;} .locationouter {width:100%; height: 575px; border:none; display:inline-block; position:relative; padding:.5rem; margin: 0 auto; background: #fff;border-radius: 0; border:none; transition: all .3s ease-out 0s;box-shadow: 0 .375rem 1.5rem #3c3c3c1a;} .locationouter:hover {} #location_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:transparent;} #location_map .gm-style .gm-style-iw > div {min-width:150px;} #location_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button {position: absolute !important;right:0;z-index: 1000; width:40px !important; height:40px !important;} #location_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button span {margin: .5rem !important;} #location_map .gm-title {font-weight: 600;} /* Directions */ table#printDiv {display:none;} .mapContent {min-height: 0px; float: left; height: auto; width: 100%; padding: 0; margin: 0 auto 0px auto; position: relative; filter: alpha(opacity=0);opacity: 0;} .mapouter {width:100%; height: 400px; display:inline-block; position:relative; padding:.5rem; margin: 0 auto; background: #fff; border-radius: 0; border:none; transition: all .3s ease-out 0s; box-shadow: 0 .375rem 1.5rem #0000001a;} .mapouter:hover {} #directions_map {width: 100%;height:100%; position: relative; max-width:100%; padding: 0;margin: 0; overflow:hidden; font-size: 90%; display:block; background-color:#fff;} #directions_map > div > div.gm-style {} #directions_map .gm-style .gm-style-iw > div {min-width:150px;} /*#directions_map .gm-style .gm-style-iw.gm-style-iw-c > div.gm-style-iw-chr {height:20px} #directions_map .gm-style .gm-style-iw > div.gm-style-iw-chr .gm-style-iw-ch {padding: 0 !important;}*/ #directions_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button {position: absolute !important;right:0;z-index: 1000; width:40px !important; height:40px !important;} #directions_map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button span {margin: 8px !important;} #directions_map .gm-title {font-weight: 600;} .gm-style-iw.gm-style-iw-c > button[aria-label="Close"] {top: 0px !important; right: 0px !important;} .gm-style-iw.gm-style-iw-c > button[aria-label="Close"] > span {width:18px !important; height:18px !important; margin: 4px !important;} div.geo {width:100%; padding: 0px; position: relative; text-align: center; display:block; margin: 1rem auto 1rem; float:left;} div.geo p {position: relative; margin: 0;} div.geo p a {} div.geo a i {position: relative; margin-right: 7px;} #form-outer {width:100%; position: relative; margin: 0 auto 1rem auto; float:left; display:block; padding: 0;} #form-outer > form {width:100%; height: auto; display: block; position: relative;float:left; margin: 0 auto;} #form-outer > form input {margin-right: 0.75rem; } #form-outer > form ::-webkit-input-placeholder {opacity: 0.8;} #form-outer > form button {height: 100%;margin:0; width:auto;} #directions {display:none; float:left; text-align: left; width:100%; position:relative; margin: 0px auto 0px; } #directions .panel {position:relative; border-radius: 0; border:none; transition: all .3s ease-out 0s; float:left; width:100%; margin: 1rem auto 0rem; padding: 1rem 1rem; box-shadow: 0 .375rem 1.5rem #0000001a; background: #ffffff;} #directions .panel:hover {} #directions .panel .panel-heading {position:relative;background-color:transparent; border: 0 none; margin-bottom:1rem; padding: 0; border-radius: 0; border-bottom:none; } #directions .panel .panel-body {padding:0; overflow: hidden;} .timeTop span.distanceTime {display:block; position: relative;font-weight: normal; font-size: 18px; font-weight: 700;} .timeTop span.trafficTime {display:block;font-style: italic; position: relative;font-weight: normal;} .timeTop span.trafficTime > span {color:green;} .timeTop span.trafficTime.traffic > span {color:red;} .timeTop button {border:none; background-color: transparent; background:none; padding: 0; position: absolute; top: 50%;right: 1rem; text-align: center; cursor: pointer; margin: -1rem 0 0 0; z-index: 10; outline: none!important; border-radius:0; color:#000000;font-size: 20px;} .timeTop button:active,.timeTop button:focus {border:none; background:none;color:#000000;} .timeTop button:hover {background-color: transparent;color:#000000;border:none;} .mapbottom {position: relative;} .mapbottom h3 {float:left; width: 100%; display:block; position: relative; margin: 0 0 0px 0px; padding: 0; text-transform: none; color:#003B5C;font-weight: 700; line-height: 2rem; font-size: 1.15rem;} .mapbottom h3.fromLocation {margin: 0 0 1rem 0px;} .mapbottom h3.fromLocation span {display: block;} .mapbottom h3.toLocation {margin: 1rem 0 0 0; padding: 0;} .mapbottom h3.toLocation span.destination_address {display:block; font-weight: 400; font-size: 18px; color:#000000;} .mapbottom h3.toLocation span.destination_name {} .mapbottom h3.toLocation span.destination_loc {} #instructions {display:block; width: 100%; padding: 0px; margin: 0px 0px 0px 0px; position: relative; float:left; } #instructions > li {float:left; width:100%; height:auto;display: block; position: relative; margin: 0; padding: 0 0 0px 1.5rem; } #instructions > li:last-child {padding-bottom:10px; margin-bottom: 0;} #instructions > li span.steps {display:block; width: 100%; position: relative; margin: 0 0 2rem 0px; padding: 0 0 .75rem 0; border-bottom:1px solid #D3E3EE; font-weight: 600;color:#3c3c3c;} #instructions > li span.steps b {font-weight: 700;} #instructions > li span.instruct {display: block; width:100%;} #instructions > li span.dis {display: block;width:auto; font-size: 0.9rem; line-height: 1.25rem; position: absolute;overflow: hidden;background:#ffffff; padding: 0 .5rem 0 0; bottom:-10px;font-style: italic; font-weight: normal;} .locationlist.addscroll {max-height:300px;} .maplist .single.locations.active ul {display: none;} .maplist ul li.locations a {cursor: pointer;} #accordion.locationlist .accordion-item > h3 > a {cursor: pointer;} #accordion.locationlist .accordion-item .accordion-body ul li a span {cursor: pointer;} /* Search Results */ .searchpage #searchouter {margin: 0 0 1rem 0;} .searchpage #searchouter form {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding:0; flex-wrap: wrap; gap: .625rem; flex-grow: 2; } [type="search"] {-webkit-appearance: textfield; outline-offset: -2px;} .searchpage #searchouter form input {} .searchpage #searchouter form button {} .searchpage #searchouter form button {/*position: absolute; right:0; top:0; width:60px; height:100%; border: none; background-color: transparent; white-space: nowrap; text-shadow: none; margin: 0; padding: 0; align-items: center; justify-content: center; display: flex; */} .searchpage #searchouter form button img {width:25px;display: block; position: relative;} #searchfilter.nofilter > div {border: none;margin: 10px auto 0px;} #searchfilter.nofilter > div .resultstext {margin: 0 auto 0; border-bottom: none; padding-bottom: 0;} #searchpage {float:left;width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:0px 0px 0 0px; } #searchresults {float:left; width:100%; height:auto; display:block;position: relative; border-top:0px solid #e8ecf5; padding: 0px 0px 0px 0; margin: 0px auto 0px auto; } #searchresults p {text-align: center; font-style: italic; margin-top:0; font-weight: 400;} #searchresults p.noresults{} #main.searchpage #searchfilter {display:block;} .resultstext {width:100%; display: block; position: relative;margin:1rem auto .5rem; padding: 0 0 0;font-weight:400; text-align: center;} .resultstext h4 {position: relative; margin-bottom: 1rem; font-weight: 400;} .resultstext h4 span {font-weight:600;} .resultstext > span {position: relative; padding: 0 4px;} .resultstext span#search-string {font-weight: 700;} .results p.search {text-align: center; font-style: italic; margin-top:0; font-weight: 400;} form.resultsfilter.nothing {display: none;} #searchresults p.nofilters {display: none; margin-top: 1rem;} form.resultsfilter {display:flex; justify-content: center; align-items: center; width:100%; } .filterdropdown {position:relative; } form.resultsfilter a.btn:first-child {margin-right:.75rem;} form.resultsfilter a.btn, form.resultsfilter > button {position: relative; white-space: nowrap; width:auto;} form.resultsfilter a.btn i {position: relative; margin-left:.5rem;line-height: 1; display: block; transition: all 0.3s linear;} form.resultsfilter a.btn.show {color:#fff; cursor: default;background-color:#003b5c;} form.resultsfilter a.btn.show i {transform:rotate(180deg);} #resultsgrid {width:100%; height:auto; position: relative; padding: 0 1rem; margin: 1rem auto 0px auto; float:left; min-height:200px; } #resultsgrid .gridouter { padding-top: 0px; padding-bottom: 1rem; float:left; width:100%; height: auto; position: relative; display:block;} #resultsgrid .gridouter .grid {position: relative; -ms-flex-line-pack: start; align-content: flex-start; margin-top: 1rem;} #resultsgrid .mix { position: relative;margin: 0; text-align: center; padding-top:0px; padding-bottom:0px; padding-left: 0; padding-right: 0; padding: .5rem;} #resultsgrid .mix > div {box-sizing: border-box; margin: 0 0 0px 0; background:none; display: flex; height:100%; border:none; padding: 0; } #resultsgrid .mix a {display: -webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:100%; height:100%; flex: 1 1 auto; box-sizing: border-box; } #resultsgrid .mix a {text-align: center; position: relative; border-radius:0;text-decoration: none; border:1px solid #46749B; margin:0; padding:1rem;color:#1175A7; font-weight: 600;} #resultsgrid .mix a:hover {color:#003B5C;border-color:#003B5C} /* Mobile App */ .mobileappcontent .pagecontent > .row:nth-child(2) {} .mobileappcontent .pagecontent > .row:nth-child(2) > div {display: flex; justify-content: space-around; align-items: center; flex-direction: column; margin-left: auto; margin-right: auto; /*padding: 30px 10px; border-radius: 12px; box-shadow: 1px 1px 5px #ccc; border-left: 5px solid #0062ab;*/} .mobileappcontent .pagecontent h3 {font-size: 1.25rem; font-weight:700; line-height:2rem; text-align: left;display: block;width: 100%; margin-bottom: 1.5rem;} .features {margin: 0;padding:0 0 0 0;position: relative; width:100%; display: block;} .features p.title {position: relative; width:100%; padding: 0; margin:0 0 1.5rem; font-weight: 700;} .features ul {position: relative; width:100%; padding: 0 0 0 1rem; margin: 0 0 1.5rem 1rem;} .features ul li {position: relative; list-style:outside; margin: 0 0 .25rem 0; padding: 0;line-height:1.5rem; font-size: 1rem;} .features ul li i {display: none; font-size:6px; line-height:1; position:relative; top:-3px;margin: 0 .8rem 0 0; color:#3c3c3c;} .mobileappcontent img {width:300px; position: relative; margin: 0px auto 0 auto; text-align: center; display: block; box-shadow: 0 .375rem 1.5rem #0000001a;border-radius: 0;padding: 2rem;} .mobileappcontent .subtitle {position: relative; width:100%;display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; margin: 2rem auto 0rem auto;} .mobileappcontent .subtitle h2 {display: block; position: relative; text-align: left; width:100%;} .appslides {background:none; padding: 0 0 40px 0; margin-top:20px; position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;} .appslides .appbox {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .appslides .appbox > div {position: relative; padding: 3rem 3.5rem 4rem; background:#f3f8fb; border-radius: 0; border: none; box-shadow: none; margin:0; width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-grow: 1;-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start;text-align: left;} .appslides .appbox > div:hover {background:#1175a7;color:#fff;} .appslides .appbox > div:hover button {background:#fff;color:#1175a7;} .appslides .appbox > div h3 {margin-bottom: 1.5rem;} .appslides .appbox > div h3 i {position: relative; margin-right: 1rem;} .appslides .appbox > div ul {position: relative; display: block; padding: 0 0 0 1rem; margin: 0 0 1.5rem 1rem;} .appslides .appbox > div ul li {position: relative; list-style:decimal; list-style-position: outside; margin: 0 0 .25rem 0; padding: 0;line-height:1.5rem; font-size: 1rem;} .appslides .appbox > div ul li i {position: relative; top:2px;} .appslides .appbox > div ul li i.fa-arrow-up-from-bracket {margin: 0 2px; font-size: 1.25rem; color:#0046df;} .appslides .appbox > div ul li i.fa-ellipsis-vertical {vertical-align: middle;font-size: 1.5rem; line-height: 1; top:auto;margin: 0 0px 0 3px;} .appslides .appbox > div button.btn {position: relative;} /** Information Pages **/ #informationimage {position: relative; height:auto; overflow: hidden; z-index: 1; } #informationimage .slideimage {position: relative; overflow: hidden; padding: 0px;} #informationimage .slideimage img {position: relative;display: block;width:100%;height:100%;object-fit: cover; font-family: 'object-fit:cover'; height:50vw;} #informationimage .slideimage:after {position: absolute; left: 0; top: 0; width:100%; height:100%; content: ''; background: linear-gradient(270deg,#0000,#000); opacity: .4;} #informationimage .caption {position: relative; z-index: 2; height:100%; width:100%; color:#fff;} #informationimage .caption > div {position: relative; display: flex; height:100%; justify-content: center; align-items: center; background-color:#1175a7; padding: 1rem; gap:1rem; flex-direction: column;} #informationimage .caption > div > div {display: flex; flex-direction: column; text-align: center; gap: .5rem; width:100%;} #informationimage .caption h1 {font-size: 1.5rem; line-height: 2rem; font-weight: 700;} #information {padding-bottom: 3rem; padding-top:3.5rem; width:100%; position: relative; z-index: 2;} #infoboxes {position: relative; height:auto;margin:0 auto 1.25rem auto; padding:0 0px 1rem 0px; } #infoboxes > div {margin-bottom: 1rem;} #infoboxes > div > div {height:100%; position: relative; text-align:center; gap: 1rem; padding:2rem 1.5rem 3rem;} #infoboxes i {margin-bottom:0.5rem;} #infoboxes h4 {} #infoboxes p {margin: 0;} #infoboxes a.btn {margin-top:1rem;} a#closebox {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;width: 40px; height: 40px; line-height:1; margin:0; z-index: 42; position: absolute; right: 1.5rem; top: 1rem; -webkit-transition: 0.3s 0s all ease; transition: 0.3s 0s all ease; border: none; color:#1175a7; background-color: none; text-align: center; text-decoration: none; -webkit-animation:none; animation: none; border-radius: 0;} a#closebox i {font-size:2rem; position: relative; line-height: 1; width:100%; height:auto;} a#closebox:hover {border-color:transparent; color:#003b5c;} div.infobox {display:block; position: fixed; /*top: 138px;*/ top: 0; right: 0; left: 0; bottom: 0; width:100%; height: 100%; background: #fff; z-index:1031; visibility: hidden;opacity: 0;} div.infobox.active {visibility: visible;opacity: 1;} .infobox .shadow {box-shadow: 0 .375rem 1.5rem #0000001a !important; border-radius: 0; border:none;} .insideinfo {display: block; position: relative; width:100%; height:auto; float:left; opacity: 0; transition: opacity 0.5s 400ms ease;} div.infobox.active .insideinfo {opacity: 1;} .insideinfo h2.title {text-align: center; padding: 0 15px; margin: 0 auto; position: relative;font-size: 1.5rem; font-weight: 700; line-height:2rem;} .insideinfo h2.title > span {display: block; position: relative;} .infotext {margin: 0 auto; position: relative; float:left; width: 100%; border-radius: 5px;} .infotext > img {width: 900px; margin: 0 auto; display: block;} .infotext p {margin-bottom: 19px;} .infotext > ul {position: relative;padding: 0 0 0 1rem; margin: 0 0 1.5rem 1rem;} .infotext > ul li {position: relative; list-style:outside; margin: 0 0 .25rem 0; padding: 0;line-height:1.5rem; font-size: 1rem;} .infoform.formContainer {margin-top: 1rem; margin-bottom: 1rem} .infoform.formContainer .form-control {min-height: 60px;} .infoform.formContainer .form-control::-webkit-input-placeholder {} .infoform.formContainer .form-group .error.form-control {} .formbody .form-group ::-webkit-input-placeholder {opacity: 0;} .formbody .form-group :-moz-placeholder {opacity: 0;} .formbody .form-group ::-moz-placeholder {opacity: 0;} .formbody .form-group :-ms-input-placeholder {opacity: 0;} .formbody .form-group .placeholder {opacity: 0;} #formresponse2.modal .modal-content p {margin:0;} #formresponse2.modal .modal-content p span.form-name {font-weight: 700;} .insideinfo .formbody {font-weight: 400; overflow:hidden;} .formhead {width:100%; height:auto; position: relative; float:left;} .formbody h3 {text-align: center; margin: 0px auto 1.75rem; float:left; width:100%; display:block; position: relative;color:#000; font-weight:600; font-size: 1.25rem; line-height:2rem;} .formlogo {display: block; float:left; width:100%; height:auto; margin: 0 auto 15px auto; padding: 0; text-align: center;} .formlogo img {width:200px;margin: 0 auto; text-align: center;} .contacttext {display: block;text-align: center; width:100%; height: auto; position: relative; margin: .75rem auto 1.5rem auto; padding: 0 0 .5rem; border-bottom:3px solid #222; float:left; font-weight: 400; } .contacttext > span { font-size:1rem; line-height: 135%; display: block; margin: 0 0 .25rem; padding: 0; position: relative; } .contacttext > span i {font-size: .35rem;line-height: 1rem; position: relative; display: inline-block; margin: 0 8px; top: -3px;} .contacttext > span br {display: none;} .formbody form {float:left; width:100%; margin: 0 auto; height:auto; position: relative; display: block;} .formbody form input[name=interested] {display: none;} .formbody form .popover.fade.show {opacity: 1;} .formbody form .row {position: relative;} .formbody .form-group {position: relative;} .formbody .form-control {position: relative; border-radius: .375rem !important; background-color:#F4F5F5; padding:.375rem .75rem; height:50px; line-height: 1.25rem; font-size: 1rem;} .formbody label {position: relative; padding: 0px 0px 0.5em; margin: 0; color:#3c3c3c;} .formbody input:-webkit-autofill, .formbody input:-webkit-autofill:hover, .formbody input:-webkit-autofill:focus, .formbody textarea:-webkit-autofill, .formbody textarea:-webkit-autofill:hover, .formbody textarea:-webkit-autofill:focus, .formbody select:-webkit-autofill, .formbody select:-webkit-autofill:hover, .formbody select:-webkit-autofill:focus {background-color:#F4F5F5 !important; box-shadow: 0 0 0px 1000px #F4F5F5 inset;} .formbody .form-control:focus {/*border:1px solid #000;box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(0, 0, 0,.15);*/} .formbody .form-control.error {border:1px solid #cc0000;} .formbody .form-control.error:focus {/*box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(189, 32, 38,.15);*/} .formbody .form-control.valid {background-color: #fff;border-color:#007078;} .formbody .form-control.valid:focus {border-width: 1px;} .formbody .hasvalue .form-control {background-color:#fff;border-color:#007078;} .formbody .form-actions {float:left; width:100%;text-align: center; margin: 0rem auto 0 auto;} .formbody .form-actions .btn {width:auto; margin: 0 auto;} .formbody .form-actions .btn:disabled {background-color:#888; border-color:#888;} /* Added Initial Field */ .formbody form span.initialfeeouter {float:left;position: relative; display: block; margin: 0 10px 0px 0; } .formbody form span.initialfeeouter input.form-control {width:100px; padding: .5rem .5rem .5rem .5rem; font-style: italic; height:45px;} .formbody form p {margin-bottom: 1.25rem; } .formbody .signaturetable {text-align: left; align-items: flex-end;} .formbody .signaturetable label {padding: 0.5em 0 0;} .formbody .signaturetable input.form-control { border-radius: 0 !important; border-width:0px 0px 1px 0px; padding: 0.5rem; text-align: left; box-shadow: none;} .formbody .signaturetable input.form-control:focus {filter:none;box-shadow: none;border-width:0px 0px 1px 0;border-color:#DEE5F4;} .formbody .signaturetable input.form-control.error {border-width:0px 0px 2px 0px;} .formbody .signaturetable input#signaturedate {background-color:#fff;} .formbody .signaturetable input[type=button]:disabled {background-color:#ffffff;} .formbody .signaturetable #hiddenImage {display: none;} .formbody .signaturetable #hiddenImage img {width:50%; border: 0 none !important;} form#enrollment .popover-body {font-family: 'Montserrat',sans-serif; padding:0.75rem 1rem;} form#enrollment .popover {box-shadow: 0 2px 4px rgba(0,0,0,0.15);} /* Signatures */ #signature-modal.modal {z-index: 1061;} #signature-modal .modal-header {border-bottom-color: #A7A8A9;} #signature-modal .modal-body {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom:none;} #signature-modal .modal-footer {border-top: 0; text-align: center; background-color:#F4F5F5; justify-content: center; padding: 1.5rem; } #signature-modal .modal-footer .btn {margin:0 10px 0 10px; width:auto; height:50px;} #signature-modal .modal-footer .btn:hover {} #signature-modal .modal-content {} #signature-modal input.form-control {margin: 0 auto; background-color: #fff; height:44px;} #signature-modal .form-control:focus {} #signature-modal .form-control.error {border:1px solid #cc0000;} #signature-modal .form-control.error:focus {box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(189, 32, 38,.15);} .pad-outer {text-align: center;border: 1px solid rgba(0,0,0,0.085);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;border-radius: 0.5rem; padding: 10px 5px; margin-bottom: 1rem;} #signature-pad {width:400px; height: 120px; border: 1px solid #f4f4f4;} .sig-outer {position: relative; width:100%; height:100px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px;padding: 16px; } .sig-outer > div {position: relative; border: 1px solid #A7A8A9; width:100%; height:100%; } .sig-outer .signature-pad {position: absolute; top: 0; left: 0; width:100%; height: 100%; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;} body.infopage .tooltip-inner {padding: .5rem; font-family: 'Montserrat', sans-serif; font-size: 15px; max-width: 220px; background:#cc0000;} body.infopage .tooltip .tooltip-arrow:before {border-left-color:#cc0000;} body.infopage .tooltip-inner span {position: relative; display: block;line-height: 120%;} body.infopage .tooltip-inner span.first {margin-bottom: 5px;font-weight: 500;} body.infopage .tooltip-inner span.last {font-style: italic;} /* Response */ .formouter .formbody > #enrollformresponse {display: -webkit-box; display:-ms-flexbox; display:flex; width:100%; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .formouter .formbody > #enrollformresponse > div {position: relative;} .formouter .formbody > #enrollformresponse > div > div {position: relative;} .formbody.success .leftoutput img {width:150px; box-shadow: 0 .375rem 1.5rem #0000001a; margin: 1rem auto 0; display: block; position: relative; border-radius: 0;} .formbody.success .rightoutput {text-align: center; position: relative;} .formbody.success .rightoutput h3 {margin-top:1.5rem;margin-bottom: 1.5rem; font-size: 1.25rem; line-height:2rem; font-weight: 700;} .formbody.success .rightoutput h4 {margin-bottom: .5rem; position: relative; text-transform: none; font-size: 1rem; line-height: 1.5rem; font-weight: 600;} .formbody.success .rightoutput a {position: relative; border:none;background:none; padding:0.5rem 0 0 0; font-weight: 700; color:#003b5c; text-decoration: underline;} .formbody.success .rightoutput a:hover {color:#46749b;} .formbody.success .rightoutput a i {display: none; position: relative; font-size: 1rem; margin-left: 7px;} .formbody.success .otherLinks {float:left; width:100%; margin: 1.5rem auto 0 auto; padding: 1.5rem 0 0 0; border-top: 1px solid #A7A8A9; text-align: center; display: flex; justify-content: center; } .formbody.success .otherLinks .btn {margin:0 .5rem 1rem}