/* 20230704122615 - 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: #ffffff;
}

.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: #ffffff;
  background-color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #ffffff;
  color: #ffa200;
  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: #cccccc;
}

.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: #76c61b;
}

/* custom */
/* 1. Huisstijl tweaks */

/*Robin Retail laat hij niet meer zien*/
.menu-item-category-10751073 {
  display:none;
}


.category-content > h3 {
  background-color:#f7941eba;
  color:white;
  padding:11px;
}

.featured-block-content > h3 {
  background-color: #f7941eba;
    color: white;
    padding: 11px;
    max-height: 87px;
    
}

.home-intro-text{
  background: rgba(123, 183, 246, 0.08);
padding: 53px;
}
  

/* linkjes in blog onderstrepen en een lijn er onder */
.blog-entry-content a {
  text-decoration: underline;
  color:#F7941E
}

/* linkjes in productpagina's onderstrepen en een lijn er onder */
#product-long-description a {
  text-decoration: underline;
  color:#F7941E
}



/* h5 verandering */
.h5 { 
  padding-bottom:8px;
  font-weight: bold;
} 

/* 0. Lijntjes om producten op de home pagina wit maken, zodat ze niet zichtbaar zijn */

.featured-categories.catalog-list .categories {
  border-left: 1px solid white;}

/* 1.1 Navigatie tweaks hover effect wanneer je over een navigatie titel heengaat */
	.nav-style.main-nav li a:not(.button-arrow):not(.header-cta-block):after {
    color: #F7941E;
}

/* 1.2 Navigatie tweaks active element blauw onderstrepen */
.tabs-nav li.active a, .categories-list li.active a, .nav-style li.active a, .secondary-style input[type="text"], .secondary-style input[type="email"], .secondary-style input[type="url"], .secondary-style input[type="password"], .secondary-style input[type="search"], .secondary-style input[type="number"], .secondary-style .secondary-style input[type="tel"], .secondary-style input[type="range"], .secondary-style input[type="date"], .secondary-style input[type="month"], .secondary-style input[type="week"], .secondary-style input[type="time"], .secondary-style input[type="datetime"], .secondary-style input[type="datetime-local"], .secondary-style input[type="color"], .nav-style.main-nav li a:after, .mega-menu-open .content-light .nav-style.main-nav li a:after, .page-content .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
 border-color: #2A2D88;
}

/* 1.3 Home pagina merk naam in oranje */
	.product-element .product-brand {
    color: #F7941E;
}
/* 1.4 Social & Zoek & Mandje iconen oranje */
	.nc-icon-mini{
color:#F7941E;
}
/* 1.5 Voorraad button groen */
	.stock>div {
  background: rgba(0, 148, 0, 0.74);
	color: white;
}

	.product-label, body .gui-messages ul, .messages ul, body .gui-messages ul.gui-success {
    background-color: #F7941E;
}

.featured-categories.catalog-list .categories a {
	border-color:#fff;
}

.featured-categories .categories {
  border-color:#fff;
}

/* Page: Makers */

.custom-page__brand {
  text-align: left;
  background-color: rgba(0,0,0,0.03);
  display: block;
  height: 300px;
  clear: both;
  position: relative;
  padding: 40px 40px 40px 340px;
  box-sizing: border-box;
  margin-bottom: 15px;
  overflow-y: hidden;
}

.custom-page__brand .read-more {
  font-weight: bold;
  background-color: #F7941E;
  padding: 5px 15px;
  position: absolute;
  bottom: 30px;
  Color: #FFF;
}

.custom-page__brand .read-more .read-more__inner {
  position: relative;
}

.custom-page__brand .read-more .read-more__inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 2px solid;
	width: 100%;
  height: 2px;
  margin-bottom: -3px;
  padding: 0 20px;
  box-sizing: border-box;
  left: 0;
  -webkit-transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform-origin: right;
  pointer-events: none;
  color:#fff;
}

.custom-page__brand:hover .read-more .read-more__inner:after {
  
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}

.custom-page__brand h4 {
  margin-bottom: 20px;
}

.custom-page__brand__image {
  width: 30%;
  position: absolute;
  width: 300px;
  height: 300px;
  left: 0;
  top: 0;
  z-index: 200;
  padding: 10px;
}

