/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
html, body {
	 background:#444;
	 padding:5px 0;
 }
 
table img {
	max-width: none;
}

.uk-container {
	 background:#FFF;
	 padding:0;
	 -moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px#333;
box-shadow: 0 0 5px #333;
 }
 
.tm-navbar {
	 margin-bottom:0;
	 margin-top:0;
	 background:#636363;
	 font-weight:bold;
 }
 
.tm-navbar {
	border-bottom:5px solid #007928;
}

.uk-navbar-nav > li.uk-active > a {
	background-color:#007928;
	color:#FFF;
}

.uk-nav-navbar > li > a:hover {
	background-color:#007928;
}
 
.uk-navbar-nav > li > a {
	 padding:0 26px;
	 color:#FFF;
	 font-weight:bold;
 }

.top-a p {
    margin-bottom: 0;
}
.top-a {
  position: relative;
}

input.uk-search-field {
    height: 30px !important;
}
 
.cart {
	position: absolute;
	right: 10px;
	background: rgba(255, 255, 255, 0.6);
	padding: 10px;
	top: 10px;
}

 .tm-top-a .uk-panel-box {
	 padding:0;
 }
 
 .tm-middle .uk-grid {
	 margin-top:5px;
 }
 
 .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
	 margin-top:0;
 }
 
 .tm-content {
	 margin: 0 15px;
 }
 
 .uk-article + .uk-article {
	 margin-top:5px;
 }
 
 .uk-article {
	 margin-top:5px;
 }
 
 .articleheading, .componentheading {
	background: #007928 none repeat scroll 0 0;
    color: #ffffff;
	font-size: 1.7em;
    font-weight: bolder;
    height: 25px;
	margin-left: -15px;
	margin-right:-15px;
    margin-bottom: 35px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-top: 5px;
    vertical-align: middle;
 }
 
/* ---- blue ---- */ 
.blue .articleheading, .blue .componentheading {
	background:#274093;
}

.blue .uk-navbar-nav > li.uk-active > a {
	background-color:#274093;
	color:#FFF;
}

.blue .tm-navbar {
	border-bottom:5px solid #274093;
}

.blue .uk-nav-navbar > li > a:hover {
	background-color:#274093;
}

/* ---- red ---- */ 
.red .articleheading, .red .componentheading {
	background:#e61909;
}

.red .uk-navbar-nav > li.uk-active > a {
	background-color:#e61909;
	color:#FFF;
}

.red .tm-navbar {
	border-bottom:5px solid #e61909;
}

.red .uk-nav-navbar > li > a:hover {
	background-color:#e61909;
}

/* ---- purple ---- */ 
.purple .articleheading, .purple .componentheading {
	background:#c159b2;
}

.purple .uk-navbar-nav > li.uk-active > a {
	background-color:#c159b2;
	color:#FFF;
}

.purple .tm-navbar {
	border-bottom:5px solid #c159b2;
}

.purple .uk-nav-navbar > li > a:hover {
	background-color:#c159b2;
}

/* ---- yellow ---- */ 
.yellow .articleheading, .yellow .componentheading {
	background:#ffd300;
}

.yellow .uk-navbar-nav > li.uk-active > a {
	background-color:#ffd300;
	color:#FFF;
}

.yellow .tm-navbar {
	border-bottom:5px solid #ffd300;
}

.yellow .uk-nav-navbar > li > a:hover {
	background-color:#ffd300;
}

/* ---- hgreen ---- */ 
.hgreen .articleheading, .hgreen .componentheading {
	background:#cacb3c;
}

.hgreen .uk-navbar-nav > li.uk-active > a {
	background-color:#cacb3c;
	color:#FFF;
}

.hgreen .tm-navbar {
	border-bottom:5px solid #cacb3c;
}

.hgreen .uk-nav-navbar > li > a:hover {
	background-color:#cacb3c;
}

/* ---- grey ---- */ 
.grey .articleheading, .grey .componentheading {
	background:#00000080;
}

.grey .uk-navbar-nav > li.uk-active > a {
	background-color:#00000080;
	color:#FFF;
}

#opmerkingen .rsform-text-box {
  height: 200px;
}

.grey .tm-navbar {
	border-bottom:5px solid #00000080;
}

.grey .uk-nav-navbar > li > a:hover {
	background-color:#00000080;
}

/* ---- fgreen ---- */ 
.fgreen .articleheading, .fgreen .componentheading {
	background:#7dbd5d;
}

.fgreen .uk-navbar-nav > li.uk-active > a {
	background-color:#7dbd5d;
	color:#FFF;
}

.fgreen .tm-navbar {
	border-bottom:5px solid #7dbd5d;
}

.fgreen .uk-nav-navbar > li > a:hover {
	background-color:#7dbd5d;
}

.tm-footer {
	background-color:#636363;
	margin-bottom:0;
	color:#FFF;
	padding: 5px 0;
  	min-height: 135px;
}

.kerst {
  background-image: url(https://hh-productions.nl/cms/images/2016/kerst.jpg);
  padding-top: 225px;
padding-bottom: 25px;
color: #000;
margin:-15px;
}

.kerst .articleheading {
margin:0;
}

.kerst p {
background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    font-weight: bold;
    margin: 0;
    padding: 10px 15px;
}

#jform_contact_message {
    width: 100%;
    height: 200px;
}

#jform_contact_emailmsg, #jform_contact_email, #jform_contact_name {
  width: 100%;
}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    padding: 10px 145px;
margin: 0 10px;
}

.uk-cover-background { max-height: 300px; background-size: contain !important; }

*[data-toggle='tooltip'], .hasTooltip {
display: inline-block !important;
}

.eshop-search {
  margin-top: -10px;
}

.driekol {
  width: 33%;
  float: left;
}

.driekol a {
    color: #fff;
    text-decoration: underline;
}

.tm-footer .uk-panel + .uk-panel {
    margin-top: 15px;
}

.tm-footer hr {
    margin-top: -12px;
}

.tm-toolbar.uk-clearfix.uk-hidden-small {
    position: fixed;
    right: 20px;
    background: #fff;
    padding: 5px 10px 0px 5px;
    top: -7px;
}

.product-options input[type="button"] {
  margin: 10px auto;
}

.product-options .checkbox {
    margin-bottom: 20px;
}

.home-btn .btn-primary {
  background-color: #0159a3;
}

.uk-panel.inloggen {
    width: 200px;
    padding-top: 50px;
    clear: both;
    margin: 0 auto;
}

.uk-panel.inloggen a {
  color: #fff;
}

#rsform_11_page_0 .checkbox.inline {
  display:block;
}

#rsform_11_page_0 .checkbox.inline + .checkbox.inline {
  margin-left:0;
}

#rsform_11_page_0 .control-group input{
  min-height: 8px !important;
  height:13px;
}

#rsform_11_page_0 .rsform-text-box {
  height: 200px;
  width:500px;
}

.eshop-buttons .btn-primary {
  min-width: 118px;
}

eshop_product.span2 a {
   width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}