@charset "UTF-8";/* door Pieter toegevoegd */
body {
	margin:0px;
	color:#666666;
	background-color:#ffffcd !important;
	font-size: ;
	}

.header {
  background-image:url(https://vitaliteitswinkel.nl/images/header_logo/header-2.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  height:150px;
  color:#336600;
  background-color:/*#ffcc00;*/#5c743d;
  height:px;
  /*border:10px outset maroon;*/
	/*border-left-width:25px;*/
  border-radius:5px;
box-shadow: 1px 2px 2px #333;
  
}


.nav {
  background-color:#ffcc00;
  /*border:5px outset #ffcc00;*/
  }
nav.navigation {
  background-color:#ffcc00;
  height:28px;
  /*border:10px outset #ffcc00;*/
  border-radius:5px;
  box-shadow: 1px 2px 2px #333;
}
.nav item {
  background-color:#ffcc00;
}
/* Nieuw */


/* einde nieuw */
/* toggle */
.navbar .btn-navbar {
   background-color: #5c743d;
   background-image:none;
   margin-top:-1px; 
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
color: /*#ffffcd*/#5c743d !important;
background-color: #99cc66;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
background-color: #5c743d;
}
.navbar .btn-navbar .icon-bar {
background-color: #ffffcd;
}
/* eind */

@media only screen and (max-width : 500px) {
 .header {
  background-image:url();
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#5c743d; 
  height:150px;
  }
  .img {
    display:none;
  }
}
/* nieuw oefenen met GRID voor de footer */
.grid-container {
display:grid;
grid-template-columns: 50% 50%;
grid-template-rows:50% 50%;
}

.grid-container li {
  color: #336600;

}

/* einde oefen met GRID */
.footer {
	background-color:#ffcc00 !important;
	color:/*#1F4307*/ #FFCC00;
	margin:0 20px;
	padding:5px;
    /*border:10px outset #ffcc00;*/
    border-radius:5px;
    box-shadow: 1px 2px 2px #333;
}
.footer h1, h2 {
  color:336600;
}
.footer a:link, .footer a:visited {
	color:#336600;
}
.footer a:hover {
	color:#ff5722;
}
.footer ul, li {
	list-style-type:none;
}

img {
border-radius:5px;
/*box-shadow: 1px 2px 2px #333;*/
}
/* op de blogpaginaas */
a.blog-image-link:link, a.blog-image-link:visited {
background:none;
}
a.blog-image-link:hover, a.blog-image-link:active {
opacity:0.7;
border-radius:5px 5px 0 0;
}

/* Bloesem menu */
.blmenu ul{
     display:inline-block;
}

.blbalk li {display: inline-block;
	background: #F0E68C;
	padding: 5px;
	border: 1px solid #99cc00;
	border-radius:5px;
	margin:0px 15px 0px 0px;
	width:230px;	
	}
.blbalk2 li {display: inline-block;
	text-align:left;
	}
	
img.bloesbalk{
	float: right;
}	

/* terugknop */
img.terugknop {
    float: right;
    margin:0px;
    margin-right:10px;
}
/* einde terugknop */


.right {
	text-align:right;
}
.left {
	text-align:left;
}

.blmenu li {
list-style-type:none;	
}
	
a.bloesbalk1 {
	border:1px outset maroon;
	/*border-left-width:25px;*/
	display:block;
	width:/*280*/220px;
	background-repeat:no-repeat;
	background-position: 3px 0px;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicd.gif);
	background-color:#5c743d;
	padding-left: 30px;
	font-size:12px;	
	font-style:normal;
	color:#d5edb3;	
	line-height:20px;
	float: right;		
}		

a.bloesbalk2 {list-style-image:none;}				

