@charset "UTF-8";
/*
	Theme Name: Humpton Child
	Theme URI: http://humpton.clapat-themes.com/
	Description: Responsive Wordpress Theme
	Template: humpton
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: humpton-child
*/
/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/
a.post-title {
  text-decoration: none;
}

b,
strong {
  font-weight: 500 !important;
}

h4 {
  font-size: calc(1rem + 1vw);
  line-height: calc(1rem + 2vw);
}

#menu-menu-principal li a {
  text-decoration: none;
}
#menu-menu-principal .current-menu-item a,
#menu-menu-principal .current-menu-parent a {
  color: #C09826;
}

.clients-table li {
  margin-bottom: 50px;
}
.clients-table li img {
  width: 60%;
}

.humpton_portfolio-seo #hero-styles,
.humpton_portfolio-b2b-growth-hacking #hero-styles,
.page-servicios-de-agencia-de-performance-digital #hero-styles {
  position: relative;
}
.humpton_portfolio-seo #hero-styles:before,
.humpton_portfolio-b2b-growth-hacking #hero-styles:before,
.page-servicios-de-agencia-de-performance-digital #hero-styles:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  display: block;
}

.humpton_portfolio-seo #hero-styles:before {
  background: rgba(0, 0, 0, 0.75);
}

.swiper-slide .img-mask:before {
  content: "";
  background: rgba(0, 0, 0, 0.35);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1000;
}

header.classic-menu {
  background: rgba(0, 0, 0, 0.8) !important;
  transition: 0.3s;
}
header.classic-menu.white-header {
  background: rgb(255, 255, 255) !important;
  transition: 0.3s;
}

/* HOME */
.home .testimonios-home h2 {
  line-height: 2.2rem;
}

/* Página Nosotros */
.page-acerca-de-doble-o-nada-agencia-de-performance-digital #hero.has-image #hero-footer {
  display: none;
}
.page-acerca-de-doble-o-nada-agencia-de-performance-digital .pin-spacer {
  background-image: url("/wp-content/uploads/2024/04/fondo_textura.jpeg");
  background-size: cover;
}

.home .portfolio-wrap .item .item-caption {
  opacity: 1 !important;
}
.home .portfolio-wrap .item .item-caption .item-arrow .arrow-icon,
.home .portfolio-wrap .item .item-caption .item-arrow span,
.home .portfolio-wrap .item .item-caption .item-cat .arrow-icon,
.home .portfolio-wrap .item .item-caption .item-cat span,
.home .portfolio-wrap .item .item-caption .item-title .arrow-icon,
.home .portfolio-wrap .item .item-caption .item-title span {
  transform: translate(0px, 0px) !important;
}
.home .portfolio-wrap .item .item-caption .item-arrow i,
.home .portfolio-wrap .item .item-caption .item-arrow span,
.home .portfolio-wrap .item .item-caption .item-cat i,
.home .portfolio-wrap .item .item-caption .item-cat span,
.home .portfolio-wrap .item .item-caption .item-title i,
.home .portfolio-wrap .item .item-caption .item-title span {
  opacity: 1 !important;
}
@media only screen and (max-width: 580px) {
  .home .news-home .panels .pin-spacer {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .home #hero.has-image #hero-caption {
    padding-top: 180px;
  }
}
.home .panels-container {
  max-height: 640px !important;
}
.home .panels-container .panel {
  justify-content: start;
}
@media only screen and (max-width: 580px) {
  .home .panels-container {
    min-height: 320px !important;
  }
}

