/*
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
*/
#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: 'Montserrat', sans-serif;background: #f4f4fd;line-height: 1.3;  margin: 0px 0 0 0!important;  color:#272848;font-size: 24px;}
body:not(.home) div.page{     margin-top: 120px; }
body:not(.home) .navbar{      background: #3337aa;   padding-bottom: 20px; }
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #4042e2;}
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-weight: 700; color:#272848;}
h1 {font-size: 53px;font-weight: 500; color:#FFF;}
h2,
h3{ font-size: 49px;font-weight: bold;}
h2{color:#fe7062}
h3{color:#4042e2}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.autor{font-size: 10px}
a,
a:visited,
a:active{color:#272848;}
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;}

nav.navbar {position: absolute;z-index: 999;width: 100%;padding: 30px 0 0;}
nav.navbar .navbar-header{}
nav.navbar .navbar-header img{height: 50px;}
nav.navbar .bloqueidiomas{}
nav.navbar .bloqueidiomas .wpml-ls{    padding: 0; border: 0; text-align: right;}
nav.navbar .bloqueidiomas .wpml-ls ul{}
nav.navbar .bloqueidiomas .wpml-ls ul li{}
nav.navbar .bloqueidiomas .wpml-ls ul li a{    padding: 0 0 0 10px; color: #fff; font-weight: 500;font-size: 20px}
nav.navbar .bloqueidiomas .wpml-ls ul li a .wpml-ls-display{ display: none; }

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.flex2c .iflex{ width: 50%;  margin: 0%;padding: 0%;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 1%;padding: 0%;}

.bk1{    height: 90vh; padding: 5vh 0; display: flex; align-content: center; align-items: center;    min-height: 500px; position: relative;}
.bk1 h1{}
.bk1 p{font-size: 20px; color:#fff; }
.bk1 ul{    list-style: none; padding: 0; margin: 45px 0 0; text-align: center; display: flex; justify-content: center;   flex-direction: row; flex-wrap: nowrap;}
.bk1 ul li{margin: 0 20px;}
.bk1 ul li a{font-size: 20px;    border-radius: 35px; color:#fff; text-decoration: none; font-weight: 500; background-color: #fe7062; display: table; padding: 5px 15px;}
a.angif{background-image: url('images/flecha.gif');    background-repeat: no-repeat; background-position: center; height: 50px; background-size: contain; position: absolute; bottom: 12px; left: 0; right: 0; width: 100%;}
.bk2{}
.bk2 .fondobk2{padding: 40px 0; background-size: contain; background-repeat: no-repeat; background-position: right center;    overflow: hidden;}
.bk2 .fondobk2:nth-of-type(odd){background-position: left center;}
.bk2 .fondobk2 .centro{}
.bk2 .fondobk2 .centro .lado{    width: 50%;}
.bk2 .fondobk2:nth-of-type(odd) .centro .lado{    float: right;}
.bk2 .fondobk2 .centro .lado h2{}
.bk2 .fondobk2 .centro .lado p{}
.bk3{background: #ffeceb; padding-bottom: 70px;    padding-top: 20px;}
.bk3 .centro{}
.bk3 .centro > h3{text-align: center;}
.bk3 .centro .flex{}
.bk3 .centro .flex .iflex{border-radius: 5px;background-color: #fe7062;}
.bk3 .centro .flex .iflex .border{       color: #fff; font-size: 20px; border: 1px solid #fff; position: relative; height: calc(100% - 27px - 90px);  padding: 20px 20px 81px 20px; margin: 7px;}
.bk3 .centro .flex .iflex .border h3{margin-top: 0;    margin-bottom: 20px;}
.bk3 .centro .flex .iflex .border em{font-size: 16px;}
.bk3 .centro .flex .iflex .border ul{}
.bk3 .centro .flex .iflex .border ul li{    margin-bottom: 10px;}
.bk3 .centro .flex .iflex .border ul li::marker{ }
.bk3 .centro .flex .iflex .border a.botonbk3{font-size: 20px;    border-radius: 35px; color:#fff; text-decoration: none; font-weight: 500; background-color: #4042e2; display: table; padding: 5px 15px; margin: 0 auto;    position: absolute;bottom: 20px;left: 0;right: 0;}


footer {padding: 0px 0 1px;   color:#fff;}
footer a{color:#fff!important;}
footer .centro {}
footer .foo1 {background-color: #4042e2;font-size: 18px; }
footer .foo2 {background-color: #fe7062;font-size: 15px; min-height: 50px; display: flex; align-items: center; }
footer .foo2 .centro { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
footer .foo2 .centro span { margin-left: 7px; margin-right: 7px; }
footer .foo2 .centro a { margin-left: 7px; margin-right: 7px; }
footer .foo2 .centro a:last-child { width: 100%; display: flex; justify-content: center; }
footer .foo2 .flex .iflex{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}

a.wasap{ background-image: url('images/wh.png');    position: fixed;   bottom: 1%; right: 1%;   width: 60px; height: 60px; z-index: 99999;   background-size: cover; }

span.precio{position: absolute;   bottom: 68px;   left: 0;   text-align: center; width: 100%; font-weight: 600; font-size: 22px;}

/* Formulario de contacto CUSTOM */
.formulario-contacto { flex-direction: column; padding: 0px 0px 50px 0px; }
.formulario-contacto p span input[type="text"],
.formulario-contacto p span input[type="email"]{    border: 1px solid rgb(39 40 72 / 60%);   padding: 5px 2%; border-radius: 10px; margin-bottom: 30px; background: #fff;}
.formulario-contacto p span input[type="email"].largo,
.formulario-contacto p span input[type="text"].largo{    width: 96%;     clear: both;}
.formulario-contacto p span  input::placeholder{color: rgb(109 113 249 / 60%);  }

.formulario-contacto .fila2 span input:nth-of-type(1) input{  }
.formulario-contacto .fila2 span input:nth-of-type(2){ margin-left: auto; }
.formulario-contacto { width: 100%; height: auto; max-width: 700px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.formulario-contacto .selects { display: flex; }
.formulario-contacto .selects .iflex { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
.formulario-contacto .selects .iflex h3{ width: 100%; }
.formulario-contacto .selects .iflex div{ width: 50%; }
.formulario-contacto .selects .iflex div span{ width: fit-content; min-height: 30px; display: flex; color: #6d71f9; font-size: 16px; }
.formulario-contacto .selects .iflex div select {width: fit-content; padding: 6px 20px; background-color: #fff; border: 1px solid rgb(39 40 72 / 60%); border-radius: 7px; color: #6d71f9; opacity: 0.56;}
.formulario-contacto h2{ font-size: 61px; font-weight: 400; color: #272848; line-height: 1.2; margin: 12px 0px; }
.formulario-contacto h3{ font-size: 20px; color: #6d71f9; margin: 0px; }
.formulario-contacto p span { font-size: 18px; }
.formulario-contacto p span textarea { width: 100%; height: 200px; resize: none; }
.formulario-contacto p span input{ width: 100%; color: #6d71f9; opacity: 0.56; height: 22px; display: flex; align-items: center; border: 1px solid #3c3c3c; border-radius: 7px; margin: 0px; padding: 0px; text-indent: 14px; }
.formulario-contacto p span select{ width: fit-content; padding: 6px 20px; background-color: #fff; border: 1px solid rgb(39 40 72 / 60%); border-radius: 7px; color: #6d71f9; opacity: 0.56; }
.formulario-contacto p span select:nth-child(1){ margin-top: 30px; }
.formulario-contacto p span span { display: flex; flex-direction: row; flex-wrap: wrap; }
.formulario-contacto p span span label { width: fit-content; display: flex; }
.formulario-contacto p span span label span { width: fit-content; min-height: 30px; display: flex; color: #6d71f9; font-size: 16px; }
.formulario-contacto p span span label input { width: fit-content; margin-right: 14px; text-indent: 14px; }
.btn-submit button { background: linear-gradient(to right ,#6d71f9, #54c1fb); color: #eff0f8; padding: 8px 25px; border-radius: 10px; text-decoration: none; font-weight: 600; display: table; border: none; }

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

@media (max-width: 800px) {
  .flex2c .iflex { text-align: center; width: 100%;}
  nav.navbar .bloqueidiomas .wpml-ls{    text-align: center;}
  h1{font-size: 40px;    line-height: 1.2;}
  .bk2 .fondobk2{  padding-top: 300px; background-size: 300px; background-position: top right;  }
  .bk2 .fondobk2:nth-of-type(odd){  background-position: top left;  }
  .bk2 .fondobk2 .centro .lado{width: 100%;float: none!important;}
  h2, h3 {font-size: 36px;}
  .flex3 .iflex{    width: 98%;}
  .flex2 .iflex{width: 96%;}
  .foo2 p{    text-align: center!important;}
  .bk3 .centro .flex .iflex .border a.botonbk3{    position: relative;   margin: 50px auto 0;   clear: both;}
  .bk3 .centro .flex .iflex .border{height: calc(100% - 27px - 27px); padding: 20px 20px 20px 20px;}
  a.angif{bottom: 50px;}
  span.precio{    position: relative; bottom: 00; display: table;}
  /* Formulario de contacto */
  .formulario-contacto { padding-top: 50px; }
  .formulario-contacto p span input[type="text"], .formulario-contacto p span input[type="email"]{ width: 95%; }
  .formulario-contacto h2{ font-size: 24px; }
  .formulario-contacto h3{ font-size: 18px; }
  .formulario-contacto .selects { flex-direction: column; }
  .formulario-contacto .selects .iflex { margin: 0px; padding: 0px; flex-direction: column; }
  .formulario-contacto .selects .iflex p span select{ width: 100%; padding: 5px 2%; }
  .formulario-contacto p span textarea { width: 97%; height: 200px; resize: none; }
  .formulario-contacto p span span { flex-direction: column; }
}

@media (max-width: 500px) {
h1{font-size: 35px;    line-height: 1.2;}
h2, h3 {font-size: 30px;}
body{font-size: 20px;}
footer .foo2 { padding: 14px 0px;}
footer .foo2 .centro { font-size: 0px; }
footer .foo2 .centro a { width: 100%; text-align: center; font-size: 15px; margin-top: 5px; margin-bottom: 5px; }
footer .foo2 .centro a:last-child { width: 100%; text-align: center; font-size: 10px; margin-top: 5px; margin-bottom: 5px; }
footer .foo2 .centro span { font-size: 15px; margin-top: 5px; margin-bottom: 5px; }
}



.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: #4042e2;}
.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: #4042e2;}
.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;}