/**Add these on style.css:**/

/* ADDITIONAL CSS */
/* 
.img_wrapper {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.info_cont {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
} */

.blog_cont:hover {
  transition: all 500ms ease;
  margin-top: 5px;
}


.blog_a:after {
  content: "";
  width: 2px;
  height: 18px;
  background: #069AD3;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0;
}

.blog_a_banner:after {
  content: "";
  width: 2px;
  height: 18px;
  background: #069AD3;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0;
}


/* BANNER */
#blog_banner {
  min-height: 527px;
  background: #d3d1d1;
  padding: 55px 0;
}
.headings_title {
  font-size: 35px;
  color: #2b2b2b;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom:15px;
  text-align: center;
  position: relative;
  line-height: 100%;
}

.headings_title::before {
  content: "";
  width: 150px;
  height: 4px;
  background: #069AD3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.blog_recent_count:nth-of-type(1){
  width: 67.5%;
  min-height: 500px;
  background: #fff;
  float: left;
  position: relative;
}

.blog_recent_count:nth-of-type(1) .blog_image_wrapper_banner {
  background: gray;
  background-size: auto;
  width: 55%;
  height: 500px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-size: cover;
  float: right;
}
.blog_recent_count:nth-of-type(1) .blog_banner_recent_image {
  height: 500px;
}

