/* 
=================================================
  Theme Name: Tienda Revista YA - El Mercurio
  Theme URI: http://www.elmercurio.com
  Author: Oscar Madrid V.
  Author URI: oscar.madrid@mercurio.cl
  Description: Tienda Revista YA - El Mercurio
  Version: 1.0.0
  License: Sólo uso El Mercurio
  License URI: http://www.elmercurio.com
=================================================
*/

@import url('assets/css/reset.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap');
/* 
  font-family: 'Libre Baskerville', serif;
  font-family: 'Montserrat', sans-serif;
*/

body {
  font-family: 'Montserrat', sans-serif;
  background: #fff;
  color: #1e1e1e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Libre Baskerville', serif;
  font-weight: 700;
  line-height: 1.1
}

p {
  line-height: 1.4
}

b,
strong {
  font-weight: 700;
}

a {
  color: #9bc25e;
}

a:hover {
  color: #578c44;
}

label {
  font-size: 13px;
}

h3.section-title {
  margin-bottom: 20px;
  color: #4b4a48;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  border-left: 5px solid #4b4a48;
  padding: 3px 0 1px 10px;
}

h3.section-title span {
  display: block;
  color: #a39f98
}


/*
====================
       HEADER
====================
*/

header {
  overflow: hidden;
  position: relative;
  margin-bottom: 35px;
}

header figure img {
  display: block;
  max-width: none;
  width: 100%;
}

