/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.color-accent-blue { color: #1a8fce; }

.color-light { color: #f7f7f7; }

.color-dark { color: #000; }

.color-text-dark-grey { color: #6d6e71; }

.color-page { color: #fff; }

.color-link { color: #1a8fce; }

.color-linkhover { color: #1a8fce; }

.color-seafoam { color: #10abb6; }

.color-topaz { color: #10abb6; }

.color-navy-blue { color: #30549a; }

.color-space { color: #1f3364; }

.color-dark-slate-blue { color: #1f3364; }

.color-midnight { color: #0d1c3e; }

.color-bone { color: #f7f7f7; }

.color-mint { color: #66c29e; }

.color-soft-green { color: #66c29e; }

.color-cerulean { color: #127dba; }

.color-nice-blue { color: #127dba; }

.color-dove { color: #d7d7d7; }

.color-blackish { color: #252525; }

.color-white { color: #fff; }

.color-white-20 { color: rgba(255, 255, 255, 0.2); }

.bg-topaz { background: #10abb6; }

.bg-navy-blue { background: #30549a; }

.bg-space { background: #1f3364; }

.bg-dark-slate-blue { background: #1f3364; }

.bg-midnight { background: #0d1c3e; }

.bg-bone { background: #f7f7f7; }

.bg-mint { background: #66c29e; }

.bg-soft-green { background: #66c29e; }

.bg-cerulean { background: #127dba; }

.bg-nice-blue { background: #127dba; }

.bg-dove { background: #d7d7d7; }

.bg-blackish { background: #252525; }

.bg-white { background: #fff; }

.bg-white-20 { background: rgba(255, 255, 255, 0.2); }

.bg-black-20 { background: rgba(0, 0, 0, 0.2); }

.bg-blue-60 { background: rgba(10, 22, 52, 0.6); }

.icon-shifted-down { position: relative; top: 5px; }

.icon-18 { font-size: 18px; }

.icon-24 { font-size: 24px; }

.cursor-pointer:hover { cursor: pointer; }

.table-white { border-color: transparent; }

.table-white td { padding: 0.5rem 0.75rem; border: solid 5px #f7f7f7; background: #fff; vertical-align: middle; }

.table-white td:first-child { width: 30%; border-left: 0; }

.tr-border-bottom > td, .tr-border-bottom > th { border-bottom: solid 1px #d7d7d7; }

.pill { border-radius: 500px; }

.alert.good { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.alert.good hr { border-top-color: #b1dfbb; }

.alert.good .alert-link { color: #0b2e13; }

.alert.alert-error, .alert.bad { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.alert.alert-error hr, .alert.bad hr { border-top-color: #ffe8a1; }

.alert.alert-error .alert-link, .alert.bad .alert-link { color: #533f03; }

@media (min-width: 576px) { .container.container-slim { max-width: 540px; } }

@media (min-width: 768px) { .container.container-slim { max-width: 720px; } }

@media (min-width: 992px) { .container.container-slim { max-width: 945px; } }

@media (min-width: 1200px) { .container.container-slim { max-width: 946px; } }

body { font-family: sofia-pro, sans-serif; font-size: 16px; }

a { -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; color: #10abb6; }

a:hover, a:active { color: #10abb6; }

p { font-family: sofia-pro, sans-serif; font-weight: 300; font-size: 16px; }

p, ul, ol { margin-bottom: 1.5em; }

h1, h2, h3, h4, h5, h6 { font-family: sofia-pro, sans-serif; }

h1 { font-size: 31px; font-weight: 700; }

h2 { font-size: 22px; font-weight: 700; }

h3 { font-size: 20px; font-weight: 700; }

h4, h5, h6 { font-size: 18px; font-weight: 600; }

.btn, label { font-family: sofia-pro, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; }

blockquote { font-family: rollerscript-rough, sans-serif; font-size: 20px; }

@media (min-width: 768px) { h1 { font-size: 36px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; } }

@media (min-width: 992px) { body { font-size: 16px; }
  p { font-size: 16px; }
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 22px; }
  h4, h5, h6 { font-size: 17px; }
  .btn, label { font-size: 12px; }
  blockquote { font-size: 24px; } }

@media (min-width: 1200px) { body { font-size: 19px; }
  p { font-size: 19px; }
  h1 { font-size: 60px; }
  h2 { font-size: 40px; }
  h3 { font-size: 28px; }
  h4, h5, h6 { font-size: 19px; }
  .btn, label { font-size: 14px; }
  blockquote { font-size: 28px; } }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.header-main { position: absolute; top: 0; left: 0; width: 100%; background: transparent; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.nav-main { position: relative; width: 100%; -webkit-transition: background 1s; -o-transition: background 1s; transition: background 1s; border-bottom: solid 1px rgba(255, 255, 255, 0.2); background: transparent; color: #fff; z-index: 10; }

.nav-main a { color: #fff; }

.nav-main a:hover { text-decoration: none; }

.nav-main a, .nav-main a:link, .nav-main a:active, .nav-main a:visited { text-decoration: none; }

.nav-main a:hover { color: #fff; }

.nav-main.mega-menu-open, .nav-main.search-popover-open { position: fixed; background: #0d1c3e; }

.nav-main.mega-menu-open .mega-menu-trigger .nav-main-icon-close { display: inline; }

.nav-main.mega-menu-open .mega-menu-trigger .nav-main-icon-open { display: none; }

.nav-main.search-popover-open .search-popover-trigger .nav-main-icon-close { display: inline; }

.nav-main.search-popover-open .search-popover-trigger .nav-main-icon-open { display: none; }

.nav-main-logo-link { padding: 8px 0; }

.nav-main-logo { width: auto; height: 50px; }

.nav-main-trigger { padding: 0 20px; border-left: solid 1px rgba(255, 255, 255, 0.2); font-size: 20px; }

.nav-main-icon-close { display: none; }

.tagline { font-family: rollerscript-rough, sans-serif; font-size: 18px; }

@media (min-width: 768px) { .nav-main-logo-link { padding: 10px 0; }
  .nav-main-logo { height: 60px; }
  .nav-main-trigger { padding: 0 30px; font-size: 22px; } }

@media (min-width: 992px) { .nav-main-logo-link { padding: 20px 0; }
  .nav-main-logo { height: 83px; }
  .nav-main-trigger { padding: 0 48px; font-size: 28px; } }

@media (min-width: 1200px) { .tagline { font-size: 24px; } }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.mega-menu { position: fixed; top: -100vh; left: 0; width: 100vw; height: 100vh; -webkit-transition: top 0.5s ease, opacity 0.5s ease; -o-transition: top 0.5s ease, opacity 0.5s ease; transition: top 0.5s ease, opacity 0.5s ease; background: #0d1c3e; opacity: 0; z-index: 9; }

.mega-menu.open { top: 0; opacity: 1; }

.mega-menu-col { position: absolute; top: 0; left: -100%; height: 100vh; -webkit-transition: left 0.5s, opacity 0.5s; -o-transition: left 0.5s, opacity 0.5s; transition: left 0.5s, opacity 0.5s; opacity: 0; }

.mega-menu-col.open { left: 0; opacity: 1; }

.mega-menu-item-link { font-family: sofia-pro, sans-serif; font-weight: 700; width: 100%; max-width: 400px; margin: 0 auto; padding-right: 3rem; padding-left: 3rem; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; color: #fff; font-size: 16px; }

.mega-menu-item-link:hover { text-decoration: none; }

.mega-menu-item-link, .mega-menu-item-link:link, .mega-menu-item-link:active, .mega-menu-item-link:visited { text-decoration: none; }

.mega-menu-item-link.active, .mega-menu-item-link:hover { padding-left: calc(3rem - 5px); border-left: solid 5px #10abb6; background: #1f3364; color: #fff; }

.mega-menu-item-link:hover { background: #1f3364; }

.mega-menu-item-link.open-section, .mega-menu-item-link.open-section:hover { background: #1f3364; color: #fff; }

.mega-menu-item { -webkit-box-flex: 0; -ms-flex: 0 1 60px; flex: 0 1 60px; }

.nav-container { padding-top: 80px; }

.mega-menu-ul { overflow-y: auto; }

.mega-menu-sub { display: none; }

.mega-menu-sub.open { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mega-menu-icon { position: relative; font-size: 28px; }

.mega-menu-back { background: rgba(0, 0, 0, 0.2); }

@media (min-width: 768px) { .nav-container { padding-top: 100px; }
  .mega-menu-item-link { font-size: 22px; }
  .mega-menu-icon { top: 3px; font-size: 32px; } }

@media (min-width: 992px) { .mega-menu-col { position: relative; top: inherit; left: inherit; opacity: 1; }
  .nav-container { padding-top: 124px; }
  .mega-menu-col { border-left: solid 1px rgba(255, 255, 255, 0.2); } }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.search-popover { position: fixed; top: -100vh; left: 0; width: 100vw; height: 100vh; -webkit-transition: top 0.5s ease, opacity 0.5s ease; -o-transition: top 0.5s ease, opacity 0.5s ease; transition: top 0.5s ease, opacity 0.5s ease; background: #0d1c3e; opacity: 0; z-index: 9; }

.search-popover.open { top: 0; opacity: 1; }

#SearchForm_SearchForm { display: block; position: relative; top: calc(50vh - 66px); max-width: 500px; margin: 0 auto; padding: 2rem; }

#SearchForm_SearchForm .form-group { padding: 0; }

#SearchForm_SearchForm_Search { font-family: sofia-pro, sans-serif; font-weight: 700; height: 50px; margin: 0 auto; padding: 10px; border-top: 0; border-right: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.2); border-left: 0; border-radius: 0; background: transparent; color: #fff; font-size: 16px; }

#SearchForm_SearchForm_Search:focus { border-bottom: solid 1px rgba(255, 255, 255, 0.3); -webkit-box-shadow: none; box-shadow: none; }

#SearchForm_SearchForm_action_results { display: block; margin: 40px auto 0; background-color: #10abb6; color: #fff; }

@media (min-width: 768px) { #SearchForm_SearchForm { top: calc(50vh); max-width: 700px; }
  #SearchForm_SearchForm_Search { width: 418px; float: left; font-size: 20px; }
  #SearchForm_SearchForm_action_results { margin: 5px 0 0; padding-right: 5rem; padding-left: 5rem; float: right; } }

@media (min-width: 992px) { #SearchForm_SearchForm { top: calc(50vh); }
  #SearchForm_SearchForm_Search { font-size: 22px; } }

@media (min-width: 1200px) { #SearchForm_SearchForm { max-width: 900px; }
  #SearchForm_SearchForm_Search { width: 618px; height: 63px; font-size: 28px; }
  #SearchForm_SearchForm_action_results { margin-top: 17px; } }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.footer-main { background: #0d1c3e; color: #fff; }

.footer-main .link-label { color: #10abb6; font-size: 14px; text-transform: uppercase; }

.footer-main a { color: #fff; text-decoration: none; }

.footer-main a:hover { text-decoration: underline; }

.footer-main .strapline { border-top: solid 1px rgba(255, 255, 255, 0.2); }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
body { font-family: sofia-pro, sans-serif; font-size: 16px; }

a { -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; color: #10abb6; }

a:hover, a:active { color: #10abb6; }

p { font-family: sofia-pro, sans-serif; font-weight: 300; font-size: 16px; }

p, ul, ol { margin-bottom: 1.5em; }

h1, h2, h3, h4, h5, h6 { font-family: sofia-pro, sans-serif; }

h1 { font-size: 31px; font-weight: 700; }

h2 { font-size: 22px; font-weight: 700; }

h3 { font-size: 20px; font-weight: 700; }

h4, h5, h6 { font-size: 18px; font-weight: 600; }

.btn, label { font-family: sofia-pro, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; }

blockquote { font-family: rollerscript-rough, sans-serif; font-size: 20px; }

@media (min-width: 768px) { h1 { font-size: 36px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; } }

@media (min-width: 992px) { body { font-size: 16px; }
  p { font-size: 16px; }
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 22px; }
  h4, h5, h6 { font-size: 17px; }
  .btn, label { font-size: 12px; }
  blockquote { font-size: 24px; } }

@media (min-width: 1200px) { body { font-size: 19px; }
  p { font-size: 19px; }
  h1 { font-size: 60px; }
  h2 { font-size: 40px; }
  h3 { font-size: 28px; }
  h4, h5, h6 { font-size: 19px; }
  .btn, label { font-size: 14px; }
  blockquote { font-size: 28px; } }

.content img { max-width: 100%; height: auto; }

.content img.leftAlone { display: block; margin-right: 1em; float: none; clear: both; }

.content img.center { display: block; margin-right: auto; margin-left: auto; }

.content img.left { display: block; margin-top: 0; margin-right: 1em; float: left; }

.content img.right { display: block; margin-top: 0; margin-left: 1em; float: right; }

.content h1, .content h2, .content h3, .content h4, .content h5 { margin: 0.6em 0; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.alert.bad { border-color: #f00; background-color: rgba(255, 0, 0, 0.2); }

input.md-form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; line-height: 1.42857143; }

.userform.userform { max-width: 540px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }

.userform.userform input, .userform.userform select, .userform.userform textarea { width: 100%; padding: 5px 8px; border: 1px solid #c4c4c4; -webkit-box-sizing: border-box; box-sizing: border-box; }

.userform.userform [type='submit'] { width: auto; padding-top: 0; padding-bottom: 0; border: 0; background: #10abb6; color: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.userform.userform .requiredField label::after, .userform.userform label.requiredField::after { content: ' *'; }

.userform.userform fieldset > div, .userform.userform fieldset > fieldset { margin-top: 15px; }

.userform.userform .optionset .middleColumn { width: auto; }

.userform.userform .optionset .middleColumn Ul { margin-left: 0; }

.userform.userform .optionset input { display: inline-block; width: auto; }

/* CWP base */
form.userform .step-button-wrapper button, form.userform .Actions input[type='submit'], form.userform .userform-progress .step-button-jump { font-family: sofia-pro, sans-serif; font-weight: 700; margin: 0 4px; padding: 0.7rem 3.5rem; border: 0; border-radius: 0.25rem; background: #10abb6; color: #fff; font-size: 14px; line-height: 1.5; text-transform: uppercase; vertical-align: baseline; }

form.userform .Actions input[type='submit'] { -webkit-box-shadow: inset 0 0 0 0 #f7f7f7; box-shadow: inset 0 0 0 0 #f7f7f7; }

.form-group { padding: 1rem 0 0; margin-bottom: 1rem; }

.form-horizontal .form-group { margin-right: 0; margin-left: 0; }

form.userform div.field { margin-bottom: 15px; }

form.userform div.field::after { display: block; clear: both; content: ""; }

form.userform .requiredField label::after { content: ' *'; }

form.userform .error { color: #f00; }

form.userform .alert-error input, form.userform .uneditable-input, form.userform select, form.userform textarea { height: 1.385em; -webkit-box-shadow: none; box-shadow: none; }

form.userform .error-container div { padding: 15px; border: 2px solid #f00; }

form.userform .error-container ul { list-style-position: inside; }

form.userform .error-container li { padding-top: 6px; }

form.userform .error-container a, form.userform .error-container a:active, form.userform .error-container a:focus, form.userform .error-container a:hover, form.userform .error-container a:visited, form.userform .error-container label { margin-bottom: 0; color: #f00; text-decoration: none; cursor: pointer; }

form.userform label { color: #1a1a1a; }

form.userform label.extra { font-style: italic; }

form.userform label.required::after, .requiredField form.userform label::after { content: ' *'; }

.textarea form.userform label.required, .textarea .requiredField form.userform label { width: 100%; max-width: 100%; }

form.userform span.extra { display: block; margin-bottom: 15px; font-style: italic; }

form.userform .requiredField label span.req-indicator, form.userform .requiredField legend span.req-indicator { display: inline-block; position: relative; width: 6px; height: 16px; color: #f00; text-indent: -999px; overflow: hidden; }

form.userform .requiredField label span.req-indicator::after, form.userform .requiredField legend span.req-indicator::after { position: absolute; left: 0; text-indent: 0; content: '*'; }

form.userform .requiredField.checkbox label.checkbox::after { display: inline-block; color: #f00; content: '*'; }

form.userform legend { border-bottom: 1px solid #c4c4c4; color: #1a1a1a; font-size: 1em; }

form.userform textarea { width: 100%; height: 200px; border: solid 1px #c4c4c4; letter-spacing: 1.4px; }

form.userform input.email, form.userform input.text, form.userform select { width: 100%; height: 46px; padding-right: 0; padding-left: 0; letter-spacing: 1.4px; line-height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; }

form.userform input.email.email, form.userform input.email.text, form.userform input.text.email, form.userform input.text.text, form.userform select.email, form.userform select.text { border-top: 0; border-right: 0; border-bottom: 1px solid #c4c4c4; border-left: 0; }

form.userform input.email.dropdown, form.userform input.text.dropdown, form.userform select.dropdown { border: solid 1px #c4c4c4; }

form.userform input.email:active, form.userform input.email:focus, form.userform input.text:active, form.userform input.text:focus, form.userform select:active, form.userform select:focus { border-color: #ababab; outline: 0; }

form.userform input.email.date, form.userform input.text.date, form.userform select.date { width: 100px; max-width: 100%; }

#IE7 form.userform input.email.date, #IE7 form.userform input.text.date, #IE7 form.userform select.date { width: 100px; }

#IE7 form.userform input.email, #IE7 form.userform input.text, #IE7 form.userform select { width: 490px; height: 20px; line-height: 20px; }

form.userform input.email::-webkit-input-placeholder, form.userform input.text::-webkit-input-placeholder, form.userform select::-webkit-input-placeholder { color: #a0a1a4; }

form.userform input.email::-ms-input-placeholder, form.userform input.text::-ms-input-placeholder, form.userform select::-ms-input-placeholder { color: #a0a1a4; }

form.userform input.email::placeholder, form.userform input.text::placeholder, form.userform select::placeholder { color: #a0a1a4; }

form.userform form ul.optionset { margin-left: 0; list-style: none; }

form.userform div.optionset { margin-left: 0; padding-left: 0; }

form.userform div.optionset input.checkbox { min-height: 9px; }

form.userform div.optionset label.required { margin-top: 5px; margin-left: -20px; float: left; }

form.userform fieldset > .middleColumn { margin-top: 0; }

form.userform .checkbox, form.userform .radio { width: auto; margin-right: 5px; }

form.userform div.date input { margin-right: 5px; }

form.userform .ui-datepicker { width: 15em !important; max-width: 50% !important; }

form.userform .ui-widget { font-size: 12px !important; line-height: 12px !important; }

form.userform .Actions::after { display: block; clear: both; content: ""; }

form.userform .Actions .action { margin: 0 15px 15px 0; padding-right: 15px; }

form.userform .Actions #MemberLoginForm_LoginForm_action_dologin { float: left; }

form.userform .Actions #ForgotPassword { font-size: 0.9em; line-height: 2em; }

form.userform .Actions #ForgotPassword a { padding-left: 30px; }

form.userform .Actions.step-buttons { padding: 5px 0; }

form.userform .progress-title { margin-top: 45px; margin-bottom: 15px; }

form.userform .userform-progress { position: relative; }

.typography form.userform .userform-progress p { margin-bottom: 0; text-align: right; }

form.userform .userform-progress div.progress { height: 12px; margin-bottom: 0; }

form.userform .userform-progress div.progress-bar { min-width: 1%; max-width: 99%; height: 12px; background: #1a8fce; }

form.userform .userform-progress .step-button-jump { margin-top: 5px; border: 2px solid #1a8fce; }

form.userform .userformsgroup { margin-top: 3em; margin-bottom: 3em; padding: 1em 0; border: 0; border-top: 1px solid #1a8fce; border-bottom: 1px solid #1a8fce; border-radius: 0; }

form.userform .userformsgroup > legend { margin-left: 8px; }

form.userform .userformsgroup > legend + .control-group { margin-top: 0; }

.form-control { height: auto; padding: 1rem; }

select.form-control { height: auto; padding: 0.7rem 1rem; }

form { padding: 0 2rem; }

form ul { margin: 0 0 15px; padding: 0; }

form li { position: initial; }

form li::before { display: none; }

form #Remember input.checkbox { min-height: 27px; margin-left: -20px; }

form:not(.SubscribeForm) div.checkbox input.checkbox { margin-left: 0; }

#CustomCustomerDetailsCheckoutComponent_ConsentToBePhotographed { text-transform: none; }

#CustomCustomerDetailsCheckoutComponent_ConsentToBePhotographed label { text-transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: normal; font-size: 16px; }

#CustomCustomerDetailsCheckoutComponent_ConsentToBePhotographed .checkbox { margin-right: 1rem; margin-top: 5px; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.color-accent-blue { color: #1a8fce; }

.color-light { color: #f7f7f7; }

.color-dark { color: #000; }

.color-text-dark-grey { color: #6d6e71; }

.color-page { color: #fff; }

.color-link { color: #1a8fce; }

.color-linkhover { color: #1a8fce; }

.color-seafoam { color: #10abb6; }

.color-topaz { color: #10abb6; }

.color-navy-blue { color: #30549a; }

.color-space { color: #1f3364; }

.color-dark-slate-blue { color: #1f3364; }

.color-midnight { color: #0d1c3e; }

.color-bone { color: #f7f7f7; }

.color-mint { color: #66c29e; }

.color-soft-green { color: #66c29e; }

.color-cerulean { color: #127dba; }

.color-nice-blue { color: #127dba; }

.color-dove { color: #d7d7d7; }

.color-blackish { color: #252525; }

.color-white { color: #fff; }

.color-white-20 { color: rgba(255, 255, 255, 0.2); }

.bg-topaz { background: #10abb6; }

.bg-navy-blue { background: #30549a; }

.bg-space { background: #1f3364; }

.bg-dark-slate-blue { background: #1f3364; }

.bg-midnight { background: #0d1c3e; }

.bg-bone { background: #f7f7f7; }

.bg-mint { background: #66c29e; }

.bg-soft-green { background: #66c29e; }

.bg-cerulean { background: #127dba; }

.bg-nice-blue { background: #127dba; }

.bg-dove { background: #d7d7d7; }

.bg-blackish { background: #252525; }

.bg-white { background: #fff; }

.bg-white-20 { background: rgba(255, 255, 255, 0.2); }

.bg-black-20 { background: rgba(0, 0, 0, 0.2); }

.bg-blue-60 { background: rgba(10, 22, 52, 0.6); }

.icon-shifted-down { position: relative; top: 5px; }

.icon-18 { font-size: 18px; }

.icon-24 { font-size: 24px; }

.cursor-pointer:hover { cursor: pointer; }

.table-white { border-color: transparent; }

.table-white td { padding: 0.5rem 0.75rem; border: solid 5px #f7f7f7; background: #fff; vertical-align: middle; }

.table-white td:first-child { width: 30%; border-left: 0; }

.tr-border-bottom > td, .tr-border-bottom > th { border-bottom: solid 1px #d7d7d7; }

.pill { border-radius: 500px; }

.alert.good { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.alert.good hr { border-top-color: #b1dfbb; }

.alert.good .alert-link { color: #0b2e13; }

.alert.alert-error, .alert.bad { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.alert.alert-error hr, .alert.bad hr { border-top-color: #ffe8a1; }

.alert.alert-error .alert-link, .alert.bad .alert-link { color: #533f03; }

@media (min-width: 576px) { .container.container-slim { max-width: 540px; } }

@media (min-width: 768px) { .container.container-slim { max-width: 720px; } }

@media (min-width: 992px) { .container.container-slim { max-width: 945px; } }

@media (min-width: 1200px) { .container.container-slim { max-width: 946px; } }

.page-banner { position: relative; width: 100%; padding-top: 66px; background-repeat: no-repeat; background-size: cover; z-index: 0; }

.page-banner::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 22, 52, 0.6); content: ' '; z-index: 1; }

.page-banner.home-page-banner { background-color: #1f3364; background-image: none; }

.page-banner.home-page-banner::before { background: transparent; content: none; }

.page-banner.home-page-banner .page-banner-inner { min-height: 610px; }

.page-banner .home-page-banner-column { min-width: 100%; }

.page-banner .home-page-banner-column img { display: block; width: 80%; max-width: 80%; height: auto; max-height: 100%; margin: 0 auto; }

.page-banner .home-page-banner-text { min-height: 260px; }

.page-banner .home-page-banner-map { min-height: 350px; }

.page-banner-inner { position: relative; height: 164px; min-height: 164px; z-index: 2; }

@media (min-width: 768px) { .page-banner { padding-top: 80px; }
  .page-banner .page-banner-inner { height: 180px; min-height: 180px; }
  .page-banner.home-page-banner .page-banner-inner { min-height: 370px; }
  .page-banner .home-page-banner-column { min-width: inherit; }
  .page-banner .home-page-banner-text { min-height: 370px; }
  .page-banner .home-page-banner-map { min-height: 370px; } }

@media (min-width: 992px) { .page-banner { padding-top: 126px; }
  .page-banner .page-banner-inner { height: 204px; min-height: 204px; }
  .page-banner.home-page-banner .page-banner-inner { min-height: 454px; } }

@media (min-width: 1200px) { .page-banner .page-banner-inner { height: 274px; min-height: 274px; }
  .page-banner.home-page-banner .page-banner-inner { min-height: 684px; }
  .page-banner.home-page-banner .home-page-banner-inner-row { min-height: 684px; } }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.search-results-card { border-left: solid 5px #10abb6; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.pagination .pagination-icon { position: relative; top: 4px; font-size: 18px; }
/*# sourceMappingURL=main.css.map */