/*
Theme Name: Poké Bowl
Description: Poké Bowl
Tags:
Author: Shu Ming Tong
Version: 1.0
*/


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

General / Tweaks

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

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');


body {
	margin: 0;
	padding: 0;
}
header.header{
    background-color: #00624B;
}
.h1, .h2, h1, h2 {
	font-family: 'Libre Baskerville', sans-serif;
	line-height: 1.3em;
	margin: 0;
}

.h3, .h4, .h5, h3, h4, h5 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0;
}

p {
	font-weight: 300;
	line-height: 1.8em;
}

ul {
	padding: 0;
}
a{
    color: #00624B;
}
.container, .container-fluid {
	padding: 0;
}

/* Fade in effect on page load */
.row {
	margin: 0;
  -webkit-animation: fadein 1.5s; /* Safari and Chrome */
       -moz-animation: fadein 1.5s; /* Firefox */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera */
            animation: fadein 1.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​
/* END Fade in effect on page load */

/* Hover fade-in effect alle links */
a, .nav li a {
	color: #8A4F2F;
	-o-transition: color 0.1s ease-in;
	-ms-transition: color 0.1s ease-in;
	-moz-transition: color 0.1s ease-in;
	-webkit-transition: color 0.1s ease-in;
	transition: color 0.1s ease-in;
}

a:hover, a:focus, .nav li a:hover {
	
}
/* //Hover fade-in effect alle links */

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

/* Buttons */
.btn {
	position: relative;
	font-size: 0.95em;
	text-align: center;
	padding: 8px 40px 8px 40px;
	border-radius: 50px;
	-o-transition: background 0.2s ease-in;
	-ms-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-webkit-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
	z-index: 999;
}

.btn-orange {
	background-color: #8A4F2F;
	color: #fff;
}
.btn-green {
	background-color: #00624B;
	color: #fff;
}

.btn-white {
	background-color: #fff;
	color: #8A4F2F;
	border: none;
}

.btn-white-border {
	background-color: #fff;
	color:#8A4F2F;
	border: 3px solid #b8b8bb;
}

.btn i {
	vertical-align: bottom;
	margin-left: 20px;
}

.btn:hover {
	background-color: #4e4e56;
	color: #fff;
}

.btn-white-border:hover {
	background-color: #8A4F2F;
	color: #fff;
	border: 3px solid #8A4F2F;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0px;
  outline-offset: 0px;
}

/* Arrow animation */
.arrow-ani, .arrow-down-ani{
  text-align:center;
}

.arrow-ani:after{
	font-family: 'pokebowl-icons' !important;
  content:"\e900";
	position: absolute;
  color:#fff;
  right: 0px;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.arrow-down-ani:after{
	font-family: 'pokebowl-icons' !important;
	font-size: 0.75em;
  content:"\e904";
	position: absolute;
  color:#fff;
  right: 0px;
  opacity: 0;
	margin-top: 3px;
  -webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.arrow-ani:hover:after, .arrow-down-ani:hover:after {
  right:17px;
  opacity:1;
}
/* END Arrow animation */
/* END Buttons */

.orange-txt {
	color:#8A4F2F;
}

.post-list{
    list-style: none;
}

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

Overlay popup

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

#slide_background {
  transition: all 0.3s 0.3s;
}
#slide,
#slide_wrapper {
  transition: all 0.3s ease-out;
}
#slide {
  transform: translateX(0) translateY(-40%);
}
.popup_visible #slide {
  transform: translateX(0) translateY(0);
}
.popup-content-wrapper {
	width: 410px;
}
.popup-content {
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  display: none;
  margin: 1em;
	background-color: #fff;
	padding: 20px;
	text-align: center !important;
	box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.075);
}
.popup-content:focus {
	outline: 0px;
}
.popup-content h2 {
	color: #8A4F2F;
	margin: 15px 0;
}
.popup-content h5 {
	font-size: 16px;
	margin-bottom: 15px;
}
.popup-content span {
	display: block;
	font-size: 12px;
	color: #95959a;
}
.popup-content i {
	font-size: 1.4em;
}
.popup-content img {
	margin: 5px;
}

@media (max-width: 767px) {
	.popup-content-wrapper {
		width: 100%;
	}
}


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

