body {
    --ca-orange: #ff8400;
    --ca-blue: #003da7;
    --bs-heading-color: var(--ca-blue);
    --rz-primary: var(--ca-blue);
    --rz-datalist-item-border: none !important;
    --rz-dialog-border-radius: calc(var(--rz-border-radius) * 1.5);
    color: #000000;
}

a {
    color: var(--ca-blue);
}

h1, h2 {
    margin-top: 0;
}

.ca-gov-logo-svg {
    background: url('../images/cagov-logo-gov-office-flat.svg') no-repeat;
    width: 42px;
    display: inline-block
}

.utility-header {
    background: var(--gray-50,#fafafa);
}

hr.hr-orange {
    border: none;
    opacity: 1;
    border-bottom: 5px solid #ff8400 !important;
}

.btn {
/*    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;*/
    /*--bs-btn-border-radius: var(--bs-border-radius);*/
    --bs-btn-border-radius: 0;
    /*--bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;*/
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    padding: .5em;
    min-width: 200px;
    background-color: var(--bs-btn-bg);
    /*transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}
    .btn:hover {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }

.btn-primary {
    /*--bs-btn-color: #fff;*/
    --bs-btn-bg: #003da7;
    --bs-btn-border-color: #003da7;
    /*    --bs-btn-hover-color: #fff;*/
    --bs-btn-hover-bg: #003085;
    --bs-btn-hover-border-color: #003085;
    /*--bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;*/
    --bs-btn-active-bg: #003085;
    /*--bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;*/
    --bs-btn-disabled-bg: #003da7;
    --bs-btn-disabled-border-color: #003da7;
}

.header-blue {
    background: #003da7;
    /*padding-top: 12px;*/
}

.height-120 {
    height: 120px!important;
}

.light-orange {
    background: hsl(27, 100%, 87%);
}

/* Create two equal columns that floats next to each other */
.column-responsive {
    float: left;
    width: 500px;
    padding: 0 0 0 70px;
}

/* Clear floats after the columns */
.row-responsive:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1250px) {
    .column-responsive {
        width: 410px;
        padding: 0 0 0 40px;
    }
}

@media screen and (max-width: 470px) {
    .column-responsive {
        width: 100%;
        padding: 0;
    }

    .detail {
        width: 100%;
        max-width: 370px;
        font-size: calc(1rem + 0.1vw);
    }
}

.detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.5rem;
    margin-bottom: calc(3*var(--base-unit));
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 400px;
}

.detail-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin-right: 14px;
    min-width: 3rem;
}

.detail-content {
    line-height: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

strong.event-title {
    font-weight: 900;
    color: var(--bs-heading-color);
    text-transform: uppercase;
}

.event-icon {
    font-size: 3rem;
    color: var(--ca-orange);
}

/* Ca Design System Site Footer*/
.site-footer ul {
    list-style: none;
    margin: 5px 0;
}

section.site-footer {
    border-top: solid 1px var(--gray-200,#d4d4d7)
}

    section.site-footer .container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        box-sizing: border-box;
        max-width: var(--w-lg,1176px);
        margin: 0 auto;
        padding: 16px
    }

    section.site-footer a {
        color: var(--primary-700,#165ac2)
    }

        section.site-footer a:hover {
            color: var(--primary-900,#003588)
        }

        section.site-footer a:focus {
            outline: 2px solid var(--accent2-500,#ac8226)
        }

    section.site-footer .footer-logo:not(:empty) {
        width: 54px;
        margin-right: var(--s-3,1.5rem)
    }

        section.site-footer .footer-logo:not(:empty) img {
            width: 100%
        }

    section.site-footer .footer-secondary-links {
        display: flex;
        flex-direction: column;
        font-size: var(--font-size-2, 1.125rem)
    }

        section.site-footer .footer-secondary-links a {
            margin-right: 1.7rem;
            padding-top: var(--s-1,.5rem);
            padding-bottom: var(--s-1,.5rem)
        }

    section.site-footer .footer-social-links {
        white-space: nowrap;
        padding-top: .7rem;
        padding-bottom: .7rem
    }

        section.site-footer .footer-social-links a {
            text-decoration: none;
            padding-right: .3rem;
            padding-left: .3rem;
            transition: all .3s ease
        }

            section.site-footer .footer-social-links a svg path {
                fill: var(--primary-700,#165ac2)
            }

            section.site-footer .footer-social-links a:hover svg path {
                fill: var(--primary-900,#003588)
            }

@media (min-width: 991px) {
    .footer-secondary-links, section.site-footer .container {
        flex-direction: row !important;
        align-items: center
    }

    .footer-social-links {
        margin-left: auto
    }
}
/* End Ca Design System Site Footer*/


.branding .header-organization-banner a .logo-assets .logo-img {
    max-width: 100%;
    min-height: auto;
    height: 10rem;
    display: inline-block;
    transition: all 0.3s;
}

.branding .header-organization-banner img {
    max-width: 300px;
    max-height: 100px;
    object-fit: contain !important;
    object-position: left;
}
/*@media screen {
    #printSection {
        display: none;
    }
}
@media print {
    body * {
        visibility: hidden;
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }
}*/

.rz-steps-number .rzi {
    text-decoration: none;
}

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected, #components-reconnect-modal {
    display: none !important;
}

/* Responsive iframe */
.iframeSocialMediaWrapper {
    width: 100%;
    height: 650px;
}

/* Carousel adjustments */
.carousel {
    max-width: 1016px;
}

.carousel-indicators {
    margin-bottom: -1.5rem;
}

.carousel-control-prev {
    left: -8%;
}

.carousel-control-next {
    right: -8%;
}

.box-button {
    text-transform: none !important;
}

#hero .rz-button {
    font-size: 1.1rem !important;
    text-transform: none !important;
    font-weight: 700 !important;
    padding: .7rem 1.6rem .7rem 1.6rem !important;
}

    #hero .rz-button:hover {
        background-color: #003da7 !important;
        color: #ffffff !important;
    }

.faq ol li ol {
    list-style-type: lower-alpha;
}

.faq ol li {
    margin-top: .75em;
    margin-bottom: 1.5em;
    margin-left: 2em
}

/*.rz-dialog {
    position: absolute;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-height: 100%;
    min-height: 150px;
    z-index: var(--rz-dialog-zindex);
    opacity: 1;
    background-color: seashell;
    box-shadow: var(--rz-dialog-shadow);
    border-radius: var(--rz-dialog-border-radius);
}

.rz-dialog-titlebar {
    background-color: seashell;
}*/