body {font-family: 'BaarMetanoia' !important; font-size:18px !important;}
h1,h2,h3,h4,h5 {font-family: 'Antroposofic' !important;}
a {text-decoration: none !important; color: #552200 !important;}
.modal {overflow-y:auto;}

.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
.w3-half img:hover{opacity:1}
.slide-menu{background-color: #FFF;}
.menu-item{color:#552200; clear:both; padding:10px; text-decoration: none;}
.menu-item:hover{background-color:#0a0; color:#FFF !important; cursor:pointer; text-decoration: none;}

.intro{position: absolute; top: 100px; color:white; }
.intro h1{font-family: 'Antroposofic';}
.ico{width:30px !important; color:green;}

.btn-tronkit{color:#FFF; background-color: #080; color:white !important; }
.btn-tronkit:hover{background-color: #0a0; color:#FFF; }

#btn-pedido{background-color:#060; color:#FFF; font-size: 22px; z-index:5;}
#btn-pedido:hover{background-color:#888; color:#FFF; cursor:pointer;}

#menu-peke{background-color: #fff !important; border-bottom: solid thick green; z-index:5;}
.w3-red{background-color: #fff !important; color: #666 !important;}

.items-seleccionables, h3:hover {cursor:pointer; color: #000;}
#escuela-sel{height: 500px; overflow-y: scroll; padding-top: 15px;}

/* Slider de imagenes */
.carousel img {width:100% !important; min-width:100 !important; height: auto;}
#Inicio{padding:0px; margin: 0px -50px;}

@media (min-width:950px){
    #btn-pedido{position: fixed; top: 20px; left: calc(100% - 150px); padding:20px; text-align: center; font-size:31px;}
    #PedidoOnlineText{display:none;}
    .intro{position: absolute; top: 100px; left: 400px;}
    .intro h1{font-size: 58px;}
    .intro h2{font-size: 32px;}
}

@media (max-width:950px){
    #btn-pedido{position: fixed; left:calc(100% - 100px); width:100px; padding:11px; text-align: center; font-size:31px;}
    #PedidoOnlineText{display:none;}
    .intro{position: absolute; top: 100px; left: 30px;}
    .intro h1{font-size: 42px;}
    .intro h2{font-size: 16px;}
    
    #myCarousel{margin-top:75px;}
    #Inicio{margin: 0px;}
}

@font-face {
  font-family: 'Antroposofic';
  src: local('Antroposofic'),
       local('Antroposofic Regular'),
       local('Antroposofic'),
       url('../fonts/Antroposofic.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'BaarMetanoia';
  src: local('Baar Metanoia'),
       local('Baar Metanoia Regular'),
       url('../fonts/BaarMetanoiaR.TTF') format('truetype');
  font-display: swap;
}

/* Skip link for accessibility */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 8px 16px;
  background: #080;
  color: #fff !important;
  z-index: 1000;
  transition: top 0.2s;
  font-size: 14px;
}
.skip-link:focus {
  top: 0;
}

/* Focus visible for accessibility */
:focus-visible {
  outline: 3px solid #080;
  outline-offset: 2px;
}

/* Herencia de Spiritual Games*/
.titulo{font-family: 'Antroposofic'; font-size:50px;}

.img-responsive{ max-height: 400px; margin: auto; margin-bottom: 20px; width: 100%;}


.white{color: whitesmoke !important;}
#Comprar{clear: both;}
#Producto{clear: both;}
#sel-compra{color:#333; font-size: 24px; width:100%}
#sel-compra-section{color:#333; font-size: 24px; width:100%}
.clear{clear:both;}

.separado-top{padding-top:80px;}
.contador{font-size:20px;}
.aviso{background: #FFF; border-radius: 3px; padding: 30px;}

.img-prev{height:100px; float:left; cursor:pointer;}
#img-tk{margin-bottom: 20px;}

.sub-title{font-style: oblique; font-weight: bold !important;}

/*  Carrito  */
.carrito-prod{border:none; background-color: #FFF;}
.carrito-uds{width:100%;}


.pag_pie{margin-top:75px;padding-right:58px; color: #fff !important; background-color: #333 !important;}
.pag_pie, a{color: #ccc !important;}