/*
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: "Almarai", sans-serif;    margin: 92px 0 0 0!important;  color:#2B2B2B;font-size: 18px;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
input, textarea{font-family: "Almarai";  }
hr{clear:both;border: 1px solid #2B2B2B;}
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: "Almarai";    font-weight: 300; color:#2B2B2B;}
h1 {font-size: 45px;font-weight: 300;}
h2, h2 p{ font-size: 40px;}
h3{ font-size: 25px;}
h4{ font-size: 14px;}
h5{ font-size: 14px;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {padding: 50px 0; background-color: #384050;color: white;line-height: 115%;}
footer * {  font-size: 14px;   letter-spacing: 0.04em;  }
footer a {color: #3C98D8;}
footer b, footer strong {font-weight: 700; }
footer iframe {height: 100%;}
footer .politics a {color: #fff; text-decoration: none;}
footer .centro {}
a,
a:visited,
a:active{color:#2B2B2B;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1400px;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; 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: #2B2B2B; }
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: center;}
nav.navbar #navbar ul li{ box-sizing: border-box; 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: #2B2B2B; }
nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li.current-menu-item > a{color: #2B2B2B !important; }
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{}
.nav-cont {display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between  ;}
.nav-cont #navbar {width: 50%;}
.nav-cont .izqh {width: 30%;display: flex;  justify-content: flex-end; gap: 35px; flex-wrap: wrap;}
.nav-cont .izqh a, nav.navbar #navbar ul li a {font-size: 16px; font-weight: 400; letter-spacing: .003em;}
/* 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%;}
.flex2, .flex3  {justify-content: space-between;}
.flex2 .iflex{ width: 48%; margin: 0;padding: 0; }
.flex3 .iflex{ width: 31.33%;  margin: 0%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

.imagenfondo{background-position: center; background-repeat: no-repeat; background-size: cover; /*height: fit-content;max-height: calc(100vh - 100px);*/}
.contenidoflex{ }
.boton, .contenidoflex a, .contenido a, .boton.alt:hover {display: block;text-decoration: none;padding: 15px 30px; text-align: center; border: 1px solid #2B2B2B; width: fit-content; background-color: transparent; transition: .3s linear all; cursor: pointer; }
.contenido_escondido {display: none;}
.boton.alt{background-color: #384050; color: #fff;}
.boton:hover, .contenidoflex a:hover, .contenido a:hover {color: white;background-color: #2B2B2B;}
.min {width: 30%;}
.bazul {background: #3C98D81A;}
.bazulosc{background-color: #384050;}
.front-page .bk4 a{color: white; background-color: #384050; }
.front-page .bk4 a:hover{color: #384050; border-color: #384050; background-color: transparent; }
.front-page p{font-weight: 300;font-size: 17px; line-height: 135%;}
.front-page h2 p{font-size: 40px;}
.wpcf7 input, .wpcf7 textarea {background-color: transparent;   font-size: 20px;  font-weight: 300; color: #7E7E7E;border: 0;border-bottom: 1px solid #2B2B2B;font-family: 'Almarai';margin-left: 0 ;width: 100%;/*margin-bottom: 35px;padding: 0 0 25px 0;*/margin-bottom: 10px;padding: 0 0 10px 0;}
.wpcf7 textarea {/*height: 150px;*/height: 100px;}
.wpcf7 input:focus, .wpcf7 textarea:focus {  outline: none;}
.wpcf7 input[type='submit'] {background-color: #384050; color: white; padding: 17px 35px;width: fit-content;}
.wpcf7 .cont {display: flex; flex-wrap: wrap;justify-content: space-between;}
.wpcf7 .cont > *{width: 48%;}
.wpcf7-list-item {margin-left: 0;}

.front-page .bk1.bk{padding: 0;}
.front-page .bk1 .flex2 .iflex {width: 50%;}
.front-page .bk1 > .flex:nth-child(2n-1) {flex-direction: row-reverse;}
.front-page .bk1 > .flex:nth-child(2n-1) .contenidoflex{  padding-left: calc(50vw - 90%);  box-sizing: border-box;    padding-right: 5%;padding-top: 55px;}
.front-page .bk1 > .flex:nth-child(2n) .contenidoflex{  padding-right: calc(50vw - 90%);  box-sizing: border-box;     padding-left: 5%;padding-top: 55px;}
.front-page .bk1 > .flex .contenidoflex{padding-bottom: 45px;}
.front-page .bk1 .flex:first-child .imagenfondo {/*min-height: 800px;*/}
.front-page .bk1 .flex .imagenfondo {/*min-height: 500px;*/}
.front-page .bk1 h1 {margin-top: 0;}

.front-page.falsa .bk2 h2{font-family: 'Almarai';  font-weight: 700;  font-size: 25px;  line-height: 100%;  letter-spacing: 0; padding-top: 25px;  }
.front-page.falsa .bk1 h1{line-height: 105%;  font-weight: 400;  font-size: 90px;  line-height: 105%;  letter-spacing: 0;  text-align: center; padding-top: 25px; padding-bottom: 25px; }
.front-page.falsa .bk2 p{font-family: 'Almarai';  font-weight: 400;  font-size: 18px;  line-height: 120%;  letter-spacing: 0;  }
.front-page.falsa .bk2 .se > .iflex >  img{ object-position: center;}
.front-page.falsa .bk1.bk > .flex{flex-direction: row !important;}
.front-page.falsa .bk1 .flex .imagenfondo{min-height: 500px; background-position: 50% 20%;}

.front-page.falsa .bk3 > .flex{justify-content: space-between; overflow-x: auto;flex-wrap: nowrap;}
.front-page.falsa .bk3 > .flex .iflex{flex: 0 0 23.5%;text-align: center;}
.front-page.falsa .bk3 > .flex .iflex h2{font-family: 'Almarai';  font-weight: 400;  font-size: 128px;  line-height: 100%;  letter-spacing: 0;  color: #3C98D8; margin: 0; }
.front-page.falsa .bk3 > .flex .iflex h3{font-family: 'Almarai';  font-weight: 700;  font-size: 32px;  line-height: 100%;  letter-spacing: 0;  color: white; }
.front-page.falsa .bk3 > .flex .iflex p{color: #FFFFFFB2;  font-weight: 400;  font-size: 18px;  line-height: 100%;  letter-spacing: 0%;  }
.front-page.falsa .bk3 > .flex{}

.front-page .bk {padding: 75px 0;}
.front-page .bk2 h2 {margin-top: 0;}

.front-page .bk2 .pri{padding-bottom: 60px;}
.front-page .bk2 .pri > *:first-child{width: 40%;}
.front-page .bk2 .pri > *:nth-child(2){width: 53%;}
.front-page .bk2 .pri .ele{gap: 10px;display: flex;justify-content: space-between;}
.front-page .bk2 .pri .ele * {color: #7E7E7E;}
.front-page .bk2 .se > .iflex >  img{max-height: 50vh;width: 100%; object-fit: cover; object-position: top; height: 262px;}

.front-page .bk2 .se{row-gap: 40px;}
.front-page .bk2 .se .contenido{/*display: flex; flex-direction: column; justify-content: space-between; height: 100%; */}


.front-page .centro:has(+ .bk4) {padding-top: 40px;}

.front-page .bk4.bk {padding-top: 0 !important;}
.front-page .bk4 .iflex {margin-top: 35px;margin-bottom: 40px;}
.front-page .bk4 .iflex img{width: 100%; /*height: 40vh;*/ height:  400px; object-fit: cover;}
.front-page .bk4 .contenido {padding-top: 20px;}
.front-page .bk4 .contenido .venta {color: #7E7E7E;font-size: 14px;margin-bottom: 10px;}
.front-page .bk4 .contenido .titulopiso{  font-size: 25px;  font-weight: 400; margin-bottom: 10px; }
.front-page .bk4 .contenido .precio{ color: #7E7E7E;  font-size: 22px;  font-weight: 400; padding-bottom: 30px; border-bottom: 1px solid #2B2B2B;margin-bottom: 15px;}
.front-page .bk4 .contenido .subpost{display: flex;flex-wrap: wrap; gap: 25px;  font-size: 14px;  font-weight: 400;color: #7E7E7E;margin-bottom: 30px; }

.front-page .bk5 .contenido h2 {font-size: 40px;font-weight: 700;}
.front-page .bk5 .contenido p {font-size: 30px;font-weight: 300;}
.front-page .bk5 .contenido ul{display: flex;flex-wrap: wrap;justify-content: center; gap: 34px; margin-top: 30px;}
.front-page .bk5 .contenido ul li{margin-left: 0;padding-left: 0;}
.front-page .bk5 .contenido ul li::marker{content: '';}
.front-page .bk5 .contenido ul li a{color: white; background-color: #384050; }
.front-page .bk5 .contenido ul li a:hover{color: #384050; border-color: #384050; background-color: transparent; }

.front-page .bk6{padding: 85px 0;}
.front-page .bk7 h2 {margin-bottom: 50px;margin-top: 0;}
.front-page .bk7 h4 {margin-top: 57px;margin-left: 60px;}

.front-page ul {  list-style: none; /* Remove default list styles */  margin: 0;  padding: 0;padding-bottom: 20px;}
.front-page ul li {padding-left: 30px;margin-left: 30px;margin-bottom: 15px;}
.front-page ul li::marker {  content: url('images/arrow.svg'); display: inline-block;  vertical-align: middle;}
a[name="nosotros"]{height: 0px;  display: block;  border: 0;  padding: 0;}
.item {  font-size: 14px;}

.ico-whatsapp {position: fixed; right: 5%; bottom: 5%;}
.ico-flecha { padding-left: 6%;padding-left: calc(50vw - 90%); padding-top: 25px;margin-top: auto;margin-bottom: 5% !important;margin-left: 0 !important;width: fit-content !important;}
.ico-flecha{  }
.front-page .bk1 .flex2 .iflex {display: flex; justify-content: space-between ;}
.ico-flecha .hv {display: none;}
.ico-flecha:hover .normal {display: none;}
.ico-flecha:hover .hv {display: block}
.foomov {    display: none;  }
.ver-mas{border-bottom: 1px solid black; padding-bottom: 10px; cursor: pointer; font-size: 20px !important; font-weight: 500 !important;}

.desplegable-container{margin-bottom: 35px;}
.desplegable-container {  width: 100%;}
.desplegable-item {  border-bottom: 1px solid black;  padding: 19px 0 15px 0;}
.desplegable-titulo {  display: flex;  justify-content: space-between;  align-items: center;  cursor: pointer;}
.desplegable-titulo h4{margin: 0;font-size: 19px;font-weight: 500;}
.toggle-icon {  font-size: 24px;  transition: transform 0.3s ease;}
.desplegable-contenido {  max-height: 0; /* Inicia con una altura máxima de 0 */  overflow: hidden; /* Oculta el contenido desbordante */  transition: max-height 0.3s ease, padding 0.3s ease; /* Transiciones suaves */  /* Espaciado interno */}
.desplegable-item.active .desplegable-contenido {  max-height: 300px; /* Establece un máximo para la altura expandida (ajustar según el contenido) */  }
.page-template-page-landing-php .navbar #navbar{opacity: 0; pointer-events: none;}
.page-template-page-landing-php nav.navbar .navbar-header button.navbar-toggle{opacity: 0; pointer-events: none;}



/*Cabecera Movil*/

@media (max-width: 1500px) {
  div.centro{    width: 94%;}
  .front-page .bk {padding: 35px 3%  !important; box-sizing: border-box;}
  .front-page .bk2.bk {padding-top: 65px !important;}
  .front-page .bk1 {padding: 0 !important;}

  .front-page .bk1 > .flex:nth-child(2n-1) .contenidoflex,.ico-flecha {padding-left: 6%;}
  .front-page .bk1 > .flex:nth-child(2n) .contenidoflex {padding-right: 6%;}
  .front-page .bk1 > .flex .contenidoflex {margin-bottom: 55px;}
  .front-page .bk4 .iflex img{    height: 29vw;}
}

/*Cabecera Movil*/
@media (min-width: 941px) {
.front-page .bk2 .se .flex3 .iflex{width: 31.833px;}

  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;}
  .front-page .bk4 .contenido .titulopiso{ min-height: 66px; }
}
@media (max-width: 940px) {
  .front-page.falsa .bk1 .flex .imagenfondo{min-height: 250px;}
  .front-page.falsa .bk3 > .flex .iflex{flex: 0 0 80%;text-align: left;}
  .front-page.falsa .bk1 h1{font-size: 33px;}
  body{    margin: 65px 0 0 0!important;}
  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}
.ico-whatsapp {display: none;}
  nav.navbar {background: #FFFFFF;height: 64px;}
  nav.navbar.abrir {background: #fff; 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 .menu-menu-principal-container > ul{    padding: 0 0 0; width: 100%;}
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li > a,
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li {   color: white;}

  nav.navbar #navbar .menu-menu-principal-container > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a,
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{color:#fff;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a{}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{display: block;position: relative;}
  nav.navbar #navbar .menu-menu-principal-container > 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 .menu-menu-principal-container > ul > li span:after{transition-property: transform; transition-duration: 1s; }
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir span:after{ transform: rotate(-90deg);}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir .menu-menu-principal-container > ul{  display: block;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul > li{font-weight: normal;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > 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: #333E48;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #333E48;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #333E48;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;}
  .flex .iflex {width: 100% !important;}
  .imagenfondo {min-height: 40vh; height: fit-content;}

  .front-page h1 {font-size: 33px;}
  .front-page h2 {font-size: 33px; line-height: 110%;}
 .front-page .bk5 .contenido h2 {font-size: 30px;}
  .front-page .bk5 .contenido p{font-size: 24px;}

  .min {width: 100%;padding-left: 3%;}
  .wpcf7 {margin-top: 60px}
  .wpcf7 .cont > * {width: 100%;}
  nav.navbar div#navbar {width: 100%;}
  nav.navbar #navbar ul {    flex-direction: column;    width: auto;    margin: auto;    max-width: calc(100% - 32px);} 
  nav.navbar #navbar ul li {width: 100%;border-bottom: 1px solid #eee;padding: 33px 1%;}
  nav.navbar #navbar > div > ul > li:first-of-type {border-top: 1px solid #eee; margin-top: 25px ;}
  .nav-cont .izqh {display: none;}

  .front-page .bk2 .centro > .flex3 .iflex {margin-bottom: 50px;}
  .bt-cont {margin-top: 20px;}
  .politics {margin-top: 5px;}
  .front-page .bk.bk2 {padding-bottom: 0 !important;}

  .front-page .bk1 > .flex:nth-child(2n-1) .contenidoflex {padding-top: 35px;}
  .front-page .bk2 .flex .ele {display: none;}
  .front-page .bk2 .pri {padding-bottom: 20px;}
  nav.navbar #navbar ul li a,nav.navbar #navbar ul li {text-transform: uppercase;font-size: 14px;}
  .front-page .bk1 .flex:first-child .imagenfondo {min-height: 40vh;}
  .front-page .bk4 .iflex img{    height: 72vw;}
  .front-page .bk2 .se > .iflex > img{height: 40vh; max-height: fit-content;}

}

@media (max-width: 500px){
  /*Filobarba*/
  .foomov {
       /*Color fondo*/
      box-shadow: 0px -4px 7px 0px #0000001A;
      background-color: #3C98DB;
      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;
      background-repeat: no-repeat;
      background-position: center;

      /* Con bordes:*/
      border-left: 1px solid #237CB9;
      
  }
  .foomov .iflex:first-child {
      border-left: none;
  }


}



.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: #2B2B2B;}
.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: #2B2B2B;}
.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;}