.navbar:before {
    -webkit-border-image: linear-gradient(90deg,#575a7b,#575a7b 20%,#f9655b 0,#f9655b 40%,#f5c070 0,#f5c070 60%,#6658ea 0,#6658ea 80%,#fcc 0) 1;
    -moz-border-image: linear-gradient(90deg,#575a7b,#575a7b 20%,#f9655b 0,#f9655b 40%,#f5c070 0,#f5c070 60%,#6658ea 0,#6658ea 80%,#fcc 0) 1;
    -o-border-image: linear-gradient(90deg,#575a7b,#575a7b 20%,#f9655b 0,#f9655b 40%,#f5c070 0,#f5c070 60%,#6658ea 0,#6658ea 80%,#fcc 0) 1;
    border-image: linear-gradient(90deg,#b0c6c5,#b0c6c5 20%,#ffcb70 0,#ffcb70 40%,#f68931 0,#f68931 60%,#4bbea9 0,#4bbea9 80%,#f6ded0 0) 1;
    border-width: 0;
    border-top: 4px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.text-underline-warning {
  background-image: linear-gradient(90deg,rgba(255,203,112,.4),rgba(255,203,112,.4));
}

.bg-dark {
  background-color: #0e4043;
}

.parallax {
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-color-teal {
    color: #4bbea9;
}
.text-color-teal-lightest {
    color: #93D7CC;
}
.text-color-dark-teal {
    color: #2f8375;
}
.text-color-teal-darker {
    color: #2D7C6F;
}
.text-color-teal-darkest {
    color: #235C53;
}
.text-color-dark-green {
  color: #1D3F42;
}
.text-color-orange {
    color: #e78c46;
}
.text-color-orange-darker {
    color: #B05917;
}
.text-color-orange-darkest {
    color: #824212;
}
.text-color-gold {
    color: #f7cb7f;
}


.h1-larger,
.h2-larger,
.h3-larger,
.h4-larger,
.h5-larger,
.h6-larger {
  font-weight: 500;
}
.h1-larger {
  font-size: 1.8rem;
}
@media (min-width: 992px) {
    .h1-larger {
      font-size: 2.3rem;
    }
}
@media (min-width: 1200px) {
    .h1-larger {
      font-size: 2.5rem;
    }
}

/*pending to change from theme*/
.navbar-brand {
    font-family: DM Sans,sans-serif !important;
}
/*
h1, h2, h3, h4, h5, h6, .nav-link {
    color: #062827 !important;
}*/

.nav-link-dark,
.nav-tabs .nav-link.active {
    color: #062827;
}

.btn-orange {
    background-color: #f68830;
}
.btn-orange:hover {
    background-color: #4bbba9;
}

.btn-teal {
    background-color: #6bbba9;
}
.btn-teal:hover {
    background-color: #e78c46;
}

.c-link-dark {
    color: #062827;
}

.c-link-dark:hover {
    color: #f68830;
    cursor: pointer;
}

#video_background {
    min-width: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    z-index: -9999;
    background-position: center;
    background-size: cover;
}

.font-color-teal {
    color: #6bbba9;
}

.btn-close {
    font-size: 1.5em;
}

#section-team a {
    color: #062827;
}
#section-team a:hover {
    color: #f68830;
}

.text-underline-yellow {
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255,203,112,.4);
    text-decoration-color: rgba(255,203,112,.4);
    text-decoration-thickness: 8px;
    text-decoration-skip-ink: none;
}

.list-checked-orange > li:before {
  background-color: #e78c46;
  color: #fff;
}

/* The following property was replace because Flickity doesn't work on the About Us section card */
.img-grid-aboutUs {
    display: flex;
}

/* ADA */
.h3 {
    line-height: 1.875rem;
}

/* Forms related */
.field-validation-error {
    color: #e78c46;
}
.umbraco-forms-submitmessage {
    background-image: linear-gradient(90deg,rgba(255,203,112,.4),rgba(255,203,112,.4));
}

/* Skip to Main */
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

    a.skip-main:focus, a.skip-main:active {
        color: #fff;
        background-color: #e78c46;
        left: auto;
        top: auto;
        width: 30%;
        height: auto;
        overflow: auto;
        margin: 10px 35%;
        padding: 5px;
        border-radius: 15px;
        border: 4px solid rgb(255,203,112);
        text-align: center;
        font-size: 1.1rem;
        z-index: 999;
    }

/* IMPACT SLIDER FIX - START */
/* The following property was created because the Flikity cards in the Impact.cshtml section do not display correctly in Mozilla Firefox */
.raiseCard {
    z-index: 0;
}
@media (min-width: 768px) {
    .raiseCard{
        z-index:1;
    }
}
/* The following two properties have been created to be able to vertically center the Flikity cards in the Impact.cshtml section */
.w-110 {
    width: 110% !important;
}
.cardFlickityImpact{
    width: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    vertical-align: middle
}
#slider-impact > div > .flickity-button.previous {
    z-index: 2;
}
/* IMPACT SLIDER FIX - END */

.truncate-multiline-1 {
    border: 1px solid #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    background-color: transparent;
}
.truncate-multiline-3 {
    border: 1px solid #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    background-color: transparent;
}
.truncate-multiline-5 {
    border: 1px solid #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    background-color: transparent;
}
.truncate-multiline-6 {
    border: 1px solid #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    background-color: transparent;
}

.collapse-toggle:after {
    color: #6bbba9;
}

.list-group-item {
    color: #1d3f42;
}

.text-light-awards{
    color: #eff9f4;
}

/* The following property has been created for the AwardsPage.cshtml section */

.go-up-margin-1{
    margin-top: -1rem;
}

.bg-orange{
    background-color: #f68830;
}

.bg-with-image{
    background-image: none;
    position: absolute;
    min-width: 100%;
    min-height: 150%;
    top: 0;
    right: 0;
    z-index: -9999;
    background-position: top;
    background-size: cover;
    background-color: #0e4043;
}

.bg-navbar-dark-50 {
    background-color: rgba(22, 66, 54, 0.5) !important;
}

.text-rose{
    color:#fcc;
}

#awards-header-image {
    background-size: cover;
    min-height: initial;
    height: 50%;
}
@media (min-width: 576px) {
    #awards-header-image {
        height: 50%;
    }
}
@media (min-width: 768px) {
    #awards-header-image {
        height: 65%;
    }
}
@media (min-width: 1200px) {
    #awards-header-image {
        height: 80%;
    }
}
@media (min-width: 1400px) {
    #awards-header-image {
        height: 100%;
    }
}