header .container-xl {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

header figure.logotipo a {
  display: block;
  max-width: 273px;
  margin-left: auto;
  text-align: right
}



/*
====================
       SIDEBAR
====================
*/

.container-nav-menu {
  overflow: hidden;
  background: #e3e2e2;
  -webkit-border-bottom-right-radius: 60px;
  -moz-border-radius-bottomright: 60px;
  border-bottom-right-radius: 60px;
  padding: 20px 12px;
  margin-bottom: 35px
}

.container--btn-menu {
  overflow: hidden;
}

.menu-mobile {
  display: inline-block;
  color: #4b4a48;
  position: relative;
  cursor: pointer;
}

.menu-mobile:before,
.menu-mobile:after,
.menu-mobile span {
  background: #4b4a48;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  transition: all linear 0.15s;
}

.menu-mobile:before {
  transform: translateY(-9px);
  -moz-transform: translateY(-9px);
  -webkit-transform: translateY(-9px);
}

.menu-mobile span {
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.menu-mobile:after {
  transform: translateY(7px);
  -moz-transform: translateY(7px);
  -webkit-transform: translateY(7px);
}

.menu-mobile-txt {
  display: inline-block;
  text-transform: uppercase;
  margin-left: 40px;
  font-size: 16px;
  padding: 3px 0
}

.mm-opening .menu-mobile:before {
  transform: rotate( 45deg );
}

.mm-opening .menu-mobile span {
  left: -50px;
  opacity: 0;
  -moz-opacity: .0;
  filter: alpha(opacity=0);
}

.mm-opening .menu-mobile:after {
  transform: rotate( -45deg );
}

ul.nav-menu {
  list-style: none;
  font-family: 'Libre Baskerville', serif;
}

ul.nav-menu li {
  position: relative;
  margin-bottom: 20px
}

ul.nav-menu li:last-child {
  margin-bottom: 0
}

ul.nav-menu li:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #403d3e;
  margin-top: 4px;
  -webkit-transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  transition: all linear 0.25s;
}

ul.nav-menu li a {
  display: block;
  font-size: 13px;
  color: #403d3e;
  padding-left: 3px
}

ul.nav-menu .current-post-ancestor > a,
ul.nav-menu .current-cat > a,
ul.nav-menu .current-menu-item > a,
ul.nav-menu .current-menu-ancestor > a,
ul.nav-menu .current_page_item > a,
ul.nav-menu .current_page_ancestor > a,
ul.nav-menu .current-menu-parent > a {
  font-weight: 700
}

ul.nav-menu .current-post-ancesto:after,
ul.nav-menu .current-cat:after,
ul.nav-menu .current-menu-item:after,
ul.nav-menu .current-menu-ancestor:after,
ul.nav-menu .current_page_item:after,
ul.nav-menu .current_page_ancesto:after,
ul.nav-menu .current-menu-parent:after,
ul.nav-menu li:hover:after {
  width: 30px;
}



/*
====================
       FOOTER
====================
*/

footer {
  overflow: hidden;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #3f3e3e;
  color: #fff;
  font-size: 12px
}

footer h3 {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
}

footer a.btn-footer {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 15px;
  font-weight: 700;
  width: 170px;
}

footer a.btn-footer:hover {
  background: #2c767e;
  border-color: #2c767e;
  color: #fff;
}



/*
========================
       PUBLICIDAD
========================
*/

.container--publicidad {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
}


/*
=======================
       HOME PAGE
=======================
*/

.box--marca {
  text-align: center;
  margin-bottom: 30px;
}

.box--marca a {
  display: block;
  height: 100%;
  border: 1px solid #d9d8d8;
  padding: 25px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.box--marca a:hover {
  border-color: #403d3e;
}

.box--marca figure {
  max-width: 120px;
  margin: 0 auto 10px;
}

.box--marca figure img {
  display: block;
}

.box--marca h2 {
  font-size: 13px;
  color: #403d3e;
  font-weight: 400
}

.box--marca a:hover h2 {
  text-decoration: underline
}

section.container--marcas-destacadas {
  background: #ededed;
  padding-top: 50px;
  padding-bottom: 50px;
}

section.container--marcas-destacadas .box--marca a:hover {
  background: transparent;
}

section.container--marcas-destacadas .owl-nav,
section.container--noticias .owl-nav {
  text-align: center
}

section.container--marcas-destacadas .owl-carousel .owl-nav button.owl-next,
section.container--marcas-destacadas .owl-carousel .owl-nav button.owl-prev,
section.container--noticias .owl-carousel .owl-nav button.owl-next,
section.container--noticias .owl-carousel .owl-nav button.owl-prev {
  font-size: 27px;
  color: #4b4a48;
  margin: 0 10px;
}

section.container--noticias {
  padding-top: 50px;
  padding-bottom: 50px;
}

.box--noticia {
  overflow: hidden;
  height: 100%;
  border: 1px solid #d9d8d8;
  padding: 25px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-bottom: 30px;
}

.box--noticia figure {
  float: left;
  width: 195px;
  margin-right: 30px
}

.box--noticia h2 {
  font-size: 18px;
  margin-bottom: 15px;
}

.box--noticia h2 a {
  color: #403d3e;
}

.box--noticia p {
  font-family: 'Libre Baskerville', serif;
  font-size: 13px;
  color: #8f8f8f;
  margin-bottom: 30xpx;
}

.box--noticia a.btn-view-more {
  display: inline-block;
  width: 150px;
  text-align: center;
  background: #2c767e;
  font-family: 'Libre Baskerville', serif;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}



/*
===========================
       SINGLE / PAGE
===========================
*/

.container--info-single {
  margin-bottom: 30px;
  color: #4b4a48;
}

.container--info-single h1 {
  font-size: 21px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 8px;
  font-weight: 400
}

.container--info-single p {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 25px;
}

.container--redes-sociales {
  overflow: hidden;
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 1.8
}

.container--info-single p a,
.container--redes-sociales a,
.container--redes-sociales span {
  color: #4b4a48;
  font-weight: 600
}

.container--redes-sociales a,
.container--redes-sociales span {
  display: inline-block
}

.container--info-single p a:hover,
.container--redes-sociales a:hover {
  color: #141b4d;
  text-decoration: underline
}

.container--info-single .wp-block-buttons {
	margin-bottom: 25px
}

.container--info-single .wp-block-buttons .wp-block-button__link {
	font-size: 15px
}

.container--redes-sociales a,
.container--redes-sociales span {
  border-right: 1px solid #4b4a48;
  padding-right: 10px;
  margin-right: 10px;
}

.container--redes-sociales a:last-child,
.container--redes-sociales span:last-child {
  border-right: 0;
}

.jssocials {
  margin-bottom: 25px
}

.jssocials-share {
  font-size: 21px !important;
  margin-right: 40px !important;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials a {
  color: #a9a9a9; 
}

.jssocials a:hover {
  color: #4b4a48; 
}

section.container--gallery-post {
  background: #ededed;
  padding: 50px 15px;
  margin-bottom: 50px
}

section.container--gallery-post .owl-carousel .owl-nav button.owl-next,
section.container--gallery-post .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #fff;
  font-size: 27px;
  background: rgba(62,62,62,.7);
  width: 60px;
  height: 42px
}

section.container--gallery-post .owl-carousel .owl-nav button.owl-prev {
  left: -15px
}

section.container--gallery-post .owl-carousel .owl-nav button.owl-next {
  right: -15px
}

section.container--gallery-post .owl-carousel .owl-nav button.owl-prev i {
  margin-right: 15px
}

section.container--gallery-post .owl-carousel .owl-nav button.owl-next i {
  margin-left: 15px
}

section.container--gallery-post .owl-carousel .owl-item img {
  height: 300px;
  width: auto
}

#darkbox_stats {
  display: none
}

section.container--about-author {
  overflow: hidden;
  margin-bottom: 50px;
}

section.container--about-author h2 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 25px
}

