
body { background-color: #b3e7fc; }
header { background-color: #00adef; color: #000; border-bottom: solid 3px #fff; }
header .headertitle h1 { font-family: "Coustard"; font-size: 48pt; }

nav .navbar-brand { font-family: "Coustard"; font-size: 20pt; }

.navbar-custom { background-color: #00adef; border-bottom: solid 1px #fff; }

.navbar-custom .navbar-nav > li > a { color: #fff; font-weight: bold; }

.navbar-custom .navbar-nav > a:hover {
    background-color: ;
    color: #fff;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .active > a:hover {
    background-color: ;
    color: #fff;
}

.navbar-custom .navbar-nav > li > a:hover {
    background-color: ;
    color: #fff;
}


.navbar-sidenav .navbar-nav > li > a {
    color: #00adef;
}

.navbar-sidenav .navbar-nav > li > a:hover {
    background-color: #e9e9e9;
}

.navbar-sidenav .navbar-nav > .active > a,
.navbar-sidenav .navbar-nav > .active > a:focus,
.navbar-sidenav .navbar-nav > .active > a:hover {
    background-color: #e9e9e9;
}


.well { background-color: #b3e7fc; }
.label-default { background-color: #00adef; }
.btn-primary {  background-color: #00adef; border-color: #08b; }

.side  li:before {
    color: #00adef;
}

.cmspage { background-color: #b3e7fc;}

.cmsfooter { background-color: #00adef; color: #fff; border-top: solid 3px #000; }
.cmslogin { background-color: #00adef; color: #fff; }

.cmsmain h1 { color: #00adef; }
.cmsmain a { color: #00adef; }
.cmsmain a.btn  { color: white; }

.cmsmain strong { color: #00adef; }
.cmsmain hr { border: solid 3px #00adef; }

.cmsmain .main { background-color: #fff; color: #000; }
.cmsmain .main h1 { color: #00adef; }
.cmsmain .main { font-size: 15pt; }
.cmsmain .main p { line-height: 23pt; }



.cmsmain .side { background-color: #b3e7fc; color: #000; }
.cmsmain .side h2 { background-color: #00adef; color: #fff; }
.cmsmain .side h3 { color: #00adef; }

.cmsmain .navbar-sidenav { background-color: ; color: #00adef; }

.cmsfooter { border-top: none; }

.events .main h3 { color: #00adef; font-weight: bold; }
.blog .cmsmain { min-height: 600px; }

#gallery-0-id { min-height: 400px; }


/*EXTRA*/

header { background: linear-gradient(to bottom, #00adef 0%,#fff 100%); }
.navbar-custom { background-color: #00adef; }
.navbar-custom .navbar-nav > li > a { background-color: #00adef; border-bottom: solid 3px #00adef; padding-top: 15px; padding-bottom: 5px; }

.navbar-custom .navbar-nav > li > a:hover {
    background-color: #00adef;
    border-bottom: solid 3px #fff;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .active > a:hover {
    background-color: #00adef;
    border-bottom: solid 3px #fff;
}


.navbar-sidenav {  }
.navbar-sidenav .navbar-nav > li > a {
    border-radius: 0px;
    border-bottom: solid 3px ;
    padding: 15px 5px 5px 5px;
    display: inline-block;
}

.navbar-sidenav .navbar-nav > li > a:hover {
    background-color: ;
    border-bottom: solid 3px #00adef;
}

.navbar-sidenav .navbar-nav > .active > a,
.navbar-sidenav .navbar-nav > .active > a:focus,
.navbar-sidenav .navbar-nav > .active > a:hover {
    background-color: ;
    border-bottom: solid 3px #00adef;
}

nav.affix { left: 0px; }