Header

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

.header {
	z-index: 9999;
}

/* Logo-bar */
.logo-bar {
  background-color: #00624B;
  width: 100%;
	text-align: center;
}

.logo img {
  width: 274px;
  height: 78px;
  margin: 20px 0;
}

@media (min-width: 767px) and (max-width: 992px) {
	.logo img {
		width: 320px;
		height: 78px;
	}
}

@media (max-width: 767px) {
  .logo img {
    width: 280px;
    height: 68px;
  }
}

/* Main navigation */
#sticky-navigation {
  text-align: center;
	background-color: #fff;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.075);
}

.navbar-desktop {
	display: inline-block;
	float: none;
	padding: 12px 0 6px 0;
}

.navbar-wrapper {
	padding: 10px 0 10px 0;
	background-color: #00624B;
	color: #FFF;
}

.navbar-wrapper div {
	display: inline-block;
	vertical-align: middle;
}

.navbar-social {
	padding: 12px 0 6px 0;
}

.navbar-social li span {
	margin: 0 0 0 10px;
	display: inline-block;
	list-style: none;
}

.navbar-social i {
	font-size: 1.2em;
	vertical-align: text-top;
}

.volg-ons {
	color: #b8b8bb;
	font-size: 16px;
}

.nav li {
  padding: 0 25px;
}

.nav li a {
  padding: 0;
  color: #FFF;
}

.nav li a:hover, .nav li a:active {
  text-decoration: underline dotted;
  background-color: #00624B;
}

.dropdown-menu {
	margin-top: 12px;
	padding: 0;
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.075);
}

.dropdown-menu li {
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
}

.dropdown-menu li a {
	font-weight: 300;
	color: #4e4e56 !important;
}

.dropdown-menu li a:hover, .dropdown-menu li a:active {
	color: #8A4F2F !important;
}

.current-menu-parent a {
	color:#8A4F2F !important;
}

.bestel-btn {
	margin-left: 15px;
}

@media (min-width: 767px) and (max-width: 992px) {
	.navbar-desktop, .navbar-social, .dropdown-menu li {
		font-size: 0.9em;
	}
	.nav li {
		padding-left: 14px;
		padding-right: 14px;
	}
}
/* END Main navigation */

/* Mobile navigation */
@media (max-width: 767px) {
	.navbar-nav {
		margin: 0;
	}
	.bestel-btn {
		margin-left: 0;
		margin-bottom: 50px;
	}
	/* Animated hamburger menu */
	.navbar-toggle {
		border: none;
		background: transparent !important;
		margin: 33px 0 0 0;
	}
	.navbar-toggle:hover {
		background: transparent !important;
	}
	.navbar-default .navbar-toggle .icon-bar {
		width: 22px;
		background-color: #4e4e56;
		transition: all 0.2s;
	}
	.navbar-toggle .top-bar {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
	}
	.navbar-toggle .middle-bar {
		opacity: 0;
	}
	.navbar-toggle .bottom-bar {
		transform: rotate(-45deg);
		transform-origin: 10% 90%;
	}
	.navbar-toggle.collapsed .top-bar {
		transform: rotate(0);
	}
	.navbar-toggle.collapsed .middle-bar {
		opacity: 1;
	}
	.navbar-toggle.collapsed .bottom-bar {
		transform: rotate(0);
	}
	/* END Animated hamburger menu */

	.navbar {
		text-align: center;
		min-height: inherit;
		margin-bottom: 0;
		-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.11);
	  -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.11);
	  box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.075);
	}
	.navbar-toggle {
		float: none;
		margin: 0 0 15px 0;
	}
	.navbar li {
		font-size: 1.3em;
		font-weight: 300;
		margin: 30px 0;
	}
	.navbar-nav .open .dropdown-menu {
		margin-top: 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		font-weight: 300;
	}
	.dropdown-menu li {
		font-size: 0.95em;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
  }
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}
	.m-navbar-social li {
		font-size: 1.3em;
		margin: 0 15px 55px 15px;
		display: inline-block;
		list-style: none;
		color: #4e4e56;
	}
	.m-navbar-social li a {
		color: #4e4e56;
	}
	.m-navbar-social li a:hover {
		color: #8A4F2F;
	}
}
/* END Mobile navigation */




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

