/** * Colors */ /** * Scaffolding */ /* Background color for '' */ /* Global text color for '' */ /* Global textual link color */ /* Link hover color set via `darken()` function */ /* Link hover decoration */ /** * Typography */ /* Font weights */ /* By default, this inherits from the '' */ /** * Media Queries */ /* Extra small devices (portrait phones, less than 576px) */ /* Small devices (landscape phones, 576px and up) */ /* Medium devices (tablets, 768px and up) */ /* Large devices (desktops, 992px and up) */ /* Extra large devices (large desktops, 1200px and up) */ /* Extra large devices (large desktops, 1200px and up) */ /* Extra large devices (large desktops, 1600px and up) */ /* Error pages */ .error-page{ background: #ffffff; padding: 10rem 0; position: relative; text-align: center; } .error-page .hs_cos_wrapper{ z-index: 100; position: relative; } .error-page:before{ color: #EEEEEE; content: attr(data-error); font-size: 40vw; font-weight: bold; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 50; } @media screen and (min-width: 1100px){ .error-page:before { font-size: 20rem; } } /* System pages */ .systems-page--search-results{ max-width: 100%; } .site-content-system-page{ background: #ffffff; } .systems-page{ padding-top: 64px; padding-bottom: 64px; margin: 0 auto; max-width: 700px; } .systems-page .header-container{ text-align: center; background-color: transparent; border-bottom: none; padding: 0; } .systems-page .footer-container{ display: flex; flex-direction: column; align-items: center; margin-top: 32px; } .systems-page .header{ background-color: transparent; border-bottom: none; padding: 0; } .systems-page .page-header h1{ color: #01122e; font-weight: 700; } .systems-page .page-header h2{ font-weight: 400; } .systems-page .success{ background-color: #CDE3CC; border: 1.5px solid #4F7D24; border-radius: 6px; color: #4F7D24; display: inline-block; margin: 1.4rem 0; padding: 0.1rem 0.7rem; width: 100%; } .systems-page form input[type="password"]{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #555555; background-color: transparent; color: #3a424d; font-size: 14px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; width: 100%; box-sizing: border-box; } .systems-page form input[type=submit], .systems-page form .hs-button{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'Roboto', sans-serif; border: 0 none; background: #2d5ae2; color: #ffffff; font-family: 'Mulish', sans-serif; font-size: 14px; font-weight: 700; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: relative; z-index: 1; box-sizing: border-box !important; box-shadow: 0 3px 6px rgba(0,0,0, 0.16); } .systems-page form input[type=submit]:active, .systems-page form .hs-button:active, .systems-page form input[type=submit]:focus, .systems-page form .hs-button:focus, .systems-page form input[type=submit]:hover, .systems-page form .hs-button:hover{ outline: 0; color :#ffffff; background: #20449c; border: 0 none; } /* Search pages */ .hs-search-results__title{ color: #494A52; font-family: Merriweather, serif; font-size: 1.25rem; margin-bottom: 0.35rem; text-decoration: underline; } .hs-search-results__title:hover{ text-decoration: none; } .hs-search-results__description{ padding-top: 0.7rem; } /* Password prompt */ .password-prompt input[type=password]{ height: auto !important; margin-bottom: 1.4rem; } .systems-page #hs-login-widget-remember, .systems-page #hs-login-widget-remember ~ label{ display: inline-block; margin-bottom: 3px; } .systems-page #hs_login_reset{ display: block; margin-bottom: 0.625rem; } /* Backup unsubscribe */ .backup-unsubscribe #email-prefs-form div{ padding-bottom: 0 !important; } .backup-unsubscribe input[type=email]{ font-size: 0.875rem !important; margin-bottom: 1.4rem; padding: 0.7rem !important; } /* Subscription preferences */ #email-prefs-form .item:nth-of-type(1) .item-inner{ border: 1px solid #E4E4E4; background: #ffefeb; } #email-prefs-form .item.disabled{ opacity: 0.6; cursor: not-allowed; } #email-prefs-form .item.disabled input:disabled{ cursor: not-allowed; } #email-prefs-form .item .item-inner{ -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-transition-property: background; -webkit-transition-property: background; -o-transition-property: background; transition-property: background; -moz-transition-duration: 0.15s; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -moz-transition-timing-function: linear; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; border: 1px solid #e0e7ec; background: #f0f7fc; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-top: 0; margin-right: 0; margin-bottom: 16px; margin-left: 0; overflow: hidden; } #email-prefs-form .item .item-inner .fakelabel{ font-weight: 700; } #email-prefs-form .item .item-inner p:last-of-type{ margin-bottom: 0; } #email-prefs-form .email-prefs{ margin-top: 16px; } #email-prefs-form .hs-button{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #2d5ae2; background: #2d5ae2; color: #ffffff; font-family: 'Mulish', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.0em; letter-spacing: 0.3px; text-transform: uppercase; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: relative; z-index: 1; } #email-prefs-form .hs-button:active, #email-prefs-form .hs-button:focus, #email-prefs-form .hs-button:hover{ outline: 0; color: #2d5ae2; background: transparent; border: 1px solid #2d5ae2; } .widget-type-email_subscriptions_confirmation{ text-align: center; } .widget-type-email_subscriptions_confirmation .page-header{ border: 0 none; text-align: center; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 48px; margin-left; 0; } .widget-type-email_subscriptions_confirmation .page-header h1{ display: none; } /* Membership pages */ #hs-membership-form a[class*='show-password']{ font-size: 0.75rem; } #hs-membership-form label{ color: #01122e; font-family: 'Roboto Condensed', sans-serif; font-size: 16px !important; font-weight: 700; text-align: left; text-transform: uppercase; line-height: 18px; margin-top: 0; margin-right: 0; margin-bottom: 8px; margin-left: 0; } #hs-membership-form .hs-form-field a{ font-size: 16px; float: right; } #hs-membership-form input[type="text"], #hs-membership-form input[type="password"], #hs-membership-form input[type="email"]{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #555555; background-color: transparent; color: #3a424d; font-size: 14px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; height: 45px; width: 100%; box-sizing: border-box; } #hs-membership-form input:disabled{ background-color: #eaf0f6 !important; border-color: #eaf0f6; color: #cbd6e2; cursor: not-allowed; } /* Submit button */ #hs-membership-form .hs-button{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'Roboto', sans-serif; border: 0 none; background: #2d5ae2; color: #ffffff; font-family: 'Mulish', sans-serif; font-size: 14px; font-weight: 700; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: relative; z-index: 1; box-sizing: border-box !important; box-shadow: 0 3px 6px rgba(0,0,0, 0.16); } #hs-membership-form .hs-button:active, #hs-membership-form .hs-button:focus, #hs-membership-form .hs-button:hover{ outline: 0; color :#ffffff; background: #20449c; border: 0 none; } /* Input error messages */ .form-input-validation-message ul.hs-error-msgs{ padding-left: 0; margin: 0; } .form-input-validation-message ul.hs-error-msgs li{ margin: 0; } /*======= Bootstrap 4 Media Queries =======*/ /*========== Mobile First Method ==========*/ /* Extra small devices (portrait phones, less than 576px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (landscape phones, 576px and up) */ /* min-width : 576px */ @media only screen and (min-width : 576px){ } /* Medium devices (tablets, 768px and up) */ /* min-width : 768px */ @media only screen and (min-width : 768px){ } /* Large devices (desktops, 992px and up) */ /* min-width : 992px */ @media only screen and (min-width : 992px){ } /* Extra large devices (large desktops, 1200px and up) */ /* min-width : 1200px */ @media only screen and (min-width : 1200px){ }