/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 24 2021 | 04:39:39 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.single-post-video{
  width: 100% !important;
}

.slider-caption{
  opacity: 1 !important;
  background: #ffffff;
  height:100%;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 13px;
    text-align: center;
    height: 13px;
    z-index: 2;
    left: 30%;
}

.flex-control-nav li {
    width: 10px !important;
    height: 10px;
    border-radius: 100%;
    margin: 2px;
    overflow: hidden;
}

.flex-control-paging li a{
  background:#000;
  border:none;
}

.flexslider .slides > li, .full-width .content .flexslider .slides > li{
  height:auto;
}

.flexslider {
    height: 299px;
}

@media only screen and (max-width: 990px){
  .content, #sidebar, #theme-footer {
      width: auto !important;
      float: unset;
      margin-left: 24px;
      margin-right: 24px;
  }
  
  #slide-out #mobile-menu li{
     display: block;
  }
  
/*   #slide-out-open {
      top: unset;
      bottom: 0;
      left: unset;
      right: 0;
  } */
  .flexslider .slides > li{
    height: auto !important;
  }
  
  .flexslider .slides > li > a{
    display:block !important;
  }
  
  .flexslider .slides img, .slider-caption{
    width:100% !important;
  }
  .slider-caption h2 a{
    font-size:16px !important;
  }
  
  .slider-caption{
    position:relative !important;
    background: #ffffff !important;
  }
  
  .flex-active-slide .slider-caption{
    background: #ffffff !important;
  }
  
  .flexslider {
      height: 280px !important;
  }
  
  .flex-control-nav{
    bottom: 5px;
    left: 35%;
  }
  
  .post-title {
      font-size: 24px;
  }
  
  .post-listing{
    flex-direction: column;
  }
  .post-listing.archive-box .item-list{
        width: 100%;
  }
  
  /*  Post detail  */
  
    .single-post #crumbs, .single-post .post-tag, .single-post #related_posts, .single-post #sidebar, .single-post #theme-footer{
      display:none !important;
    }
    .category #crumbs, .category .post-tag, .category #related_posts, .category #sidebar, .category #theme-footer{
        display:none !important;
    }
  
   .page-id-1086 #crumbs, .page-id-1086 .post-tag, .page-id-1086 #related_posts, .page-id-1086 #sidebar, .page-id-1086 #theme-footer{
        display:none !important;
    }
  	.page-id-1436 #crumbs, .page-id-1436 .post-tag, .page-id-1436 #related_posts, .page-id-1436 #sidebar, .page-id-1436 #theme-footer{
        display:none !important;
    }
  
  
  .gallery-columns-5 .gallery-item {
      max-width: 100%;
  }
  
  figure.gallery-item{
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 6%);
  }
  .comment-respond .stripe-line{
    margin-top: 10px;
  }
  .comment-reply-title{
      margin-bottom: 15px;
  }
  .item-list .entry{
      display: none;
  }
  #slide-out-open{
     top: 50%;
    transform: translateY(-50%);
  }
  
}
