/* HEADER */
#header .navbar-nav{
    align-items: center;
}
.contextual-links a{
    color: #000000;
}
select#gtranslate_selector {
    background: var(--primary-color);
    border: 0;
    outline: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    padding-left: 15px;
}
select#gtranslate_selector option{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 20px !important;
}
#h-resource{
    margin-bottom: 80px;
}
#h-resource .section{
    margin: 0;
    padding: 0;
}
#h-resource .node__content.clearfix{
    margin:0;
}
#h-resource .card.court-feat .image{
    height: 430px;
    display: flex;
    align-items: center;
    justify-content: center
}
#h-resource #the-court {
    padding-top: 0;
    padding-bottom: 0;
}
#h-resource .card.court-feat .image img{
    height: 100px;
    width: 100px;
}
#h-resource .card.court-feat {
    box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
}
#h-resource .breadcrumb{
    margin-bottom: 40px;
}
.four.flip-down .card-title {
    bottom: initial;
    top: 0;
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a#edit-help-link {display: none;}

details#edit-advanced {display: none;}

#page #header{
    /* background-image: url(../images/page_banner_1.jpg); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 20%;
    border: transparent;
}
#hr{
    position: relative;
    color: #ffffff;
}
.hr-page .btn{
    text-transform: uppercase !important;    
    font-family: 'Oswald' !important;
}
#hr .row{
    align-items: center;
}
#hr .search-form iframe{
    width: 100%;
    height: 70vh;
    margin-top: 15vh;
}
#hr .section-image img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: top;
}
#hr .overlay{
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    /* background: linear-gradient( 100deg, #040404b8, #0000004a); */
}
#hr .overlay .section-content{
    position: absolute;
    /* bottom: 40px; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    left: 0;
    padding: 0 30px;
}  
#hr .overlay h1{
    color: #ffffff;
    /* text-transform: inherit; */
    /* font-family: 'Open Sans'; */
    /* font-weight: 600; */
    /* font-size: 40px; */
    text-align: center;
}
#hr .overlay p{
    font-size: 20px;
    color: #ffffffc9;
    font-weight: normal;
}
#hr .overlay .form-control-lg{
    border-radius: 0;
    margin-right: 10px;
}
#hr .overlay form input::placeholder{
    color: #000000 !important;
}
#hr .overlay .btn-lg{
    height: 60px;
    background-color: var(--primary-color);
    border-color:  var(--primary-color);
}
#hr .overlay .btn-lg:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
#hr .btn-primary {
    padding: 15px;
    min-width: 220px;
    font-size: 21px;
}
#hr-innovative .row{
    align-items: center;
}
#hr-innovative .section{
    height: 100%;
}
#hr-innovative h2{
    font-size: 25px;
    text-transform: inherit;
    font-family: 'Open Sans';
    display: flex;
    flex-direction: column;
}
#hr-innovative p{
    color: #6e6b6b;
}
#hr-innovative h2 span{
    color: var(--primary-color);
}
/* CARRIERS */
#carriers .carrier img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#carriers .carrier span{
    text-transform: uppercase;
    color: var(--primary-color);
}
#carriers .carrier h3{
    font-size: 23px;
    text-transform: inherit;
    font-family: 'Open Sans';
    padding-top: 15px;
}

#carriers .carrier{
    background-color: #ffffff;
    height: 100%;    
    border: 0;
    box-shadow: 0 0 18px -4px rgb(0 0 0 / 20%);
    position: relative;
}
#carriers .carrier .section-content{
    padding: 20px;
}
#carriers .carrier .btn-secondary{
    display: flex;
    align-items: center;
    width: max-content;
    border: 0;
    padding: 10px 15px;
    background: var(--primary-color);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
    transition: .5s ease-in-out;
    position: absolute;
    bottom: 20px;
}

#carriers .carrier .btn-secondary i{
    margin-left: 10px;
    font-size: 20px;
    transition: .5s ease-in-out;
}
#carriers .carrier .btn-secondary:hover i{
    transform: translateX(2px);
}
#quick-links .container .quick-link-item h3 {
    position: absolute;
    margin: 0px auto;
    left: 0;
    right: 0;
    bottom: 0px;
    font-family: 'Open Sans';
    font-size: 25px;
    text-transform: inherit;
}
#carriers .col-md-5{
    margin-bottom: 20px;
}
/* signup-banner */