Homepage slider

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

.slider-img {
	width: 100%;
	height: 550px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
}

.scroll-down-arrow {
	font-size: 2.5em;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
	z-index: 999;
}

.scroll-down-arrow a {
	color: #fff;
}

.carousel-control {
	width: 6%;
}

.icon-slider-arrow-left {
	font-size: 1.7em;
	position: absolute;
	top: 47%;
	left: 30px;
}

.icon-slider-arrow-right {
	font-size: 1.7em;
	position: absolute;
	top: 47%;
	right: 30px;
}

/* Bouncing scroll down arrow */
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* END Bouncing scroll down arrow */

/* Carousel fade effect */
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* END Carousel fade effect */

@media (min-width: 992px) and (max-width: 1170px) {
	.slider-img {
		height: 440px;
	}
}

@media (min-width: 767px) and (max-width: 992px) {
	.slider-img {
		height: 440px;
	}
	.scroll-down-arrow {
		font-size: 2.0em;
	}
}

@media (max-width: 767px) {
	.slider-img {
		height: 240px;
	}
	.scroll-down-arrow {
		font-size: 1.5em;
		margin-left: -15px;
	}
	.icon-slider-arrow-left {
		font-size: 1.1em;
		left: 10px;
	}

	.icon-slider-arrow-right {
		font-size: 1.1em;
		right: 10px;
	}
}




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

Homepage blocks

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

#section-hp-blocks {
	padding: 0 15px 0 15px;
	background-image: url(../img/sesam-1.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
	background-size: auto auto;
}

.hp-block-wrapper {
	margin: 20px 0 50px 0;
}

.hp-block-1 {
	position: relative;
	height: 600px;
	text-align: center;
	padding: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	-webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.075);
}

.hp-block-2 {
	position: relative;
	height: 300px;
	text-align: left;
	padding: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	-webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.075);
}

.hp-block-3 {
	position: relative;
	height: 300px;
	text-align: left;
	padding: 150px 30px 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
}

.hp-block-4 {
	position: relative;
	height: 300px;
	text-align: left;
	padding: 30px;
	background-color: #00624B;
	color: #fff;
	background-image: url(../img/mixins-bg.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: auto 320px;
	-webkit-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.075);
}

.hp-block-1 h2, .hp-block-2 h2, .hp-block-3 h2, .hp-block-4 h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
}

.button-wrapper {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
}

.hp-block-2 .button-wrapper, .hp-block-3 .button-wrapper, .hp-block-4 .button-wrapper {
	margin-left: 30px;
}

