/*****
Overlay
******/

#overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 9999;
    display: block;
}

#popup {
    width: 1040px;
    max-width: 100%;
    height: auto;
    padding: 20px 50px;
    position: absolute;
    margin: 20px auto;
    background: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#popup::before {
    content: '';
    clear: both;
}

strong {
    font-weight: bold;
}

#close {
    cursor: pointer;
    color: black;
    float: right;
}



/*hacks*/

@media(min-width: 1000px) {
.-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}

.-flex #image_ {
    margin: 0 auto;
}    
}


.mt-10 {
    margin-top: 20px;
}

.image__gallery {
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
    margin-bottom: 2rem;
}

@media(min-width: 1092px) {
    .image__gallery {
        padding-top: 3rem;
        margin-bottom: 0;

    }
}

.image__gallery a.btn {
    width: 100%;
    display: inline-block;
}

.hidden {
    overflow: hidden;
    display: none;
    visibility: hidden;
}


.job-title {
    font-size: 2rem;
    line-height: normal;
}

.career__cards {
    margin-top: 60px;
}

.icon.twit {
    font-size: 1.2rem;
    position: relative;
    top: -2px;
}

body.browserIE #development>div.eagle-panels>.eagle-panel>h3 {
    position: relative;
    width: 100%;
    display: block;
    top: 30%;
}

body.browserIE #development>div.eagle-panels>.eagle-panel:nth-child(1)>h3:after {
    content: "A program with required and elective courses to help our People Leaders grow themselves and their teams. Required courses include Crucial Conversations, Performance Management, Leadership Styles, Coaching For Performance, Interviewing Skills, and EagleBank Strategy.";
    display: block !important;
    position: relative;
    left: 0;
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    text-transform: none;

}

body.browserIE #development>div.eagle-panels>.eagle-panel:nth-child(2)>h3:after {
    content: "L.E.A.D. (Lead, Empower, Achieve, Develop) is EagleBank’s first Leadership Development Program for senior leaders. The purpose of this program is to build the bank’s internal leadership capacity by identifying and strengthening the leadership skills of our emerging leaders at the senior level.";
    display: block !important;
    position: relative;
    left: 0;
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    text-transform: none;

}

body.browserIE #development>div.eagle-panels>.eagle-panel:nth-child(3)>h3:after {
    content: "In 2015, EagleBank launched the Commercial Banking Development Program to give select, highly-skilled graduates the opportunity to experience five different operations departments of the bank over the course of 12-18 months.";
    display: block !important;
    position: relative;
    left: 0;
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    text-transform: none;

}

body.browserIE #development>div.eagle-panels>.eagle-panel:nth-child(4)>h3:after {
    content: "Students from area colleges and universities can apply for a Commercial and Industrial Lending or Commercial Real Estate summer internship program at EagleBank. Students enrolled in the Commercial and Industrial Lending program will assist with lending projects, data and analytical reporting, portfolio management services, due diligence and additional commercial-based transactions. The Commercial Real Estate and Commercial and Industrial Lending programs offer a platform for students to develop proficiency in assembling financial statements and loan documents, preparation of CRE and C&I reports and other commercial real estate transactions.";
    display: block !important;
    position: relative;
    left: 0;
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    text-transform: none;

}


@media(max-width:1092px) {
    .icon.twit {
        font-size: 1.5rem;
        top: -2px;
        position: relative;

    }
}


.page-jobs #jobs-list {
    margin-top: 6.5em
}

.job-description h3,
.job-description h3.job-title {
    line-height: normal;
}

#jobs-list .primary-color {
    color: #333;
}

#image_.operations {
    height: 300px;
}

#leadership {
    padding-bottom: 42px;
    margin-bottom: 0;
}

#career-paths {
    margin-top: 0 !important;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .video {
        padding-top: 0 !important;
    }
}

/**job search*/

#jobs-list {
    position: relative;
    background: url(https://dokumfe7mps0i.cloudfront.net/oms/16589/image/2025/7/L6IQG_footerplRHhI/footerplRHhI.jpg) no-repeat -674px center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.jobs-list .app.stacked {
    display: table !important;
}

.jobs-list aside {
    background-color: rgba(0, 32, 69, 0.66);
}


