/*
Theme Name: Fornells
Description: Theme enfant du thème Bzzzstrap.
Template: bzzzstrap
Version: 1.0
Author: Bzzz
Author URI: http://www.bzzz.be/
*/



@import url("../bzzzstrap/style.css");
@import url("fonts/stylesheet.css");

body {font-family: 'aller_lightregular';display: flex;flex-direction: column;min-height:100vh;}
body.admin-bar {min-height: calc(100vh - 32px);}
.maincontent {flex: 1;}
em {font-family: 'aller_lightitalic';}
strong, h1, h2, h3, h4, h5, h6 {font-family: 'allerbold';}

ul {display: block;}

.limit500 {max-height: 500px;}
body::before {height: 100px;}

.bgwhite {background: white;}

.precios .wp-block-column {background: white; padding:20px 10px;margin: 0 5px;}


.bgblue {background:#005a7d;color: white; }
.bgblue a, .bgblue h2, .bgblue h3, .bgblue h4 {color: #2da2cd; }

.pre-nav {background: #2da2cd;font-size: .9rem;width: 100%;min-height: 30px;padding-top: .3rem;color: white;}
.pre-nav a {color: white;margin-right: .4rem;}
.admin-bar .pre-nav.fixed-top {top: 32px;}
.navbar {top:30px;}
footer {color: #2da2cc;text-align: center;}
.navbar, footer {background: #005a7d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #005a7d 0%, #00283a 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #005a7d 0%,#00283a 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #005a7d 0%,#00283a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a7d', endColorstr='#00283a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
footer a:hover {color: white;}
footer img {max-width: 100%;height: auto;}
footer h5 {color: #2da2cc;}
footer .textwidget {padding-top: 1rem;}
.admin-bar .navbar.fixed-top {top: 62px;}
.navbar-brand img {max-width: 150px;margin: 0.5rem 0 1rem;}

img {height: auto;}

.btn-custom, .pagination .page-item .current {background-color: white!important;border-color: #e58134;border-radius:0;color: #e58134!important;}
.btn-custom:hover, .pagination .page-item .current:hover {background-color: #e58134!important;border-color: #e58134;color: white!important;}

#hero {height: calc(100vh - 100px);position: relative;}
#hero p, #hero h3 {color: white;}
.hero-video, .hero-overlay, .hero-content {height: 100%;width:100%;position: absolute;top:0;left:0;text-align: center;}
.hero-video {overflow: hidden;}
.hero-video video {display: none;position:absolute;min-height: 100%;min-width:100%;top:50%;left:50%;transform: translate(-50%,-50%);}
.hero-bg-image {height:100%;background-size: cover;background-position: center center;}
.hero-overlay {background: rgba(0, 40, 59, 0.6);}

#intro {font-size: 1.5rem;font-style: italic;}
#cta {background:#e58134;}
#cta a {color:#005a7d; }
#focus .card {width: 100%;}

#galeria .wp-block-gallery {margin: 0;}
#galeria .blocks-gallery-item {margin: 0;}

.cursosinfo strong {color: #005a7d;}
.cursosinfo p {margin-bottom: 0;}

.grecaptcha-badge {display: none;}

@media (min-width:768px) {

.hero-video video {display: block;}

	
}