/* 20231009135205 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #99cc00;
}

/* custom */
/*************** VOOR MEESCROLLENDE WINKELWAGEN ******************/
@media only screen and (min-width: 768px) {
  .navigation.container{
		padding-top:67px;
}

.topnav {
   /* background-color: #f7f7f7;*/
    background-color: #709082;
    /* border-bottom: 1px solid #f0f0f0; */
    padding: 10px 0px;
    font-size: 12px;
    position: fixed;
    line-height: 12px;
    width: -webkit-fill-available;
    z-index: 1;
    width: 100%
}
  
@media screen\0, @media screen\9 {
  .topnav {
   /* background-color: #f7f7f7;*/
    background-color: #709082;
    /* border-bottom: 1px solid #f0f0f0; */
    padding: 10px 0px;
    font-size: 12px;
    /*position: fixed; */
    line-height: 12px;
    width: -webkit-fill-available;
    z-index: 1;
	}
}
  
.left {
    float: left !important;
}  
  
}

@media only screen and (max-width: 768px) {
.left {
    float: right !important;
  	margin-bottom: 15px !important;
}
  .right {
    float: right !important;
  	/*margin-bottom: 10px !important;*/
}
}


/*************** TEKSTBLOK MOBIEL VERGROTEN ******************/
@media (max-width: 767px) {
.tabsPages .page {
    max-height: 500px !important;
}
}

/*************** TEKSTKLEUR COOKIELAW FIX ******************/
.wsa-cookielaw-button-green {
  color: white;
 /* text-shadow: 0 1px 0 #2D6200; */
  background: #398A00;
  background: -webkit-linear-gradient(top, #3C9300, #398A00);
  background: -moz-linear-gradient(top, #3C9300, #398A00);
  background: -ms-linear-gradient(top, #3C9300, #398A00);
  background: -o-linear-gradient(top, #3C9300, #398A00);
  border: 1px solid #29691D;
}

.wsa-cookielaw-button-green:visited {
  color: white;
 /* text-shadow: 0 1px 0 #2D6200; */
  background: #398A00;
  background: -webkit-linear-gradient(top, #3C9300, #398A00);
  background: -moz-linear-gradient(top, #3C9300, #398A00);
  background: -ms-linear-gradient(top, #3C9300, #398A00);
  background: -o-linear-gradient(top, #3C9300, #398A00);
  border: 1px solid #29691D;
}

.wsa-cookielaw-button-green:hover {
  color: white;
	background: #286000;
  background: -webkit-linear-gradient(top, #3C9300, #286000);;
  background: -moz-linear-gradient(top, #3C9300, #286000);;
  background: -ms-linear-gradient(top, #3C9300, #286000);;
  background: -o-linear-gradient(top, #3C9300, #286000);
  border: 1px solid #2D6200;
}

/*************** MEUNU BUTTON ******************/
.nav-icon1 {
    transform: scale(0.4)!important;
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .75s ease-in-out;
  -moz-transition: .75s ease-in-out;
  -o-transition: .75s ease-in-out;
  transition: .75s ease-in-out;
  cursor: pointer;
}

.nav-icon1 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 90%;
  background: #262626;
  border-radius: 9px !important;
  opacity: 1;
  left: 25%; 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.nav-icon1 span:nth-child(1) {
  top: 0px;
}

.nav-icon1 span:nth-child(2) {
  top: 18px;
}

.nav-icon1 span:nth-child(3) {
  top: 36px;
}

.nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}



/******************** MONDAL BUTTON ***************************/


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    /*color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;*/
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}