/* ----fonts---- */
/*
	font-family: 'PT Serif', serif;
	font-weight: 400;
	font-style: italic;
	font-size: 3em;
	line-height: 2.5em;
	
	font-family: 'PT Serif', serif;
	font-weight: 700;
	font-style: bold;
	font-size: 3em;
	line-height: 2.5em;
	
font-family: 'PT Serif', serif;
font-family: 'Raleway', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Oswald', sans-serif;
*/
/* Colors
light green: 	#95BB48;
mid green: 		#63A05E;
dark green:		#3E6755;
dark yellow: 	#EBD444;
light brown: 	#DAA451;
goud: 			#C8B45E;
blue grey: 		#9DACA7;
grey green:		#99ADA5
.color-orange {
  color: rgba(208,182,86,1.00);
}
.color-grey {
  color: rgba(153,173,165,1.00);
}
/* ------------- */

.pdf{
  font-family: 'Oswald', sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #EBA649;
  display:block;
  width:30px;
  padding: 2px 5px;
  margin:0px;

}
.fixpos {
    position: fixed;
    width: 100%;
    background-color: hsla(0,100%,100%,0.93);
    z-index: 100;
}
.fix_home{
    position: fixed;
	bottom: 15px;
	right: 15px;
	width: 50px;
    height: 50px;
	display: block;
	background-color: hsla(0,98%,98%,0.80);
	text-align: center;
	margin-top: 10px;
}
body {
	min-width: 320px;
	background-color: #ffffff;
	font-family: 'Lato', Arial, sans-serif;
	color: #00071F;
	font-size: 14px;
	line-height: 1.2em;
    position: relative;
}
.left {
	float:left;
	}
.right {
	float:right;
	}
.clear {
	clear: both;
	}
.fsize-small{
  	font-size: 0.8em;
}
.fsize-normal{
  	font-size: 1em;
}
.fsize-extra{
  	font-size: 1.2em;
}
.fsize-large{
  	font-size: 1.5em;
}
.fsize-larger{
  	font-size: 2em;
}
.fsize-big{
  	font-size: 2.5em;
}
.padding05{
  padding: 5px;
}
.paddingtop05{
  padding-top: 5px;
}
.padding10{
  padding: 10px;
}
.padding15{
  padding: 15px;
}
.color-white {
  color: rgba(288,255,255,1.00);
}
.color-black {
  color: rgba(0,0,0,1.00);
}
.color-orange {
  color: rgba(208,182,86,1.00);
}
.color-grey {
  color: rgba(153,173,165,1.00);
}
.BGcolor-orange {
  background-color: rgba(208,182,86,1.00);
}
.BGcolor-grey {
  background-color: rgba(153,173,165,1.00);
}
#banneronder{
  background-color: rgba(153,173,165,.5);
}
.events {
    background-color: rgba(255, 255, 255, 0.83);
    padding: 15px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
}
/* ---- Typography -----*/

