/* STYLES FOR BLOG SLIDER */
.bsPosts {
    max-width: unset !important;
    margin: 0 !important;
    position: relative;
    padding-bottom: 50px;
    padding-top: 50px;
    min-height: 894px;
}
  .bsPostsBKG {
    background: repeating-linear-gradient(  45deg,  rgba(0,0,0,0.2),  rgba(0,0,0,0.2) 10px,  rgba(100,100,100,0.3) 10px,  rgba(100,100,100,0.3) 20px);
    position: absolute;
    top: 0;
    height: 225px;
    width: 100%;
    max-width: unset !important;
  }
  .bsPostsBKG::after {
    position: absolute;
    top: 0;
    height: 225px;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0) 100%);
  }
  .bsPosts h2 {
    margin-bottom: 70px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
  }
  .bsPosts h2::after {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    content: "";
    width: 90%;
    height: 2px;
    background: #FFF;
  }
.bsPostsFeatured {
    display: flex;
    overflow: hidden;
    z-index: 1;
  }
  .bsPosts .bx-wrapper {
      background: transparent;
      border: none;
      box-shadow: unset;
      overflow: hidden;
  }
  .bsPosts .bx-viewport {
      margin-left: 13.6%;
  }
  .bsPostsSingle {
      position: relative;
      margin-right: 40px;
  }
  .bx-controls-direction {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }
  #main .entry-content .bsPosts .bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
      background: url(/wp-content/uploads/2021/08/Left-slider-arrow.png) !important;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 20px !important;
      width: 57px !important;
      position: relative !important;
      top: 35px !important;
      margin-right: 140px !important;
      color: unset !important;
      border: unset !important;
  }
  #main .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
    background: url(/wp-content/uploads/2021/08/Right-slider-arrow.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center !important;
    height: 20px !important;
    width: 57px !important;
    position: relative !important;
    top: 35px !important;
    color: unset !important;
    border: unset !important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    height: 10px !important;
	width: 10px !important;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px !important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, 
  .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #FFF;
  }
  .bx-wrapper .bx-pager {
      position: unset !important;
      padding-bottom: 10px;
      padding-top: unset !important;
  }
  .bx-wrapper .bx-controls-direction a {
    z-index: 999;
  }
  .bsPostsWidth {
    width: 100%;
    margin: auto;
    position: relative;
    height: 576px;
  }
  .bsPostsContainer {
    width: 100%;
    position: absolute;
    left: 50px;
  }
  .bsPostsContent {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    background: #FFF;
    padding: 15px 30px 30px 40px;
    width: 46.3%;
  }
  .bsPostsContainer .bsPostsFeaturedImage {
    position: absolute;
    max-width: 760px;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    height: 460px;
    width: 760px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .bsPostsContainer .bsPostsCatImage {
    margin-right: 30px;
    height: 576px;
    width: 760px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .bsPostsContainer h3 {
    color: #333 !important;
    font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900 !important;
	font-size: 30px !important;
	line-height: 37px;
    position: relative;
    padding-bottom: 13px !important;
    margin-bottom: 20px !important;
  }
  .bsPostsContainer h3::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    width: 130.2%;
    height: 2px;
    background: #4A667D;
  }
  .bsPostsExcerpt p {
    margin-bottom: 23px !important;
  }
.bsPostsContent .postCategories {
    margin: 17px 0 0 0;
  }
  .bsPostsControls {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .featured .dots {
    height: 10px;
    width: 10px;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px !important;
  }
  .featured .bsDots {
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
  }
  @media only screen and (max-width: 1400px) {
    .bsPosts .bx-viewport {
        margin-left: 2%;
    }
  }
  @media only screen and (max-width: 1400px) {
    .bsPosts .bx-viewport {
        margin-left: 0;
    }
  }
  @media only screen and (max-width: 800px) {
    .bsPostsSingle {
        margin-right: 0;
    }
    .bsPostsWidth {
        height: unset;
    }
    .bsPostsContainer {
        position: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
   .bsPostsCatImage {
       display: none;
   }
   .bsPostsContainer .bsPostsFeaturedImage {
       position: unset;
       transform: unset;
       max-width: unset;
       width: 100%;
   }
   .bsPostsContent {
       position: relative;
       top: -30px;
       left: 50%;
       transform: translateX(-50%);
       width: 90%;
   }
   .bsPostsContainer h3::after {
       right: unset;
       left: -15%;
       width: 120%;
   }
   .bsPosts .bx-controls {
     margin-top: 20px;
   }
   .bx-controls-direction {
       margin: 0;
   }
  }
  @media only screen and (max-width: 600px) {
    .bsPostsContainer .bsPostsFeaturedImage {
        height: unset;
        min-height: 250px;
    }
    .bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover,
    .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
        top: -5px !important;
    }
    .bx-wrapper .bx-pager {
        margin-top: -40px;
    }
  }