/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.2.0
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */


.toolbar, .alertbar{
  width: 100%;
  background-color: #252525!important;
  color: #fff;
  text-align: center;
  height: 50px!important;
  height: auto;
  padding: 10px 0 5px;
  font-size: 0.8em;
  z-index: 10!important;
  position: relative;
}
.toolbar{
  background-color: #a32638!important;
}
.toolbar a{
  color: #fff;
  border: 1px solid #fff;
  padding: 4px;
  display: inline-block;
  margin-right: 5px;
}
.toolbar form input{
  height: 30px;
  width: 25%;
  float: right;
  background-color: transparent!important;
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.9em;
}
.toolbar button{
  width: 15%;
  background-color: rgba(255,255,255,0.2)!important;
  margin-left: -1px;
  border: 1px solid #fff;
  float: right;
  color: #fff;
  height: 30px;
}
.toolbar form label{
  float: right;
}
.toolbar i{
  font-size: 1.2em;
  color: #fff;
  padding-right: 10px;
}
.alert{
  color: #ffffff;
  background-color: red;
  padding: 5px 20px;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bolder;
  display: inline-block;
  margin-bottom: 20px;
}
.alertbar{
  height: auto!important;
  padding: 10px 0 0 0!important;
  text-align: left;
}
.alertbar .fa{
  font-size: 50px!important;
}
.alerttitle, .alerttitle a{
  font-weight: bolder;
  font-size: 1.1em;
  display: inline-block;
}
.alertrow{
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #ffffff dotted;
}
.alerttag{
  border: rgba(163,38,56,1) 1px solid;
  color: rgba(163,38,56,1)!important;
  padding: 5px;
  border-radius: 5px;
  margin: 15px 5px;
  line-height: 35px;
  font-size: 0.6em;
  color: red!important;
  text-transform: uppercase;
}

.prug{
  width: 100%;
  background-color: #252525;
  color: #fff;
  text-align: center;
  min-height: 80px;
  height: auto;
  padding: 20px 0 20px;
}
.prug a{
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  display: block;
}
.copy{
  height: 25px;
  background-color: #252525;
  color: #fff;
  font-size: 0.8em;
  width: 100%;
  line-height: 25px;
  vertical-align: middle;
  text-align: right;
  padding-right: 20px;
}
.copy a{
  color: #fff;
}