@media (min-width: 767px) and (max-width: 992px) {
	.hp-block-1 {
		height: 300px;
		text-align: left;
	}
	.hp-block-1 .button-wrapper {
		margin-left: 30px;
	}
	.hp-block-1, .hp-block-2, .hp-block-3, .hp-block-4 {
		text-align: center;
	}
	.hp-block-1 .button-wrapper, .hp-block-2 .button-wrapper, .hp-block-3 .button-wrapper, .hp-block-4 .button-wrapper {
		margin-left: 0;
	}
	.hp-block-wrapper {
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.hp-block-1, .hp-block-2, .hp-block-3 {
		margin-bottom: 15px;
	}
	.hp-block-1, .hp-block-2, .hp-block-3, .hp-block-4 {
		text-align: center;
	}
	.hp-block-1 .button-wrapper, .hp-block-2 .button-wrapper, .hp-block-3 .button-wrapper, .hp-block-4 .button-wrapper {
		margin-left: 0;
	}
	.hp-block-1 {
		height: 300px;
	}
	.hp-block-wrapper {
		margin-top: 15px;
	}
	.button-wrapper {
		width: 100%;
	}
}


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

Content page

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

.section-content {
	padding: 30px 0 30px 0;
}

.page-title {
	text-align: center;
	margin: 55px 0 50px 0;
}
.page-title h2,
.page-title p{
    margin-left: 10px;
    margin-right: 10px;
}
.page-title h1, .menu-page-title h1 {
	color: #8A4F2F;
	font-size: 2.75em;
	margin-bottom: 12px;
}

.page-title h3 {
	font-size: 1.3em;
}

.content-img-top {
	position: absolute;
	top: 180px;
	left: 0;
	z-index: -9999;
}

@media (min-width: 767px) and (max-width: 992px) {
	.page-title {
		margin: 60px 0 45px 0;
	}
	.page-title h1 {
		font-size: 2.5em;
	}
	.page-title h3 {
		font-size: 1.2em;
	}
	.section-content {
		padding: 0 0 85px 0;
	}
}

@media (max-width: 767px) {
	.page-title {
		margin: 40px 0 15px 0;
		padding: 0 40px;
	}
	.page-title h1, .menu-page-title h1 {
		font-size: 2.0em;
	}
	.page-title h3 {
		font-size: 1.1em;
	}
	.section-content {
		padding: 0 0 50px 0;
	}
}

/* Hoe maak jij een Poke Bowl? */
.section-stappen {
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
}

.stappen-wrapper {
	width: 100%;
	text-align: center;
}

.section-stappen h2 {
	text-align: center;
	margin-bottom: 60px;
	padding: 0 30px;
}

.stap {
	width: 19%;
	text-align: center;
	border-right: 1px solid #dbdbdd;
	display: inline-block;
	padding: 0 10px;
	vertical-align: text-top;
}

.stap:last-child {
	border-right: none;
}

.stap h1, .stap h5 {
	color: #8A4F2F;
	margin-bottom: 10px;
}

.stap-wrapper {
	height: 140px;
	margin-top: auto;
	margin-bottom: auto;
}

.stap-icoon {
	width: 130px;
	height: 100%;
	vertical-align: text-bottom;
}

.btn-naar-menu {
	text-align: center;
	margin: 70px 0 50px 0;
}

@media (max-width: 767px) {
	.section-stappen h2 {
		margin-bottom: 10px;
	}
	.stap {
		width: 80%;
		border-bottom: 1px solid #dbdbdd;
		border-right: none;
		margin: 15px 0;
	}
	.stap-wrapper {
		height: auto;
	}
	.stap:last-child {
		border-bottom: none;
	}
	.btn-naar-menu {
		margin: 40px 0 0 0;
	}
}

/* END Hoe maak jij een Poke Bowl? */

/* Google maps */
.section-kaart. #map {
	margin: 0;
  padding: 0;
  height: 450px;
}

.wp-embedded-content {
	width: 100%;
}



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

Vacature page

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

.section-vacatures {
	margin-top: 40px;
}

.panel-group {
	margin-top: 20px;
}

.vacature-header {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	background-size: 100% auto;
	background-color: #f6f5f4;
	height: 500px;
}

.panel {
	border-top: 1px solid #b8b8bb;
}

.panel:last-child {
	border-bottom: 1px solid #b8b8bb;
}

.panel-heading {
	margin-top: 10px;
	margin-bottom: 12px;
}

.btn-apply {
	text-align: left;
	margin: 40px 0 50px 0;
}

@media (min-width: 992px) and (max-width: 1170px) {
	.vacature-header {
		height: 400px;
	}
}

@media (max-width: 992px) {
	.vacature-header {
		background-size: 800px auto;
		max-height: 350px;
	}
}








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

Menu page

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

.section-menu-header {
	position: relative;
	width: 100%;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
}

.menu-header-img-1 {
	position: absolute;
	top: 0;
	left: 0;
}

.menu-header-img-2 {
	position: absolute;
	top: 0;
	right: 0;
}

.menu-page-title {
	text-align: center;
	margin: 35px 0 55px 0;
	z-index: 9999;
}

.menu-page-title h1 {
	margin-bottom: 30px;
}

.menu-page-title span {
	margin: 0 25px;
}

.menu-page-title ul {
	padding-left: 0 !important;
}

.menu-page-title li {
	display: inline;
	margin: 10px 5px;
}

.item-title {
	font-size: 0.9em;
}

@media (max-width: 767px) {
	.menu-page-title li {
		display: inherit;
	}
	.fullwidth {
		width: 80%;
	}
}

/* Eigen bowl */
#section-eigen-bowl, #section-signature-bowls, #section-drinks {
	margin-top: 60px;
	padding: 0 15px;
}