#hero h1 {
  font-size: calc(2.4rem + 4.15vw);
  line-height: calc(2.8rem + 5.5vw);
  padding-top: 30px;
}
#hero h1 .bajada {
  font-weight: 300;
  font-size: calc(2rem + 4vw);
}
#hero.has-image .hero-subtitle {
  position: relative;
}
#hero #hero-caption .hero-title-wrapper {
  margin-top: 0px;
}
#hero #hero-caption .hero-title-wrapper .hero-title {
  font-size: 9vw;
  line-height: 11vw;
}
@media only screen and (min-width: 1024px) {
  #hero #hero-footer .hero-footer-right {
    margin-right: 60px;
  }
}
#hero #hero-description {
  padding-top: 0;
  padding-bottom: 3vh;
}
#hero #hero-description .hero-text {
  max-width: 100%;
  padding-bottom: 60px;
}
#hero #hero-description .hero-text h2 {
  font-weight: 300;
  font-size: calc(1rem + 1vw);
  line-height: calc(1.2rem + 2.8vw);
}

.page-servicios-marketing-digital-chile #hero #hero-caption {
  padding-top: calc(100vh - 20vw - 300px);
}
@media only screen and (max-width: 479px) {
  .page-servicios-marketing-digital-chile #hero #hero-caption {
    padding-top: 0;
  }
  .page-servicios-marketing-digital-chile #hero #hero-caption h1 {
    font-size: 3.1rem;
  }
  .page-servicios-marketing-digital-chile #hero #hero-caption .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: center;
  }
}

.single-humpton_portfolio #hero:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.45);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.single-humpton_portfolio #hero #hero-description .hero-text {
  text-shadow: 0 6px 18px rgba(0, 0, 0, 0.85);
}
.single-humpton_portfolio.humpton_portfolio-seo-onsite-chile #hero:after {
  background: rgba(0, 0, 0, 0.7);
}
.single-humpton_portfolio.humpton_portfolio-seo-onsite-chile #hero #hero-description .hero-text {
  text-shadow: 0 0px 24px rgba(0, 0, 0, 0.9);
}

#footer-container .socials-wrap {
  margin-right: 7%;
}
#footer-container .socials li a {
  font-size: 1.6rem;
}
#footer-container .copyright a {
  color: #C09826;
  text-decoration: none;
}

#blog-post-content #post-image {
  display: none;
}

@media only screen and (max-width: 479px) {
  .news-panel .pin-spacer .panels-container .panel .panel-image {
    position: relative;
  }
  .news-panel .pin-spacer .panels-container .panel .panel-image:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.4);
  }
  #footer-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 20px;
  }
  #footer-container .footer-middle {
    height: auto;
    width: 72%;
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-bottom: 10px;
  }
  #footer-container .footer-middle .copyright {
    height: auto;
    font-size: 0.7rem;
    display: block;
    overflow: visible;
    line-height: 20px;
    top: 0;
    padding-right: 0;
  }
  #footer-container .footer-middle .copyright span {
    display: block;
  }
  #footer-container .socials-wrap {
    width: 50%;
    height: 50px;
    margin-right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
  }
  #footer-container .socials-wrap ul.socials {
    position: absolute;
    margin-top: 0;
    top: 12px;
  }
  #footer-container #backtotop .icon-wrap {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .home #hero #hero-caption .inner {
    vertical-align: top;
  }
}
@media only screen and (max-width: 1466px) {
  .home #hero #hero-caption .hero-title-wrapper .hero-title {
    font-size: 10vw;
    line-height: 12vw;
  }
}
#showcase-carousel .slide-title {
  padding-bottom: 10px;
}
#showcase-carousel .slide-title div span {
  display: inline;
  text-decoration: underline;
  padding-bottom: 3px;
  line-height: 110%;
}

a.btn.btn-outline {
  display: inline-block;
  border: 2px solid #C09826;
  color: #C09826;
  padding: 8px 24px;
  border-radius: 30px;
  text-decoration: none !important;
  transition: 0.5s;
}
a.btn.btn-outline:hover {
  background: #C09826;
  color: #FFF;
  transition: 0.5s;
}

a,
.light-content .light-section a {
  color: #C09826;
  text-decoration: underline;
  text-decoration-color: #C09826;
}
a strong,
a b,
.light-content .light-section a strong,
.light-content .light-section a b {
  color: #C09826;
}

