header .secondary-nav{

    padding-top:20px;
    background:#E3E8ED;
}

header.dark .secondary-nav {

    background:#183B56;
}

header .secondary-nav .help-btn{

}

header .secondary-nav .donate-btn{

}

header.landing-job {

    background-image: url(../../../../assets/img/hero-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top:0px;
}

header.landing-job.dark {

    background-image: url(../../../../assets/img/hero-bg_dark.svg);


}

header.landing-job .hero {
    padding-top: 20px; /* fix */
}

.xxx{

    position: relative;
}
.xxx::before{

    content: '';
    height:53px;
    width:100vw;
    position: absolute;
    background:#f9fbfe;
    bottom:0;
    right:0
   /* z-index:1;*/

}

header .hero{

    background:#E3E8ED;
}

header.dark .hero{

    background:#183B56;
}

header.landing-job .hero .form-group .input-group .btn.btn-primary{

    width:auto;
}

header .section-title.dark{
    color: #FAFAFB;
}

.hero-home-search .form-dropdown{

    width:auto;
    flex-grow: 1;

}
.hero-home-search .form-dropdown input{

    width:100%!important;
}

header .hero-image{

    z-index:1;
}

header .hero-form{

    height:400px;
    width:400px;
    background:white;
    z-index:1;
}


    /* Dropdown Fix */

header.landing-job .hero .dropdown-content {
    width: 506px;
    top: 88px;
    left: 1px;
}

header .hero .hero-pattern{

    align-self: start;
    margin-right: -32px;
}



.hero-home-search .form-btn{

   width:auto;
}

/*btn overwrite */

.btn.btn-primary{

    background-color: #FF0066;
    border-color:#FF0066;
    color:#FAFAFB;
}

.btn.btn-secondary{

    background-color: #183B56;
    border-color:#183B56;
    color:#FAFAFB;
}
.btn.btn-outline-primary{

    border-color:#FF0066;
    color:#FF0066;
}

.btn.btn-outline-secondary{

    border-color:#183B56;
    color: #183B56;
}

.btn.btn-outline-primary:hover {
    background-color:#FF0066;
}

.btn.btn-outline-secondary:hover {
    background-color:#183B56;
}

/* NAVBAR BRANDING */

.navbar-dark{

   background:#E3E8ED;
}

.navbar-light{

    background:#183B56;
}

header .navbar {

    margin-bottom:0;
    padding-bottom:30px;
}
.navbar-light .navbar-nav .nav-link {

    color:white;
}
.navbar.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{

    color:#FF0066;
}

.navbar.navbar-dark .navbar-nav > .nav-item > .nav-link:hover{
    color:#FF0066;
}

.navbar-nav .current_page_item .nav-link{

    color:#FF0066!important;
}

.landing-job-search .section-title span{

    color:#FF0066;
}

/* not needed */
.landing-job-search .section-title::after{

    display:none;
}

.section-image-left::after{


    content: '';
    height: 53px;
    width: 100vw;
    position: absolute;
    background: #f9fbfe;
    bottom: 0;
    left:0;
    margin-left: 60px;
   /* margin-bottom: 53px;*/
}

.dark.section-image-left::after {

   /* background: #f9fbfe;
    /*background:#183B56;
    -background: linear-gradient(to bottom,  #183b56 0%,#183b56 85%,#ffffff 85%,#ffffff 100%);

    */
}

.section-image-right::after{
    content: '';
    height: 53px;
    width: 100vw;
    position: absolute;
    background: #f9fbfe;
    bottom: 0;
    right: 0;
    margin-right: 60px;
  /*  margin-bottom: 53px;*/
}

.dark.section-image-right::after {

   /* background: #f9fbfe; */
   /* background:#183B56;*/
}

@media (max-width: 991px) {

    .section-image-right::after{

        display:none;

    }
    .section-image-left::after{
        display:none;
    }

}

.image-overlapping{

    margin-bottom:0px!important;

}