.blog_recent_count:nth-of-type(1) .blog_recent_title_banner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.blog_recent_count:nth-of-type(1) .blog_details {
  width: 45%;
  height: 500px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.blog_recent_count .blog_details:before {
  content: "Featured";
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  width: 160px;
  height: 35px;
  line-height: 36px;
  background: linear-gradient(to left,#f97006 0,#f30b62 110%);
  position: absolute;
  left: 0;
  padding-left: 20px;
}

.blog_recent_count:nth-of-type(1) .blog_details:before {
  top: 30px;
}

.blog_recent_count:nth-of-type(1) h2.blog_title {
  font-size: 35px;
  line-height: 40px;
  font-weight: bold;
}


.blog_recent_count:nth-of-type(2){
  width: 31.5%;
  height: 500px;
  background: #fff;
  float: right;
  position: relative;
}

.blog_recent_count:nth-of-type(2) .blog_image_wrapper_banner{
  background: gray;
  background-size: auto;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-size: cover;
}
.blog_recent_count:nth-of-type(2) .blog_banner_recent_image {
  height: 300px;
}

.blog_recent_count:nth-of-type(2) .blog_recent_title_banner{
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.blog_recent_count:nth-of-type(2) .blog_details:before {
  top: 250px;
  z-index: 1;
}
.blog_recent_count:nth-of-type(2) .blog_details {
  width: 100%;
  height: 500px;
  position: relative;
  display: block;
  vertical-align: top;
}
.blog_recent_count:nth-of-type(2) h2.blog_title {
  font-size: 22px;
  padding: 0 30px 0 2px;
  line-height: 30px;
  font-weight:bold;
}

.blog_recent_count .cat-tag-container {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  text-align: left;
  padding: 0 23px
}


.blog_cont{max-width: 100%;
    display: inline-block;
    vertical-align: top;
    margin:12px 3px 15px;
    width: 32%;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    position:relative;
    top:0;
}


    .blog_cont .img_wrapper { height: 450px;
        position: relative;
        width: 100%;
        height: 250px;
        display: block;
        overflow: hidden;
        position: relative;
      }
      .info_cont .blog_heading {
        color: #282828;
        font-weight: 700;
        text-align: left;
        position: relative;
        font-size: 22px;
        line-height: 28px;
      }
    /* .info_cont .read_more {
        display: block;
        font-size: 18px;
        margin-top: 5px;
      } */
      .circle-style {
        text-align:center;
        margin:35px auto 0;

      }

      .circle-style span {
        margin: 0 auto;
        background: 0;
        background:#069AD3;
        text-transform: uppercase;
        position: relative;
        width: 194px;
        text-align: center;
        padding: 10px 30px 10px 33px;
        max-width: 100%;
        text-decoration: none;
        display: block;
        font-size: 21px;
        border-radius: 28px;
        font-weight: 700;
        color:#fff;
      }
      .circle-style span:hover {
        background: #E85521;
      }
    
      .arrowdown, .arrowup{
            position: absolute;
            right: 22px;
            top: 15px;
      }

      .circle-style a:hover{
        box-shadow: 0 0 15px -5px #484848;
      }


      .post:hover  > .blog-image{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
      .cat-tag-container {
        text-align: left;
        color: #CC67C2;
        font-size: 14px;
        margin-bottom: 15px;
        font-weight: bold;
      }
      .cat-tag-container a{position:relative;color:#069AD3;font-size:14px;text-decoration: none;font-weight: bold;}
      .cat-tag-container a:hover{text-decoration:underline;}
      .cat-tag-container a.blog_a {
        text-transform: uppercase;
      }

      .blog_title a{
        display: block;
        color: #282828;
        padding: 0 19px;
      }
      .blog_title a:hover{
        color: #00BDFF;
      }

      .blog-image-post{ width: 100%; height: 250px;display: block;  overflow: hidden;  position: relative;}
.blog-image-default{ width: 100%; height: 250px; display: block; background-size: 95% !important; }

.one_display_logo { width: 100%; height: 500px; display: block; background-size: 95% !important; }


/*** COMMENTS STYLE ***/
/* .post {width: 48.5%; display: inline-block; vertical-align: top; margin: 0 1.1% 30px; word-wrap: break-word;} */


.post .entry-title{ margin: 10px auto; text-align: left; font-size: 23px; }
.post h2 a {color: #000; text-decoration: none;line-height:100%; font-weight: bold;}
.post h2 a:hover {}
.post img {max-width: 100%;}
.post p{ margin: 10px auto;line-height:30px; font-size:20px;font-weight: 300;}
.entry-content{text-align: left;}

.post:nth-child(2n+1){ margin-left: 0; }
.post:nth-child(2n){ margin-right: 0; }



.pagination {text-align: right;margin: 20px 10px;}
.pagination span, .pagination a { color: #f99601; padding: 8px; border: 1px solid #f99601; border-right: none; text-decoration: none;}
.pagination .current{ cursor: default; }
.pagination .current, .pagination a:hover { background: #f99601; color: #fff;}
.pagination a:first-child{ border-radius: 3px 0 0 3px; }
.pagination a:last-child{ border-radius: 0 3px 3px 0; border-right: 1px solid #f99601; }

.blog_wrapper{ position: relative;text-align: center;margin:0 auto;}

.comingsoon{ color: red !important;font-style: italic !important; }
.page-title{ display: block !important; }
.page-title span{ display: inline-block !important; color: inherit !important; }

.blog_info{padding: 15px;  box-shadow: 0 0 5px 0 rgba(55, 55, 55, 0.18); text-align: center;}
.info_cont{
  background: #f3f3f3;
  padding: 15px 15px 5px 15px;
  position: relative;
  height: 240px;

  }
/* .blog_heading{margin-bottom: 5px} */
.blog_heading a{font-size: 22px; color: #4E4D4D; font-weight: 500;}
.blog_heading a:hover{color: #00BDFF;text-decoration: none;}
/* .img_wrapper{ width: 100%;  max-width: 450px;  margin: 0 auto 15px;  border-bottom: 1px solid #cecece;  padding: 15px;background:#ccc;height: 250px;position: relative;} */
.img_wrapper img{/*height: 450px;*/ position: relative;}
/* .blog_footer{width: 100%;  border: 1px solid #dedede;padding: 2px 15px;  font-size: 14px;  border-left: 0;  border-right: 0;  margin-top: 15px;} */
.blog_date{font-size:14px;}
.read_more{}
.author_link{display: inline-block;vertical-align: top;position: relative;  padding-right: 10px;  margin-right: 2px;font-size:14px;}
.author_link a{color: #333333;font-weight: 400;}
.author_link::after{position: absolute;  width: 1px;  height: 75%;  content: "";  background: #dedede;  top: 47%;  right: 0;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}


h1.entry-title {font-size: 30px;}
.entry-content img {float: right;margin: 0 0 10px 10px}
main p, main li {text-align: left;margin: 15px 0;}
.entry-content p, .entry-content li {text-align: left;}
.page-content ul li{text-align: left;}
.page-content ol li{text-align: left;}
.entry-meta {margin-bottom: 10px;}

@media only screen
and (max-width : 1168px) {
.cat-tag-container {line-height: 25px;}
}

@media only screen
and (max-width : 1120px) {
.info_cont {min-height: 360px;}
.cat-tag-container {line-height: 25px;}
}

@media only screen
and (max-width : 1051px) {
  .info_cont { min-height: 385px; }
}


@media only screen
and (max-width : 1000px) {
.pagination{ position: static; margin-bottom: 20px; text-align: center; }
.blog_wrapper{text-align: center;margin: 0 auto;}
.blog_cont {width: 32%;}
.info_cont { min-height: 334px; }
}

@media only screen
and (max-width : 900px) {
  .blog_recent_count:nth-of-type(1) {
    float: none;
    width: 100%;
  }
  .blog_recent_count:nth-of-type(1) h2.blog_title {
    font-size: 25px;
  }
  .blog_recent_count:nth-of-type(2) {
    float: none;
    width: 100%;
  }
}


@media only screen
and (max-width : 800px) {
.pagination{ position: static; margin-bottom: 20px; text-align: center; }
.blog_wrapper{text-align: center;margin: 0 auto;}
.blog_cont {width: 48%;}
.info_cont { min-height: 334px; }
}


/* @media only screen
and (max-width : 750px) {
.talent_footer{padding: 2px 0;}
.img_wrapper{float: none;}
.blog_cont{width: 100%;margin: 15px auto;}
.blog_footer{padding: 2px 0;}
} */

@media only screen
and (max-width : 700px) {

}

@media only screen
and (max-width : 600px) {
h1.entry-title {font-size: 20px;}
.entry-content img {float: unset;margin: 10px 0;height: auto;}
body{font-size:16px;}
.blog_cont{width: 100%;margin: 15px auto;}


.blog_recent_count:nth-of-type(1) .blog_image_wrapper_banner {
  float: none;
  width: 100%;
}
.blog_recent_count:nth-of-type(1) .blog_details{
  float: none;
  width: 100%;
  height: 377px;
}

}