/* General */
.container {
  max-width: 1300px!important;
}

ul {
  	padding-left: 20px;
}

.gui-page-title {
  	display: none;
}

.gui {
  	color: #323232;
}

.gui-block {
  	border: none;
}

.gui-form label {
  line-height: 29px;
}

.tm-nav {
  	height: auto;
}

.tm-nav-item {
  	background-color: #fff;
  	border-radius: 6px;
  	color: #323232;
  	display: block;
  	font-size: 0.9rem;
  	font-weight: 600;
  	margin-bottom: 15px;
  	padding: 10px 20px;
  	text-transform: uppercase;
}

.tm-nav-item:hover {
  	color: #adadad;
}

.tm-active-nav-item {
  	background-color: #de2c3b;
  	color: #fff;
}

.tm-active-nav-item:hover {
  	color: #fff;
}

.card-title-md {
  	font-family: 'Poppins', sans-serif;
  	font-size: 1.2rem;
  	font-weight: 600;
}

/* NAV  */
.navbar-nav .nav-item:not(:last-of-type) a{
 	 	font-weight: 600;
    color: #323232;
    display: block;
    padding: .5rem 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 0.8rem;
    text-decoration: none;
    background-color: transparent;
    padding-right: .5rem;
    padding-left: .5rem;
    box-sizing: border-box;
}

.navbar-nav .nav-item:not(:last-of-type) a:hover{
 color: #007eb0; 
}

/* Account */
.gui-block-title, #gui-account-login-new-customers-title {
  	background-color: #8B8B8B;
  	border-radius: 7px 7px 0 0;
  	padding: 10px 30px;
}

.gui-block-title strong, #gui-account-login-new-customers-title {
  	font-size: 1.3rem;
  	font-family: 'Poppins', sans-serif;
  	color: #FFF;
}

.gui-block-content, .gui-login .gui-account-loyalty-content {
  	background-color: #FFF;
  	height: auto;
  	padding: 15px 30px;
}

.gui-block-content p {
  	margin-bottom: 13px;
}

.gui-input, .gui-select {
  	background-color: #FFF;
}

.gui-buttons {
  	margin: 30px 0px;
}

.gui a.gui-button-small {
  	font-family: 'Poppins', sans-serif;
  	background-color: #007EB0;
  	color: #FFF;
  	border: none;
  	border-radius: 6px;
}

.gui a.gui-button-small:hover {
  	background-color: #00A3E3;
}

#gui-form-discount a.gui-button-small {
  	display: block;
}


/* Cart */
.gui-table thead tr th {
  	background-color: #8B8B8B;
  	color: #FFF;
}

.gui-table tbody {
  	background-color: #FFF;
}

.gui-div-cart-coupons {
  	margin-bottom: 10px !important;
}

/* Classes in a string attached to an element, searches for elements that have all the classes in the string, instead of a parent-child relation */
.gui a.gui-button-large.gui-button-action {
  	font-family: 'Poppins', sans-serif;
  	background-color: #00B233;
  	border: none;
  	border-radius: 6px;
  	color: white;
}

.gui a.gui-button-large.gui-button-action:hover {
  	background-color: #00D13C;
}


/* Checkout */
.gui-checkout .gui-table {
  margin-bottom: 15px;
}

.gui-checkout #gui-form-comment {
  background-color: #fff;
}

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

.gui-thankyou .gui-block-inner strong {
  margin-left: 15px
}

.gui-thankyou .gui-block-inner a {
  margin-right: 15px
}

.gui-thankyou .gui-col2-equal {
  margin-bottom: 30px;
}


/* Blog */
.gui-blog .gui-col2-right-col1 {
  	background-color: #FFF;
  	padding: 20px;
}

.gui-blog-article-more a{
    color: #949494;
}

.gui-blog-article-more a:hover{
    color: #0a8de9;
}