.custom-page__brand__image img {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (max-width: 1000px) {
  .custom-page__brand {
    padding: 290px 20px 20px 20px;
    height: auto;
  }
  
	.custom-page__brand .custom-page__brand__image {
  	width: 100%;
    height: 250px;
    top: 0;
		padding:10px;
	}
  
  .custom-page__brand .custom-page__brand__image img {
    position: relative;
    left: 50%;
    width: 250px;
    margin-left: -125px;
  }
  
  .custom-page__brand .read-more {
    position: relative;
    bottom: 0;
  }
  
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  
  .custom-page__brand {
    padding-left: 390px;
    height: 350px;
  }
  
  .custom-page__brand .custom-page__brand__image {
  	width: 350px;
    height: 350px;
	}
  
  .custom-page__brand .custom-page__brand__image img {
    width: 350px;
  }
  
}

/* Component: subtitle  */
.custom-page__subtitle {
   font-style: italic;
   text-align: center;
}

/* Component: container */
.custom-page__container {
   width: 100%;
}

.custom-page__container img {
  max-width: 100%;
}

/* Component: full-width afbeelding */
.custom-page__image--fullwidth {
   display: block;
   width: 100%;
}

/* Component: section */
.custom-page__section {
   padding: 25px 0 25px 0;
}

.custom-page__section--no-padding-bottom {
   padding-bottom: 0!important;
}

.custom-page__section h4 {
   margin-bottom: 25px;
}

/* Component: typeform button */

.custom-page__typeform-button {
   padding-top: 20px;
   text-align: center;
}

.custom-page__has-text-center {
   text-align: center;
}

/* Component: tabel */

.custom-page__table {
   margin-bottom: 20px;
   width: 100%;
}

.custom-page__table td {
   font-size: 0.5em;
   padding: 4px 4px;
}

.custom-page__table thead td {
   font-size: 0.7em;
   font-weight: bold;
   padding-top: 20px;
}

.custom-page__table thead:first-of-type td {
   padding-top: 4px;
}

@media only screen and (min-width: 600px) {
   .custom-page__table td {
      font-size: 0.9em;
   }
   .custom-page__table thead td {
      font-size: 1em;
   }
}

/* Component: video embed */

.custom-page__embed {
   	position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.custom-page__embed iframe {
  	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.custom-page__link {
   font-weight: bold;
   text-decoration: underline;
}

.custom-page__link:hover {
   opacity: 50%;
}


/* Component: content filters */

.content-filters {
  margin-bottom: 25px;
  text-align: center;
  display: block;
}

.content-filters li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 8px;
}

.gui a.gui-button-small.js-content-filters__filter--active {
  background-color: #F7941E;
  color: #fff;
}

-webkit-@keyframes fadeOutAndIn {
  0% { opacity: 1; } 
  50% { opacity: 0; }
  100% { opacity: 1; }
}

-moz-@keyframes fadeOutAndIn {
  0% { opacity: 1; } 
  50% { opacity: 0; }
  100% { opacity: 1; }
}

-o-@keyframes fadeOutAndIn {
  0% { opacity: 1; } 
  50% { opacity: 0; }
  100% { opacity: 1; }
}

-ms-@keyframes fadeOutAndIn {
  0% { opacity: 1; } 
  50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOutAndIn {
  0% { opacity: 1; } 
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.js-content-filters-target {
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out;
  -moz-transition: opacity 400ms ease-in-out;
  -o-transition: opacity 400ms ease-in-out;
  -ms-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}

.js-content-filters-target--filtering {
  opacity: 0;
}

.js-filterable--hidden {
  display: none;
}

/* Mobile */




/* Desktop */

 .headline-item h4 {
	color: rgba(228, 144, 20, 0.8); !important
}

@media only screen and (min-width: 800px) {


   .custom-page__section {
      padding: 40px 0 40px 0;
   }
   .custom-page__section--left {
      width: 62%;
      float: left;
      clear: left;
      box-sizing: border-box;
      padding-right: 30px;
   }
   .custom-page__section--right {
      width: 38%;
      float: right;
      clear: right;
      box-sizing: border-box;
      padding-left: 30px;
   }
   .custom-page__container.custom-page__container--equal-columns .custom-page__section--left,
   .custom-page__container.custom-page__container--equal-columns .custom-page__section--right {
      width: 50%;
   }
}