#hr.signup-banner .section-image img {
    width: 100%;
    height: 75vh;
}
.signup-banner .overlay .section-content{
    position: relative !important;
}
.signup-banner-content{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 20px;
}
.signup-banner .form-row {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}
.signup-banner .form-row .btn{
    padding: 15px 0;
    border: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    
}
.signup-banner input#edit-sign-up {
    padding: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#h-resource .has-sidebar #the-court, #h-resource .has-sidebar #carriers{
    background-color: transparent;
}
.hr-page .basic_page{
    overflow-x: hidden;
}
.hr-page #address-and-links{
    margin: 40px 12px;
}
/* SIGN UP FORM */
#sign-up-form .form-row{
    display: flex;
    position: relative;
    height: 50px !important;
    align-items: center;
}
#sign-up-form fieldset{
    display: flex;
    align-items: center;
    text-align: end;
}
#sign-up-form .form-control{
    height: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 30px;
}
#sign-up-form .form-control:focus{
    border-color: var(--primary-color);
    box-shadow: none;
}
#sign-up-form .button--primary{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#sign-up-form .invalid-feedback{
    position: absolute;
    bottom: -10px;
    right: 53%;
}
.accordion-body img{
    width: 100%;
    height: auto;
}
.hr-page-wrapper .flip-down .card-title h3{
    color: #fff;
}
@media (max-width: 575.98px) {
    #hr .overlay h1{
        font-size: 30px !important;
    }
    #hr .overlay .section-content {
        bottom: 15%;
        text-align: center;
        padding: 0 20px;    
    }
    #hr-innovative{
        padding-bottom: 0 !important;
    }
    #hr-innovative .section-title h2{
        font-size: 20px !important;
        display: block;
        text-align: center;
    }
    #hr-innovative .section-content{
        padding-top: 20px;
    }
    #carriers{
        padding: 50px 0;
        margin-top: 20px !important;
    }
    #carriers .carrier{
        text-align: center;
    }
    #carriers .carrier .section-button{
        display: flex;
        justify-content: center;
    }
    .signup-banner input#edit-sign-up {
        padding: 15px;
    }
    .signup-banner .form-row .btn {
        padding: 10px 0;
        min-width: 100px;
    }
    .signup-banner .form-row{
        width: 95%;
    }    
    .hr-page #address-and-links{
        margin: 40px 12px;
    }
    #hr .section-image img {
        object-position: -400px 100px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    #hr .section-image img {
        height: 400px;
    }
    #hr .overlay h1 {
        font-size: 30px;
    }
    #hr-innovative h2{
        font-size: 25px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    #hr .section-image img {
        height: 400px;
    }
    #hr .overlay h1 {
        font-size: 30px;
    }
    .container, .container-fluid, .container-lg {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    #hr .overlay h1 {
        font-size: 35px;
    }
    .header-wrapper #header .navbar-brand.text span {
        font-size: 20px;
    }
    .header-wrapper #header .navbar-brand.text span span{
        font-size: 15px;
    }
    
}
@media (min-width: 1200px) { 
    #hr-innovative .section-content{
        padding-right: 70px;
    }
    #carriers .carrier .section-content{
        padding: 30px;
        padding-bottom: 10px;
        margin-bottom: 70px;
    }
    #carriers .carrier .section-button{
        bottom: 30px;
    }
    #the-court .three .court-feat{
        margin: 10px !important;
    }
    #hr-innovative .container{
        padding: 0 50px !important;
    }
    #h-resource .sidebar .section{
        margin-right: 50px;
    }
    #h-resource #img-with-description{
        padding-left: 70px !important;
    }
    #h-resource #text_editor{
        padding-left: 70px !important;
    }
    /* #block-notaryservices, #block-missionstatement, #block-contact, #block-superiorcourtseniorjudges, #block-familylinks, #block-selfhelp, #block-officeofthecourtadministrator, #block-processserver, #block-pretriallinks, #block-relatedlinks, #block-taskforce, #block-businesscourtlinks, #block-covidinformation-2{
        position: sticky;
        top: 150px;
    } */
    .view-all{
        display: flex;
        justify-content: center;
        width: 75%;
    }
    .accordion-active{
        padding-top: 160px;
    }
    .card_links h2{
        margin-bottom: 100px !important;
    }    
    .hr-page-wrapper .flip-down .card-title{
        min-height: 105px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .hr-page-wrapper .flip-down .card-title h3{
        color: #fff;
    }
    #hr .section-image img {
        height: 450px;
    }
}