body {
  font-family: Arial, Verdana, Helvetica, Sans-serif !important;
  margin: 0;
  font-size: 12pt;
  background-color: #d8d7ec;
}

a {outline:none;}
a:hover {outline:none;}
.container-white{background: white;}
.navbar-lila{
  background-color: #4f4c7b!important;
}

.navbar-lila a{
  color: #ffdc00;
  font-weight: 700;
}

.navbar-lila li a:hover{
  background: #4eb6ef;
  color: #ffffff;
}
.dropdown-menu {
  margin: 0;
  padding: 0;
  background: #134f71;
}

.dropdown-menu li:hover{
  background: #4eb6ef;
  color: #ffffff;
}
.navbar-toggler{
  width: 47px;
  height: 34px;
  border: 1px solid white !important;
  margin: 6px;
}
.navbar-toggler .line{
  width: 100%;
  float: left;
  height: 2px;
  background-color: #fff;
  margin-bottom: 5px;
}
.top-header-menu{
  position: relative;
  height: 20px;
  padding: 5px 0 0;
  margin: 0 0 5px 0;
  z-index: 30;
  flex: auto;
}
.top-header-menu ul {
  float: right;
  list-style: none;
  padding: 7px 10px 0 0;
}

.top-header-menu ul li{
  float: left;
  margin: 0px 0 0 5px;
  padding: 0 7px 0 0;
  text-transform: lowercase;
  border-right: 2px solid #999;
}

.top-header-menu ul li a{
  display: block;
  text-decoration: none;
  color: #000000;
  font-weight: 700;
  background: transparent;
  margin: 0;
  padding: 0 3px;
  font-size: small;
}

#menu-social-menu {
  border-left: 2px solid #999;
}

.top-header-menu ul li a:hover{
  color: #302e57;
}

.carousel-imagen{
  top: 0;
  left: 0;
  min-width: 100%;
  height: 20rem;
  object-fit: cover;
}
.carousel-inner{
  border: 1px solid #c5c5c5;
}
.carousel-caption p {font-size: 1rem;}

.carousel-caption-header{
  position: absolute;
  top: 0px;
  left: 0%; 
  z-index: 10;
  color: #fff;
  text-align: center;
  background: #ab1910a3;
  max-width: 100%;
  min-width: 100%;    
}
.carousel-caption-header h2 {color: #fff;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;}

  .carousel-caption-header h2:hover{
    text-decoration: underline;
  }
  #content.site-content{
    padding-top: 0px;
    padding-bottom: 2px;
  }



  .footer{
    background: #eee;
    padding: 15px;
    overflow: auto;
    display: block;
  }


  .footer span{
    font-size: .75em;
    color: #8f8db1;
  }

  .footer  h4 {
    color: #8f8db1;
  }

  .card-footer{
    padding: 0px;
    background-color: white;
  }


  .brand {
    height: 170px;
    background: url(../img/avatar-cabezal.png) top right no-repeat #9575c1;
    padding: 0;
    margin: 0 0;
  }

  .brand h2 a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }

  .brand h1 {
    padding: 0px;
    text-align: center;
    font-size: 2.2em;
    margin: -6px;
    font-family: Arial, Sans, Verdana;
    color: #e01e12;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=1);
    line-height: 0.9;
  }

  .brand h1 a {
    color: #e01e12;
    text-decoration: none;
    font-size: 2.1em;
    font-family: impact, Arial, Sans, Verdana;
    font-style: normal;
    font-stretch: expanded;
    font-variant: normal;
    font-weight: 500;
    letter-spacing: 6px;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=1);
  }
  .badge-manos {
    background-image: url(../img/manos.png) !important;
    background-repeat: no-repeat !important;
    height: 80px!important;
    position: absolute !important;
    width: 80px !important;
    z-index: 100;
    left: -7px;
    top: -2px;
  }
  @media screen and (max-width: 992px){
    .brand h1 a {
      font-size: -webkit-xxx-large;
    }
    .brand h1 {
      font-size: xx-large;
      margin-top: 0;
    }
    .brand {
      background:  #9575c1;
    }
    .brand h2 {
      font-size: 17px;
      margin: 17px 0 0 0;
    }
    .badge-manos {
      top: -5px;    
    }
  }



#sidebar .card-header{
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
#sidebar .card-header{
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;}
}

.archive article,
.category article {padding-bottom:10px;border-bottom:1px dotted #9575c1;}

.archive .entry-content,
.category .entry-content
 {height:120px !important;overflow:hidden;margin-bottom:10px;}
 
.archive .entry-content img,
.category .entry-content img {display:none;}
h2.entry-title  {margin-top:5px !important;color:#9575c1;}
h2.entry-title a {color:#9575c1;}
.entry-header {margin-top: 24px;}
.subtitle {text-transform:uppercase;font-size:11px;}
.subtitle a {color:#000;}
#credit {font-size:.80rem;}

.posts-navigation{
      margin: 0 0 1em !important;
      background: #999999;
      padding: 5px;
      text-align: center;
    border-radius: 8px;
}
.posts-navigation a{ 
      color: white;
}
.posts-navigation a:hover{ 
      color: black;
          outline: none;
}