a.bloesbalk2 {
	border:1px outset maroon;
	/*border-left-width:25px;*/
	display:block;
	width:220px;
	background-repeat:no-repeat;
	background-position: 3px 0px;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicr.gif);
	background-color:#330000;
	padding-left: 30px;
	font-size:12px;
	font-style:normal;
	color:#d5edb3 !important;
	line-height:20px;
	float: right;
}	
a:hover.bloesbalk1 {
	background-color:#99cc66;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicgr.gif);
	text-decoration:none;
}
a:hover.bloesbalk2 {
	text-decoration:none;
}
/* voor de bloesemflesjes */					
.blfl img {
	width:17% !important;
	padding:1px;
}
a.bloesbalk3 {
	border:1px outset maroon;
	/*border-left-width:25px;*/
	display:block;
	width:220px;
	background-repeat:no-repeat;
	background-position: 3px 0px;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicd.gif);
	background-color:#5c743d;
	/*padding-left: 30px;*/
	font-size:12px;	
	font-style:normal;
	color:#d5edb3;	
	line-height:20px;
    border-radius:5px;
	float: right;	
    height:55px;
  	display: flex;
  	flex-direction:column;
  	justify-content: center;
    align-items:center;
  	text-align: center;
}	
a:hover.bloesbalk3 {
	background-color:#99cc66;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicgr.gif);
	text-decoration:none;
}
a:hover.bloesbalk2 {
	text-decoration:none;
}
a.bloesbalk4 {
	border:1px outset maroon;
	/*border-left-width:25px;*/
	display:block;
	width:200px;
	background-repeat:no-repeat;
	background-position: 3px 0px;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicd.gif);
	background-color:#5c743d;
	padding-left: 30px;
	font-size:12px;	
	font-style:normal;
	color:#d5edb3;	
	line-height:20px;
	float: left;
    border-radius:5px;	
}	
a:hover.bloesbalk4 {
	background-color:#99cc66;
	background-image:url(https://vitaliteitswinkel.nl/media/templates/images/fotoos_divers/zonpicgr.gif);
	text-decoration:none;
}


.balk {
	display:block;
	width:230px;
	padding-left: 30px;
	font-size:12px;	
	font-style:normal;
	/*color:#d5edb3;*/	
	line-height:20px;
	/*float: right;*/
   }	

.pull-left {
float:left;
}

.pull-right {
float:right;
}

.rd {
	color: Maroon;
	background-color: Silver;
   display:inline;
	padding: 3px;	
}

/*----- Menu voor mobiele niet tonen gebruikers -----*/
@media screen and (max-width: 860px) {
.mobiel {
	display:none;
  }}
  
 /*----- Menu voor mobiele wel tonen gebruikers -----*/
@media screen and (min-width: 860px) {
.mobielwel {
	display:none;
  }} 
  
.gr {
	letter-spacing:0.1em;
    color:#336600;
}  
.gr2 {
	letter-spacing:0.1em;
    color:#336600;
}
.vet {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}

.br	{color: #990033; }

/* ********************* */
 /* stap 5 css van Mindert ************************************** */
.front-blocks {
border:solid 1px #999;
border-radius:10px;
box-shadow:1px 1px 1px #212121;
height:200px;
padding-top:50px;
margin:30px 0;   /* het eerste cijfer is boven en onder het 2e links en rechts  bij 4 waardes invullen is het Bov Re On Links */
background-color:#f4f4f4;
border-radius:5px;
box-shadow: 1px 2px 2px #333;
}
.front-blocks p {
	font-size:20px;
}

.block1 {
	background-color:#ff5722;
    color:#fff;	
}
/* kleine aanpassing 5-5-2025 */
.block1 a:link, .block1 a:visited {
	color:#fff;
}
.block1 a:hover {
	color:/* #ff5722 */#000;
}
/* einde kleine aanpassing */
.block2 {
	background-color:#0fa842;
    color:#fff;
}
.block2 a:link, .block2 a:visited {
	color:#fff;
}
.block2 a:hover {
	color:#ff5722;
}
.block3 {
	background-color:#4a76c8;
    color:#fff;
}
.block3 a:link, .block3 a:visited {
	color:#fff;
}
.block3 a:hover {
	color:#ff5722;
}
/*
.block4 {
	background-color:#f4f4f4;
    color:#black;	
}*/
/* kleine aanpassing 5-5-2025 */
/*.block4 a:link, 
.block4 a:visited {
	color:#fff;
}*/
 .block4 a:hover {
	color: #ff5722;}
 .block5 a:hover {
	color: #ff5722;}
 .block6 a:hover {
	color: #ff5722;}
/* einde kleine aanpassing */




#zoek-front {
	background-color:#ffffcd;
	padding:50px 0;
}
.search_front {
	text-align:center;
}
.search_front input {
	width:50%;
	font-size:20px;
	padding:20px;
	line-height:60px;
}
.search_front button {
	height:50px;
}


#over-ons {
	padding:60px 20px;
	color:#ffffcd;
	background-image:url(https://vitaliteitswinkel.nl/images/header_logo/kristallen.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
    /*border:10px outset maroon;*/
    border-radius:5px;
    box-shadow: 1px 2px 2px #333;
}
#over-ons p {
	font-size:20px;
	line-height:40px;
}
  


@media (max-width: 979px) {
  .nav-collapse .nav > li.active >	a {
    color:#ff5722;
  }
  }
  h2.item-title {
    height:50px;
  }

.site-description {
    color:#ffffcd;
    font-size:14px;
    margin:30px 0 0 10px;
    line-height:20px;
    }
  
#meldtext {
	width: 64%;
	top: -50px;
	background-color: #FFFFFF;
	position: absolute;
	right: 18%;
	border: medium outset #006600 ;
	color: #F3390D !important;
	font-size: 16px !important;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0.1em;}	
/*
.search_navigatie {
	text-align:center;
}
.search_navigatie input {
	
    margin-bottom:450px;
}*/

/* einde stap 5css
  ********************** */




/*  Einde door Pieter toegevoegd ************************ */  


/* Door Daan toegevoegd */

.container-header nav {
  width: 100%;
 
}

@media (max-width: 767.98px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    background-color: #ffcc00;
    padding: 10px;
  }
}


body:not(.has-sidebar-right) .site-grid .container-component{
  padding-top:60px;
}

.container-header .grid-child {
  padding:0;
}

.metismenu.mod-menu {
  background-color: #ffcc00;
  border-radius:5px;
}


.container-header .mod-menu > li > a {
 	color: #5c743d;
}

body:not(.has-sidebar-right) .site-grid .container-component {
  padding-top: 100px;
}


.container-header .grid-child {
  margin-top:8px;
}

.com-content-article__body h1{
  display:flex;
}

.com-content-article__body h1 span {
  margin-left:15px;
}


.row-fluid {
  margin-top:40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  
}

.front-blocks {
  padding-top: 30px;
  height: auto;
  padding-bottom: 20px;
  margin:20px 0;
}

.front-blocks p {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 3px;
}

.footer {
  background: #ffcc00;
  background-image:none;
}

#mod-custom103.mod-custom.custom {
  width:100%;
}

