/*Artículos Encadenados · IH */

/*CARGANDO...*/

.loading-wrap{
  min-height: 200px;
  display: none;
  width: 150px;
}
.loading-wrap{
  text-align: center;
}
.loading-wrap.show{
  display: block;
}
.spin-wheel{
  width: 56px;
  height: 56px;
  border: 8px solid #471a47;
  border-right-color: transparent;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  -webkit-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}
.spin-wheel:after{
  content: '';
  width: 8px;
  height: 8px;
  background: #471a47;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 33px;
}
.loading-wrap p{
  color: #471a47;
  font-size: 1.1em;
  text-transform: uppercase;
  padding-top: 8px;
  letter-spacing: 1px;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); }
}

/*SIDEBARS*/

section.sidebar-article {
    position:absolute;
    top:200px;
    right:0;
}

div.sidebar-encadenados {
    position: relative;
    float: left;
}

div.sidebar-encadenados aside {
    position:absolute;
    top:0;
    right:-350px;
}

main#portada section.cuerpo.single-noticia {
    float:left;
}

/*BANNER MASTHEAD*/

main#portada section#enc.banner_masthead {
    width: auto;
    min-width: 768px;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    text-align: center;
}

/*GRID*/
.clear {
    padding-bottom: 60px;
}

/*COMENTARIOS*/

main#portada section.single_comentarios .cabecera {
    margin: 40px 0 20px;
}

.button.comments-launcher {
  margin-left: 80px;
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: 'Uni-Sans-Regular';
  color: #ffffff;
  font-size: 16px;
  background: #4f214e;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-style: none;
  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.button.comments-launcher:hover {
  margin-left: 80px;
  background: #7f1f81;
  text-decoration: none;
  font-family: 'Uni-Sans-Regular';
  color: #ffffff;
  font-size: 16px;
  border-style: none;
}


/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/


/* mobile-portrait */
@media (min-width: 320px) and (max-width: 479px){

/*BANNER MASTHEAD*/
main#portada section.banner_masthead {
    width: auto;
    min-width: 300px;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    text-align: center;
}
    
    
/*sidebar*/
aside {
    width: 100%;
    padding: 0 10px;
}
    
div.sidebar-encadenados aside {
    position:initial;
    display: block;
    width: 100%;
    padding: 0 10px;
}
    
section.sidebar-article {
    position:initial;
    top:auto;
    right: auto;
    width: 100%;
}
    
div.sidebar-encadenados {
    position: initial;
    float: left;
    margin: 0 auto;
    width: 100%;
}
    
/*comentarios*/
main#portada section.single_comentarios {
    width: 100%;
}
    
.button.comments-launcher {
    margin-left: 10px;
}
    
.button.comments-launcher:hover {
    margin-left: 10px;
}  

main#portada section.single_comentarios .cabecera {
    margin: 20px 0 20px;
}
    
    
    
/*contenido*/
main#portada section.cuerpo.single-noticia .contenido-completo .content p {
    margin: 0 0 20px 0;
    position: relative;
    width: 100%;
    font-size: 18px !important;
    text-align: left !important;
}

main#portada section.cuerpo.single-noticia {
    float: none;
    width: 100%;
}
    
}




/* mobile-landscape */
@media (min-width: 480px) and (max-width: 599px){

/*BANNER MASTHEAD*/
main#portada section.banner_masthead {
    width: auto;
    min-width: 300px;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    text-align: center;
}
    
/*sidebar*/
aside {
    width: 100%;
    padding: 0 10px;
}
    
div.sidebar-encadenados aside {
    position:initial;
    display: block;
    width: 100%;
    padding: 0 10px;
}
    
section.sidebar-article {
    position:initial;
    top:auto;
    right: auto;
    width: 100%;
}

div.sidebar-encadenados {
    position: initial;
    float: left;
}

/*comentarios*/
main#portada section.single_comentarios {
    width: 100%;
}
    
.button.comments-launcher {
    margin-left: 10px;
}
    
.button.comments-launcher:hover {
    margin-left: 10px;
}   

main#portada section.single_comentarios .cabecera {
    margin: 20px 0 20px;
}
    
main#portada section.single_comentarios a.mobile-boton-comentarios {
    border-radius: 30px;
    padding: 10px 0;
}
    
/*contenido*/
main#portada section.cuerpo.single-noticia .contenido-completo .content p {
    font-size: 1.1em;
    margin: 0 0 40px 0;
    position: relative;
    width: 100%;
}
    
main#portada section.cuerpo.single-noticia {
    float: none;
    width: 100%;
}
    

}




/* small tablet-portrait */
@media (min-width: 480px) and (max-width: 767px){

/*BANNER MASTHEAD*/
main#portada section.banner_masthead {
    width: auto;
    min-width: 300px;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    text-align: center;
}
    
/*sidebar*/
aside {
    width: 100%;
    padding: 0 10px;
}
    
div.sidebar-encadenados aside {
    position:initial;
    display: block;
    width: 100%;
    padding: 0 10px;
}    
 
section.sidebar-article {
    position:initial;
    top:auto;
    right: auto;
    width: 100%;
}
    
div.sidebar-encadenados {
    position: initial;
    float: left;
}
    
/*comentarios*/
main#portada section.single_comentarios {
    width: 100%;
}
    
.button.comments-launcher {
    margin-left: 10px;
}
    
.button.comments-launcher:hover {
    margin-left: 10px;
}    
    
main#portada section.single_comentarios .cabecera {
    margin: 20px 0 20px;
}
    
main#portada section.single_comentarios a.mobile-boton-comentarios {
    border-radius: 30px;
    padding: 10px 0;
}
    
/*contenido*/
main#portada section.cuerpo.single-noticia .contenido-completo .content p {
    font-size: 1.1em;
    margin: 0 0 20px 0;
    position: relative;
    width: 100%;
}
    
main#portada section.cuerpo.single-noticia {
    float: none;
    width: 100%;
}


}