/*
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
*/
html{font-family: 'Roboto';}
#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;}

header .header__nav.fixed{background: #000 !important;position: fixed;top: 0;left: 0;right: 0;z-index: 99; transition: 1.5s linear background;}

/*Grid*/
.grid {
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;*/
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.grid20 {
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: minmax(100px, auto);
}

.grid30 {
  display: grid;
  grid-gap: 30px;
  grid-auto-rows: minmax(100px, auto);
}

.grid40 {
  display: grid;
  grid-gap: 40px;
  grid-auto-rows: minmax(100px, auto);
}

.grid50 {
  display: grid;
  grid-gap: 50px;
  grid-auto-rows: minmax(100px, auto);
}

.grid60 {
  display: grid;
  grid-gap: 60px;
  grid-auto-rows: minmax(100px, auto);
}

.grid100 {
  display: grid;
  grid-gap: 100px;
  grid-auto-rows: minmax(100px, auto);
}

.grid200 {
  display: grid;
  grid-gap: 200px;
  grid-auto-rows: minmax(100px, auto);
}

.gcolum1_2{
  grid-template-columns: 60px 1fr;
  grid-template-rows: 1fr;
}

.gcolum2{
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
}

.gcolum3{
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
}

.gcolum3footer{
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-rows: 1fr;
}
.gcolum2-12{
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr;
}

/**/
.grid20.gcolum1_2 .numeros{
  font-family: var(--title-font);
  font-size: 35px;
  font-style: normal;
  text-align: end;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  -webkit-text-stroke: 2px black;
  color: white;
}

.tomb0{ margin-bottom: 0px !important; }
.tomb20{ margin-bottom: 20px !important; }
.top10{ margin-top: 10px !important; }
.top20{ margin-top: 20px !important; }
.top30{ margin-top: 30px; }
.top40{ margin-top: 40px; }
.tom60{ margin-top: 60px !important; }
.top60{ padding-top: 60px !important; }
.top100{ padding-top: 100px !important; }
.butp60{ padding-bottom: 60px !important; }
.txcenter{ text-align: center; }

.fundacion{ font-family: var( --text-font); font-size: 17px; padding-right: 35%;background-position: right;background-size: contain;background-repeat: no-repeat;}
.boton{ color: #211915; border: 1px solid #211915; margin: 10px 0px 10px 0px; padding: 10px 15px;font-size: 14px;font-weight: 500;text-transform: uppercase;}
a.boton {display: block;width: fit-content;}
.boton.negro{color: #211915 !important;}
.boton:hover{background-color:  #000F1C;border-color:#000F1C;color:white !important;} 
.fundacion .texto3{ margin-top: 30px; }

.valores{ color: #fff; padding-bottom: 50px;background-image: url('images/fondo-valores.png');background-size: cover;}
.valores span{ font-family: var( --text-font); font-size: 17px;  }
.bd-13 .valores h2, .bd-814 .valores h2, .bd-13  .valores h3, .bd-814 .valores h3{ font-family: var(--title-font); color: white;}
.valores .bloques_valores.iflex{ margin-top: 30px;margin-bottom: 40px;}
.valores .bloques_valores h3{ margin-bottom: 20px;position:relative;}
.valores .bloques_valores h3:after{content:""; width: 20px;  bottom: -10px;  position: absolute;  left: 0;  z-index: 2323;  border-bottom: 2px solid #930000;}

.fundacion h2{ font-family: var(--title-font); margin-top: 40px; margin-bottom: 40px;font-weight: 500;font-size: 30px; }


.bd-13 h2, .bd-814 h2 {margin-bottom: 25px;color: #000F1C;}
.bd-13 .bk3, .histo.bk3, .bd-814 .bk3 {padding: 90px 40% 90px var(--container-padding-hori);background-position: right;background-repeat: no-repeat;background-size: contain;}
.bd-13 .bk4, .bd-814 .bk4 {background: linear-gradient(73deg, #000F1C 1.55%, #013789 110.54%);padding: 60px 20%;color: white;}
.bd-13 .bk4 .vocales, .bd-814 .bk4 .vocales {justify-content: start;margin-top: 8px;}
.bd-13 .bk4 .vocales .flex, .bd-814 .bk4 .vocales .flex {margin-right: 25px;}
.bd-13 .bk4 .vocales .iflex *, .bd-814 .bk4 .vocales .iflex *{margin-bottom: 5px;}
.bd-13 .logo_grid, .bd-814 .logo_grid {padding-top: 25px;}
.bd-13 .patros h2, .bd-814 .patros h2 {margin-top: 35px;}
.texto-blanco {color: white;}
.texto-blanco h2{color: white;}

.page-page-plantilla-php .wp-block-group {margin-bottom: 25px;}
.histo+.container{padding-top: 60px;}

.page_id_367 > .centro > *:not(:has(.form-carnet)), .page-page-plantilla-php > .centro > *:not(:has(.form-carnet)) {padding: var(--container-padding);}
@media screen and (min-width: 1800px) and (max-width: 3000px) {
  .teams__single-imgTop { height: auto; }
  .teams__single-imgBottom { height: 300px; }
  .female_league, .megacalzado { height: 690px; }
}
@media screen and (max-width: 450px) {
  .page_id_367 > .centro > *:not(:has(.form-carnet)), .page-page-plantilla-php > .centro > *:not(:has(.form-carnet)) {padding: 0px 40px;}
  .fundacion{ padding-right: 10%; }
  .gcolum2 { grid-template-columns: 1fr; }
  .entrenadores{ margin-top: 30px; }
  .partidos_grid__single { display: contents; }
  .container { padding: 0 3%; }
  .actividades.teams__single { width: 100%;}
  .female_league.actividades h3, .megacalzado.actividades h3 { display: none; }
  .female_league.actividades::before, .megacalzado.actividades::before { background-image: url(./img/blog_fondo.png);}
  .female_league h2, .megacalzado h2 { margin-top: 190px;}
  .competition::before, .inscriptions::before, .our-equipment::before { /*background-image: none; background-color: #0000003d;*/ }
  .home .container .title-banner-white { width: 85%; }
  .fundation article { margin-bottom: 50px; }
	.single .imagen {
		order:-1;
	}
}
@media screen and (min-width: 300px) and (max-width: 450px) {
  .female_league h2, .megacalzado h2 { margin-top: 0px;}
}
@media screen and (max-width: 900px) {
  .fundacion{ padding-right: 2%; }
}


/* 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%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

.form-carnet {padding: 140px 20%;background: linear-gradient(73deg, #000F1C 1.55%, #013789 110.54%);}
.form-carnet .flex2 .iflex {width: 48%;margin-bottom: 0;padding-bottom: 0;}
.form-carnet .iflex:first-child {margin-left: 0;padding-left: 0;}
.form-carnet .iflex:nth-child(2) {margin-right: 0;padding-right: 0;}
.form-carnet label {color: #FFF;  font-size: 18px;    display: block;  margin-top: 25px;}
.wpcf7-form-control-wrap + label{display: inline-block;}
.form-carnet input {    padding: 8px;  border: 1px solid white;  background: transparent;  color: white;margin-top: 15px; /*width: 90%;*/}
.form-carnet input[type=submit] { padding: 8px 50px; }
.form-carnet .wpcf7-list-item {margin-left: 0;margin-right: 10px;}
.form-carnet .wpcf7-list-item input {background-color: transparent;border: 1px solid white;}
.form-carnet p:has(.wpcf7-list-item) {margin-bottom: 15px;}
.form-carnet h2 {text-align: center;color:white;font-size: 35px;font-weight: 700;}
.form-carnet a {font-family: 'Roboto';}
.form-carnet .wpcf7-submit {cursor: pointer;}
.form-carnet .wpcf7-submit:hover {background: #0071B3 !important;color: white; }

@media screen and (max-width: 450px) {
  .bd-13 .bk3, .histo.bk3, .bd-814 .bk3{padding: 0px 40px !important; margin-bottom: 50px; }
  .bd-13 .bk4, .bd-814 .bk4{padding: 30px 40px !important; margin-bottom: 50px; }
}
@media (max-width: 940px) {

  .flex > .iflex, .form-carnet .flex2 .iflex{width: 100%;}
  .form-carnet .flex2 .iflex {margin-left: 0;padding-left: 0;}
  .bd-13 .bk3, .histo.bk3, .bd-814 .bk3  {padding: var(--container-padding);background: none !important; margin-bottom: 50px; margin-top: 50px; }
  .histo.bk3 h2{padding-bottom: 20px;}
  .valores{ background-image: none;background: linear-gradient(73deg, #000F1C 1.55%, #013789 110.54%);}

}


.foomov {
    display: none;
}

@media (max-width: 500px) {
  
	.foomov {
    box-shadow: 0px -4px 6.8px 0px #0000001A;
    background-color: #012046;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    z-index: 111;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));
    
  }

  .foomov .iflex {
    height: 60px;
    width: 100%;
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: center;

    border-left: 1px solid #152F4E;
  }
  .foomov .iflex:first-child {
    border-left: none;
  }

  .foomov .iflex.tel {
		
	}
	.foomov .iflex.mai {
	
	}
  .foomov .iflex.don {
		
	}
	.foomov .iflex.was {
	
	}
}

/*body{ font-family: 'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;    margin: 92px 0 0 0!important;  color:#000000;font-size: 16px;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #EFB810;}
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: 'Roboto';    font-weight: 700; color:#000000;}
h1 {font-size: 34px;font-weight: 800;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {padding: 10px 0 1px; border-top: 1px solid #EFB810;}
footer .centro {}
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 {position: fixed;top: 0;left: 0;right: 0;z-index: 99; box-shadow: 1px 1px 1px; background: #fff;  }
body.wordpress nav.navbar.fixed {    }
nav.navbar .navbar-header{float: left;width: 20%;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;  background: transparent;    top: 15px;     }
body.customize-support nav.navbar .navbar-header button.navbar-toggle{top:50px;}
nav.navbar .navbar-header button.navbar-toggle.collapsed{}
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: 4px;display: block;width: 25px;height: 3px;border-radius: 1px;background: #EFB810; }
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;}

nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: flex-end;}
nav.navbar #navbar ul li{  padding: 36px 1%; position: relative;width: auto;margin: 0px 1%; text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar ul li:nth-last-of-type(1){  padding-right: 0;margin-right: 0; }
nav.navbar #navbar ul li a{color: #000;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #000; }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: #EFB810; }
nav.navbar #navbar ul li:hover ul{display: block;}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}

/* 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%; }
.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 > ul > li:hover > ul{display: block;}
}
@media (max-width: 940px) {
  body{    margin: 65px 0 0 0!important;}
  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}

  nav.navbar {background: #FFFFFF;height: 64px;}
  nav.navbar.abrir {background: #333E48; height: 100vh;}
  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.abrir .navbar-header a.navbar-brand img { filter: brightness(0) invert(1); }

  nav.navbar div#navbar{}
  nav.navbar #navbar > ul{    padding: 0 0 0; width: 100%;}
  nav.navbar #navbar > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
  nav.navbar #navbar > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
  nav.navbar #navbar > ul > li a,
  nav.navbar #navbar > ul > li span{color:#fff;}
  nav.navbar #navbar > ul > li a{}
  nav.navbar #navbar > ul > li span{display: block;position: relative;}
  nav.navbar #navbar > ul > li span:after{content:''; background-image: url('images/flechab.png'); position: absolute; position: absolute; right: 4px; width: 15px; height: 24px; transform: rotate(90deg);}
  nav.navbar #navbar > ul > li span:after{transition-property: transform; transition-duration: 1s; }
  nav.navbar #navbar > ul > li.brir span:after{ transform: rotate(-90deg);}
  nav.navbar #navbar > ul > li > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
  nav.navbar #navbar > ul > li.brir > ul{  display: block;}
  nav.navbar #navbar > ul > li > ul > li{font-weight: normal;}
  nav.navbar #navbar > ul > li > ul > li > a{}

  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: #333E48; }

  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: #fff;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #fff;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #fff;transform: rotate(1deg); top: -11px; position: relative;}
}*/

/*Cabecera Movil*/

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



.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: #EFB810;}
.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: #EFB810;}
.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;}*/

.histo.bk3 {
    padding: 90px 40% 90px var(--container-padding-hori);
}

p {
    margin: 1rem 0;
}