#section-eigen-bowl h2, #section-signature-bowls h2, #section-drinks h2 {
	text-align: center;
	margin-bottom: 20px;
	color:#8A4F2F;
}

.steps-group {
	margin-top: 40px;
}

.steps-group ul {
	padding: 0;
	margin: 0;
}

.steps-group li {
	list-style: none;
}

.steps-bullet {
	width: 50px;
	height: 50px;
	font-family: 'Libre Baskerville';
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	margin-top: -2px;
	background-image: url(../img/steps-bullet-green.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-size: 50px 50px;
}

.steps-title, .pb-menu-item {
	position: relative;
	margin-top: 5px;
	color: #8A4F2F;
}

.pb-menu-item {
	color: #4e4e56;
}

.bowl-item {
	margin-bottom: 15px;
}

.steps-title span, .pb-menu-item span {
  background-color: white;
  padding-right: 10px;
}

.steps-title:after, .pb-menu-item:after {
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5em;
  border-top: 1px solid #d9d9db;
  z-index: -1;
}

.steps-title-group {
	margin-bottom: 15px;
}

.media, .media:first-child {
	margin-top: 25px;
}

.extra-info {
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
	line-height: 0.8em;
	font-style: italic;
	font-weight: 300;
}

.price {
	float: right;
	margin-left: 10px;
	background-color: #fff;
	color: #4e4e56;
	font-size: 0.9em;
}

.price span {
	color: #becf94;
	margin-right: 10px;
}

.size {
	float: right;
	text-align: left;
	padding-left: 10%;
	background-color: #fff;
	color: #4e4e56;
}

@media (max-width: 767px) {
	#section-eigen-bowl, #section-signature-bowls, #section-drinks {
		margin-top: 50px;
	}
	.steps-bullet {
		width: 42px;
		height: 42px;
		background-size: 42px 42px;
		font-size: 1.2em;
	}
	.steps-title {
		margin-top: 3px;
	}
}
/* END Eigen bowl */

/* Signature bowls */

.signature-bowl-item {
	text-align: center;
	margin: 40px 0 0 0;
	padding: 0 40px;
	min-height: 100px;
}

@media (max-width: 767px) {
	.signature-bowl-item {
		min-height: auto;
	}
}

#section-signature-bowls img {
	max-width: 200px;
}

/* END Signature bowls */




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

Contact page

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

.section-contact {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 20px;
}

.locatie-blok {
	position: relative;
	height: 420px;
	margin-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	-webkit-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 5px -5px 10px 0px rgba(0,0,0,0.075);
}

.adres-blok {
	background-color: #8A4F2F;
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 30px 30px 110px 30px;
	height: auto;
}

.adres-blok .button-wrapper {
	margin-left: 30px;
	width: auto;
}

.adres-blok h2 {
	line-height: 1.2em;
	margin-bottom: 10px;
}

#map {
	width: 100%;
	height: 500px;
}

