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

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

.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: #98ccc6;
}

/* custom */
#header .search-icon-global {
  position: absolute;
  right: 0;
  width: 18px;
  z-index: 2;
  right: 135px;
}
#header .search-icon-global .search-icon-self {
	padding-right:0;
}
.cart-block-wrap {
	z-index:1;
}
#header .main-header .logo {
  text-align:left !important;
}

.hero-slider-wrapper .usp-block ul li, #header .usp-block ul li {
  font-size:18px;
}

.hero-wrapper-block .item .text-box .text-wrap .link.button, .video-foreground .link.button, .banners .banner .text-box .text-wrap .link.button, .products .product .quickview-button a.open-popup, .home-blog .more a {
  /*border: none;*/
  font-size:16px;
  /*background:#fff;*/
}
.hero-wrapper-block .item .text-box .text-wrap .link.button:hover {
  /*background:#fff !important;*/
  opacity:1 !important;
}
/*.hero-wrapper-block .item .text-box .text-wrap .link.button, .video-foreground .link.button, .banners .banner .text-box .text-wrap .link.button, .products .product .quickview-button a.open-popup, .home-blog .more a {*/
/*  padding: 12px 35px;*/
/*}*/
.button.button-dark.transparency:hover:before {
  /*background-color:#fff !important;*/
  opacity:1 !important;
}

.hero-wrapper-block .item .text-box .text-wrap .link.button, .video-foreground .link.button, .banners .banner .text-box .text-wrap .link.button, .products .product .quickview-button a.open-popup, .home-blog .more a {
  font-size:16px;
  border-radius: 30px !important;
  border-color:transparent !important;
  background:#ff5865 ;
}
@media (max-width:768px) {
  #header .search-icon-global {
    position: inherit;
    right: inherit;
    width: inherit;
  }
  #header .main-header .logo {
    text-align:center !important;
  }
  #header .main-header .logo-center-tab {
    width:0;
  }
}
/* BEGIN Jeffrey Brignas |  07/25/19 To remove the title from the klantenservice page */
body > div.wrapper > div.textpage.page-title.text-center > h1{
  display:none;
}

/* END Jeffrey Brignas |  07/25/19 */

/* Name: Mary | Date: July 30 2019 | Reason:  increase logo size| Begin. */
.navigation .logo img {
  height: auto;
  width: auto;
}
/* Name: Mary | Date: July 30 2019  | Reason: n| End. */

/***** Stan C. | Date: Aug 20, 2019 Time: 12:23 Montreal Time | Reason: replace "Inloggen" text| Ticket: 952171 | START *****/
a[title="Mijn account"] {
  position: absolute;
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

a[title="Mijn account"]::after {
  content: "Inloggen voor professionals";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}
/***** Stan C. | Date: Aug 20, 2019 Time: 12:23 Montreal Time  | END *****/



/** Start Custom CSS - Maxime Verloove - maxime@generationshop.be **/
.primary-hero-wrap:not(.cera-hero) {
  background-position: 0% 0% !important;
}

nav.primary > ul > li:nth-last-child(4) > .itemLink,
nav.primary > ul > li:nth-last-child(1) > .itemLink {
  color: #569c93;
}

.cera-hero {
  height: 400px;
}

.cera-badge {
  text-transform: capitalize !important;
}

@media only screen and (max-width: 767px) {
  .responsive-table td {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
}

.responsive-table td {
  padding: 20px;
}

/**.sale-new {
  background: none !important;
}
.sale-new img {
    width: 100px !important;
}**/

.publitas-container {
    display: block; 
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 130%;
}
@media (min-width: 767px) {
    .publitas-container {
        padding-top: 66%;
    }
}
.publitas-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    #ot-sdk-btn-floating.ot-floating-button {
       	bottom: 55px !important;
    }
}