/* Author @ Stef */

/* ==========================================================================

Iconen: Fontawesome
Fonts
font-family: 'Shadows Into Light', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'EB Garamond', serif;
font-family: 'Puritan', sans-serif;

Kleuren
Grijs:
Blauw:
Rood:

   ========================================================================== */

/* ==========================================================================
   Body
   ========================================================================== */

body {
    min-width: 320px;
    background-color: #fff;
    color: #000;
	font-size: 15px;
	line-height: 1.42857;
    font-family: 'Lato', sans-serif;
}


/* ==========================================================================
   Base
   ========================================================================== */

a { color: #0088cc; text-decoration: none;}
a:hover { color: #005580;}
a:focus { outline: none;}

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; line-height: 1;}
p { margin-top: 0;}

img { max-width: 100%; height: auto;}

/* ==========================================================================
   Container
   ========================================================================== */

.container {
	position: relative;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */

body > header { border-bottom: 1px solid #fff; }


/* logo */
header .logo {
	display: block;
    max-width: 290px;
    position: absolute;
    z-index: 9;
    top: 80px;
	transition: all 0.5s ease;
}
header .sub-menu {
    position: absolute;
    color: #fff;
    z-index: 9;
    right: 0;
    padding: 15px 10px;
}
header .top-menu { padding: 15px 10px; }

header .main-menu {
    background-color: rgba(29, 113, 184, 0.75);
    z-index: 99;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -80px;
    height: 80px;
}


/* ==========================================================================
   Submenu - banner
   ========================================================================== */

.sub-menu {
    display: flex;
    align-items: center;
	padding: 0;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}
.sub-menu li {
	float: left;
	padding:0 10px;
}
.sub-menu li a {
	color: #fff;
}
.sub-menu li.social { font-size: 18px;}
.sub-menu li a i {
	margin: 0 4px;
}
.sub-menu li a:hover { text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);}
.sub-menu li a.button {
    padding: 2px 7px;
    background-color: #50a125;
    border-radius: 3px;
}
.sub-menu li a.button:hover {
    text-shadow: none;
    background-color: #0e71b8;
}


/* ==========================================================================
   Menu
   ========================================================================== */

.menu {
	z-index: 110; /* show above others */
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
}
.menu > li {
    float: left;
    line-height: 35px;
    padding: 5px 15px;
    margin: 0;
    height: 60px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.menu > li > a {
    display: block;
    height: 65px;
    padding: 0 8px;
    text-decoration: none;
}
.menu > li > a:hover, .menu > li.active > a { color: #acc90d;}
.menu > li.active > a { color: #c2d847; }


.main-menu nav > ul li:first-child, .main-menu nav ul li:last-child { margin: 0; }
.main-menu nav > ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.5); }
.main-menu nav > ul a {color:#fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.67);}

.main-menu nav .desc {
	float:left;
}
.main-menu nav span {
	float:left;
	clear:both;
    font-family: 'EB Garamond', serif;
}
.main-menu nav span.titel {
	font-size: 20px;
}
.main-menu nav span.sub {
	font-family: 'Shadows Into Light', cursive;
	font-size: 15px;
	line-height: 10px;
}

/* ==========================================================================
   Quick Menu
   ========================================================================== */

a.quick-menu-btn {
    position: fixed;
    z-index: 999;
    background-color: #0e71b8;
    padding: 15px 20px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s ease;
}
a.quick-menu-btn i {
    font-size: 18px;
    margin-right: 5px;
}
a.quick-menu-btn.hide-it {
    margin-top: -100px;
}
.quick-menu-block {
    position: absolute;
    margin-top: -200vh;
    opacity: 0;
    padding: 0 0 70px;
    z-index: 999;
    background-color: rgba(14, 113, 184, 0.9);
    color: #fff;
    width: 100%;
    transition: all 0.8s ease;
}
.quick-menu-block.open {
    margin-top: 0;
    opacity: 1;
}
.quick-menu-block .logo {
    position: relative;
    top: 0;
    max-width: 290px;
    margin: 80px 0 30px;
}
.quick-menu-block .sub-menu {
    padding: 0;
    line-height: 55px;
}
.quick-menu-block .sub-menu li:last-child {
    padding-right: 0;
}
.quick-menu-block .sub-menu a:hover {
    color: #fff;
}
.quick-menu-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.quick-menu-items > li {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.quick-menu-items > li > a {
    color: #fff;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}
.quick-menu-items > li > ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    
}
.quick-menu-items > li:hover > ul { display: block;}
.quick-menu-items > li.last > ul { right: 0;}
.quick-menu-items > li > ul > li {
    float: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
}
.quick-menu-items > li > ul > li:before {
    content: "\f138";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}
.quick-menu-items > li > ul > li > a {
    color: #fff;
    font-size: 15px;
    text-transform: initial;
}
.quick-menu-items > li > ul > li > a:hover {
    color: #50a125;
}

/* close */
.quick-menu-block .close {
    position: absolute;
    background-color: #0c81d6;
    opacity: 1;
    min-width: 116px;
    padding: 16px 20px;
    line-height: 1.42857;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-shadow: none;
    text-transform: uppercase;
}
.quick-menu-block .close:hover {
    color: #fff;
    background-color: #50a125;
}
.quick-menu-block .close i {
    font-size: 18px;
    margin-right: 5px;
}


/* ==========================================================================
   Eyecatcher
   ========================================================================== */

.eyecatcher {
	position: relative;
	overflow: hidden;
    overflow: hidden;
}
.eyecatcher .slides li img {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.eyecatcher .caption_pos {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.eyecatcher .container {
    height: 100%;
}
.eyecatcher figcaption{
    margin: 0 auto;
}



.eyecatcher .slides img {
    width: 100%;
    display: block;
}
.eyecatcher figcaption span,
.eyecatcher figcaption small,
.eyecatcher figcaption a {
	float: left;
    clear: both;
    width: 100%;
    font-family: 'Shadows Into Light', cursive;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    margin-left: 1.8em;
    text-indent: -1.8em;
    padding-top: 80px;
}
.home .eyecatcher figcaption span,
.home .eyecatcher figcaption small,
.home .eyecatcher figcaption a {
    font-size: 70px;
    line-height: 70px;
    padding-top: 0px;
}
.eyecatcher figcaption span br {
	margin-left:100px;
}
.eyecatcher figure {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* eyecatcher height ander */
.eyecatcher,
.eyecatcher .slides img,
.eyecatcher .slides li,
.eyecatcher .slides li figure {
	 height: 400px;
	 min-height: 400px;
}
/* eyecatcher height home */
.home .eyecatcher,
.home .eyecatcher .slides img,
.home .eyecatcher .slides li,
.home .eyecatcher .slides li figure {
	 height: 80vh;
	 min-height: 450px;
}

.eyecatcher .extra-btn {
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 100;
    width: 176px;
    height: 176px;
}

/* ==========================================================================
   Button banner
   ========================================================================== */

a.btn-banner {
    width: 200px;
    height: 200px;
    padding: 20px 25px;
    padding-top: 40px;
    background-color: #cf4a29;
    position: absolute;
    right: 10vw;
    bottom: 110px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateZ(0);
    z-index: 99;
}
a.btn-banner span.title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    line-height: 35px;
    margin-bottom: 5px;
}
a.btn-banner span.message {
    font-size: 17px;
}

a.btn-banner:hover   {
	-webkit-transform : rotate(5deg) scale(1.1); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : rotate(5deg) scale(1.1); /* IE 9 */
    transform         : rotate(5deg) scale(1.1); /* Firefox 16+, IE 10+, Opera */
}


/* ==========================================================================
   Search-and-book-widget
   ========================================================================== */

.search-and-book-widget-holder.container { height: auto;}
.search-and-book-widget {
    z-index: 100;
    position: absolute;
    right: 15px;
    bottom: 150px;
    max-width: 320px;
    width: 100%;
    padding: 15px;
    background-color: rgba(80, 161, 37, 0.75);
}
.search-and-book-widget .h2-line {
    position: relative;
    margin: 5px 0 15px 0;
	color: #fff;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
	font-family: 'EB Garamond', serif;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.search-and-book-widget .h2-line:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 20px;
	height: 1px;
	margin-left: -30px;
	background-color: #fff;
}
.search-and-book-widget .h2-line:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 20px;
	height: 1px;
	margin-left: 10px;
	background-color: #fff;
}

/* book-button */
.search-and-book-widget .book-button {
    display: block;
    margin-top: 10px; 
    padding: 5px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    border-radius: 4px;
    color: #FFFFFF;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.search-and-book-widget .book-button:hover {
    border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
}


/* ==========================================================================
   Main
   ========================================================================== */

.row {
    margin-left: -5px;
    margin-right: -5px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}


/* ==========================================================================
   Content
   ========================================================================== */

img, iframe { border: none;}

/* left/right */
.content-left { float: left; width: 45%;}
.content-right { float: right; width: 45%;}


/* ==========================================================================
   Section
   ========================================================================== */

section {
    padding: 10px 0;
    width: 100%;
}

section header { margin-bottom: 10px; }

section header h1,
section header h2 {
	font-family: 'EB Garamond', serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #444;
}

section header.line {
    position: relative;
    overflow: hidden;
}

section header.line h1,
section header.line h2 {
	display: inline-block;
	padding:0 20px;
    font-size: 26px;
	background-color: #fff;
	z-index: 9;
    position: relative;
}
section header.line::after {
	content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 32px;
    border-bottom: 1px solid #adc90e;
    z-index: 1;
}
section.welcome header.line::after {
    border-bottom: 1px solid #fff;
}

/* themas seizoenen */
header .deco {
    margin-top:25px;
}
header .deco::before,
header .deco::after {
    content: '';
    position: absolute;
    top: -20px;
    z-index:99;
}
.theme-autumn header .deco::before {
    margin-left: -130px;
    width: 130px;
    height: 80px;
    background: transparent url('../images/theme-autumn-left.png') 0 0 no-repeat;
}
.theme-autumn header .deco::after {
    margin-right: -150px;
    width: 150px;
    height: 80px;
    background: transparent url('../images/theme-autumn-right.png') 0 0 no-repeat;
}

/* link-external */
header .link-external {
    position: fixed;
    z-index: 999;
    margin-left: 120px;
    height: 56px;
    background-color: #50a125;
    color: #fff;
    line-height: 1;
    padding: 0 30px 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
header .link-external.hide-it { margin-top: -100px;}
header .link-external:hover {
    background-color: #efba1b;
    color: #fff;
}
header .link-external i {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
    transform: rotate(-45deg);
}
header .link-external .line-1 {
    margin-bottom: 3px;
    font-size: 12px;
}
header .link-external .line-2 { font-size: 14px;}

/* ==========================================================================
   HOME ELEMENTS
   ========================================================================== */

.blocks .item > a {
    float: left;
    position: relative;
	width: 100%;
}

.blocks  .item  a  img {
	width: 100%;
	transition: all 0.5s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.blocks .item a:hover img {
	opacity: 0.8;
}
/* Labels (voor blocks en parcs) */
.blocks .item label {
    width: 110px;
    height: 110px;
    padding: 15px;
    background-color: #ccc;
    position: absolute;
    right: 10px;
    bottom: -15px;
	text-align: center;
	color:#fff;
	font-weight: 300;
    border-radius: 100%;
    cursor: pointer;
	transition: all 0.2s ease-in-out;
    -webkit-transform: translateZ(0);
    z-index: 99;
}
.blocks .item .parc label {
    bottom: 80px;
}
.blocks .item.red label { background-color: #cf4a29; }
.blocks .item.green label { background-color: #3aaa35; }
.blocks .item.blue label { background-color: #0e71b8; }
.blocks .item.yellow label { background-color: #f39200; }

.blocks .item.de-bergen label { background-color: #4ca239; }
.blocks .item.de-spaendershorst label { background-color: #9BC219; }
.blocks .item.hoeve-de_schaaf label { background-color: #5D7B3F; }
.blocks .item.eldorado label { background-color: #0c417a; }
.blocks .item.klein-canada label { background-color: #c40b0b; }
.blocks .item.de-maasterp label { background-color: #21a398; }

.blocks .item a:hover label,
.blocks .item .parc:hover label  {
	-webkit-transform : rotate(5deg) scale(1.1); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : rotate(5deg) scale(1.1); /* IE 9 */
    transform         : rotate(5deg) scale(1.1); /* Firefox 16+, IE 10+, Opera */
}
.discover .blocks .item a:hover {
    opacity: 0.8;
}
.blocks .item a label span {
	clear: both;
    float: left;
    width: 100%;
}
.blocks .item a label span.book  {
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
	padding-bottom: 2px;
    border-bottom: 1px solid #fff;
}
.blocks .item a label span.price {
	font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 26px;
}
.blocks .item .info {
	float:left;
	padding: 0 10px 10px;
	color:#666;
    width: 100%;
}
.blocks .item .info h3 {
	margin: 8px 0;
}
.blocks .item.red h3 { color: #cf4a29; }
.blocks .item.green h3 { color: #3aaa35; }
.blocks .item.blue h3 { color: #0e71b8; }
.blocks .item.yellow h3 { color: #f39200; }

/* owl carousel */
.row.owl-carousel { width: auto; }
.owl-carousel .item { padding: 0 5px; position: relative; }
/* owl-nav */
.owl-carousel .owl-nav div { display: block; position: absolute; top: 33%; transition: all 0.3s ease; color: #fff; cursor: pointer;}
.owl-carousel .owl-nav div .fa { display: block; font-size: 30px;}
.owl-carousel .owl-nav .owl-prev { left: 10px;}
.owl-carousel .owl-nav .owl-prev:hover { left: 5px;}
.owl-carousel .owl-nav .owl-next { right: 10px;}
.owl-carousel .owl-nav .owl-next:hover { right: 5px;}
.owl-carousel .owl-nav i.fa{
    font-size:30px;
}


/* welcome */
section.welcome,
section.welcome header h1,
section.welcome header h2 {
	background-color: #95c11f;
	color: #fff;
}
section.welcome h3,
section.welcome h4,
section.welcome h5,
section.welcome h6 {
    color: #FFFFFF;
}

body.green section.welcome,
body.green section.welcome header h1,
body.green section.welcome header h2 { background-color: #95c11f; color:#fff; }

body.green section.welcome h3,
body.green section.welcome h4,
body.green section.welcome h5,
body.green section.welcome h6 {
    color: #FFFFFF;
}

body.blue section.welcome,
body.blue section.welcome header h1,
body.blue section.welcome header h2 { background-color: #0e71b8; color:#fff; }

body.blue section.welcome h3,
body.blue section.welcome h4,
body.blue section.welcome h5,
body.blue section.welcome h6 {
    color: #FFFFFF;
}

body.orange section.welcome,
body.orange section.welcome header h1, 
body.orange section.welcome header h2 { background-color: #f39200; color:#fff; }

body.orange section.welcome h3,
body.orange section.welcome h4,
body.orange section.welcome h5,
body.orange section.welcome h6 {
    color: #FFFFFF;
}

section.welcome p {
	margin-bottom: 30px;
}
.side-padding {
	padding: 0 15%;
}

/* footermenu */

section.footermenu {
    background-color: #30892B;
    color: #fff;
    margin: 50px 0;
}
section.footermenu header h1,
section.footermenu header h2 {
	background-color: #30892B;
	color: #fff;
}
section.footermenu p {
	margin-bottom: 30px;
}
.space {
    padding: 30px 0;
}


/* Arrangementen */
/* Newsitems */
.arrangementen .item .info, 
.newsitems .item .info {
    position: relative;
    height: 120px;
    overflow: hidden;
	background-color: #f6f6f6;
}
.newsitems .item .info h3 {
	color: #0e71b8;
}
.newsitems .item .info p {
    max-height: 40px;
    overflow: hidden;
}
.arrangementen .item .info .btn-link,
.newsitems .item .info .btn-link {
    position: absolute;
    right: 5px;
    bottom: 5px;
}


/* ==========================================================================
   Verkoop
   ========================================================================== */

/* breadcrumbs */
.breadcrumb {
    list-style: outside none none;
    padding: 15px 0 0;
    margin: 0;
    float: left;
    width: 100%;
    background: none;
}
.breadcrumb li {
    float: left;
}

.breadcrumb li.divider {
    padding: 0 10px;
}

.verkoop .item  {
    margin-bottom: 15px;
}
.verkoop .item > a {
    min-height: 280px;
    background-color: #efefef;
}
.verkoop .item .label {
    position: absolute;
    background-color: #50a125;
    font-size: 16px;
    top: 5px;
    left: 0; 
    margin-left: 5px;
    border-radius: 0;
    opacity: 1!Important;
    z-index:999;
    border-bottom-right-radius: 10px;
}

.verkoop .item .info {
    position: relative;
    height: 120px;
    overflow: hidden;
	background-color: #f6f6f6;
}
.verkoop .item .info h3 {
	color: #0e71b8;
}
.verkoop .item .info p {
    max-height: 40px;
    overflow: hidden;
}

.verkoop .item .info .btn-link {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.verkoop .blocks .item label {
   width: auto;
    height: auto;
    padding: 5px;
    background-color: rgba(4, 113, 184, 0.8);
    position: absolute;
    right: 5px;
    bottom: 0px;
    color: #fff;
    border-radius: 0;
}
.verkoop .blocks .item label span.price {
    font-size:16px;
}
.verkoop .paginator {
    padding: 15px 15px 30px;
}
.paginator a, .paginator span {
    padding: 3px;
}
.paginator span {
    color: #0e71b8;
    font-weight: 600;
    border-bottom: 1px solid #0e71b8;
}


/* ==========================================================================
   Search Filters
   ========================================================================== */

ul.search-filters { padding: 0; margin: 0; display: flex; display: -webkit-flex; justify-content: center; list-style: none; }
ul.search-filters li {  }
ul.search-filters button {  }
ul.search-filters li input,
ul.search-filters li select,
ul.search-filters button { 
    width: 100%;
    padding: 0px 10px;
    height: 40px;
    box-shadow: none;
    border-radius: 0;
}

/* Filter */
.filter {
    width: 100%;
    padding-bottom: 30px;
}
.results-sorting {
    padding: 30px 0;    
}
.status {
    margin: 20px 0 10px;
    overflow: hidden;
    width: 100%;
}
.status > ul {
    margin: 0;
    padding: 0;
}
.status > ul > li {
    float: left;
    line-height: 30px;
    list-style: outside none none;
    margin-right: 30px;
}
.status input {
    margin-right: 10px;
}

.dropdown-filters {
    overflow: hidden;
    width: 100%;
}
.dropdown-filters .item {
    float: left;
    width: 25%;
    padding-right: 5px;
}
.dropdown-filters .item select {
    width: 100%;
}
.dropdown-filters .item input, .dropdown-filters .item select, .dropdown-filters .item textarea, .select-sortby select{
    line-height: 30px;
    padding: 0 6px;
    transition: all 0.7s ease 0s;
}
#select-chalettype[disabled] {
    cursor: unset;
    opacity: 0.5;
    position: relative;
}
.filter .dropdown-filters .item option, .select-sortby option {
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
}
.filter .btn.aanbod {
    background-color: #0471b8;
    border-radius: 0;
    display: inline-block;
    margin: 50px auto 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 320px;
}
.filter .btn.aanbod:hover {
    background-color:#106ba7;
}

/* masonry */
.grid {
  max-width: 1170px;
}
.grid-item  {
	margin-bottom: 10px;
	height: 300px;
}
.grid-item.height {
	height: 610px;
}
.grid-item a {
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

/* button blocks type */
.buttons .grid-item  {
	margin-bottom: 10px;
	height: auto;
    padding: 10px 2%;
}

.parcs .item.de-bergen .info { background-image: url('../images/wave-de_bergen.png'); }
.parcs .item.de-spaendershorst .info { background-image: url('../images/wave-de_spaendershorst.png'); }
.parcs .item.hoeve-de-schaaf .info { background-image: url('../images/wave-hoeve_de_schaaf.png'); }
.parcs .item.eldorado .info { background-image: url('../images/wave-jachthaven_camping_eldorado.png'); }
.parcs .item.de-maasterp .info { background-image: url('../images/wave-de_maasterp.png'); }
.parcs .item.klein-canada .info { background-image: url('../images/wave-klein_canada.png'); }

.parcs .item.green .info { background-image: url('../images/wave-green.png'); }
.parcs .item.lightblue .info { background-image: url('../images/wave-lightblue.png'); }
.parcs .item.purple .info { background-image: url('../images/wave-purple.png'); }
.parcs .item.darkblue .info { background-image: url('../images/wave-darkblue.png'); }
.parcs .item.lime .info { background-image: url('../images/wave-lime.png'); }
.parcs .item.yellow .info { background-image: url('../images/wave-yellow.png'); }

.parcs .item .info h3,
.parcs .item .info p {
	color: #fff;
}
.parcs .item .info h3 {
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    font-size: 18px;
    margin-top: 30px;
	margin-bottom: 0;
	clear:both;
}
.parcs .item .info > p {
    font-family: 'Shadows Into Light', cursive;
}
.parcs .item .info a.on-top {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 5px;
    z-index: 9;
    position: relative;
    margin-right: -10px;
	transition: all 0.5s ease;
}
.parcs .item .info a.on-top:hover {
	border: 1px solid rgba(255, 255, 255, 0.68);
    text-shadow: none;
}
.parcs .item .info .overlay {
	max-height: 0;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	left: 10px;
	right: 10px;
	margin-bottom: -40px;
	overflow: hidden;
}

.parcs .item .parc.active .info .overlay {
	max-height: 160px;
	opacity: 1;
	margin-bottom: 10px;
}
.rating {
	float: left;
	padding: 0;
	margin: 20px 0 5px;
}
.rating li {
	list-style: none;
	background: transparent url('../images/rating.png') 0 0 no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	float: left;
	margin-right: 5px;
}
ul.rating li::before {
    display: none;
}
.rating li.half {
	margin-left: -7px;
    background-position-x: 7px;
}
.introduction .rating,
.welcome .rating {
    margin: 0;
	float: none;
    display: inline-block;
}
.introduction .rating li,
.welcome .rating li {
	width: 21px;
	height: 21px;
}
.introduction h2 {
    font-size: 20px;
}

/* Parken */
.parcs .item .parc {
	height: 100%;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.parcs .item .info {
	position: absolute;
    bottom: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 15px;
    z-index: 999;
	right: 5px;
    left: 5px;
	transition: all 0.5s ease-in-out;
	color: #fff;
    width: auto;
}
.parcs .item a .info { left: 0; right: 0; }
.parcs .item .overlay ul { list-style: none; padding: 0; margin: 0; }
.parcs .item .overlay ul li::before { content: '\f00c'; font-family: Fontawesome; margin-right: 5px; }

.parcs .item .overlay .map { float: right; }
.parcs .item .overlay .map img { max-height: 150px; }

.parcs .item .parc .read-more { opacity: 0; margin-left: -10px;  }
.parcs .item .parc.active .read-more { opacity:1;  }
.parcs .item .parc .read-more:hover { margin-left: 0px; }
.parcs .item .parc .link:hover { margin-right: 0px; }

.parcs.overview .item { height: auto; }
.parcs.overview .item > a {
    display: block;
    height: 300px;
    float: none;
}

.parcs.overview .item .usps {
    padding: 10px 15px;
    background-color: #F6F6F6;
}
.parcs.overview .item .usps ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.parcs.overview .item .usps ul > li {
    position: relative;
    padding-left: 25px;
}
.parcs.overview .item .usps ul > li::before {
    position: absolute;
    left: 0;

    font-family: Fontawesome;
    font-size: 16px;
    color: #ADC90E;

    content: '\f00c';
}

.parcs.overview .item .usps .btn-link {
    display: block;
    margin-top: 20px;
    
    text-align: right;
}
.parcs.overview .item .usps .btn-link::after { content: '\f138'; }
.parcs.overview .item .usps .btn-link:hover { text-decoration: none; }


/* status labels */
.parc .label {
    padding: 5px 15px;
    margin: 10px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    float: right;
    background-color: #333;
    border-radius: 0;
}
.parc .label-sold { background-color: #e40c0c; }
.parc .label-promotion { background-color: #348740; }
.parc .label-isnew { background-color: #3a47a5; }
.parc .label-expected { background-color: #348740; }

/* ==========================================================================
   Park style 
   ========================================================================== */

.activities { margin-bottom: 30px; }

.activities .item {
    padding: 15px;
    height: auto;
    
}
.activities .item a {
    height: auto;
    background-color: #f3f3f3;
    text-align: center;
    display: block;
}
.activities  .item .info {
    padding: 15px;
}
.activities .item .head {
    background-color: #50a125;
    color: #fff;
    padding: 5px 0;
}
.activities .item .head h3 {
    color: #fff;
    padding: 5px;
}
.activities .item .price {
    font-size:18px;
}
.activities .item .desc {
    padding: 15px;
    height: 300px;
    overflow: hidden;
}
.activities .item .btn {
    width: 100%;
}
.activities .item label {
    background-color: #cc1b3e;
    top: 100px;
    width: 80px;
    height: 80px;
    right: 5px;
}

/* ==========================================================================
   Activiteiten
   ========================================================================== */




/* ==========================================================================
   Discover
   ========================================================================== */
.bigblocks .item { margin: 10px 0; }
.bigblocks .item a { height: 170px; }
.bigblocks .item .info {
    background-color: rgba(29, 113, 184, 0.85);
    position: absolute;
    min-height: 100px;
    margin: 30px auto;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
    transition: all 0.5s ease;
    cursor: pointer;
}
.bigblocks .item .info .icons { padding: 5px 0; }
.bigblocks .item .info .icons img {
    max-height: 30px;

}
.bigblocks .item .info i.fa {
    font-size: 20px;
}
.bigblocks .item .info h3 {
    margin: 0 0 2px;
    font-family: 'EB Garamond', serif;
    font-size: 28px;
    color: #fff;
}
.bigblocks .item .info p {
    font-family: 'Shadows Into Light', cursive;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 12px;
}
.bigblocks .item .info a {
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.4);
    padding-top: 5px;
    font-size: 14px;
}
.bigblocks  .item  a .info  img {
    width: auto;
}
.bigblocks .item .info a::after {
    content: '\f0ab';
    font-family: Fontawesome;
    font-size: 20px;
    color: #fff;
    width: 100%;
    float: left;
    transition: all 0.1s ease;
    padding-bottom: 0;
}
.bigblocks .item .info:hover {
    background-color: #024986;
}
.bigblocks .item .info:hover a::after {
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 24px;
}

/* ==========================================================================
   Balloon / tooltip
   ========================================================================== */

button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  color: #444;
  content: attr(data-balloon);
  font-size: 12px;
  padding: 1.5em 1.75em;
  white-space: nowrap;
  margin-bottom: 11px;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
}
[data-balloon]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%28255,%20255,%20255,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: normal;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top: 11px;
}
[data-balloon-pos="down"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%28255,%20255,%20255,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%28255,%20255,%20255,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length="small"]:after {
  width: 80px;
}
[data-balloon-length="medium"]:after {
  width: 150px;
}
[data-balloon-length="large"]:after {
  width: 260px;
}
[data-balloon-length="xlarge"]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length="xlarge"]:after {
    width: 380px;
  }
}
[data-balloon-length="fit"]:after {
  width: 100%;
}

/* ==========================================================================
   Introduction
   ========================================================================== */

.quote {
	margin: 10px;
    color: #95c11f;
    font-size: 24px;
    font-family: 'Shadows Into Light', cursive;
}
.introduction ul {
    padding: 0;
    margin: 0;
}
.introduction ul li {
    list-style: none;
}
.introduction ul li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 5px;
    color: #50a125;
}

/* ==========================================================================
   Faciliteiten
   ========================================================================== */

.faciliteiten h4 { font-size: inherit; margin:0; font-weight: bold; line-height: 22px; }
.faciliteiten ul { list-style: none; padding:0; margin:0 0 20px; line-height: 22px; }

/* ==========================================================================
   Photoalbum
   ========================================================================== */

.page-photoalbum.row {
    text-align: center;
}
.page-photoalbum.row .photoalbum-gallery {
    display: inline-block;
    float: none;
    margin-left: -3px;
}
.photoalbum .image .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #fff;
    opacity: 0.4;
    transition: all 0.8s ease;
}
.photoalbum .image:hover .overlay {
    opacity: 1;
}
.photoalbum a .image {
    transition: all 0.8s ease;
}
.photoalbum a:hover .image {
    opacity: 0.8;
}
.photoalbum .description h3 {
    margin-top: 5px;
    font-size: 20px;
    color: #444;
}
.photoalbum a.thumb {
    padding: 5px;
}

.photoalbum .back {
    clear: both;
    width: 100%;
    float:left;
    margin: 0 0 30px;
}

/* ==========================================================================
   Blog
   ========================================================================== */

/* Overzicht */
.blog .item .info {
    height: 130px;
}
.blog .item .info h3 {
}
.blog .item .info p.shortdesc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
}
.blog .item .info i {
    font-size: 14px;
    margin-top: -5px;
    float: left;
    color: #0e71b8;
}


/* Detail */
.blog a.back { 
    width: 100%; 
    margin: 15px 0; 
}
.blog .sidebar .specs {
    background-color: #fff;
    padding-top: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
}
.blog .sidebar h3,
.blog .sidebar h4 {
    color: #555;
}
.blog .sidebar ul {   
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}
.blog .sidebar ul:last-of-type { margin-bottom: 0; }

.blog .sidebar ul li {
    padding: 0;
}
.blog .sidebar ul li a:hover {
    color:#085880;
}
 
.blog .sidebar ul.tags li {
    padding: 3px 8px;
    border: 1px solid #cecece;
    border-radius: 4px;
    width: auto;
    display: inline-block;
    margin: 2px 0;
    cursor: pointer;
    transition: all 0.5s ease;
}  
.blog .sidebar ul.tags li:hover {
    background-color:#0e71b8;
    border-color: #0e71b8;
}
.blog .sidebar ul.tags li:hover a {
    color: #fff!important;
}
.blog .sidebar ul li,
.blog .sidebar ul li a {
    color: #0088cc;
}

/* ==========================================================================
   Reviews
   ========================================================================== */

/* Add review */
.reviews .rating li,
.add-review .rating li {
    float: left;
    background: none;
    margin-right: 5px;
    cursor: pointer;
    color: #acc90d;
    font-size: 18px;
}

.add-review .error { 
    color: #ea2327;
}
.reviews .rating,
.add-review .rating {
    padding: 0;
    list-style: none;
}

.add-review table textarea {
    width: 600px;
    min-height: 200px;
}  

/* Overview*/
section.reviews .experiences { margin: 0; }
section.reviews .item {
    border: 1px solid #e2e2e2;
    background-color: #f3f2f2;
    padding: 15px!Important;
    height: 250px;
    margin-bottom: 30px;
    text-align: center;
} 
section.reviews .item h3 {
    margin-top: 0px;
}
section.reviews .comment {
    max-height: 170px;
    overflow: hidden;
}
section.reviews .person {
    font-weight:600;
}
section.reviews .rating {
    text-align: center;
    width: 100%;
}
section.reviews .rating li {
    float: none;
    font-size: 30px;
    display: inline-block;
    margin: 0 10px;
}


/* Home */
section.reviews .reviews-slider .item {
    background: none;
}
section.reviews .reviews-slider .item .rating li {
    font-size: 26px;
}
section.reviews .reviews-slider .item .box {
    border: 0;
    margin: 0;
} 
.reviews-slider section.review .rating {
    color: #5f9ab0;
    margin-bottom: 30px;
    font-size: 30px;
}

/* ==========================================================================
  xml connect
   ========================================================================== */

main iframe.xmlconnect-iframe {
    height: 1000px !important;
}
main .acco iframe.xmlconnect-iframe {
    height: 600px !important;
}


/* ==========================================================================
    gallery-slider
   ========================================================================== */

.gallery-slider .owl-carousel .owl-nav div {
    top: 50%;
    margin-top: -15px;
}



/* ==========================================================================
   time-table
   ========================================================================== */
.time-table												{ width: 100%; display: block; margin: 2% -1%; font-size: 15px;}
.time-table.month-view                                  { text-align: center; padding-top: 30px; }
.time-table	.time-table-item							{ display: block; float: left; width: 31%; margin: 1%; padding: 10px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); min-height: 330px; }
.month-view .time-table-item                            { float: none; width: 50%; margin: 0 auto; }
.time-table	.time-table-item header						{ padding: 0 0 10px 0; }	
.time-table	.time-table-item header h1					{ font-size: 18px; float: left; font-weight: bold; }
.time-table	.time-table-item header .week-selector 		{ float: right;}		
.time-table-table										{ padding: 0; margin: 0; width: 100%; border-collapse:collapse; }
.time-table-table th,
.time-table-table td									{ vertical-align: top; min-width: 70px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; padding: 3px; line-height: 16px; text-align: left; }

.time-table-selector									{ background: rgba(0, 123, 202, 1); color: #fff; text-align: center; }
.time-table-selector header h1							{ color: #000;  text-align: center; float: none !important; }	

.time-table-kalendar 									{ padding: 0; margin: 0; width: auto; border-collapse:collapse; display: inline-block; }
.time-table-kalendar th,
.time-table-kalendar td									{ vertical-align: top; margin: 0; padding: 0 1px 1px 0; line-height: 16px; text-align: center; font-weight: normal; }
.time-table-kalendar thead th							{ font-weight: bold; padding: 0px 3px 10px 3px; }	

.time-table-kalendar .week-end							{ font-weight: bold; }

.time-table-kalendar .week-day a						{ display: block; background: rgba(255, 255, 255, 1); color: #000; padding: 3px; min-width: 30px; }
.time-table-kalendar a.other-month						{ background: none; color: #000; }

.time-table-kalendar tr.week-day:hover a				{ background: rgba(255, 255, 255, 0.75);}
.time-table-kalendar tr.week-selected a					{ background: rgba(255, 255, 255, 0.50); } 			

.time-table-kalendar .month-selector					{ font-weight: bold;  }
.time-table-kalendar .month-selector a					{ color: #fff; }

.time-table-table th span								{ display: inline-block; width: 25px;  }
.time-table-table th span.weekday						{ font-weight: normal; font-style: italic; text-align: left; }
.time-table-table th span.day							{ font-weight: bold; text-align: center; }

.time-table-table th									{ background: rgba(0, 123, 202, 1); color: #fff; }
.time-table-table tr.other-month th						{ background: rgba(0, 123, 202, 0.5); color: #fff; }
.time-table-table td									{ background: rgba(0, 123, 202, 0.25);  }

.show-month												{ display: inline-block; float: right; padding: 5px 0 0 0; }

/* UGLY DATEPICKER OVERRIDE = YUK */
html body .ui-widget									{ font-family: inherit !important; font-size: inherit !important; background: #0071B9 !important; padding: 5px !important; margin-top: 4px; }
html body #openingshours_datepicker						{ display: inline-block; }
html body .ui-widget-content,
html body .ui-widget-header								{ z-index: 999!Important;border: none; background: none; color: #fff; padding: 0; }
html body .ui-datepicker ui-datepicker-header 			{ padding: 0;  }			

html body .ui-datepicker .ui-datepicker-prev, 
html body .ui-datepicker .ui-datepicker-next,
html body .ui-datepicker .ui-datepicker-prev:hover, 
html body .ui-datepicker .ui-datepicker-next:hover		{ border: none; background: none; padding: 0; }
html body .ui-datepicker th								{ padding: 0; font-weight: normal; }

html body .ui-datepicker-week-end a						{ font-weight: bold; }

html body .ui-state-default, 							
html body .ui-widget-content .ui-state-default,			 
html body .ui-widget-header .ui-state-default			{ background: rgba(255, 255, 255, 1); color: #000; padding: 3px; min-width: 30px; border: none; text-align: center; }

html body .ui-state-default:hover            { background: rgba(255, 255, 255, 0.75); }


html body .ui-widget-content .selected_week_day a		{ background: rgba(255, 255, 255, 0.50); }	
html body .ui-widget-content tr:hover .default_day a	{ background: rgba(255, 255, 255, 0.75); }												



@media (max-width: 980px) {
    .time-table-table                                   { display: block; }
	.time-table	.time-table-item						{ width: 46%; margin: 2%; }	
}
@media (max-width: 760px) {
	.time-table											{ margin: 0; }
	.time-table	.time-table-item						{ width: 100%; margin: 0; min-height: 100px; margin: 3% 0; }	
}




/* ==========================================================================
   Contact form
   ========================================================================== */

.contact-form td, .contact-form th { padding: 4px 0; }   

/* ==========================================================================
   Articles
   ========================================================================== */



/* ==========================================================================
   Recreatheek
   ========================================================================== */

    .recreatheek .row { 
        margin-left: -15px; /* restore default gutter */
        margin-right: -15px; /* restore default gutter */
    }
    .recreatheek .item {
        padding-left: 15px; /* restore default gutter */
        padding-right: 15px; /* restore default gutter */
    }
    .recreatheek .item .info {
        float: none;
        padding: 15px;
    }
    .recreatheek .item .info h3 { margin: 0 0 15px 0;}
    .recreatheek .item .info .day {
        margin-top: 15px;
        color: #0e71b8;
        font-weight: 700;
    }
    .recreatheek .item .info .day i { margin-right: 5px;}
    .recreatheek .item .info .day-program {
        margin: 15px 0;
        padding: 15px;
        border: 1px solid rgba(80, 161, 37, 0.5);
        border-radius: 4px;
    }
    .recreatheek .item .info .day-program .title {
        margin-bottom: 5px;
        color: #50a125;
        font-size: 110%;
        font-weight: 700;
    }
    .recreatheek .item .info .day-program .description { margin: 10px 0;}


/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	position: relative;
	width: 100%;
    margin-top:50px;
}

footer h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}
footer .footer-top {
	padding: 10px 0 30px 0;
}
footer .footer-top img {
    margin-bottom: 5px;
    max-width: 200px;
}
footer .footer-top span {
	font-family: 'Shadows Into Light', cursive;
    color: #b3b3b3;
    font-size: 24px;
    margin-left: 10px;
}
footer .footer-base {
	background-color: #0e71b8;
	padding: 30px 0;
	color:#fff;
}
footer .footer-base a {
	color:#fff;
}
footer .footer-base a:hover {
    color: #00324c;
}
footer ul {
	list-style: none;
	padding: 0;
}
footer .footer-base img {
    margin: 10px;
    max-height: 28px;
}
footer .footer-base .extra-logos img {
    max-height: 40px;
}
footer .footer-base img.big {
    max-height: inherit;
    clear:both;
}


/* ==========================================================================
   Images
   ========================================================================== */

.image img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* ==========================================================================
   CSS3 transition
   ========================================================================== */

a { transition: 0.3s;}
.btn { transition: background 0.3s;}


/* ==========================================================================
   Buttons
   ========================================================================== */

.btn {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 5px 15px;

    background-color: #ACC90D;
    border-radius: 0;

    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff;
}
.btn:hover { background-color: #73ad11; color: #fff;  }

.btn-link {
	background: none!important;
	padding: 0;
	color: #0e71b8;
	text-transform: uppercase;
	font-weight: 600;
}
.btn-link::after {
	content: '\f0a9';
	font-family: Fontawesome;
	margin-left: 5px;
	font-size: 16px;
}
.btn-link:hover {
	color: #3aaa35;
	background: none;
}

/* buttons block type */
.btn-blue { background-color: #08558c; }
.btn-blue:hover { background-color: #0e71b8; }

/* ==========================================================================
   Forms
   ========================================================================== */

.form-horizontal .form-group label {
	margin-right: 20px;
    margin-bottom: 0;
}


select,
textarea,
input[type="text"],
input[type="password"] {
	display: inline-block;
	height: 30px;
	padding: 5px 6px;
	vertical-align: middle;
	border-radius: 2px;
	color: #595959;
	line-height: 20px;
}
input,
select,
textarea {
	width: 220px;
}
select,
textarea,
input[type="text"],
input[type="password"] {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
select.invalid,
textarea.invalid,
input[type="text"].invalid,
input[type="password"].invalid {
	border: 1px solid #d44950;
}
select.invalid:focus,
textarea.invalid:focus,
input[type="text"].invalid:focus,
input[type="password"].invalid:focus {
	border: 1px solid #d44950;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d44950;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}
select[multiple],
select[size],
textarea {
	height: auto;
}
select,
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}

/* Size
   ========================================================================== */
.input-sm 	{ width: 110px;}
.input-lg 	{ width: 260px;}


/* ==========================================================================
   Vertial align
   ========================================================================== */

.vertical-align-top {
    display: flex;
    align-items: flex-start;
}
.vertical-align-bottom {
    display: flex;
    align-items: flex-end;
}
.vertical-align-center {
    display: flex;
    align-items: center;
}

/* ==========================================================================
   Alerts
   ========================================================================== */


.alert-error {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.vertical-align {
    display: flex;
    align-items: center;
}


/* ==========================================================================
   Grid system
   ========================================================================== */


@media (min-width: 768px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left;}
	.col-12 { width: 100%;}
	.col-11 { width: 91.66666667%;}
	.col-10 { width: 83.33333333%;}
	.col-9 { width: 75%;}
	.col-8 { width: 66.66666667%;}
	.col-7 { width: 58.33333333%;}
	.col-6 { width: 50%;}
	.col-5 { width: 41.66666667%;}
	.col-4 { width: 33.33333333%;}
	.col-3 { width: 25%;}
	.col-2 { width: 16.66666667%;}
	.col-1 { width: 8.33333333%;}
}


/* ==========================================================================
   Responsive utility classes
   ========================================================================== */

.visible-phone { display: none !important;}
.visible-tablet { display: none !important;}
.hidden-desktop { display: none !important;}
.visible-desktop { display: inherit !important;}

@media (min-width: 768px) and (max-width: 979px) {
	.hidden-desktop { display: inherit !important;}
	.visible-desktop { display: none !important;}
	.visible-tablet { display: inherit !important;}
	.hidden-tablet { display: none !important;}
}
@media (max-width: 767px) {
	.hidden-desktop { display: inherit !important;}
	.visible-desktop { display: none !important;}
	.visible-phone { display: inherit !important;}
	.hidden-phone { display: none !important;}
}


/* ==========================================================================
   FlexSlider
   ========================================================================== */

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.slides > li { display: none; -webkit-backface-visibility: hidden;}
.slides img { width: 100%; display: block;}

.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides { display: block;}
* html .slides { height: 1%;}
.no-js .slides > li:first-child { display: block;}


/* ==========================================================================
   Logo-3w
   ========================================================================== */
   
.logo-3w { position: absolute; right: 5px; bottom: 5px; width: 20px; height: 20px; background: url(../images/logo-3w.png);}


/* ==========================================================================
	Owl-carousel
	========================================================================== */

/* owl-dots */
.owl-carousel .owl-dots { text-align: center; margin: 15px 0;}
.owl-carousel .owl-dots .owl-dot { display: inline-block; width: 15px; height: 15px; margin: 0 3px; border: 2px solid #444; border-radius: 100%; cursor: pointer; transition: background-color 0.5s;}
.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot.active { background-color: #444;}
.owl-carousel .owl-dots .owl-dot.active { cursor: default;}