@media (max-width: 767px) {
	#map {
		height: 400px;
	}
	.locatie-blok {
		height:400px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

.post-list li{
    margin-bottom:30px;
}
.archiefafbeelding{
    height: 200px;
    background-size: cover;
    background-position: center center;
    margin: 10px;
}
.motorkapitem{
    height: 200px;
    width: 200px;
    display: block;
    background-size: cover;
    background-position: center center;
    margin: 10px auto;
    border-radius: 50%;
    transition: 0.5s;
    
}
a:hover .motorkapitem{
    height: 220px;
    width: 220px;
}
.mktitel{
    margin-bottom: 50px;
    text-align: center;
}
.archieftitel{
    margin-left: 10px;
    margin-bottom: 50px;
}
/*====================================================================================================

Footer

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

.footer {
	margin: 10px 0 0 0;
	background-image: url(../img/footer-img.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom;
	background-size: 524px 544px;
}

.footer h3 {
	color: #8A4F2F;
	text-align: center;
	margin: 0 0 60px 0;
}

.bestel img {
	margin: 0 10px 10px 0;
}
.footer-col {
	text-align: center;
	margin-bottom: 0px;
}

.footer-col-wrapper {
	margin-bottom: 15px;
}

.footer-social-icon i {
	font-size: 2.0em;
	color: #4e4e56;
	text-align: center;
}

.footer-social-icon i:after {
	content: "";
  position: absolute;
  top: 70px;
	margin-left: -34px;
  height: 3px;
	width: 30px;
  border-bottom: 3px solid #8A4F2F;
}

.footer p {
	font-size: 0.9em;
	line-height: 1.8em;
	font-weight: 300;
	color: #95959a;
	margin: 60px 0 15px 0;
	padding: 0 60px;
}

.social-link {
	font-size: 0.9em;
}

.social-link:hover {
	color: #4e4e56;
}

.social-link i {
	font-size: 0.8em;
	color: #8A4F2F;
	margin-left: 10px;
}

.footer-btn {
	margin: 0 0 100px 0;
	text-align: center;
}

.copyright li {
	font-size: 0.8em;
	font-weight: 300;
	color: #95959a;
	margin: 0 10px 20px 10px;
	display: inline-block;
}

@media (min-width: 767px) and (max-width: 992px) {
	.footer p {
		padding: 0 20px;
	}
}

@media (max-width: 767px) {
	.footer {
		padding-bottom: 400px;
	}
	.footer-col-wrapper {
		margin-bottom: 0px;
	}
}
.page-id-home .menu-item-8 a{
    text-decoration: underline;
}
.page-id-nieuws .menu-item-17 a{
    text-decoration: underline;
}
.page-id-sponsors .menu-item-14 a{
    text-decoration: underline;
}
.page-id-Onder .menu-item-33 a{
    text-decoration: underline;
}
.page-id-Organisatie .menu-item-29 a{
    text-decoration: underline;
}
.page-id-Archief .menu-item-287 a{
    text-decoration: underline;
}
.sponsorafbeelding{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 20px;
}
a .hp-block-1 h2,
a .hp-block-1 h5,
a:hover .hp-block-1 h2,
a:hover .hp-block-1 h5,
a .hp-block-2 h2,
a .hp-block-2 h5,
a:hover .hp-block-2 h2,
a:hover .hp-block-2 h5,
a .hp-block-3 h2,
a .hp-block-3 h5,
a:hover .hp-block-3 h2,
a:hover .hp-block-3 h5,
a .hp-block-4 h2,
a .hp-block-4 h5,
a:hover .hp-block-4 h2,
a:hover .hp-block-4 h5{
    color: #FFF;
}
/* .fixed-sponsors{position:fixed;bottom:0;width:100%;height:90px;cursor:pointer;display:none;z-index:1;}.fixed-sponsors .container{margin:0;}.fixed-sponsors.fixed{-webkit-transition:opacity 0.1s ease;-moz-transition:opacity 0.1s ease;-ms-transition:opacity 0.1s ease;-o-transition:opacity 0.1s ease;display:block;}.fixed-sponsors.fixed:hover{opacity:0.8;}.fixed-sponsors.fixed .container{-webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 -1px 1px rgba(0,0,0,0.2);box-shadow:0 -1px 1px rgba(0,0,0,0.2);}.lt-ie9 .fixed-sponsors .container{border-top:1px solid #7f7f7f;}@media (max-width: 660px){body .fixed-sponsors.fixed{display:none;}}@media only screen and (max-device-width: 1024px),screen and (max-height: 720px){body .fixed-sponsors.fixed{size:0.5;}}.lt-ie8 .fixed-sponsors.fixed{height:80px;}.fixed-sponsors.fixed--linked-images{cursor:default;}.fixed-sponsors.fixed--linked-images .sponsor a{display:block;}.fixed-sponsors.fixed--linked-images:hover{opacity:1;}.home.header-navigation-container h2{margin-top:20px;padding-top:0;} */
.post-list h3{
    display: inline-block;
    float: left;
    margin-right: 20px
}
.post-list p.excerpt{
    display: none;
}
body{
    position: relative;
}
.sposcontainer{
    position: fixed;
    bottom: 0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background-color: #FFF;
    z-index: 9999;
    padding: 10px 0;
}
.copyright{
    margin-bottom: 100px;
}
.card.w-25 img{
    width: 100%;
}
.card.border-secondary{
   border: 2px solid #CCC;
   margin: 5px;
   border-radius: 5px;
}
.card.border-secondary .card-body{
    margin: 5px;
}

.post-list .info{
    color: #FFF;
}