/*@import "slick.css";*/
/*@import "slick-theme.css";*/
@import "style-dynamic.css";


/*.digifox-blog .slick-prev
{
    left: -10px;
}


.digifox-blog .slick-next
{
    right: -10px;
}*/

/* === BLOG ARCHIVE === */
.digifox-blog-archive .attachment-post-thumbnail { 
    width:  100%;
    height: auto;

}


/* === BLOG SINGLE === */

.blog-single-wrapper {
    max-width: 800px;
    margin:  0 auto;

}


.module-blog .modal-content .featured-image img,
.blog-single-wrapper .featured-image img {
    width:  100%;
    height: auto;

}
.blog-single-wrapper .featured-image {
        display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 1em;
}


.blog-single-wrapper .featured-image .single-post-meta {
padding: 1em 0;
}
/*.grid-news-archive {
  display: grid;
  grid-gap: 2em;
  padding-bottom:0.5em;
}


.grid-news-archive .box { 
  border: 1px solid $p;
  }



@media (min-width: 768px) {
    .grid-news-archive {
  grid-template-columns: 1fr 1fr 1fr;
}
}*/


/* === END ARCHIVE === */



/* Blog Modal */
body.modal-open {
  overflow: hidden;
}


.module-blog #modal * {
    color:  #000 !important;
}

.module-blog #modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}

.module-blog #modal .modal-content {
  position: absolute;
  top: 5%;
  right: 2%;
  bottom: 2%;
  left: 5%;
  /*transform: translate(-5%, -5%);*/


  
/*width: 96%;*/
/*margin:  2%;*/
  overflow: auto;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}


@media (min-width: 768px) {
    .module-blog #modal .modal-content {
        top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    max-width: 90%;
  max-height: 90%;
   padding: 20px;

    }

}

@media (max-width: 767px) {
    .module-blog {
        padding: 2em 2em 2em 2em !important;
    }
}

.module-blog #modal .modal-content h1 {
  font-size: 28px;
  margin-bottom: 10px;
}

.module-blog #modal .modal-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

/*.module-blog #modal .close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}*/



/* == */

.module-blog  .long-animate {
  -webkit-transition: 0.5s 0.5s ease-in-out;
  transition: 0.5s 0.5s ease-in-out;
}


.module-blog #modal .close-blog-modal {
    position: absolute !important;
    top: 0px !important;
    right: 0;
    height: 70px;
    width: 70px;
    /* z-index: 502; */
    z-index: 999992;
    background: rgba(0, 0, 0, 0.8);
}

.module-blog .close-blog-modal #close-lightbox {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.module-blog .close-blog-modal #close-lightbox:before,
.module-blog .close-blog-modal #close-lightbox:after {
  content: "";
  display: block;
  position: absolute;
  /*background: #dfecee;*/
  border-radius: 2px;
  background: #fff !important;
}
.module-blog .close-blog-modal #close-lightbox:before {
  height: 50px;
  width: 3px;
  left: 24px;
  top: 0;
  -webkit-transition: 0.5s 1s ease-in-out;
  transition: 0.5s 1s ease-in-out;
  /*color:  #000;*/
}
.module-blog .close-blog-modal #close-lightbox:after {
  width: 50px;
  height: 3px;
  top: 24px;
  left: 0;
  -webkit-transition: 0.5s 1.5s ease-in-out;
  transition: 0.5s 1.5s ease-in-out;
  /*color:  #000;*/
}

/* === */



.digifox-blog .boxblog .blogInner {
    margin-top:  10px;
    margin-bottom: 10px;
  }


.digifox-blog .slick-slide .name,
.digifox-blog .slick-slide .title {
    font-weight: bold;
    }

.digifox-blog .slick-slide .social {
    margin-top: 0.5em;
    }


.digifox-blog .slick-slide .description {
    margin-top: 0.5em;
    }

.digifox-blog .slick-slide div {
    margin: 0 auto 0;
    width: 100%;
}

.boxblog {
    /*max-width:300px;*/
    margin:  2em;
}

.digifox-blog .slick-track{
    display: flex !important;
}

.digifox-blog .slick-slide{
        display: flex !important;
        height: auto !important;
        flex-direction: column !importnat;
    }


ul.digifox-blog.slick-slider {
    padding-inline-start: 0px !important;
    -moz-padding-start: 0px !important;
}

.blogInner .social {
    margin-top: 10px;
}


.digifox-blog {
    margin: 0 !important;
}

.digifox-blog img {
    max-width: 100%;
    width: 100%;
    height: auto;
}