.gui-blog .gui-page-title {
  	font-size: 0.9rem;	
		font-weight: 700;
  	color: #000;
  	padding-bottom: 15px;
  	border-bottom: 1px solid #000;
  	text-transform: uppercase;
}

/* First article element */
.gui-blog .gui-col2-right-col1 article:nth-of-type(1) header h1 a {
  	font-size: 1.8rem;
}

.gui-blog-article header h1 a {
  	font-size: 1.2rem;
  	font-weight: 700;
  	color: #de2c3b;
}

article li {
  	display: none;
}

#gui-recent-blog-articles-title {
  	background-color: #FFF;
  	border-radius: 0;
  	border-bottom: 1px solid #000;
  	padding-bottom: 15px;
}

#gui-recent-blog-articles-title strong {
  	font-size: 0.9rem;	
		font-weight: 700;
  	color: #000;
  	text-transform: uppercase;
}

.gui-block-linklist li a {
  	font-size: 1.1rem;
  	font-weight: 700;
  	color: #de2c3b;
}


/* Customer service */
.gui-div-faq-questions {
  	background-color: #fff;
  	border-radius: 6px;
  	padding: 30px;
  	margin-bottom: 15px !important;
}

.gui-div-faq-questions .gui-content-title {
  	font-weight: 700;
  	padding: 10px 0;
}

.gui-div-faq-questions .gui-content-subtitle {
  	padding: 12px 10px;
}

.gui-div-faq-questions .gui-content-subtitle strong {
  	color: #007eb0;
  	font-size: 0.9rem;
  	font-weight: normal;
}

.gui-div-faq-questions .gui-content-subtitle:hover {
		background-color: #f6f7f9;
  	cursor: pointer;
    transition: all .3s ease;
}

.gui-div-faq-questions .gui-content-wysiwyg {
    background-color: #f6f7f9;
    border-left: 2px solid #c6c6c6;
  	font-size: 1rem;
}

.gui-div-faq-questions .gui-content-wysiwyg ol, .gui-div-faq-questions .gui-content-wysiwyg ul, .gui-div-faq-questions .gui-content-wysiwyg p {
  	padding: 0 30px;
}

.gui-div-faq-right .gui-div-faq-links {
  	display: none;
}

.fa-envelope, .fa-phone {
  	color: #323232;
}


/* About */
.company-info-card p {
  	margin: 0;
}

.image-wrap-about {
    min-height: 190px;
  	overflow: hidden;
}

.video-wrap-about img {
    width: 100%;
}

.staff-card {
  	align-items: center;
  	background-color: #fff;
  	display: flex;
  	height: 255px;
  	padding: 15px;
  	width: 100%;
}

.staff-card-img-wrap {
  	width: 45%;
}

.staff-card-img-wrap img {
  	width: 100%;
}

.staff-card-text-wrap {
  	width: 55%;
}

.staff-card p {
  	margin-bottom: 5px;
}

.staff-card h3 {
    color: #de2c3b;
  	font-size: 1.4rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
  	margin-bottom: 15px;
}

/* Dashboard */
.gui-account-links li a {
		font-size: 1rem;
  	font-weight: 400;
}

.gui-account .gui-block-subcontent {
  	margin-bottom: 20px;
}

.gui-block-productlist li .gui-block-productlist-text a {
  	white-space: normal;
}