/*h3 styling*/

.jobs-list aside .filter-group>h3 {
    display: none;
}

.jobs-list .app.stacked .filter-block .filter-container .keyword-search:before {
    content: "Available Jobs";
    display: block;
    margin: 50px auto;
    margin-top: 0;
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    text-align: center;
    width: 50%;
}


/*filed spacing*/

#jobs-list .keyword-input,
#jobs-list .LocationSearchInputComponent {
    margin-bottom: 30px;
}


/*search function*/

.jobs-list .app.stacked .filter-block .filter-container .keyword-search {
    vertical-align: top;
    margin: auto;
    background: rgba(0, 40, 86, 0.9);
    padding: 30px !important;
}

.jobs-list .app.stacked .filter-block {
    width: 40% !important;
}

.jobs-list aside {
    display: table-cell !important;
    vertical-align: middle !important;
}

#jobs-list .job-search-button.primary {
    background-color: #c6930a;
    border: transparent;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#jobs-list .job-search-button.primary:hover {
    background-color: #232e91;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


#jobs-list input.keyword-input {
    background: none;
    box-shadow: 0 4px 0px -2px #fff;
    -moz-box-shadow: 0 4px 0px -2px #fff;
    -webkit-box-shadow: 0 4px 0px -2px #fff;
}

.jobs-list aside .filter-group .LocationSearchInputComponent .Select-control {
    background: none;
    box-shadow: 0 4px 0px -2px #c6930a;
    -moz-box-shadow: 0 4px 0px -2px #c6930a;
    -webkit-box-shadow: 0 4px 0px -2px #c6930a;
}

#jobs-list input.keyword-input:focus {
    box-shadow: 0 4px 0px -2px #c6930a;
    -moz-box-shadow: 0 4px 0px -2px #c6930a;
    -webkit-box-shadow: 0 4px 0px -2px #c6930a;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.jobs-list aside .filter-container input[type="text"],
.jobs-list aside .filter-group .LocationSearchInputComponent .Select-control {
    border: none;
    color: white;
}

#jobs-list .has-value.Select--single>.Select-control .Select-value .Select-value-label {
    color: #fff;
}


/*result list*/

#jobs-list .results-list .result-item:hover {
    background-color: #c6930a;
}

#jobs-list .results-list .result-item:hover * {
    color: #fff;
}



#jobs-list .pagination,
#jobs-list .pagination a {
    color: #333;
}

.jobs-list .stacked main {
    width: 60% !important;
    display: table-cell !important;
}

.jobs-list .results-list .result-item {
    border-left: solid rgba(0, 0, 0, 0);
    border-width: 3px;
    padding: 10px;
}

.jobs-list .results-list .result-item:hover {
    border-left: solid #192168;
}

#jobs-list .results-list .result-item .item-title>a:hover {
    color: #333;
    text-decoration: none;
}

.jobs-list .pagination {
    width: 100%;
    padding: 0 30px;
}

.page-link.current-page {
    color: rgb(241, 93, 34) !important;
}

#jobs-list>div>main>div>div.sort-container {
    text-align: center;
}

#jobs-list .job-search-button.secondary.selected {
    cursor: default;
    background-color: #c6930a;
    color: #fff;
}


/************************************
*****Job_detaill /Button Hover********
*************************************/
#job-detail .job-description {
    padding: 13rem 0 7rem 0;

}




#job-detail .primary-background-color-lighter:hover,
#job-detail .primary-background-color-lighter:focus {
    background-color: #192168;
    color: #fff;
}

#job-detail .secondary-color {
    color: #fff;
}

#job-detail .primary-background-color {
    background-color: rgba(6, 6, 6, 0.6);
}

#job-detail .job-description .apply-with-jobing-component .jobing-icon {
    fill: #fff;
}

#job-detail .job-addl-info .map-button:hover,
#job-detail .job-addl-info .job-share-button:hover {
    color: #ffffff;
    background-color: #192168;
}

#job-detail h5 {
    margin-bottom: 5px;
}


#footerpowered {
    background-color: #a4a4a4;
    margin: 0 auto;
    padding: 30px;
}

#footerpowered .PoweredBy {
    width: 100% !important;
    text-align: center;
}