.submenu > li > a {
    padding: 0.5rem !important;
}
.submenu, .submenu >li{
	background-color: #000000;
}
.headerimg{ border-bottom: 5px solid #a32638; overflow: hidden; height: 700px!important; margin-bottom: 0px!important; }
.helper {
    height: 100%;
    vertical-align: middle!important;
}
.breadcrumbs { padding: 0.7rem; }

.top-bar .menu > li:not(.menu-text) > a {
    padding: 0.2rem;
    font-size: 1.1rem;
}
.headerimg img { vertical-align: middle; min-height:700px; max-height: 3000px; }
.spacer100{ width:100%; height:100px; clear:both; display:block; }
.spacer50{ width:100%; height:50px; clear:both; display:block; }
.spacer30{ width:100%; height:30px; clear:both; display:block; }

#mega-menu-wrap-top-bar-r{
	display: table-cell;
	top: 80px;
	height: 180px;
	background-color: rgba(163,38,56,0.9);
	vertical-align: middle;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	min-width: 50%;
	font-size: 1.2em;
}
ul>a:hover { background-color: transparent!important; }
.submenu-wrapper{ background-color: #eeeeee; height: 110px; max-width: 100%; margin-left: auto; margin-right: auto; text-align:center; }
.submenu-ul{ 
	margin: 0 auto; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 0.8em; 
	list-style: none;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.submenu-li{ display: inline-block; padding: 20px 0 10px 0; min-width: 10%; height: 110px; margin-left: auto; margin-right: auto; width: 150px;}
.submenu-li{ color: #000; }
.submenu-li:hover{ background: rgba(255, 255, 255, 0.4); }
.temperaturas{
	margin-top: 20px;
	background-color: #252525;
	padding: 0;
}
.tmax{ color: #739cff; }
.tmin{ color: #ff5f4b; }
.tiny{ font-size: 0.6rem; padding: 1rem; }
span.temp{ font-size: 2.5rem!important; }

.breadcrumbs, h1 { padding: 0.7rem; width: 100%; text-align: center; margin: 0 0 30px 0; }
nav#site-navigation img { 
    padding: 0!important;
    position: relative;
    top: -20px; 
}

.presentacion:before { content:""; background: url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/parque.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.proteccion:before { content:""; background: url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/proteccion.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.biosfera-que-es:before { content:""; background: url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2015/12/ic_biosfera2.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.historia:before { content:""; background: url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2015/12/ic_biosfera3.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.medio:before { content:""; background: url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2015/12/ic_biosfera2.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.entorno:before { content:""; background: url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/humanizacion.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.visitas:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/02/ic_informacion.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.gestion:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/02/ic_urogallo.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.investigacion:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/02/ic_prismaticos.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.mab:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2015/12/ic_unesco.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.biosfera-por-que:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2015/12/ic_reserva1.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.biosfera-para-que:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2015/12/ic_biosfera3.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.organos:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/proteccion.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.patronato:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/ic_patronato.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.consorcio:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/ic_medio.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.normativa:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/ic_documentos.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.solicitudes:before{ content:""; background:url('http://pruebas.parquenacionalpicoseuropa.es/wp-content/uploads/2016/01/ic_actas.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }

.tracks:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_tracks.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.folletos:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_folletos.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.voluntariado:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_voluntario.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.google-street-view:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/03/ic_street_view.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.nieve:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_snow.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }

/*ENGLISH*/
.plan-your-visit:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_faq.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.visitor-centres:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_mirador.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.guided-visits:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/04/ic_guiadas.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.viewpoints:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/02/ic_prismaticos.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.recreational-areas:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/02/ic_area_recreativa.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }
.information-points:before{ content:""; background:url('http://parquenacionalpicoseuropa.es/wp-content/uploads/2016/02/ic_informacion.png') no-repeat; width:100%; height:50px; display:block; background-size: 50px 50px; background-position: center center; }




nav#site-navigation img{ padding: 0!important; }

footer a { color: #ffffff!important; border-bottom: 1px dotted #ffffff; }
#shortcuts p, .title { color: #ffffff!important; }

.faqbanner { padding: 1.5rem!important; }
#submenu_bar .title { padding-top: 0!important; }
h2.noticia, h3.noticia { font-size: 1.2rem; font-weight: 500; }
nav#site-navigation img { padding: 0!important; }

// Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (min-width: 765px) and (max-width: 1100px) and (orientation: landscape){
#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-item > a.mega-menu-link{
	padding: 0px 10px 0px 10px;
}
}
/* TABLET PORTRAIT */
@media only screen and (min-width: 665px) and (max-width: 900px) and (orientation: portrait){

.top-bar-left.show-for-medium{
	height: 200px!important;
}
#mega-menu-wrap-top-bar-r{
	width: 40%;
	top: 10px;
	height: 80px;
}
#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-item > a.mega-menu-link{
	height: 50px;
	line-height: 50px;
}
#mega-menu-wrap-top-bar-r .mega-menu-toggle .mega-toggle-block-right { display: none; }
.top-bar .menu > li > a {
    font-size: 2.2rem;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
}
.menu {
	text-align: center!important;
	margin-top: 20px!important;
}
section.container { margin-top: 0px; }
.title-bar .menu-icon { z-index: 500!important; float:right!important; top:60px!important; }
.menu-icon { height: 30px; }
.submenu-ul{
white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.submenu-li { width: 15%; }
span.temp {
    font-size: 2rem!important;
}
.temperaturas { font-size: 0.8rem; }

}
a[rel~="tag"]{
  border: rgba(163,38,56,1) 1px solid;
  color: rgba(163,38,56,1)!important;
  padding: 5px;
  border-radius: 5px;
  margin: 15px 5px;
  line-height: 35px;
  font-size: 0.8em;
}
.fechanoticia{
  border: rgba(0,0,0,0.8) 1px solid;
  color: rgba(0,0,0,0.8)!important;
  padding: 5px;
  border-radius: 5px;
  margin: 15px 5px;
  line-height: 35px;
  font-size: 0.8em;
  text-align: center;
  margin: 0 auto;
}
nav#site-navigation{  height: auto!important; }

@media only screen and (max-width: 760px) { 

.title-bar { height: 150px!important; text-align: center; background-color: #a32638; }
.title-bar img { height: 150px!important; }
.title-bar img:before { content:""; display: block; height: 10px; width: 100%; }
.headerimg { height: 300px!important; }
.headerimg img { min-height: 300px!important; }
#mega-menu-wrap-top-bar-r .mega-menu-toggle .mega-toggle-block-right { display: none; }
.top-bar .menu > li > a {
    font-size: 2.2rem;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
}
.menu {
	height: 100rem!important;
	text-align: center!important;
	margin-top: -30px;
}
.title-bar .menu-icon { z-index: 500!important; float:right!important; top:60px!important; }
.menu-icon { height: 30px; }
.submenu-ul{
white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.submenu-li { width: 30%; }
.breadcrumbs, h1 { padding: 0.7rem; width: 100%; text-align: center; margin: 0 0 30px 0; }

.prug{
  height: 180px;
  display: block;
  clear: both;
}
.toolbar{
  height: 100px!important;
}
.toolbar form input, .toolbar button{
  width: 50%!important;
}
.alertbar {
    height: auto!important;
    padding: 10px 0 0 0!important;
    text-align: left;
    min-height: 300px;
    clear: both;
    display: block;
    width: 100%;
    height: auto;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (max-width: 760px) and (orientation:landscape) {
.top-bar-left.show-for-medium{
	height: 250px!important;
}
#mega-menu-wrap-top-bar-r{
	width: 40%;
	top: -15px;
	height: 60px;
}
#mega-menu-wrap-top-bar-r #mega-menu-top-bar-r > li.mega-menu-item > a.mega-menu-link{
	height: 50px;
	line-height: 50px;
    	font-size: 14px!important;
}
#mega-menu-wrap-top-bar-r .mega-menu-toggle .mega-toggle-block-right { display: none; }
.top-bar .menu > li > a {
    font-size: 14px!important;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
}
.top-bar-right { height: 80px!important; }

.menu{
	height: 180px!important;
	margin-top: 20px;
	padding: 0 20px 0 20px;
}
submenu-ul{
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.submenu-li { width: 15%; }
span.temp {
    font-size: 2rem!important;
}
.temperaturas { font-size: 0.8rem; }
.prug{
  height: 180px;
  display: block;
  clear: both;
}
}