#bp_container {
    background: rgba(14, 64, 67, 0.9) !important;
}

/* About Us */
.timeline-warning .timeline-item.active::before {
  background-color: #e78c46;
}

.about-us_contact-us .form-control {
    border: solid 2px #eff9f4;
    background-color: #eff9f4;
}

.crop-image-occ {
    
    object-fit: cover;
    width: 35vw;
    height: 300px;
    vertical-align:initial;
}

@media (min-width: 992px) {
    #casestudies-menu {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1200px) {
    #casestudies-menu {
        padding-left: 1.85rem;
        padding-right: 1.85rem;
    }
}

.opaque-description {
    opacity: 0;
}

.illuminate-text {
    transition: opacity 0.30s linear;
    opacity: 1 !important;
}

.different-link-team {
    color: #4bbea9 !important;
}

.different-link-team:hover {
    color: #f68830!important;
}

.preheading-dark-teal {
    color: #246056;
    letter-spacing: .25em;
    font-weight: 700;
}

/* Modifications created to display correctly the investment portal button */
@media (min-width: 992px) {
    .modifications-for-top-navbar {
        flex-wrap: wrap !important;
        padding-top: 0.5rem !important;
    }
}

.flickity-page-dots .dot.is-selected {
    background-color: #e78c46;
}

/*Modifications created so that the menu buttons are shaded when necessary and can be better displayed.*/
@media (min-width: 992px) {
    .bg-for-ancle .a-with-shadow {
        background: radial-gradient(ellipse at center, rgb(0, 0, 0, 50%), rgba(255, 255, 255, 0.0) );
    }
}

.text-with-shadow {
    background: radial-gradient(ellipse at center, rgb(0, 0, 0, 25%), rgba(255, 255, 255, 0.0) );
}
/*Used to display the new Allivate icon correctly.*/
.push-toggler-down{
    display:grid;
}
.AIC-on-top{
    padding-bottom: 2rem;
}

.reverse position{
    display:flex;
    flex-direction:column-reverse;
}

/* ADA AAA Fixes */
.btn-group-sm > .btn, .btn-sm {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.btn {
    color: #041B1A;
}

.bg-teal {
    background-color: #4bbea9;
    
}

.bg-teal-lightest{
    background-color: #93D7CC;
}

.ul-employee-owneship{
    list-style-type: square!important;;
}
.ul-employee-owneship li::marker {
    color: #4bbea9!important;
}
.color-number-employee-owneship{
    color: #93d8cb!important;
}