section.container--about-author p {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 25px
}



/*
===========================
       COMMENTS FORM
===========================
*/

.boxComments {
  display: block;
  overflow: hidden;
}

#respond {
  overflow: hidden;
  margin-bottom: 80px
}

form.comments {
  display: block;
  overflow: hidden;
}

small.camposRequeridos {
  font-size: 12px;
  float: right;
  text-transform: uppercase;
}

div.wpcf7-mail-sent-ok {
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin: 0 !important;
  padding: 10px 0 !important;
}

.comment-author {
  margin: 0 auto 10px;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.content_author_date_comment {
  font-family: 'Libre Baskerville', serif;
  font-size: 14px;
  color: #403d3e;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

.comment-body p {
  font-size: 15px;
  line-height: 21px;
}

section.container--comments-post .owl-carousel {
  margin-bottom: 50px
}

section.container--comments-post .owl-stage-outer {
  margin-bottom: 30px
}

section.container--comments-post .owl-nav {
  text-align: center;
}

section.container--comments-post .owl-carousel .owl-nav button.owl-next,
section.container--comments-post .owl-carousel .owl-nav button.owl-prev {
    font-size: 27px;
    color: #4b4a48;
    margin: 0 10px;
}

.fn {
  font-weight: 700;
  color: #323232;
  text-transform: uppercase;
}

.content_author_date_comment a {
  color: #003770;
}

.comment-meta {
  font-size: 12px;
  color: #6b6a6a;
  margin-bottom: 10px;
}

ul.commentlist li {
  overflow: hidden;
  border-bottom: 1px dotted #d9d7d7;
  margin-bottom: 25px;
}

ul.commentlist li p {
  font-size: 14px;
  font-weight: 300
}

.comment-awaiting-moderation {
  text-transform: uppercase;
  color: #ea0e0e;
}

.titleComments {
  font-family: 'Libre Baskerville', serif;
  color: #000;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

div.wpcf7-response-output {
  margin-right: 20px;
}

#commentform .input-group {
  margin-bottom: 20px;
  font-size: 15px;
}

#commentform .input-group .form-control,
#commentform .input-group .input-group-text,
#commentform .form-group textarea,
#box-form .wpcf7-form-control {
  height: 50px;
  margin-bottom: 3px
}

#commentform .input-group .form-control:focus,
#commentform .input-group .input-group-text:focus,
#commentform .form-group textarea:focus,
#box-form .wpcf7-form-control:focus {
  border-color: #403d3e
}

#commentform .form-group textarea,
#box-form textarea.form-control {
  height: 135px
}

#commentform .form-group,
#box-form label {
  font-size: 13px;
  text-transform: uppercase;
  color: #747373;
}

.form-group .btn {
  text-transform: uppercase;
  font-size: 14px;
  height: 50px;
  background: #141b4d;
  color: #fff;
  text-transform: uppercase;
}

div.wpcf7 .ajax-loader {
  float: left;
  margin-top: 16px
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 30px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: .7em 1em !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #46b450; /* Green */
  color: #fff !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background: #dc3232; /* Red */
  color: #fff !important;
}

.wpcf7 form.spam .wpcf7-response-output {
  background: #f56e28; /* Orange */
  color: #fff !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  background: #ffb900;
}

.wpcf7-not-valid-tip {
  background: #dc3232;
  color: #fff !important;
  padding: .2em .5em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 5px 0;
}



/*
===================
       ERROR
===================
*/

.content404 {
  display:block;
  overflow:hidden;
  min-height:400px;
  text-align:center;
}
.content404 td {
  vertical-align:middle;
}
.content404 h1.titleDespliegue {
  margin-bottom:3px;
  text-transform: uppercase;
}
h2.mensajeError {
  font-size:21px;
  font-weight:400;
  margin-bottom:20px;
}
.content404 a {
  color:#1e3464;
  font-weight:600;
}



/*
==============================
       ARCHIVE/CATEGORY
==============================
*/

.navigation {
  text-align: center;
  padding-top: 20px;
  font-size: 13px;
  text-transform: uppercase;
}

.pagenavi a,
.pagenavi span.current {
  padding: 8px 10px;
  border: 1px solid #d9d8d8;
  color: #403d3e;
  margin: 0 4px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.pagenavi a:hover,
.pagenavi span.current {
  background: #e3e2e2;
  border-color: #403d3e;
}



/*
=========================
       SEARCH FORM
=========================
*/

.box--search-form button.btn {
  font-size: 13px;
  text-transform: uppercase;
}