/*
Theme Name: Charo Cardenal Web (2020)
Theme URI: https://charocardenal.com
Author: Héctor Muñoz
Author URI: http://hectormunozg.com
Description: Official website of Charo Cardenal
Version: 1.0.3
License: Copyright
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* 
Colors:
yellow: 239,238,228 #c52d29
red: 197,45,41 #c52d29 

*/

/* header */

/* @media (min-width: 768px) and (max-width: 1200px) {
  .collapse {
      display: none !important;
  }
} */


nav.navbar.bootsnav {
  border-bottom: 1px solid #c52d29;
}

.highlight {
  color: #c52d29;
}

.logo img {
  max-height: 72px;
}

@media (min-width: 1024px) {
  nav.navbar.bootsnav ul.nav > li > a {
    padding: 25px 15px;
  }
}


h1, h2, h3, h3 a, h4, h5, h6, #navbar-menu a {
  font-family: 'Playfair Display', serif !important;
  font-weight: 700;
}

p, a, .copy-right {
  font-family: 'Archivo', sans-serif;
}

.terms p, p {
  font-size: 1.8rem;
  line-height: 150%;
  color: black;
}

b, strong {
  font-weight: 800;
}

/* Vertical align sharing buttons */

#twitter-widget-0 {
  vertical-align: bottom;
}

/* Pagination */

.pagination-prev {
  float: left;
}

.pagination-next {
  float: right;
}


/* helpers */
.homepage-posts {
  z-index: 99;
}

.service-link {
  color: #c52d29;
}

.terms > ul {
  font-size: 1.8rem;
  line-height: 180%;
  padding-left: 20px;
  color: black;
}

section {
  background: rgb(239,238,228);
}


/* single.php */

.post-date {
  color: #c52d29;
  font-size: 1.8rem;
}

.post:hover .post-img img {
  transform: none;
}

.color-white {
  color: white !important;
}

/* page.php */

.page-title h4 {
  letter-spacing: 1px;
  font-size: 2rem;
}

/* float back to top */

#back-to-top {
  background: #c52d29;
}

/* image align */

.alignleft {
  float: left;
  margin-right: 20px;
}
.alignright {
  float: right;
  margin-left: 20px;
}

/* overlay */

.title-hero-bg::before {
  background-color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
  nav.navbar.bootsnav.navbar-transparent.white {
      background-color: none;
  }

}

/* talleres */

.product h4 > a, .product h3 a {
  color: black;
}

.product h4 > a:hover, .product h3 a:hover {
  color: #c52d29;
}

.product-detail h4 a {
  font-family: 'Playfair Display', serif;
}

.workshop-date {
  color: #c52d29;
  font-size: 1.8rem;
  line-height: 120%;
}
.single-product-des, .product-fabric-detail {
  border-color: #c52d29;
  margin-top: 20px;
} 

.workshop-title {
  margin-top: 0;
}

.slides {
  margin-bottom: 30px;
}

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* footer */

.footer-main:before {
  background-image: none;
}

.custom-border::before {
  content: '';
  position: absolute;
  top: 0;
  margin-top: -10px;
  left: 16px;
  width: 40px;
  border-top: 2px solid #d42e22;
}

.workshop-btn {
  margin-top: 4px;
}

/* changing to white on home.php */

.post-white {
  background-color: #fff;
}

.post-white h3 a, .post-white p, .post-white a span {
  color: #000;
}

.remove-padding {
  padding-top: 0;
}

section {
padding-top: 58px;
}


/* breakpoint fix on header */
@media (min-width: 1024px) {
  nav.navbar.bootsnav ul.nav > li > a {
      padding: 25px 13px;
  }
}

color-red {
  color: #d42e22 !important;
}

.section-heading h4 {
  color: #d42e22 !important;
}

/* slider */

.hero-text-wrap {
  background-color: rgba(0,0,0,0.2) !important;
}

/* archivo de posts */

.widget_archive ul li {
  margin-top: 5px;
}

.widget-title {
  margin-bottom: 20px;
}

.archive-month {
  padding-left: 20px;
}

.post-info h3 {
  font-size: 24px;
}

section {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 425px) {
  .section-heading h2 {
    font-size: 34px;
  }
}

.portfolio-right .project-detail-box {
  margin-top: 10px;
  font-size: 1.6rem;
  font-family: 'Archivo', sans-serif;
}

ul.project-detail-box {
  margin-left: 1.3rem;
}

.badge-primary {
  background-color: #c52d29;
  font-size: 1.5rem;
}