p {
	font-size: 1em;
	line-height: 1.5em;
}
h1, h3, h5, h2, h4, h6 {
	font-family: 'Oswald', serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
h2, h4, h6 {
	color: #99ADA5;

}
h1, h3, h5 {
	color: rgba(248,158,11,1.00);
}
h1{
	font-size: 2.5em;
}
h2{
	font-size: 2em;
  	margin-bottom: 0.5em;
}
h3{
	font-size: 1.5em;
}
h4{
	font-size: 1.1em;
}
h5{
	font-size: 1em;
}
h6{
	font-size: 0.8em;
}
/* ----------------------------------------*/
/* change colours to suit your needs */
/* ----------------- */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0.5em;
	padding: 0;
	background-color: rgba(161,174,204,1.00);
	max-width: 1000px;
}
input, select {
	vertical-align: middle;
}
/* */
/* Modren quote */
/* ------------ */
blockquote p {
	margin-bottom: 1em;
	line-height: 1.5em;
	font-size: 1.5em;
	font-family: 'Lato', sans-serif;
}
blockquote, q {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-left: 10px solid rgba(248,158,11,0.8);
	background-color: rgba(233, 233, 234, 0.5);
	margin-right: 10px;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* */
/* */
/* Link style quote */
/* ---------------- */
a {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    color: #C7DBD3;
	/* color: #99ADA5; */
	text-decoration: none;
}
.navbar .nav > li > a {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #99ADA5;
	text-decoration: none;
}
a[href^="tel:"] {
	color: #00071F;
	text-decoration: none;
}
a[href^="tel:"]:after {
	content: "\260e";
	margin-right: 0.8em;
}
a:visited {
}
a:hover {
	color: #F89E0B;
}
a:active {
	color: #F89E0B;
}
button a {
  color: white;
}
/* */
/* DOWNLOAD LINKS */
/* */
#download a {
    color: #f0f0f0;
}
#download a:visited {
    color: #f0f0f0;
}
#download a:hover {
    color: #05661e;
}
#download a:active {
	color: #f0f0f0;
}
/* */
a.osdownloads-download-button{
  color: #f0f0f0;
  font-size: 25px
  
}
a:visited.osdownloads-download-button{
  color: #f0f0f0;
}

/* End - Link style */
/* */

/* --------------------------- */
/* ----PHP Dev---------------- */
/* --------------------------- */	
ul.lang-inline{
  color: #CDDBD1;
}
li.lang-active a,
ul.lang-inline li a:hover{
  color: #ffffff;
}
.row-fluid.rowstyle,
.row-fluid.rowstyle .rowline{
  min-height: 22px;
}

.sugcatstyle{
	font-size: 11px;
	text-transform: lowercase;
	color: #99ADA5;
  padding-left:15px;
}
.eenh {
	font-size: 11px;
	text-transform: lowercase;
	color: #99ADA5;
}
.contactstyle{
  margin: 0 125px 0 75px;
}	
#mod-search-searchword{
  border-radius: 0px;
  margin-right: -10px;
}
/* ---- Header styling ---- */

.flex-container-head {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* define the x-axe alignment */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	/* x-axe alignment */
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
	
	background-color: rgba(74,147,71,1.00);
	
	}
.pagetop{
    min-width:320px;
    min-height: 25px;
    background-color: rgba(255,255,255,1.00);
}

.lefthead{
	min-width:320px;
	color: rgba(255,255,255,1.00);
	font-style: italic;
	font-size: x-small;
	text-align: left;
	}
.centerhead{
	min-width:320px;
	}
.righthead{
	min-width: 320px;
	color: rgba(255,255,255,1.00);
	font-style: italic;
	font-size: x-small;
	text-align: right;
	}
.logopos {
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	margin-top: -20px;
	margin-bottom: -25px;
}

/* ----EndHeaderstyling---- */	
/* */
/* ----- Nav styling ------ */

/* -----EndNavstyling----- */
/* */
/* ---- Content styling ---- */
.center-box{
  	margin-left: auto;
	margin-right: auto;
  min-width: 90%;
}
.flex-container-col-fluid {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* define the x-axe alignment */
	-webkit-flex-flow: column ;
	-ms-flex-flow: column ;
	flex-flow: column ;
	/* x-axe alignment */
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
    position: relative;
    top: 139px;
	}
