/*
author: Boostraptheme
author URL: https://boostraptheme.com
License: Creative Commons Attribution 4.0 Unported
License URL: https://creativecommons.org/licenses/by/4.0/
*/ 

/*====================================================
                       BLOG-P1
======================================================*/

#blog{
	padding: 40px 0 0 0;
}

#blog .carousel-item {
    height: 58vh;
    min-height: 250px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#blog .carousel-item h3{
	color:#fff;
	font-size: 35px;
} 

#blog .thumb-list>li {
    margin-bottom: 20px;
}

#blog .thumb-list>li:before,
.thumb-list>li:after {#blog 
    content: " ";
    display: table;
}

#blog .thumb-list>li:after {
    clear: both;
}

#blog .thumb-list>li img {
    float: left;
    width: 80px;
    height: auto;
    margin-right: 10px;
}

#blog .thumb-list>li a {
    color: #777;
    display: block;
    padding-bottom: 8px;
}

#blog .thumb-list>li a:hover {
    color: #bbb;
}

#blog .thumb-list>li small {
    color: #555;
    font-size: 13px;
}

@media (min-width: 992px){
  #blog .container {
      /*max-width: 1060px;*/
  }
}

@media (max-width: 1200px){

  #blog .thumb-list>li {
      margin-bottom: 23px;
  }

  #blog .thumb-list>li a {
    font-size: 15px;
  }
}

@media (max-width: 991px){
  #blog{
    padding: 80px 0 0 0;
  }

  #blog .container .row .col-md-9 {
      -ms-flex: 0 0 100%;
       flex: 0 0 100%; 
      max-width: 100%;
      margin-bottom: 30px;
  }

  #blog .col-md-3 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  #blog .thumb-list>li{
      float: left;
      width: 50%;
  }

  #blog .thumb-list>li a {
    font-size: 15px;
  }

  #blog .thumb-list>li img {
      clear: both;
      width: 80px;
      padding-left: 10px;
      height: auto;
      margin-right: 10px;
  }

}

@media (max-width: 420px){
  #blog .thumb-list>li{
        float: left;
        width: 100%;
    }  
}

/*====================================================
                       BLOG-P1
======================================================*/
#blog-p2{
	padding: 0 0 100px 0;
}

#blog-p2 .container .row{
	padding-top: 80px;
}

#blog-p2 .blog-p2-cont-desc {
	padding-top: 10px;
}

#blog-p2 .blog-p2-cont-desc h3{
	text-transform: none;
	padding-bottom: 15px;
  font-size: 23px;
  color: #777;
}

#blog-p2 .blog-p2-cont-desc>a{
	margin-top: 10px;
}

#blog-p2 .blog-p2-cont-desc .list-inline li{
  display: inline-block;
  vertical-align: top; 
  margin: 0 40px 0 0;
  color:#64707b;
}

@media (min-width: 767px) and (max-width: 1200px){
  #blog-p2 .blog-p2-cont-desc {
    padding-top: 0px;
  }  
}

@media (max-width: 767px){
  #blog-p2 .container .row{
    padding-top: 30px;
  }
  #blog-p2 .blog-p2-cont-desc {
    padding-top: 20px;
  }  

  #blog-p2 .blog-p2-cont-desc p{
    font-size: 15px;
  }
}

/*====================================================
                single-blog-p1
======================================================*/

#single-news-p1{
  padding-top: 100px;
}

.single-news-p1 .container .row .col-md-10{
  margin:0 auto;
}

.single-news-p1 .single-news-img img{
  width: 100%;
}

.single-news-p1 .single-news-desc{
  padding: 50px;
}

.single-news-p1 .single-news-desc li{
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  display: inline; /* Fix for IE7 */
  margin: 0 40px 0 0;
}

.single-news-p1 .single-news-desc .bg-light-gray{
  padding:20px 10px;
}

.single-news-p1 .single-news-desc .bg-light-gray p{
  font-size: 14px;
}

@media (min-width: 1600px) {
  .single-news-p1 .single-news-desc .bg-light-gray p{
    font-size: 16px;
  }
}

/*====================================================
                single-blog-comment-p1
======================================================*/
  

.comments-list li {
  margin-bottom: 15px;
  display: block;
  position: relative;
}

.comments-list li:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  width: 0;
}

.reply-list {
  padding-left: 88px;
  clear: both;
  margin-top: 15px;
}
/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
  width: 65px;
  height: 65px;
  position: relative;
  z-index: 99;
  float: left;
  border: 3px solid #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  overflow: hidden;
}

.comments-list .comment-avatar img {
  width: 100%;
  height: 100%;
}

.reply-list .comment-avatar {
  width: 50px;
  height: 50px;
}

.comment-main-level:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
  width: 680px;
  float: right;
  position: relative;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.comments-list .comment-box:before, .comments-list .comment-box:after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  display: block;
  border-width: 10px 12px 10px 0;
  border-style: solid;
  border-color: transparent #FCFCFC;
  top: 8px;
  left: -11px;
}

.comments-list .comment-box:before {
  border-width: 11px 13px 11px 0;
  border-color: transparent rgba(0,0,0,0.05);
  left: -12px;
}

.reply-list .comment-box {
  width: 610px;
}
.comment-box .comment-head {
  background: #f9f9f9;
  padding: 10px 12px;
  border-bottom: 1px solid #E5E5E5;
  overflow: hidden;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
  float: right;
  margin-left: 14px;
  position: relative;
  top: 2px;
  color: #A6A6A6;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
  color: #2196f3;
}

.comment-box .comment-name {
  color: #283035;
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin-right: 10px;
}

.comment-box .comment-name a {
  color: #283035;
}

.comment-box .comment-head span {
  float: left;
  color: #999;
  font-size: 13px;
  position: relative;
  top: 1px;
}

.comment-box .comment-content {
  background: #FFF;
  padding: 12px;
  font-size: 15px;
  color: #595959;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
.comment-box .comment-name.by-author:after {
  content: 'autor';
  background: #03658c;
  color: #FFF;
  font-size: 12px;
  padding: 3px 5px;
  font-weight: 700;
  margin-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
 
@media (min-width: 992px) and (max-width: 1200px){
  .comments-list .comment-box {
    width: 550px;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  }

  .comments-list .sub-comment-box {
      width: 450px;
      float: right;
      position: relative;
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }  
} 

@media (min-width: 768px) and (max-width: 991px){
  .comments-list .comment-box {
    width: 350px;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  }

  .comments-list .sub-comment-box {
      width: 450px;
      float: right;
      position: relative;
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }  
} 

@media (min-width: 576px) and (max-width: 767px) { 

  .comments-list .comment-box {
    width:82%;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  }

  .comments-list .sub-comment-box {
      width: 81%;
      float: right;
      position: relative;
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }  
} 

@media (max-width: 575px){

  .single-news-p1 .single-news-desc{
    padding: 50px 0;
  }

  .comments-container {
    width: 100%;
  }

  .comments-container ul.comments-list{
    padding: 0;
  }  

  .comments-container ul.comments-list.reply-list{
    padding-left: 30px;
  }  


.comments-list .comment-box {
    width:75%;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  }

  .comments-list .sub-comment-box {
      width: 73%;
      float: right;
      position: relative;
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
      box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }  
}