@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/

/* Resize font */
body, form { font-size: 1em; }

.h1, .h2, .h3, .h4 { font-family: inherit; font-weight: bold !important; }

/* Headings for Applications - pulled from customDMHC.css */
h1, .h1 {font-size: 1.54rem; color: #008131; margin-top: 1.3em;}
h2, .h2 {text-align: left; font-size: 1.4rem; color: #0061a0;}
h3, .h3 {font-size: 1.1rem;}
/* End of Headings for Applications */

/* Fields Styles for Applications - pulled from customDMHC.css */
select, input, textarea, .btn-default, .chosen-select .k-dropdown-wrap, .form-control, .search-bar {border: 1px solid #0061a0 !important;}
/* End of Fields Styles for Applications */

/* Custom alert styles */
.alert-neutral { background-color: #f5f5f5; }

/* Custom header-organization-banner width. Set to match the size of the logo used. */
.fixed.compact .header-organization-banner a { max-width: 155px; }
/* Header banner height */
.header-large-banner.compact-banner {
    height: 12vh !important;
    margin-top: -20px;
}
/* Add image to the header-large-banner (header between the top menu and main body) */
.header-large-banner { background-image: url('/common/StateTemplate/5.5.3/images/top-bg1.png'); }

/* Fix for alert-banner preventing clicking header links when the page is scrolled down */
.global-header.compact .alert-banner { z-index: -1; }

/* Footer styles */
footer { background-color:#0061a0; }
.global-footer { padding-top: 1px; }
.global-footer .copyright { text-align: center; }
.section-bottom-links {
    color: #fff;
    margin: 4em auto 0;
    max-width: 1280px;
    padding: 15px 15px 2.8em;
}
.section-bottom-links h2,
.section-bottom-links h3,
.section-bottom-links a,
.section-bottom-links a:active,
.section-bottom-links a:focus,
.section-bottom-links a:hover { color: #fff; }
.section-bottom-links a:active,
.section-bottom-links a:focus,
.section-bottom-links a:hover { text-decoration: underline; }
.section-bottom-links .help-icon {
    color: #0061a0;
    font-size: 2em;
    line-height: 3.92857rem;
}
/* Header styles for footer section */
.section-bottom-links h2 { font-size: 1.54em; margin: 15px 0; }
.section-bottom-links h3 {
    font-size: 1.4em;
    margin-bottom: 1em;
    margin-top:0;
    padding-top:0;
}
.section-bottom-links .help-info > div {
    border:2px solid #fff;
    line-height: 1.3em;
    padding-bottom: 20px;
}
.section-bottom-links .help-info [class^="ca-gov-icon"],
.section-bottom-links .help-info [class*="ca-gov-icon"] {
    margin-right: 5px;
}
.section-bottom-links .help-info .icon-1-5 { font-size: 1.5em; }
.section-bottom-links ul {
    padding: 0;
    margin-left: 18px;
}

/* Custom language settings bar that derives from the .site-settings class */
.language-settings .container { padding: 0 8px !important; }
.language-settings .goog-te-combo { padding: 10px; }
.language-settings #google_translate_element,
.language-settings #google_translate_element select { flex: 1; }
.language-settings #google_translate_element > div { /* .goog-te-gadget */
    display: flex;
    align-items: center;
}
.language-settings #google_translate_element > div > div { /* .goog-te-gadget > div */
    display: flex !important;
    flex: 1;
}
.language-settings button.close { color: #000; }
.language-settings button.close span { top: 0; }

/* Fix for popover titles */
.popover-header { margin-top: 0; }

/* Custom pagination classes */
#main-content .dmhc-pagination a:not(.btn),
#main-content .dmhc-pagination a:not(.btn):hover { background-image: none; }

/* Pagination */
/* Fix for accessibility contrast issue on active page links */
.pagination.dmhc-pagination .page-item.active .page-link {
    background-color: #0077c7;
    border-color: #0061a0;
}

/* Fix for contrast on hamburger menu (accessibility) */
.toggle-menu span { color: #fff; }

/* Fix for anchor tag button styles */
html:not(.high-contrast) a.btn-outline-standout:hover,
html:not(.high-contrast) a.btn-outline-standout:focus,
html:not(.high-contrast) a.btn-outline-standout:not(:disabled):not(.disabled):active,
html:not(.high-contrast) a.btn-outline-standout:not(:disabled):not(.disabled).active,
html:not(.high-contrast) a.btn-outline-standout .show > .dropdown-toggle,
html:not(.high-contrast) .open > .dropdown-toggle a.btn-outline-standout {
    color: #fff;
    background-color: #323A45;
    border-color: #232930;
}

@media (max-width: 767px) {
    /* Header styles for footer section */
    .section-bottom-links h2 { text-align: center; }
}
@media (min-width: 575px) and (max-width: 767px) {
    /* Fix for visible-xs and hidden-xs classes on very small screens */
    .visible-xs { display: block !important; }
    .hidden-xs { display: none !important; }
}