/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {padding:0; margin:0; font-family: 'Nunito', sans-serif; font-size: 14px; line-height: 160%; font-weight: 300;}
a, a:hover, a:visited, a:focus {color: #000;}
.autor {font-family: 'Libre Baskerville', serif; font-style: italic;}
p {margin-bottom: 30px;}


/*Header*/
header { padding: 20px 0;}
header h1 {width: 180px; height: 50px; margin: 0;}
header h1 a {display: block; text-indent: -9000px; background-attachment: scroll; background-image: url(../img/revista-santiago-web.png); background-repeat: no-repeat; background-position: top left;width: 180px; height: 50px; margin: 0; background-size: contain;}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

a.btn-puntos-de-venta { display: inline-block; margin: 5px 10px; padding: 5px 10px; border:1px solid #000; text-align: center; font-size: 12px; vertical-align: middle;}
a.btn-buscar {display: inline-block; margin: 5px 10px; vertical-align: middle;}
a.btn-buscar i {font-size: 24px;}
a.btn-menu {display: inline-block; margin: 5px 10px; vertical-align: middle; font-size: 18px; text-transform: uppercase; width: 90px;}
a.btn-menu i {font-size: 24px; display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;}
a.btn-menu:hover {text-decoration: none;}

div.menu-global {height: 1px; overflow: hidden;}
div.menu-global ul {padding-left: 0;}
div.menu-global ul li {list-style: none; margin-bottom: 10px;}
div.menu-global ul li a {font-weight: 700;}
#cat-col-1, #cat-col-2, #cat-col-3, #cat-col-4 {width: 24%; display: inline-block; margin-top: 60px;}

div.menu-busqueda {height: 1px; overflow: hidden;}
form.form-search {width: 100%; text-align: center;}
form.form-search input {width: 50%; display: inline-block; padding: 10px; font-size: 14px;}
form.form-search input#btn-search {width: 60px; vertical-align: middle;}

ul#menu-menu-header {padding-left:0;}
ul#menu-menu-header li {list-style: none; margin: 0 20px; float:left;}

/*Home*/
section.destacados-inicio {background-color: #000000; margin-bottom: 30px; height: 360px; overflow: hidden;}
section.destacados-inicio div.slide-destacado {background-color: #000000; height: 360px; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: contain; color: #FFF; cursor: pointer; width: 100%;}
section.destacados-inicio div.cycle-slideshow {width: 100%;}
div.container-text-slide-destacado { padding-top: 60px;}
div.container-text-slide-destacado span.tag-categoria {background-color: #FFF; font-size: 10px; text-transform: uppercase; padding: 3px 5px; color: #000; letter-spacing: 1px; display: inline-block; margin-bottom: 15px; font-weight: 900;}
div.container-text-slide-destacado h3 {margin-bottom: 30px; font-size: 24px; font-weight: 900; line-height: 120%; width: fit-content; background-color: #000; padding: 5px;}
div.container-text-slide-destacado h3 a {color: #FFF;}
div.container-text-slide-destacado h3 a:hover {text-decoration: none;}
div.container-text-slide-destacado span.linea {width: 120px; height: 5px; background-color: #FFF; display: block; margin: 0 0 30px 0; line-height: 5px;}
div.container-text-slide-destacado p {}

a.prev {
    position: absolute;
    font-size: 48px;
    color: #fff;
    top: 50%;
    left: 40px;
    text-decoration: none;
    z-index: 200;
	width: 50px;
    text-align: center;
}

a.next {
    position: absolute;
    font-size: 48px;
    color: #fff;
    top: 50%;
    right: 40px;
    text-decoration: none;
    z-index: 200;
	width: 50px;
    text-align: center;
}


section.ultimos-articulos-inicio {margin-bottom: 30px;}
section.ultimos-articulos-inicio h3 { font-weight: 900; font-size: 20px; margin-bottom: 30px; margin-top: 0;}
div.repeat-articulo {min-height: 340px; margin-bottom: 15px;}
div.repeat-articulo div.thumb {height: 200px; overflow: hidden; margin-bottom: 15px; position:relative;}
div.repeat-articulo div.thumb  img {width: 100%; height: auto; position: absolute; top: 0; left: 0;z-index: 1;}
div.repeat-articulo div.thumb span {position: absolute; z-index: 2; background-color: #000; font-size: 9px; text-transform: uppercase; padding: 3px 5px; bottom: 0; left: 0; color: #FFF; letter-spacing: 1px;}
section.ultimos-articulos-inicio div.repeat-articulo h3 {margin-top: 0; font-size: 18px;}

div.container-cita { text-align: center; padding-top: 80px; background-image:url(../img/cremillas-negras.png); background-position:50% 10%; background-repeat:no-repeat; padding-bottom: 90px; }
div.container-cita h4 {width: 100%; margin: 60px 0 30px; line-height: 140%; text-align: center; font-weight: 800; font-size: 20px; padding: 0 80px;}
a.btn-ver-articulo {border: 1px solid #000; letter-spacing: 1px; text-transform: uppercase;font-weight: 600; font-size: 12px; padding: 10px 15px;}



div.container-mas-leidos {}
div.container-mas-leidos h4 { font-size: 18px; font-weight: 900; margin-bottom: 30px;}
div.container-mas-leidos h3 { font-size: 18px; font-weight: 900; margin-bottom: 10px; padding-top: 15px; border-top: 2px solid #c0c0c0;}

section.articulos-categoria h3.h3-especial {background-color: #000; font-size: 14px; text-transform: uppercase; padding: 3px 5px;  color: #FFF; letter-spacing: 1px; width: 120px; margin: 30px auto; font-weight: 400; text-align: center;}
h4.titulo-especial {text-align:center;margin: 30px auto; font-size: 32px; font-weight: 600; padding: 5%;}
.container-destacado-especial div.repeat-articulo div.thumb {height: 780px;}
.container-destacado-especial div.repeat-articulo div.thumb img {}
.container-destacado-especial div.repeat-articulo h3 {font-size: 24px;}

section.papel-digital {padding: 30px 0;}
section.papel-digital h3 {margin-bottom: 60px; font-weight: 900; font-size: 20px;}
section.papel-digital div.repeat-papel-digital {margin-bottom: 60px;}
section.papel-digital div.repeat-papel-digital img {width: 100%; height: auto; margin-bottom: 15px; box-shadow: 6px 7px 5px -4px rgba(199,199,199,1);}
section.papel-digital div.repeat-papel-digital h4 {margin-bottom: 30px; font-weight: 900; font-size: 20px;}
a.btn-ver-numero {border: 1px solid #000; letter-spacing: 1px; text-transform: uppercase;font-weight: 600; font-size: 12px; padding: 10px 15px;}
section.papel-digital div.repeat-papel-digital h4:hover {text-decoration: none;}
a.img-papel-digital {height: 400px; overflow: hidden; display: block;}

/*Categoría*/
section.title-categoria {background-color: #EAEAEA; margin-bottom: 30px; min-height: 240px; text-align: center;}
section.title-categoria h2 {background-color: #000; font-size: 18px; text-transform: uppercase; padding: 8px 16px; color: #FFF; letter-spacing: 1px; display: inline-block; margin-top: 90px;}
section.articulos-categoria h3 { font-weight: 900; font-size: 18px; margin-bottom: 15px; margin-top: 0;}


/*Single*/
div.content-single {}
div.thumb-container-single {background-color: #EDE8E8; height: auto; margin-bottom: 30px;}
div.thumb-container-single img {width: 100%; height: auto;}
div.content-single h2 {display: none;}
div.content-single h2.title-single {font-size: 44px; font-weight: 800; text-align: center; margin-bottom: 30px; display: block;}
div.content-single h1 {font-family: 'Libre Baskerville', serif; font-style: italic; padding: 0 10%; text-align: center; font-weight: normal; font-size: 16px; margin-top: 0; margin-bottom: 30px; line-height: 180%;}
div.content-single div.excerpt {font-family: 'Libre Baskerville', serif; font-style: italic; padding: 0 10%; text-align: center; font-weight: normal; font-size: 16px; margin-top: 0; margin-bottom: 30px; line-height: 180%;}
span.linea-negra {width: 200px; height: 5px; background-color: #000; display: block; margin: 30px auto; line-height: 5px;}
p.autor-fecha-single {text-align: center; padding: 0; width: 100%;}
p.compartir-single {text-align: center;}
p.compartir-single a {display: inline-block; color: #FFF; background-color: #000; text-align: center; border-radius: 30px; height: 30px;width: 30px; margin: 5px; text-decoration: none; vertical-align: middle; padding-top: 5px;}
p.compartir-single a i {font-size: 18px;}

section.relacionados-articulos-single {margin-bottom: 30px; border-top: 1px solid #000; padding-bottom: 30px;}
section.relacionados-articulos-single h3 { font-weight: 900; font-size: 20px; margin-bottom: 30px; margin-top: 0;}
section.relacionados-articulos-single div.repeat-articulo h3 {margin-top: 0; font-size: 18px;}
section.relacionados-articulos-single h4 {font-weight: 900; font-size: 18px; margin-bottom: 30px; margin-top: 30px; text-align: center; text-transform: uppercase; letter-spacing: 1px;}

div.content-single-parrafo {}
div.content-single-parrafo p { padding: 0 10%; font-size: 16px; line-height: 180%;}
div.content-single-parrafo h4 {width: 100%; margin: 60px 0; line-height: 140%; text-align: center; font-weight: 800; font-size: 20px; background-image:url(../img/cremillas-negras.png), url(../img/cremillas-negras-abajo.png); background-position:top left, right bottom; background-repeat:no-repeat, no-repeat; padding: 0 80px;}
div.content-single-parrafo h4 em {font-style: italic; font-weight: 800;}
div.content-single-parrafo h3 {padding: 0 10%; font-size: 24px; line-height: 180%; margin-bottom: 30px; font-weight: 900;}
div.content-single-parrafo img {margin: 30px auto;}
div.content-single-parrafo h5 {padding: 0 10%; font-size: 18px; line-height: 180%; margin-bottom: 30px; font-weight: 900; padding: 30px; background-color: #EAEAEA;}
div.content-single-parrafo h6 {text-align: center; margin-bottom: 60px; margin-top: -30px;}

div.container-tags {margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #808080; text-align: center; margin-top: 60px;}
div.container-tags h4 {font-weight: 900; letter-spacing: 1px; font-size: 16px; text-transform: uppercase; margin-bottom: 30px;}
div.container-tags a { padding: 5px 10px; display: inline-block; color: #000; text-decoration: none; border: 1px solid #000; margin: 10px;}

body.postid-6872 div.thumb-container-single {background-color: #FFF; text-align: center;}
body.postid-6872 div.thumb-container-single img {height: 480px; width: auto; margin: 0 auto;}


/*Footer*/
footer { text-align: center;}
footer hr {border-top: 1px solid #808080;}
footer p {text-align: center; margin: 20px; font-size: 12px;}
footer img {margin: 20px auto;}
footer p.social-icons a {display: inline-block; text-align: center; padding: 10px; border: 1px solid #000; margin: 10px; line-height: 100%; width: 36px;}
footer p.social-icons a i {font-size: 14px;}



/*BTN Version 9*/
a.btn-9 {position: fixed; right: 30px; bottom: 15px; width: 120px; height: 240px; background-size: contain; background-attachment: scroll; background-image: url(http://revistasantiago.cl/cms/wp-content/uploads/2020/12/revista-santiago-banner-11.jpg); background-position: center center; background-repeat: no-repeat; z-index: 100;}

/* Large desktop */
@media (min-width: 1200px) { 

	div.container {width:96%;}

}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1199px) { 

	div.container {width:96%;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	div.repeat-articulo div.thumb {height: 240px; overflow: hidden; margin-bottom: 15px;}
	section.relacionados-articulos-single div.repeat-articulo div.thumb {height: 120px; overflow: hidden; margin-bottom: 15px;}
	#cat-col-1, #cat-col-2, #cat-col-3, #cat-col-4 {width: 100%; display: inline-block; margin-top: 0;}
	.container-destacado-especial div.repeat-articulo div.thumb {height: 240px;}
	.container-destacado-especial div.repeat-articulo div.thumb img {margin-top: 0;}
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 

	div.repeat-articulo div.thumb {height: 240px; overflow: hidden; margin-bottom: 15px;}
	section.relacionados-articulos-single div.repeat-articulo {min-height: 120px;}
	section.relacionados-articulos-single div.repeat-articulo div.thumb {height: 100px; overflow: hidden; margin-bottom: 15px;}
	section.relacionados-articulos-single div.repeat-articulo h3 {font-size: 14px; margin-bottom: 15px;}
	#cat-col-1, #cat-col-2, #cat-col-3, #cat-col-4 {width: 100%; display: inline-block; margin-top: 0;}
	.container-destacado-especial div.repeat-articulo div.thumb {height: 240px;}
	.container-destacado-especial div.repeat-articulo div.thumb img {margin-top: 0;}
}

/* Landscape phones and down */
@media (max-width: 480px) {

div.repeat-articulo div.thumb {height: 240px; overflow: hidden; margin-bottom: 15px;}
	section.relacionados-articulos-single div.repeat-articulo {min-height: 120px;}
	section.relacionados-articulos-single div.repeat-articulo div.thumb {height: 70px; overflow: hidden; margin-bottom: 15px;}
	section.relacionados-articulos-single div.repeat-articulo h3 {font-size: 14px; margin-bottom: 15px;}
	#cat-col-1, #cat-col-2, #cat-col-3, #cat-col-4 {width: 100%; display: inline-block; margin-top: 0;}
	.container-destacado-especial div.repeat-articulo div.thumb {height: 240px;}
	.container-destacado-especial div.repeat-articulo div.thumb img {margin-top: 0;}

}