/* * file:/css/site/common_cms.css * CMS Skin styling */ body{ margin:0; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: #4f4f4f; } body > img{ display: none; } body > div{ max-width: 1400px; margin: 0 auto; } .cms-skin{ font-family: Arial,Helvetica,sans-serif; font-size:16px; } .cms-skin #address-footer { display: inline; } .cms-skin #address-footer:hover { color: #244d78; } .cms-skin #address-footer:focus { outline: 1px dashed #0b6d94; } #tablet-mobile-menu .gl-mobile-menu-footer .title { margin-top: 20px; color: inherit; font-size: 16px; font-weight: 700; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 10px 15px 0 15px; } @media (max-width: 768px){ .cms-skin .gl-footer .container{ width:100%; } .gl-contact-wrap .gl-contactopt.call_info .footer-paragraph { margin: 7px 0 0 0; } #webpush-container { width: 100%; } #block-webpush button { margin-top: 10px; } #block-webpush button #push-no-thanks { margin-left: -91px; } .email-address-subheading { width: unset; } } @media (min-width: 768px){ .cms-skin .container { width: 750px; } /* Text */ .text-lg-left, .text-sm-left{ text-align: left; } .cms-skin .gl-footer .gl-collapse-foot{ display: block; height:auto; } } @media (min-width: 992px){ .cms-skin .container { width: 970px; } .gl-contact-wrap .gl-contactopt.call_info div { display: inline; } .gl-contact-wrap .gl-contactopt.call_info div .footer_phone_call { display: inline-block; margin-top: 5px; margin-bottom: 10px; } } @media (min-width: 1200px){ .cms-skin .container { width: 1170px; } } #gl-logo{ padding-bottom:2px; } #gl-logo .print-logo{ display:none; } /* Validation Messaging */ #error_check { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #FA035B; background: #fff; padding: 20px 20px 10px; } #error_messages b, #error_check dt { color: #FA035B; text-shadow: 0 1px rgba(255,255,255,0.85); margin-bottom: 20px; } /* Validation Highlighting */ .cms-skin .validation input[type="text"], .cms-skin .validation input[type="password"], .cms-skin .validation .select{ background: #fef2f2; border-color: #fa035b; color: #555; } .cms-skin .gl-content .gl-form .field-wrapper .error { width:100%; } /* Form */ .cms-skin .gl-content .gl-form.form-data .field-wrapper { margin-bottom: 0; } .cms-skin .row.has-label .field-wrapper{ margin-top:0; } .field-wrapper .checkbox input[type="checkbox"]{ border-radius:0; margin:0; padding:0; border:0; } /* Placeholders */ .gl-content ::-webkit-input-placeholder { color: #8a888a !important; opacity: 1 !important; } .gl-content ::-moz-placeholder { color: #8a888a !important; opacity: 1 !important; } .gl-content :-ms-input-placeholder { color: #8a888a !important; opacity: 1; } .cms-skin .gl-content .gl-form .select, .cms-skin .gl-login-write-review .login-form .input-wrapper{ margin:12px 0; } .cms-skin .gl-content .password-strength { margin-bottom:8px; } .cms-skin .gl-content .gl-form .field-alt-link{ position:relative; top:-8px; } .gl-content .gl-form .select{ position: relative; display: inline-block; width: 100%; } @media screen and (min-width: 768px) { .cms-skin .gl-content .gl-form .insured-birth-date-fields .field-wrapper{ padding-right:5px; } .cms-skin .gl-content .gl-form .insured-birth-date-fields .field-wrapper:last-child{ padding-right:15px; } } #LegalAuthorization-error{ font-size:13px; position: unset; } #reset-password-form .pwd-option-wrapper .help-text-btn{ position:relative; top:-2px; } .cms-skin .gl-search input { font-size: 14px; font-weight: bold; width: 170px; } .cms-skin input::-webkit-input-placeholder { color: #d2d2d2; font-weight:bold; } .cms-skin input:-moz-placeholder { /* Firefox 18- */ color: #d2d2d2; font-weight:bold; } .cms-skin input::-moz-placeholder { /* Firefox 19+ */ color: #d2d2d2; font-weight:bold; } .cms-skin input:-ms-input-placeholder { color: #d2d2d2; font-weight:bold; } .cms-skin .eservice-login-form input{ font-weight:bold; } .cms-skin .eservice-login-form input::-webkit-input-placeholder { color: #90949d; } .cms-skin .eservice-login-form input:-moz-placeholder { /* Firefox 18- */ color: #90949d; } .cms-skin .eservice-login-form input::-moz-placeholder { /* Firefox 19+ */ color: #90949d; } .cms-skin .eservice-login-form input:-ms-input-placeholder { color: #90949d; } /* Buttons */ .cms-skin .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cms-skin .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .cms-skin .gl-button { display: inline-block; font-size: 16px; font-weight: bold; text-align: center; border: none; padding: 10px 25px; border-radius: 18px; box-shadow: 0 2px 2px rgba(52,38,21,0.35); text-shadow:none; } .cms-skin .gl-button.disabled, .cms-skin .gl-button[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.7; } .cms-skin .gl-button.loading { position: relative; cursor: initial; } .cms-skin .gl-button.loading::after { content: ''; position: absolute; right: 14px; top: 50%; margin: -10px 0 0 0; width: 19px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-rolling'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23ffffff' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138' transform='rotate%28222 50 50%29'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;360 50 50' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E"); box-sizing: inherit; } .cms-skin .gl-orange, .cms-skin .btn-orange { color: #ffffff; background-color: #fd9917; border-color: #fd9917; } .cms-skin .gl-orange:hover, .cms-skin .btn-orange:hover { color: #ffffff; background-color: #fa8100; border-color: #fa8100; } .cms-skin .gl-button-no-shadow { box-shadow: none; height: 40px; line-height: 1.4; padding: 10px 15px; } /* Navigation */ #mobile-top-nav ul{ margin-bottom:0; } #mobile-top-nav li{ line-height: 50px; } #mobile-top-nav li a{ line-height: inherit; } #mobile-top-nav .divider{ box-sizing:content-box; } /* Mobile Menu */ /* expand top level click/hover area to fill box */ .gl-tablet-mobile-menu .top-level-link a { display:block; } .gl-tablet-mobile-menu .top-level-link a:hover, .gl-tablet-mobile-menu .top-level-link a:focus, .gl-tablet-mobile-menu .top-level-link a:active { color: #244D78 !important; } /* Footer */ .cms-skin a{ color: #0F79A2; } .cms-skin a:hover, .cms-skin a:focus, .cms-skin a:active { color: #244D78; text-decoration: underline !important; } .cms-skin a:focus { outline: 1px dashed #0b6d94 !important; outline-offset: 2px; } /** dropdowns nav bar**/ .cms-skin .main-nav a:hover, .cms-skin .main-nav a:focus, .cms-skin .main-nav a:active { color: #FFFFFF !important; text-decoration: underline !important; } .cms-skin .leaf a:hover, .cms-skin .leaf a:active, .cms-skin .leaf a:focus { color: #244D78 !important; } .gl-footer .gl-fs-title { font-size: 16px !important; } .cms-skin.desktop{ min-width: 1016px; } /* Header */ .column-header{ padding-left: 8px !important; color: #4F4F4F !important; pointer-events: all; &:hover { cursor: default; } } .last-menu-li { margin-bottom: 50px !important; } .last-menu-item { position: absolute; bottom: 5px; margin-left: 20px; border-top: 1px solid #afafaf; a { position: relative; left: -20px; } } .inner-menu { li { a { margin-bottom: 1px; padding-left: 46px; &:hover { background: lightgrey; } } } } .inner-menu2 { li { a { margin-bottom: 1px; &:hover { background: lightgrey; } } } } @media (max-width:1199px) { .last-menu-item{ margin-left: 0; padding-left: 0 !important; a{ left: 0; } } .cms-skin .gl-topmenu-wrap #gl-logo a{ background-color: transparent; background-repeat: no-repeat; display: inline-block; width: 200px; height: 71px; background-size: contain; } } .cms-skin.desktop .container { width: 1170px; } .cms-skin.desktop .navbar-right { float: right !important; } .cms-skin.desktop .hidden-mobile { display: block; } .cms-skin .gl-topmenu-wrap .navbar.navbar-right.hidden-mobile { margin-top: 0px; } @media screen and (max-width: 991px){ .cms-skin.desktop .gl-topmenu-wrap{ padding-top: 18px; position: static; border: none; } .cms-skin.desktop li.gl-desktop { display: list-item !important; } .cms-skin.desktop .gl-topmenu-wrap #gl-logo a { width: 255px; height: 71px; } .cms-skin.desktop #gl-logo { margin-top: 0px; } } @media (min-width: 768px) and (max-width: 992px) { .gl-contact-wrap .gl-contactopt.call_info { display: flex; } .gl-contact-wrap .gl-contactopt.call_info div { display: flex; flex-direction: column; padding-top: 3px; } .gl-contact-wrap .gl-contactopt.call_info .footer_phone_call { padding-bottom: 10px; } .gl-contact-wrap .gl-contactopt.call_info .footer-paragraph { margin: 0 0 10px 0; } .cms-skin .gl-footer .gl-fs-email form .form-actions { display: block; margin-left: 0; } } .card-icon svg { margin-right: 6px; } #pay-bill-login div { display: flex; align-items: center; } #pay-bill-login img { height:24px; width:24px; } #pay-bill-login a { padding-left: 10px; } #footer-phone { padding-bottom:2px; } .cms-skin .shadow-wrapper { position: absolute; z-index:500; width: 100%; height:100%; background:#000; opacity:0.5; } .disable-scrolling .cms-skin .gl-topmenu-wrap { border:none; } @media (max-width: 768px){ .disable-scrolling .cms-skin .gl-topmenu-wrap { height:70px; } } .cms-skin .form-data input[type="text"], .cms-skin .gl-content .gl-form input, .cms-skin .form-data .select, .cms-skin .form-data .select .selected-value, .cms-skin legend, #password-requirements { border-color: #747474; } .cms-skin .btn-orange { background-color: #E67618; border-color: #E67618; } .cms-skin .eservice-login-form .fa-eye-slash, .cms-skin .eservice-login-form .fa-eye { top:-5px !important; height:33px !important; border:none; } .cms-skin .eservice-login-form .fa-eye-slash:focus { box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(42,137,195,0.9); } .cms-skin .eservice-login-form .fa-eye:focus { box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(42,137,195,0.9); } .input-identifier .field-name{ font-weight: bold; } .input-identifier p { margin:0; } .input-identifier .required-text { padding-left: 5px; font-size: .9em; color: #333; opacity: .75; white-space: nowrap; font-size: 14px; } .input-identifier { letter-spacing: .3px; display: flex; flex-direction: row; } .gl-fs-data li a{ color: #244d78 !important; }