section.category-text{
  margin: 0;
}
section.category-text .col-md-12.px-md-2{
  min-height: 55px;
  align-items: center;
  border-radius: 10px;
  background-color: #FFF;
  padding: 0px 15px 0px!important;
}
section.category-text .col-md-12.px-md-2 p:first-of-type{
	margin-top: 0rem;
 	margin-bottom: 1rem; 
}
section.category-text .col-md-12.px-md-2 h1
section.category-text .col-md-12.px-md-2 h2,
section.category-text .col-md-12.px-md-2 h3,
section.category-text .col-md-12.px-md-2 h4,
section.category-text .col-md-12.px-md-2 h5,
section.category-text .col-md-12.px-md-2 h6{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0px 0px;
  color: black;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.orange-bar h1,
.orange-bar h2,
.orange-bar h3,
.orange-bar h4,
.orange-bar h5,
.orange-bar h6{
/*   background-color: #f07c00; */
}
.grey-bar h1,
.grey-bar h2,
.grey-bar h3,
.grey-bar h4,
.grey-bar h5,
.grey-bar h6{
/*   background-color: #888888; */
}
section.category-text.grey-bar{
	margin-bottom: 2rem !important;
}
section.category-text.orange-bar{
  margin-top: 2.5rem;
  margin-bottom: 0rem;
}

.hidden{
	display: none;
}

@media only screen and (min-width: 768px) {
  
  /* general */
  .tm-nav {
    margin-bottom: 15px;
  }
  
  .tm-nav-item {
    margin-bottom: 0;
  }
  
  .textpage .tm-nav > div {
    padding: 0 8px;
  }
  
  
  /* Cart */
  #gui-form-cart td:nth-of-type(1) {
  	width: 68px;
	}
  
  
  /* Service */
  .gui-div-faq-questions .gui-content-wysiwyg {
    padding: 30px 5px;
  	margin: 15px 30px;
  }
  
  
  /* About */
  .video-wrap-about {
    height: 349px;
  }
  
  .video-wrap-about iframe {
    height: 100%;
    width: 100%;
  }
  
  .Overons{
   	padding: 0px 15px;
    box-sizing: border-box; 
  }

  .Overons .wysiwyg-content-section ul{
    list-style: disc!important;
  }

	/* FAQ/Klantenservice  */
  .gui-faq .gui-div-faq-questions h3{
  	font-size: 1.1em;
  }
  
   .gui-faq .gui-div-faq-questions h3:not(:first-of-type){
    margin: 35px 0 20px;
  }
  
  .gui-faq .gui-div-faq-questions > ul > li:first-of-type{
    color: #007eb0;
    font-size: 0.9rem;
    font-weight: normal;
    list-style:none;
    padding: 12px 10px;
  }
  
  .gui-faq .gui-div-faq-questions > ul > li:hover {
    background-color: #f6f7f9;
    cursor: pointer;
    transition: all .3s ease;
  }
  
  .gui-faq .gui-div-faq-questions > ul > li:last-of-type {
    display: none;
    padding: 30px 5px 30px 35px;
    margin: 15px 30px;
    background-color: #f6f7f9;
    border-left: 2px solid #c6c6c6;
    font-size: 1rem;
    list-style:none;
  }
  
  .gui-faq .gui-div-faq-questions > ul > li > ol {
    padding: 0 0 0 18px;
  }
  .gui-faq .gui-div-faq-questions > ul > li > ol > li::marker{
   	font-weight: bold; 
  }
  
  .gui-faq .gui-div-faq-questions > ul > li:last-of-type > ul{
    list-style: disc;
    padding: 0px 0 0 20px;
  }
  
  .gui-faq .gui-div-faq-questions > ul > li:last-of-type > ol > li > ul{
    list-style: disc;
    padding: 0px 0 0 5px;
  }
  
  .gui-faq .gui-div-faq-questions > ul > li:last-of-type a:hover{
    color: #007eb0;
  }

  
  /* Dashboard */
  .gui-account .gui-block-subcontent {
  	margin-bottom: 0;
	}
  
  
	/* utilities   */
  .visible-toggle{
   display: inline-block!important; 
  }
}

@media only screen and (max-width: 988px){
 .tm-row > section.col-md-9{
    max-width: unset;
    width: 100%;
    flex: 100%;
  }
  .tm-row .col-md-3.company-data-section{
    max-width: unset;
    width: 100%;
    flex: 100%;
  }
}

@media only screen and (max-width: 768px){
  .navbar-nav .nav-item a{
    color: white!important;
    padding: .5rem 0rem!important;
  }
}