/*custom.css*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css");

/* overrides of Bootstrap 5 classes */
/*body {
    margin-left: 5vw;
    margin-right: 5vw;
}*/

.accordian-body {
    margin: 2rem;
}

.accordion-button {
    text-decoration: none;
    width: 90%;
    padding: 0;
}

.accordion-button::after {
    margin-left: 1rem;
}

.accordion-item {
    border: .5px solid rgba(0, 0, 0, .125);
}

.btn-blue,
.navbar-blue,
.nav-link {
    color: #3F92F1;
}

.h1,
h1,
.h2,
h2 {
    color: #73A4F5;
}

.menu {
    position: absolute;
    top: 5rem;
}

.margins-wide, .wide {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right:  0;
}

.btn-menu {
    background-color: rgb(44, 130, 201);
    color: rgb(255, 255, 255);
}

.btn-menu .h1 {
    color: rgb(255, 255, 255);
}

.btn-primary {
    background-color: rgb(44, 130, 201);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-menu:hover,
.btn-menu:focus,
.btn-menu:active {
    background-color: rgb(137, 196, 244) !important;
    border-color: #3f92f1;
    border-width: 0.5px;
    color: #3f92f1;
}

.btn-primary.active {
    /*background-color: rgb(137, 196, 244) !important;*/
    font-weight: bold;
}

.carousel-inner>.item {
    position: relative;
    max-height: 600px;
}

.carousel-inner>.active {
    background-color: unset;
}

/* Processwire overrides */
.form-label {
    margin-top: 20px;
}

.Inputfields {
    margin-left: 1rem;
    width: 100%;
}

.InputfieldContent button {
  margin-top: 20px;
}

/* Classes */
a.brag-link {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

.active {
    /*background-color: #DBE9F7;*/
    font-weight: bold;
}

.bg-lightblue {
    background-color: rgba(137, 196, 244, .2);
}

.bg-margin {
    background-color: #DBE9F7 !important;
}

.bg-white {
    background-color: #fff;
}

.brag-tag {
    /*   position: absolute;
    right: -3.6rem;
    bottom: -2rem;*/
    float: right;
    line-height: .5rem;
}

.btn-floater {
    position: absolute;
    top: 17vw;
}

.btn-spacing {
    margin-top: 0.25rem;
}

.ca-indent {
    margin-left: 30%;
    margin-right: 10%;
}

.ca-margin {
    margin-right: -67%;
    margin-left: 58%;
}


.ca-button-spacing {
    margin-left: 58%;
}

.card-position {
    padding-left: 3vw;
    padding-right: 5vw;
}

.contact-us {
    position: absolute;
    /*  top: -15%;
    right: 36%;
    left: 18%;*/
    z-index: 100;
    text-align: left;
}

.designed {
    width: 32%;
}

.fa-2x {
    font-size: 2em;
}

.h-bottom-stripe {
    height: 8rem;
}

.h-top-stripe {
    height: 3rem;
}


.header-buttons {
    position: absolute;
    top: 39.5vw;
    right: 0;
    left: 8.5vw;
}

.header-buttons .h1 {
    font-size: 5vw;
}

.header-spacing {
    margin-top: 4rem;
    height: auto;
}

.interior-header-spacing {
    margin-top: 4rem;
    height: auto;
}

.jobs-heading {
    padding: 1rem 1.7rem;
}

.job-details {
    color: #000;
    margin-left: 2rem;
    margin-top: 0rem;
}

.lead-vertical-space {
    margin-top: 15vw;
}

.light-transparent {
    color: #fff;
    position: absolute;
    top: 7.5vw;
    height: 7.5vw;
    right: 0;
    left: 0;
}

.light-blue-transparent {
    background-color: rgba(23, 162, 184, 0.75);
    color: #fff;
    position: absolute;
    top: 32.1vw;
    height: 6.5vw;
    right: 0;
    left: 0;
}

.logo {
    width: 56vw;
}

.mb--1 {
    margin-bottom: -1rem;
}

.mission {
    text-align: center;
    font-family: 'Times New Roman', serif;
}

.mt--4rem {
    margin-top: 2rem;
}

.ml-14rem {
    margin-left: 2rem;
}

.mt--1half-rem {
    margin-top: -0.5rem;
}

.mt-phone {
    margin-top: 1rem !important;
}

.no-decoration {
    text-decoration: none;
}

.ny-city,
.ca-city {
    margin-top: -34%;
    z-index: 1;

}

.offices {
    position: absolute;
    top: -5vw;
    right: 43vw;
    left: 3vw;
    text-align: left;
}

.p-l-10pct {
    padding-left: 10%;
}

.p-r-10pct {
    padding-right: 10%;
}

.p-l-indent {
    padding-left: 13%;
}

.p-l-20pct {
    /*padding-left: 20px;*/
    padding-left: 13%;
}

.p-r-20pct {
    padding-right: 20%;
}

p.my-contact {
    margin: 0 auto;
}

.posted {
    color: rgba(23, 162, 184, 0.75);
}

.quote {
    margin-left: -10%;
}

.sentence-align {
    margin-top: -1.3vw;
}

.stacked-vertical-space {
    margin-top: 2vh;
}

.testimonial-btn-spacing {
    margin-top: 1vh;
}

.testimonial-font {
    color: #73A4F5;
    font-style: italic;
}

.vertical-space {
    margin-top: 3.3vh;
}

.w-55 {
    width: 55%;
}

.white {
    color: #fff;
    vertical-align: bottom !important;
}

/*.wide {
    padding-right: 0;
    padding-left: 0;
}*/

.word-space {
    margin-left: 0.75vw;
}

/* id's */
/*@media only screen and (min-width: 556px) {

    #new-york-office_cardTitle,
    #california-office_cardTitle {
        font-size: 7.5vw;
    }

    #new-york-office_cardText,
    #california-office_cardText {
        font-size: 4vw;
    }
}*/

/*@media only screen and (min-width: 992px) {

    #new-york-office_cardTitle,
    #california-office_cardTitle {
        font-size: 4.5vw;
    }

    #new-york-office_cardText,
    #california-office_cardText {
        font-size: 2vw;
    }
}*/

#employee-picture_cardImage,
#employer-picture_cardImage,
#new-york-office_cardImage,
#california-office_cardImage {
    border-radius: 1.5vw;
}

#page-footer_cardTitle.h1,
#page-footer_cardTitle h1 {
    font-size: calc(1rem + 1vw);
}

#page-footer_cardImage {
    /* position: relative;
    z-index: 10;
    margin-top: -11.5rem;
    width:  35%;*/
    display: none;
}

#page-banner_cardText,
#interior-page-banner_cardText {
    padding-top: 0.7vw;
}

#page-banner_cardText span.h1,
#page-banner_cardText span h1,
#interior-page-banner_cardText span.h1,
#interior-page-banner_cardText span h1 {
    font-size: 7vw;
}

#page-banner_cardText span.h2,
#page-banner_cardText span h2,
#interior-page-banner_cardText span.h2,
#interior-page-banner_cardText span h2 {
    font-size: 4vw;
    color: #fff;
}

#page-footer_cardButton.h6,
#page-footer_cardText p.h6,
#page-footer_cardButton h6 {
    font-size: .7rem;
}

#page-footer_cardText.h4 {
    color: #fff;
}