/*
Theme Name: La Barba V3
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta con nosotros en r.narros@labarbadelseo.com
Text Domain: LaBarba
*/

:root {
  --general-background: #f7f6f4;
}

@import url('css/gotham.css');
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{ background-image: url('images/barbadelseo.png');    content: '';   width: 19px;   height: 24px;   top: 0;   background-color: #fff;   display: block; background-size: cover;}
body{ font-family: 'Gotham', sans-serif;    margin: 0!important; font-size: 14px; line-height: 110%; letter-spacing: 1%; color: #000; background: var(--general-background);}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #000;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family: 'Libre Baskerville', serif;    font-weight: 400; color:#000000; line-height: 1; margin-top: 0;}
h1 {font-size: 48px;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
p {margin: 0 0 20px 0; padding: 0;}
ul {margin: 0 0 20px 0;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.foo2 .righ{display: flex; gap: 10px; justify-content: center;flex-wrap: wrap;}
.autor{font-size: 10px;margin: 10px auto 10px;display: block;width: fit-content;}
footer {padding: 10px 0 0px;}
footer .centro {}
.foomov {  display: none;  background-color: #000;}
.flex4c.foomov .iflex {  color: white;  text-align: center; }
.sr-only{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*menu*/
nav.navbar {background: var(--general-background);}
nav.navbar .navbar-cont {display: flex; align-items: end; padding-top: 40px; padding-bottom: 40px;}
nav.navbar .navbar-cont .navbar-brand {max-width: 240px; display: inline-block;}
nav.navbar .navbar-cont #navbar {margin-left: auto; width: auto; max-width: 725px;}
nav.navbar .navbar-cont #navbar ul {margin: 0; padding: 0; list-style: none; display: flex; width: 100%; justify-content: space-between; align-items: center;}
nav.navbar .navbar-cont #navbar ul li {font-family: 'Libre Baskerville', serif; font-weight: 600; font-size: 16px; line-height: 1; letter-spacing: 3%;}
nav.navbar .navbar-cont #navbar ul li + li {margin-left: 40px;}
nav.navbar .navbar-cont #navbar ul li a {text-decoration: none; color: #231F20;}
nav.navbar .navbar-cont #navbar ul li a:hover, nav.navbar .navbar-cont #navbar ul li.current_page_item a{color: #AB182C;}

#navbar-filters {display: none;}
#navbar-filters.force-show {display: block !important;}
#navbar-filters ul {padding: 20px; width: calc(100% -40px); background: #FFFEFC; box-shadow: 0px 2px 7.7px 0px rgba(0, 0, 0, 0.1) inset; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}
#navbar-filters ul li {font-family: 'Libre Baskerville', serif; font-weight: 600; font-size: 12px; line-height: 12px; letter-spacing: 3%;}
#navbar-filters ul li a{color: #837E7F; text-decoration: none;}
#navbar-filters ul li a.active{cursor: default; color: #AB182C; pointer-events: none;}
#navbar-filters ul li a:hover{color: #231F20;}

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 1% 0;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 1%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex4c .iflex{ width: 25%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }


/*Cabecera Movil*/
@media (min-width: 941px) {
  nav.navbar .navbar-header button.navbar-toggle{display: none;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:hover .menu-menu-principal-container > ul{display: block;}
}
@media (max-width: 940px) {
  nav.navbar .navbar-cont {padding-top: 20px; padding-bottom: 20px; display: block;}
  nav.navbar .navbar-cont .navbar-brand {max-width: 120px;}
  nav.navbar.abrir {background: var(--general-background); height: 100vh; overflow-y: auto; overflow-x: hidden;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

  nav.navbar .navbar-header { top: 16px;    margin-left: 16px; }

  nav.navbar .navbar-cont #navbar {margin-left: 5%; width: 90%; max-width: 90%; margin-top: 60px;}
  nav.navbar .navbar-cont #navbar ul {display: block;}
  nav.navbar .navbar-cont #navbar ul li {font-size: 18px; width: 100%; text-align: center;}
  nav.navbar .navbar-cont #navbar ul li + li{ margin-top: 40px; margin-left: 0;}

  #navbar-filters, #navbar-filters.force-show {display: none !important;}

  nav.navbar .bloqueidiomas{    right: 16px;}
  nav.navbar .bloqueidiomas .wpml-ls-legacy-list-horizontal ul li a{ color:#fff; text-decoration: none; }

  nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;background: transparent;top: 6px;}
  nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0;}
  nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 8px;display: block;width: 25px;height: 3px;;background: #000; }

  nav.navbar.abrir  .navbar-header button.navbar-toggle{   transform: rotate(45deg);     top: 8px;    padding: 8px 0 0;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(1){    background: #000;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #000;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #000;transform: rotate(1deg); top: -11px; position: relative;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(4){background-color: transparent;}

  .foomov {    display: flex;    position: fixed;    bottom: 0;    z-index: 111;    width: 100%;    display: grid;    padding: 0 10px;    box-sizing: border-box;    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));  }
  .foomov .iflex {    height: 60px;    width: 100%;    background-size: auto 50%;    background-repeat: no-repeat;    background-position: center;    background-color: #000;    border-left: 1px solid #7e7e7e;  }
  .foomov .iflex:first-child {    border-left: none;  }
  

}

/*Cabecera Movil*/

@media (max-width: 1250px) {
  div.centro{    width: 94%;}
}

/* Footer */
footer {padding-top: 65px; padding-bottom: 65px; background: var(--general-background);}
footer .centro {justify-content: start;}
footer .centro > div {padding-left: 2%;padding-right: 2%;}
footer .centro > div:first-of-type {padding-left: 0;}
footer .centro > div:last-of-type {padding-right: 0;}

footer .centro .lema {flex: 0 0 19%; min-width: 19%; font-family: 'Libre Baskerville'; font-weight: 600; font-size: 16px; line-height: 150%; letter-spacing: 1%;}

footer .centro .contacto {flex: 0 0 38%; min-width: 38%; padding-right: 0; font-size:12px}
footer .centro .contacto p:last-of-type {margin-bottom: 0 !important;}
footer .centro .contacto p + div {margin-top: 5px;}
footer .centro .contacto p.title_schedule, footer .centro .contacto p.phone, footer .centro .contacto p.email {margin-bottom: 5px;}
footer .centro .contacto p.schedule {line-height: 1.3; margin-bottom: 25px;}
footer .centro .contacto p.phone {font-weight: bold;}
footer .centro .contacto a{text-decoration: none;}
footer .centro .contacto a:hover{text-decoration: underline;}

footer .centro .links {flex: 0 0 15%; min-width: 15%; padding-left: 1%; display: flex; flex-wrap: wrap;}
footer .centro .links ul{margin: 0; padding: 0; list-style: none; width: 100%;}
footer .centro .links ul + ul{margin-top: auto;}
footer .centro .links ul li + li{margin-top: 5px;}
footer .centro .links ul li a{text-decoration: none;}
footer .centro .links ul li a:hover{text-decoration: underline;}
footer .centro .links ul.social li a{font-weight: bold;}
footer .centro .links ul.legal li.copy {margin-top: 10px;}


footer .centro .kit {flex: 0 0 17%; min-width: 17%; align-self: self-end;}
footer .centro .kit img + img{ margin-top: 35px;}

@media (max-width: 940px) {
  footer {padding-top: 30px; padding-bottom: 30px;}
  footer .centro > div {padding-left: 2%;padding-right: 2%; width: 96% !important; flex: 0 0 96% !important; min-width: 100% !important;}
  footer .centro > div:first-of-type {padding-left: 2%;}
  footer .centro > div:last-of-type {padding-right: 2%;}
  footer .centro > div + div {margin-top: 20px;}
  footer .centro .links ul + ul{margin-top: 20px;}
}

/* Contenedores generales */
div.page, div.front-page {background: #f7f6f4;}

/* HOME */
.home .no-result {font-size: 1.2; padding: 0; margin-top: 2rem; margin-bottom: 2rem;}
.home .flex.flex4c .iflex{position: relative;}
.home .flex.flex4c .iflex:before{content: ""; display: block; padding-top: 100%;}
.home .flex.flex4c .iflex img, .home .flex.flex4c .info{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.home .flex.flex4c .iflex .info{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: rgba(171, 24, 44, .75); color: #f7f6f4; z-index: 2; opacity: 0; transition: all 300ms ease-in-out;}
.home .flex.flex4c .iflex:hover .info {opacity: 1;}
.home .flex.flex4c .iflex .info .icon {width: 100%; height: 25px; background: url("images/icon-servicios.png") no-repeat top center;}
.home .flex.flex4c .iflex .info h2 {color: #f7f6f4; margin-top: 50px; margin-bottom: 0; font-weight: 600; font-size: 18px; letter-spacing: 0%; text-transform: uppercase;}
.home .flex.flex4c .iflex .info h2 + p {margin-top: 20px;}
.home .flex.flex4c .iflex .info p {margin-bottom: 0; font-size: 18px; line-height: 110%; letter-spacing: 0%;}
.home .flex.flex4c .iflex .info > div {text-align: center;}

@media (min-width: 401px) and (max-width: 940px) {
  .home .flex.flex4c .iflex {width: 50%;}
}

@media (max-width: 400px) {
  .home .flex.flex4c .iflex {width: 100%;}
}

/* PAGINA GENERAL */
.page-general .flex {justify-content: space-between;}
.page-general .texts {padding-top: 65px; padding-bottom: 65px; flex: 0 0 40%; min-width: 40%; padding-right: 5%;}
.page-general .texts h1 {margin-bottom: 20px;}
.page-general .images {flex: 0 0 55%; min-width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-general .images div {position: relative; overflow: hidden;}
.page-general .images div + div {margin-right: 2px;}
.page-general .images div:before {content:""; display: block;}
.page-general .images .small {flex: 0 0 calc(100%*245/788); min-width: calc(100%*245/788);}
.page-general .images .small:before {padding-top: calc(100%*412/245);}
.page-general .images .large {flex: 0 0 calc(100%*539/788); min-width: calc(100%*539/788);}
.page-general .images .large:before {padding-top: calc(100%*412/539);}
.page-general .images div img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; object-fit:cover}

@media(max-width: 500px) {
  .page-general .texts {padding-top: 30px; padding-bottom: 30px; flex: 0 0 96%; min-width: 96%; padding-left: 2%; padding-right: 2%;}
  .page-general .images {flex: 0 0 96%; min-width: 96%; padding-left: 2%; padding-right: 2%;}
  .page-general .images div {flex: 0 0 100% !important; min-width: 100% !important;}
  .page-general .images div + div {margin-right: 0; margin-top: 2px;}
}

/* CONTACTO */
.page-template-page-contacto-php .centro .image img {display: block;}
.page-template-page-contacto-php .centro .texts form {display: flex; flex-wrap: wrap;}
.page-template-page-contacto-php .centro .texts form p {flex: 0 0 100%; min-width: 100%;}
.page-template-page-contacto-php .centro .texts form p label {display: block; width: 100%;}
.page-template-page-contacto-php .centro .texts form p label .label-name {display: none;}
.page-template-page-contacto-php .centro .texts form p input:not([type="checkbox"]):not([type="submit"]), .page-template-page-contacto-php .centro .texts form p textarea {width: calc(-30px + 100%); border-radius: 5px; border: 1px solid #131312; padding: 13px 15px;}
.page-template-page-contacto-php .centro .texts form p input:not([type="checkbox"]):not([type="submit"]):focus-visible, .page-template-page-contacto-php .centro .texts form p textarea:focus-visible {outline: none;}
.page-template-page-contacto-php .centro .texts form p .wpcf7-acceptance, .page-template-page-contacto-php .centro .texts form p .wpcf7-acceptance .wpcf7-list-item {margin-left: 0;}
.page-template-page-contacto-php .centro .texts form p input[type="submit"] {padding: 13px 24px; background: #AB182C; border-radius: 10px; border: 1px solid #AB182C; color: #FFF; font-weight: 400; font-size: 14px;line-height: 1; letter-spacing: 5%; text-transform: uppercase; cursor: pointer;}
.page-template-page-contacto-php .centro .texts form p input[type="submit"]:hover {background: #FFF; border: 1px solid #AB182C; color: #AB182C;}
.page-template-page-contacto-php .centro .texts form p input[type="submit"][disabled] {background: #AB182C7F; border: 1px solid #AB182C7F; color: #FFFFFF7F; pointer-events: none; cursor: not-allowed;}

@media (max-width: 940px) {
  .page-template-page-contacto-php .centro {width: 100%; padding-left: 0; padding-right: 0;}
  .page-template-page-contacto-php .centro .texts {padding: 30px;}
}

@media (min-width: 941px) {
  .page-template-page-contacto-php .centro {display: flex; justify-content: space-between;flex-wrap: wrap; align-items: stretch;}
  .page-template-page-contacto-php .centro .texts {flex: 1 0 0; width: auto; min-width: 42%; order: 2; padding-left: 8%; padding-top: 65px; padding-bottom: 65px;}
  .page-template-page-contacto-php .centro .texts form p:nth-of-type(2), .page-template-page-contacto-php .centro .texts form p:nth-of-type(3) {flex: 0 0 48%; min-width: 48%;}
.page-template-page-contacto-php .centro .texts form p:nth-of-type(2) {padding-right: 2%;}
.page-template-page-contacto-php .centro .texts form p:nth-of-type(3) {padding-left: 2%;}
  .page-template-page-contacto-php .centro .image {flex: 0 0 1; width: 45%; order: 1; overflow: hidden; text-align: center; position: relative;}
  .page-template-page-contacto-php .centro .image img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: unset; height: 100%; }
}


.has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;}
.has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #000;}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;}
.has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;}
.has-pale-pink-color.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #000;}
.has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;}
.has-very-light-gray-color.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; }
.has-small-font-size {font-size: 13px;}
.has-regular-font-size, .has-normal-font-size {font-size: 16px;}
.has-medium-font-size {font-size: 20px;}
.has-large-font-size {font-size: 36px;}
.has-larger-font-size, .has-huge-font-size {font-size: 42px;}