.search_front input {
  width: 50%;
  font-size: 20px;
  padding: 6px;
  line-height: 2;
  border-radius:5px;-shadow: 1px 2px 2px #333;
}

.search_front button {
  height: 55px;
  margin-top: -10px;
  border-radius:5px;-shadow: 1px 2px 2px #333;
}

.container-header .navbar-toggler {
  border: 1px solid #5c743d;
  color: #5c743d;
}


@media only screen and (max-width: 767px) {
  .row-fluid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .grid-container {
    grid-template-columns: 1fr;
  }
  .front-blocks {
    padding-top: 20px;
    height: auto;
    padding-bottom: 20px;
    margin: 0;
  }
}

.site-grid {
  margin-top: 80px;
}

.hikashop_category_information h1 { 
display:none;
}

.container-sidebar-right .sidebar-right:first-child {
  /* margin-top: 80px; */
}

.hikashop_product_quantity_div {
  display: flex!important;
  align-items:center;
  gap:10px;
  margin-bottom: 12px;
  width: 50px;
}

.hikashop_product_quantity_change_div_leftright input {
  max-width: 50px!important;
  width: 50px!important;
}

.hikashop_product_quantity_change_div_leftright span.add-on a {
  position:relative!important;
}

.hika_j4 .hikashop_product_quantity_change_div_leftright span.add-on a.hikashop_product_quantity_field_change_minus {
  left: 0!important;
}

input.hikashop_compare_checkbox {
  margin-right: 8px;
}


/*Einde Daan */

.card-body {
  padding:5;
  background-color:#ffffcd !important;  
}

.breadcrumb {
  background-color:transparent;
}

.main-top.card  {
  background-color:transparent;
  margin-bottom: 1em;
  border: 1px solid #ffffcd;
}

.mod-breadcrumbs.breadcrumb.px-3.py-2 {
  padding:0!important;
}
.sidebar-right.card {
  border: 1px solid /*#5c743d*/#ffffcd;
  border-radius:5px;
  box-shadow: 1px 2px 2px #333;
}




.hikashop_subcontainer.thumbnail {
  background-color: #ffffcd!important;
}


/*Einde Daan */