/*
Theme Name: RN Theme V4.1
Theme URI: http://www.raulnarros.com
Author: Raul Narros
Author URI:
Description: Cualquir duda, contacta conmigo rn@raulnarros.com
Text Domain: RNthemeV41
*/

body{ font-family: 'Dosis', sans-serif;    margin: 98px 0 0 0!important;  color:#6b6f72;}
body.home{  margin: 0px 0 0 0!important }
textarea,
input{font-family: 'Dosis', sans-serif;}
body{ margin:90px 0 0 0!important}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #e2001a;}
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: 'Dosis', sans-serif; font-weight: bold;color: #326C74;}
h2{font-size: 24px;line-height: 30px;}
h2.estre{text-align: center; display: table; margin: 15px auto;}
h2.estre:before,
h2.estre:after{content:'';background-image: url('images/estrella.svg');   height: 21px; width: 20px; position: relative; top: 3px; margin: 0px 12px; display: inline-block; background-position: center; }
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.autor{font-size: 10px}
footer {background-image: url('images/contacto.png'); padding-top: 50px;background-color: #fff; background-repeat: no-repeat; background-position: right top; }
footer .foo2{background: #89CED8;  padding: 10px 0;    color: #fff;}
 .centro a.ico{       display: inline-block;margin-bottom: 30px;    margin-right: 50px;}
 .centro a.ico.reds{ width: 30px; height: 30px; background-size: contain; margin-bottom: 0; margin-right: 15px;position: relative;  border: 0;}
 .centro a.ico.you.reds{background-image: url('images/redy.png');}
 .centro a.ico.fac.reds{background-image: url('images/redf.png');}
 .centro a.ico.ins.reds{background-image: url('images/redi.png');}
footer .centro a.ico.correo{}
footer .centro a.ico.correo:before{    top: 9px;content:'';background-image: url('images/ico_correo.svg');}
footer .centro a.ico.loca{}
footer .centro a.ico.loca:before{content:'';background-image: url('images/ico_tel.svg');    top: 16px;height: 41px;   background-size: contain;}
footer .centro a.ico.tel:before{content:'';background-image: url('images/tel.svg');    top: 16px;height: 41px;   background-size: contain;}
footer .centro a.ico.wap:before{content:'';background-image: url('images/was.svg');    top: 16px;height: 41px;   background-size: contain;}
footer .centro a.ico:before{     background-position: center;   position: relative;display: inline-block; width: 40px; height: 30px; background-size: cover; margin-right: 10px; background-repeat: no-repeat;}
footer .textfoo {    max-width: 50%;margin-bottom: 150px;}
footer .centro img{    display: block;margin: 9px auto 15px;width: 150px;}
footer .foo2 .centro a{color:#fff}
.foo2 {background:#fff;padding: 5px 0;font-size: 14px; }
a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 94%;margin: 0 auto;max-width: 100%;}
body.page div.page .centro{max-width: 900px;}
h1 {font-size: 39px;font-weight: 800;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;    z-index: 99;}
body.home nav.navbar {background: transparent;    background: rgb(255 255 255 / 0.6);}
body.wordpress nav.navbar.fixed {background: #fff;}
nav.navbar .navbar-header{float: left;width: 28%;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;top: 15px;right: 15px;border-radius: 27px;padding: 8px 11px 12px 11px; border: 0; background: #02ab98;}
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: 17px;height: 2px;border-radius: 1px;    background: #007076;}
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{width: auto;margin: 0px 1%;padding: 23px 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 a{text-decoration: none;font-weight: 600;font-size: 16px;line-height: 20px;color: #326C74;}
body.wordpress nav.navbar.fixed #navbar ul li a{ }
nav.navbar #navbar ul li.current-menu-item:not(.menu-item-type-custom) a,
nav.navbar #navbar ul li a:hover{    color: #ff6a48;}
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{}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}

.flex{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;}
.flex .iflex{flex-direction: column;}
.flex3 .iflex{    width: 31.33%;   margin: 15px 1%;}
.flex4 .iflex{    width: 23%;   margin: 15px 1%;}
.flex5 .iflex{    width: 20%;   margin: 0%;}
div.page_shop,
.singletaller,
.front-page{    background-image: url('images/fondo beige.png'); background-position: center bottom; background-size: contain;   background-repeat: no-repeat;padding-bottom: 10px;}
div.page_shop,
.dentrode{ background-size: cover;}

.bk1{   height: 86vh; background-size: cover;   background-position:top center;position: relative;}
.textodestacadao {  position: absolute;top: 30vh;  max-width: 300px;  color: #fff;font-weight: 300;font-size: 24px;line-height: 30px;left: 77px;    text-shadow: 1px 1px 1px #333;}

.bk11{    padding: 75px 0;color: #000;}

.bk2{}
.bk2 .actividad{width: 33.33%;}
.bk2 .actividad a{font-weight: 800; font-size: 16px; line-height: 20px; color: #FFFFFF; background: #89CED8; border-radius: 7px; display: table;   padding: 5px 15px; text-decoration: none;}
.bk2 .actividad h2{font-weight: bold;font-size: 24px;line-height: 30px; color: #326C74;}
.bk2 .actividad.actividad h2:nth-of-type(2){margin-top: 50px;}
.bk2 .actividad.actividad1{float: left;    margin-top: 50px;}
.bk2 .actividad.actividad2{float: right;    margin-top: 50px;width: 31.33%;}
.bk2 .imagg{ float: left; width: 33.33%; background-image: url('images/home contenido.png'); height: 500px; background-size: cover; background-position: center;}

.bk3{    margin: 50px 0;}
.bk3 a{}
.bk3 a img{    display: block; width: 100%;}
.bk3 a h3{font-weight: 600; font-size: 22px; line-height: 28px; text-align: center; color: #326C74; background: #FFFFFF;   display: block; border-top: 1px solid;   margin: 0 auto; padding: 15px 0;}

.singletaller article{    margin-bottom: 50px;}
.singletaller .izq{    float: left;   width: 50%;color: #2B3031;}
.singletaller .izq h1{font-size: 30px; margin: 0;}
.singletaller .info{background: #F7FAFB; border-radius: 7px;}
.singletaller .info .infoc{   font-weight: bold;   font-size: 16px;   line-height: 20px; text-align: center; color: #2B3031;}
.singletaller .info .infoc:before{content:''; height: 35px; width: 35px; display: block;   margin: 0 auto 10px;   background-size: cover; background-position: center;}
.singletaller .info .infoc.horas:before{background-image: url('images/horario_genios.png');}
.singletaller .info .infoc.precio:before{background-image: url('images/precio_genios.png');}
.singletaller .info .infoc.lugar:before{background-image: url('images/lugar_genios.png');}
.singletaller .info .infoc.grupos:before{background-image: url('images/grupo_genios.png');}
.singletaller .dch{float: right;   width: 48%;}
.singletaller .galeryrn{margin: 50px 0;}
.singletaller .galeryrn .iflex{ height: 250px;    position: relative;    overflow: hidden;}
.singletaller .galeryrn .iflex a{ top:0;height:100%; width: 100%; display: block; background-size: cover;   background-position: center; position: absolute;}


.page_shop .izq{float: left; width: 46%; background: #F7FAFB; border-radius: 7px; padding: 10px 2%; color: #000;margin-top: 15px;margin-bottom: 50px;}
.page_shop .dch{float: right;   width: 48%;margin-bottom: 50px;}
.page_shop .galeryrn{ }
.page_shop .galeryrn .iflex{ height: 250px;    position: relative;}
.page_shop .galeryrn .iflex a{ top:0;height:100%; width: 100%; display: block; background-size: cover;   background-position: center; position: absolute;}
.page_shop .precioshop{ color: #ff6a48;line-height: 2; }
.page_shop .precioshop:before{content:'' ;background-image: url('images/precio_genios.png');     display: inline-block;width: 39px;   height: 34px; background-repeat: no-repeat; position: relative; top: 11px;}

a.pedir {font-weight: 600;font-size: 22px;line-height: 28px;text-align: center;color: #326C74;background: #FFFFFF;display: block;     margin: 25px auto 10px;padding: 15px 0;text-decoration: none;}
.flex a.pedir {width: 85%;}

.wp-block-embed{margin: 1em 0;}
iframe{    display: block; width: 100%;}
.wp-block-embed-youtube iframe{      height: 500px;}

.contenidoactividad h3{text-align: center;}


.verdeo,
.rojo,
.amarillo,
.rosa,
.verdec,
.verde
{    }

.naranja,
.verdeo,
.rojo,
.amarillo,
.rosa,
.verdec,
.verde
{ text-align: center;   display: table;   border-radius: 35px; padding: 15px 20px; margin: 19px auto;}

.naranja a,
.verdeo a,
.rojo a,
.amarillo a,
.rosa a,
.verdec a,
.verde a
{     color: #fff;   text-decoration: none;}

.naranja{background:#e3664e; }
.verdeo{background:#126c6f; }
.rojo{background:#A73646; }
.amarillo{background:#f1b32f; }
.rosa{background:#ae5292; }
.verdec{background:#5aafb0;}
.verde{background:#9eb655; }

@media (min-width: 1500px) { .bk2 .imagg{    background-size: contain;} }
@media (min-width: 901px) { nav.navbar .navbar-header button.navbar-toggle{display: none;} }

@media (max-width: 900px) {
   .navbar-inverse .navbar-brand{padding: 0;}
   ul.navbar-nav{margin: 0;}
   nav.navbar div#navbar{position: fixed;width: auto;background: #fff;top: 66px;z-index: 99999999999;margin: 0px 0 00 0;right: 0;float: none;border: 1px solid #000;padding: 0;}
   nav.navbar div#navbar.cerrado{    display: none;}
   nav.navbar #navbar ul li{width: 100%; padding: 20px 0;   margin: 0;}
   nav.navbar #navbar ul li a {     font-size: 22px;   }

   .flex5 .iflex { width: 33.33%;   }
   .singletaller .galeryrn .iflex{ height: 150px}
}

@media (max-width: 700px) {
  .bk1{    background-position: left;}
  .bk2 .imagg{display: none;}
  .bk2 .actividad{    width: 100%!important; float: none!important;}

  footer{background: transparent; padding: 0 0 57px;}
  footer .textfoo{    max-width: 100%;   margin-bottom: 50px;}

  footer .centro a.ico{ position: fixed; bottom: 0; left: 0; width: 25%; background: #fff; margin: 0; padding:0px 0 12px 2%;border-top: 2px solid #89CED8;     margin-right: 0px;}

  footer .centro a.ico.correo{padding-top: 11px;}
  footer .centro a.ico.loca{ left:   25%;}
  footer .centro a.ico.tel{ left:   50%;}
  footer .centro a.ico.wap{ left:   75%;}
  /*Mientras no hay teléfono
  footer .centro a.ico{ width: 50%; }
  footer .centro a.ico.loca{ left: 50%; }
  /*Mientras no hay teléfono*/

  .flex4 .iflex{width: 100%; margin: 15px 0;}
  .flex4 .iflex img{  width: 40%;float:left;;}
  .flex4 .iflex H3{    width: 58%;   float: left;   text-align: left;    background: TRANSPARENT;   margin-left: 2%;}
  .bk3{    padding: 30px 0 50px 0;   margin: 20px 0 0;   background: #fdf4e8;}
  footer .centro a.ico{font-size: 0;    padding: 0!important;}
  footer .centro a.ico:before{display: block; height: 47px!important;   margin: 0 auto; background-size: auto!important; padding: 0!important; top: 0!important;}

  .singletaller .dch,
  .singletaller .izq{    float: none; width: 100%;}
  .singletaller .dch{    margin-top: 50px;}

  .page_shop .dch,
  .page_shop .izq{    float: none; width: 96%;    margin: 0;}
  .page_shop .dch{margin-bottom: 50px; width: 100%;}
  .page_shop .galeryrn .iflex { height: 150px;}


  .wp-block-embed-youtube iframe{      height: 300px;}

}


@media (max-width: 460px) {

  .flex3 .iflex{width: 48%;}
  .page_shop .flex3 .iflex{width: 31.33%;}

  .wp-block-embed-youtube iframe{      height: 200px;}

}