/* -----------------------
New Custom Style
- Dev Discover Web Team - 2023
---------------------------------------- */
html {
    scroll-behavior: smooth;
}
  
.grid-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.grid-box .boxes{
    flex-grow: 1;
    margin:0 10px;
    margin-top: 20px;
}

.grid-box select {
    padding: 13px;
}

.copy-search{
    padding:10px 0;
}

.copy-search label {
    font-weight: 600;
}

.spin-align-center{
    width: 10%;
    margin:0 auto;
}
.d-none-box{
    display: none;
}

.job_listings-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.listing-column{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    column-count: 2;
}

.listing-box {
    padding: 10px 20px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    margin-bottom:10px;
    display: flex;
    width: 100%;
}

.listing-box:hover {
   background-color: #F7F7F7;
   cursor: pointer;
}

span.job-type-box {
    border-radius: 4px;
    background-color: #EEEEEE;
    padding: 10px 10px 4px 10px;
    margin-bottom: 10px!important;
    margin-right: 5px;
}

.listing-box a{
    color:#2F2F2F!important;
}

.left-box{
   width: 18%;
   display: flex;
   align-items: center;
}

.mid-box{
    width: 57%;
    padding-right: 20px;
 }

 .mid-box h3{
    text-wrap: wrap;
 }

.right-box{
   width: 20%;
}

form#search-form {
    width: 100%;
    flex-wrap: wrap;
}

div#infowindow-content{
    height: 0;
}

.boxes.submit-btn {
    display: inline-grid;
}

#btn-sub{
    margin-top: 36px;
}

#box-keywords{
    width: 45%;
}

#box-location{
    width: 40%;
}

#box-radius{
    width: 8%;
}

.listing-box p.job-manager-single-alert-link a {
    color: #fff!important;
}

.w-vertical-scroll{
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: nowrap;
  scroll-snap-type: y mandatory;
  height: 550px;
}

#no-more-jobs{
    padding:20px 0px;
    font-weight: 600;
}

/* width */
.w-vertical-scroll::-webkit-scrollbar {
    width: 5px;
}
  
  /* Track */
  .w-vertical-scroll::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .w-vertical-scroll::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .w-vertical-scroll::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

  #load-more-jobs{
    margin-top: 20px;
  }

  div#jobTypeList {
    display: flex;
    flex-wrap: wrap;
}


@media screen and (max-width:1200px) { 
    .container.full-width.copy-search {
        width: 95%!important;
    }
}

@media screen and (max-width:1024px) {
    .grid-box .boxes{
        width: 22%;
    }
}

@media screen and (min-width:1024px) { 
    .custom-s-form {
        display: flex;
        justify-content: space-evenly;
    }
}

@media screen and (max-width:780px) { 
    .grid-box{
        display: block;
    }

    .grid-box .boxes{
        width: 100%;
        margin: 20px 0px 0px 0px;
    }

    #btn-sub{
        margin-top: 20px;
    }
    
    #box-keywords, #box-location, #box-radius{
        width: 100%;
    }

}