#footerpowered .PoweredBy a {
    color: #333;
    text-decoration: none !important;

}

/*Query*/

@media only screen and (max-width: 992px) {

    .jobs-list aside,
    .jobs-list .app.stacked {
        display: block !important;
    }

    .jobs-list .app.stacked .filter-block,
    .jobs-list .stacked main {
        width: 100% !important;
        display: block !important;
    }

    #jobs-list {
        background-position: center center;
    }
}




@media(max-width:1092px) {
    .page-jobs #jobs-list {
        margin-top: 3.5em
    }

    .page-culture #image_ {
        background-position: center top;
    }

    #values {
        margin-bottom: 0;
    }

    .shift {
        min-height: auto !important;
    }

    #gym_life .bg__blue.parallax {
        margin-top: 0 !important;
    }
}

@media(max-width:798px) {
    .page-jobs #jobs-list {
        margin-top: 3.5em
    }

    .page-culture #intro {
        margin-bottom: 0;
    }



    .gym-card-container {
        margin: 0 auto !important;
        padding: 0 12px;
    }

    #job-detail .job-description {
        padding: 5rem 0 7rem 0;

    }


}

/* NEW SECTIONS */

section#award,
section#covid {
    color: #fff;
    margin-bottom: 0;
    padding: 42px 0;
}

section#covid h2 {
    color: #fff;
}

/* lit */

.ohidden {
    position: relative;
}

figure.effect-lit_af h2 {
    padding: 1rem 0;
}


figure.effect-lit_af h2,
figure.effect-lit_af p {
    color: #fff;
    margin: 0 auto;
}

figure.effect-lit_af {
    margin: 0;
}

figure.effect-lit_af figcaption {
    padding: 2em;
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
}

figure.effect-lit_af figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

.ohidden.col-padding {
    padding: 60px;
}

@media (min-width: 776px) {

    figure.effect-lit_af h2 {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 150%, 0);
    }


    figure.effect-lit_af:hover h2 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    figure.effect-lit_af figcaption::before,
    figure.effect-lit_af p {
        opacity: 0;
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    figure.effect-lit_af:hover figcaption::before,
    figure.effect-lit_af:hover p {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media (min-width: 1093px) {
    #diversity {
        margin-top: 90px;
        /*margin-bottom: 110px;*/
    }
}

@media (max-width: 775px) {
    .ohidden.col-padding {
        padding: 20px;
    }

    figure.effect-lit_af figcaption::before {
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

}


.test-video {
position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}

.test-video:before {
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left:0;
    position: absolute;
    z-index: 1;
    border-radius: 16px;
}
#image_.video.overlay:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 34, 104, 0.55);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    border-radius: 16px;
}

#image_ ul {
    margin: 0;
    font-family: inherit;
    font-size: 18px;
    font-weight: 200;
    color: #333333;
    margin-bottom: 1em;
}

.c-main-hero__video-modal-btn {
   display: block;
    padding: 1rem;
    position: absolute;
    border-radius: 100%;
    z-index:1;
}



.c-main-hero__video-modal-btn:after,
.c-main-hero__video-modal-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(198 147 11);
  border-radius: 50%;
  opacity: 0;
  z-index: -1
}

.c-main-hero__video-modal-btn:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: pulse 2s infinite linear;
  animation: pulse 2s infinite linear
}

.c-main-hero__video-modal-btn:after {
  -webkit-animation: pulse 2s 1s infinite linear;
  animation: pulse 2s 1s infinite linear
}

.c-main-hero__video-modal-ring {
  background-color: #fff;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-main-hero__video-modal-ring svg {
  width: 2rem;
  height: 2rem;
  fill: #192167
}



@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0
  }

  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0
  }

  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0
  }
}
.culture-accordion label {
    color: #c69308;
    
}
.accordion-section ul{
    margin: 0;
    font-family: inherit;
    font-size: 18px;
    font-weight: 200;
    color: #333333;
    margin-bottom: 1em;
}
.accordion label.wht-label{
    color: #c6930a;
}


.dei-video{
    margin-top: 5rem;
}

.g-card {
    width: 100% !important;
}

#gym_life .g-card:nth-child(1) {
    margin-left: 0 !important;
}