.button-link .button-text,
.button-link .button-icon {
  color: #C09826 !important;
}
.button-link:hover .button-icon i {
  background-color: #C09826 !important;
  border-color: #C09826 !important;
}
.button-link .button-text span:before {
  background: #C09826 !important;
}

.seo-footer p {
  line-height: 2.4rem;
  color: #444 !important;
  padding: 60px 10%;
}
.seo-footer p a {
  color: #C09826;
  text-decoration: none;
}
.seo-footer p strong,
.seo-footer p b {
  color: #C09826;
}

.swiper-container .swiper-wrapper {
  padding-bottom: 60px;
}
.swiper-container .swiper-pagination-bullet .fp-arc-loader {
  height: 30px;
  width: 30px;
}
.swiper-container.light-cursor .swiper-pagination-bullet .path {
  stroke: #C09826 !important;
}
.swiper-container.light-cursor .swiper-pagination-bullet .solid-fill {
  fill: #C09826 !important;
}

#post-navigation .post-next-title span {
  background-image: linear-gradient(transparent calc(100% - 2px), #C09826 1px);
}
#post-navigation a {
  color: #C09826;
  text-decoration: none;
}
#post-navigation a:before {
  background: #C09826 !important;
}

.entry-meta.entry-date a, .entry-meta.entry-categories a {
  text-decoration: none;
  color: #C09826 !important;
}

#post-content a {
  color: #C09826 !important;
  text-decoration: none;
}

#post-content p > a::before {
  background: #C09826 !important;
}

#project-nav .caption-wrapper a {
  text-decoration: none !important;
}
#project-nav .caption-wrapper .next-caption .next-hero-title span {
  color: #C09826;
}

.wp-block-list li {
  font-size: 18px;
}

#itemsWrapper .item-caption-wrapper .item-caption .item-cat {
  background: rgba(0, 0, 0, 0.6);
  padding: 4px;
}
#itemsWrapper .item-caption-wrapper .item-caption .item-title {
  text-shadow: 0 0px 12px rgba(0, 0, 0, 0.8);
}

.big-title {
  color: #000;
  font-size: 10vw;
  line-height: 13vw;
  font-weight: 500;
  margin-left: -0.7vw;
}

.marquee-text {
  display: inline-block;
  padding: 0 1vw;
}

.columnas-servicios .col-texto-left {
  padding-right: 30px;
}
.columnas-servicios .col-texto-right {
  padding-left: 30px;
}
@media only screen and (max-width: 479px) {
  .columnas-servicios.flip-columns .col-imagen {
    order: 1;
  }
  .columnas-servicios.flip-columns .col-texto-left {
    order: 2;
  }
  .columnas-servicios .col-texto-left,
  .columnas-servicios .col-texto-right {
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .big-title {
    font-size: 14vw;
    line-height: 18vw;
  }
  #itemsWrapper .item-caption-wrapper .item-arrow {
    display: none;
  }
  #itemsWrapper .item-caption-wrapper .item-caption {
    background: rgba(0, 0, 0, 0.45);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  #itemsWrapper .item-caption-wrapper .item-caption .item-cat {
    font-size: 1rem;
    line-height: 1.6rem;
    background: none;
  }
  #itemsWrapper .item-caption-wrapper .item-caption .item-cat span {
    display: inline;
  }
  #itemsWrapper .item-caption-wrapper .item-title {
    color: #C09826;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8rem;
    padding-bottom: 10px;
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .big-title {
    font-size: 13vw;
    line-height: 17vw;
  }
}
@media only screen and (max-width: 1024px) {
  .big-title {
    font-size: 12vw;
    line-height: 16vw;
  }
}
@media only screen and (max-width: 1466px) {
  .big-title {
    font-size: 11vw;
    line-height: 14vw;
  }
}
/* Por defecto: mostrar/ocultar en todos */
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

/* Mostrar desde sm en adelante */
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
}
/* Mostrar desde md en adelante */
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}
/* Mostrar desde lg en adelante */
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
}
/* Mostrar desde xl en adelante */
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
}
.news-home .panel .panel-content {
  display: none;
}