.set-container {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	}
.rowstyle{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.rowline1{
	flex: 10 0 270px;
	box-sizing: border-box;
	padding-right: 10px;
}
.rowline2{
	flex: 1 0 50px;
	box-sizing: border-box;
	padding-right: 10px;
}
/* */
body.casa div.flex-container-col-fluid.sitehome,
body.accueil div.flex-container-col-fluid.sitehome,
body.homepage-nl div.flex-container-col-fluid.sitehome{
	background: url(../images/top/hometop.jpg), url(../images/down/homebot.jpg);
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center -1%, center 100%;
	}

body.afhaalgerechten div.flex-container-col-fluid.afhaal,
body.afhaalnextweek div.flex-container-col-fluid.afhaal{
	background: url(../images/top/afhaaltop.jpg), url(../images/down/afhaalbot.jpg);
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center -1%, center 100%;
	}

body.locanda-flora div.flex-container-col-fluid.flora{
	background: url(../images/top/floratop.jpg), url(../images/down/afhaalbot.jpg);
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center -1%, center 100%;
	}

body.enoteca-basilio div.flex-container-col-fluid.enoteca {
	background: url(../images/top/wijntop.jpg), url(../images/down/wijnbot.jpg);
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center -1%, center 100%;
	}

body.geschenkmanden div.flex-container-col-fluid.manden{
	background: url(../images/top/Kadomandentop.jpg), url(../images/down/Kadomandenbot.jpg);
	background-size: 100%, 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: center -1%, center 100%;
	}
/*
body.wijnkaart div.flex-container-col-fluid.default {
	background: url(../images/top/wijntop.jpg), url(../images/raineribot.jpg);
	background-size: contain, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: center -1%, center 100%;
	}
*/

.slogan{
	font-family: 'PT Serif', serif;
	font-weight: 400;
	font-style: italic;
	font-size: 3.3em;
	line-height: 4em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	color: rgba(255,255,255,1.00);
	text-shadow: 3px 4px 7px rgba(0,0,0,0.8);
	}
.slogan p {
	line-height: 1em;
	margin-bottom: 20px;
	margin-top: 20px;
	}
.slogan p img {
	float:none;
	}
.flex-containter-content{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* define the x-axe alignment */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	}

/*
.content40{	
	min-width:300px;
	-webkit-box-flex: 2 1 auto;
	-moz-box-flex: 2 1 auto;
	-webkit-flex: 2 1 auto;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;

	}
.content70{
	min-width:300px;
	-webkit-box-flex: 3 1 auto;
	-moz-box-flex: 3 1 auto;
	-webkit-flex: 3 1 auto;
	-ms-flex: 3 1 auto;
	flex: 3 1 auto;

	}
*/
.content40{	
	min-width:300px;
	width:29%;
	}

.content70 {
    min-width: 300px;
    width: 68%;
    padding-right: 10px;
}
.content100{
	min-width:300px;
	width:100%;
	}
.r-col-30{
	-webkit-box-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex:1 1 auto;
	}
.l-col-30{
	-webkit-box-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex:1 1 auto;
	}
.block-aside {
  max-width: 29%;
  min-width: 300px;

}
.block-aside-300 {
  max-width: 29%;
  min-width: 280px;
  padding: 10px;
}

/* --------------------------- */
/* home Page template          */
/* --------------------------- */

.page-titel {
	font-family: 'Oswald', sans-serif;
	color: #99ADA5;
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 5px;
	}
.page-subtitel {
  	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	text-transform: capitalize;
	}
.page-titel-aside {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
    line-height: 1rem;
	font-weight: bold;
	display: block;
	padding-top: 2px;
  	padding-bottom: 0px;
  	padding-left: 0px;
	padding-right: 0px;
	}
p.page-tekst {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:-10px;
	font-size: 0.7rem;
	color:rgba(79,79,79,1.00);
	}
div.content70 .afhaal{
  padding-right: 15px;
}
/* --------------------------- */
/* Sub Page template          */
/* --------------------------- */

.page-wrapper {
	background-color: rgba(255,255,255,0.95);
	min-height: 200px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
div.flex-container-col-fluid.pagestyle div.page-wrapper {
	background-color: rgba(255,255,255,1);
	}

/* --------------------------- */
/* Blog Page template          */
/* --------------------------- */

.blog {
	padding-left: 50px;
	padding-right: 50px;
	}
 div.blog.pagestyle {
	padding-left: 75px;
	padding-right: 75px;
	}
	
	
/* --------------------------- */
/* ----j2store---------------- */
/* --------------------------- */
div.j2store-product-images div.j2store-thumbnail-image a img{
	clear:both;
	float:left;
}
.j2store-single-product {
	min-height: 290px;

	}
div.j2store-single-product h2.product-title a{
	font-size: 1.1rem;
	}
div.moduletable ul.j2store-categories-module li {
	line-height: 1em;
	margin-bottom: 5px;
	list-style-type: none;
	}
div.moduletable ul.j2store-categories-module li h4 {
	line-height: 1em;
	margin-bottom: 5px;
	}
div.item-pagepagestyle div map area:hover {
	background:red;
	}
div.span4 div.j2store-single-product h2.product-title a {
	color: #9DACA7;
	font-size: 14px;
	}
div.span4 div.j2store-single-product h2.product-title  {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	line-height: 15px;
	margin-bottom: 10px;
	}
.product-short-description {
	color: #C8B45E;
	}
.product-price-container{
	margin-top: 15px;
		}
/* ----EndContentstyling---- */




/* */
/* ---- aside styling ---- */
aside {
	background-color: rgba(255,255,255,0.30);
	}
/* ----EndAsidestyling---- */


/* */
/* ---- Footer styling ---- */
footer{
	}
.locator{
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
	}
/* -------------- */
.locator{
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
	}
/* -------------- */
#auteur {
    position: relative;
	background-color: rgba(74,147,71,1.00);
	text-align: center;
	height: 20px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: x-small;
	font-style: italic;
	color: rgba(255,255,255,1.00);
	}
#auteur a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	}
/* ----Endfooterstyling---- */	
/* */
	




/*--- Joommla template styles ------ */
/* --------------------------------- */
/* */
.searchstyle {
	margin-top: 3px;
	margin-bottom: 1px;
	}

/* Breadcrumbs in template */
/* -------------------------- */

.breadcrumb {
	padding: 2px 5px;
	margin: 0;
	list-style: none;
	background-color: rgba(233,247,240,0.55);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.breadcrumb > li {
	display: inline-block;
	display: inline;
	font-size: 90%;
	text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb > li > .divider {
	padding: 0 5px;
	color: #ccc;
}
.breadcrumb > .active {
	color: hsla(35,95%,50%,1.00)
}


	

/* - */
/* Bootstrap Styling */
/* Bootstrap Navigation styling */
/* NavBar color styling */
/* ========== NAV MENU SUB-IMAGE ========== */
.navbar-inner {
	background-repeat: no-repeat;
	border: none;
	min-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(255,255,255,0.00);
	-webkit-box-shadow: 0 0 rgba(0,0,0,0.00);
	background-image: url(url);
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	background:rgba(248,158,11,1.00)
	}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a {
	color:#070a1b;
	background:rgba(74,147,71,1.00)
	}

.navbar{
	margin:0px;
	padding:0px;
	}
	 
div.navbar form{
	margin: 0px;
	}
	
/* */
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
/* end Navigation styling */





/* MEDIA QUERIES */
/* ------------- */
/* Portrait tablet to landscape and desktop */
@media (max-width: 999px) {  
    .content40{	
        min-width:300px;
        width:100%;
        }
    .content70{
        min-width:300px;
        width:100%;
        }
    .content100{
        min-width:300px;
        width:100%;
        }
    }
    .block-aside {
        max-width: 100%;
    }
div.content70 .afhaal {
    padding: 0px;
}
}
 
@media (min-width: 768px) and (max-width: 979px) { 

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  
    .slogan{
        display:none;
        }
  	.flex-container-col-fluid{
		top: 250px;
	}
}
 

/* Landscape phones and down */
@media (max-width: 480px) { 
    .fixpos {
        position: relative;
    }
    .righthead{
        text-align: center;
        }
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-wrapper{
		padding-left: 5px;
		padding-right: 5px;
	}
	.flex-container-col-fluid{
		top: 20px;
	}

}

/* -----------------------------------
.visible-phone        767px and below
.visible-tablet        979px to 768px
.visible-desktop        Default
.hidden-phone
.hidden-tablet
.hidden-desktop
*/

/* ------------------------------ */
      .blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }