/* 20220209161715 - 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: #2fad9c;
}

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

.gui-select.gui-focus .gui-handle {
  border-color: #2fad9c;
}

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

/* custom */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.2125em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.gui-div-cart-sum a.gui-button-action, .gui-confirm-buttons a.gui-button-action, .btn.primary, .gui-button-action {
  background-color: #ff5e00!important;
  color: white!important;
  border: 0!important;
}

/* Changes to products page */

.usp-info-block {
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
}

@media (max-width: 767px) {
  .usp-info-block {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.products.row, .product-wrap.row {
  background-color: white;
}

.product-wrap.row .product-tabs .spec-title {
  padding-right: 15px;
}

.product-content ul { 
  list-style: initial;
  padding-left: 25px;
}

.product-content ol {
  list-style: decimal;
  padding-left: 25px;
}

.product-content p {
  margin-top: 0;
}

.product-content .info-block {
  margin-bottom: 20px;
}

.product-info .product-price .price {
  font-weight: 600;
}

/* Changes to Footer */

.copyright-payment {
  background-color: white;
}

.copyright-payment .copyright {
  opacity: 1;
}

/* Changes to text pages / content pages */

.textpage h1, .textpage h2, .textpage h3, .textpage h4, .textpage h5 {
  margin-top: 1em;
}

.textpage ol, .text-page ul {
  padding-left: 40px;
}

.textpage a.btn {
  margin: 10px;
}

/* Custom info pages */

.info-page hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.info-page p {
  margin: 10px 0 10px 0;
}

.info-page img {
  margin: 0 0 10px 0;
}

/*a#userlikeTab {
  display: none;
}*/

/* Product overview */

.products .product .info {
  height: 188px;
}

.product .text {
  height: 107px;
  overflow: hidden;
  font-size: 12px;
}

.products .product .image-wrap .sale-new {
  display: none;
}

/* Afreken pagina (betaalmethode) */

.gui-payment-provider-title {
  display: none;
}

.gui-payment-method-service > label {
  border-bottom: none!important;
  padding: 15px 0!important;
}

.gui-block-option {
  padding: 0px 15px;
  border: none;
}

/* Afreken pagina (review) */

.gui-checkout-review [for=gui-form-comment]:after {
  content: ' (Ook voor uw ordernummer)';
}

#gui-block-review [for=gui-form-comment]:after {
  content: ' (Ook voor uw ordernummer)';
}

.gui-confirm {
    margin-top: 15px;
}

.gui-div-cart-sum > div:nth-child(2), .gui-confirm-buttons a.gui-button-action {
  width: 100%;
}

/* PureChat fix */

.purechat-widget .purechat-send-form-container textarea, .purechat-window .purechat-send-form-container textarea {
  max-width: initial;
}

/* div.purechat-message-wrapper:first-child span.purechat-new-thought::before {
  content: "Pieter:";
  color: #676a6d !important;
  display: block;
  font-size: .875em;
  margin-bottom: 5px;
} */

/* Custom Kleurgidsen CSS */

.usp-info-block {
  background-color: #2fad9c;
}

.kg-info-page {
  padding-top: 0px!important;
}

.kg-info-page h2 {
  background-color: #2ba091;
  padding: 10px;
  color: white;
}

/*CUSTOM STYLES FOR PANTONE AGENCY OFFERS PAGE*/
h1.agency {font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 45px; line-height: 1.1em; font-weight: 100; color: #00abaa; letter-spacing: 1px; text-align: center;}
h2.agency {font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 25px; line-height: 1.1em; font-weight: 300; color: #00abaa;}
p.agency {font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 18px; line-height: 1.1em; font-weight: normal; color: #828282;}
strong.agency {color: #00abaa;}	
img.header {width: 100%; display: block; margin-left: auto; margin-right: auto;}
img.pantonelogo {margin: auto; padding-top: 15px; padding-bottom: 15px; width: 250px; height: auto; display: block;}
.pantonebutton-left {display: inline; padding-right: 10px; padding-left: 0px; margin: 0px;}
.pantonebutton-mid {display: inline; padding-right: 10px; padding-left: 0px; margin: 0px}

/*CUSTOM STYLE FOR PANTONE LANDING PAGE*/
/* BOOTSTRAP */
    * {
    box-sizing: border-box;
    }

    .p-row::after {
    content: "";
    clear: both;
    display: table;
    }

    [class*="pcol-"] {
    float: left;
    padding: 0px 15px 0px 15px;
    }


    /* For mobile phones: */
    [class*="pcol-"] {
    width: 100%;
    }
 

    @media only screen and (min-width: 600px) {
    /* For tablets: */
    .pcol-s-full {width: 100%; padding: 0;}
    .pcol-s-1 {width: 8.33%;}
    .pcol-s-2 {width: 16.66%;}
    .pcol-s-3 {width: 25%;}
    .pcol-s-4 {width: 33.33%;}
    .pcol-s-5 {width: 41.66%;}
    .pcol-s-6 {width: 50%;}
    .pcol-s-7 {width: 58.33%;}
    .pcol-s-8 {width: 66.66%;}
    .pcol-s-9 {width: 75%;}
    .pcol-s-10 {width: 83.33%;}
    .pcol-s-11 {width: 91.66%;}
    .pcol-s-12 {width: 100%;}
    }
    @media only screen and (min-width: 768px) {
    /* For desktop: */
    .pcol-full {width: 100%; padding: 0;}
    .pcol-1 {width: 8.33%;}
    .pcol-2 {width: 16.66%;}
    .pcol-3 {width: 25%;}
    .pcol-4 {width: 33.33%;}
    .pcol-5 {width: 41.66%;}
    .pcol-6 {width: 50%;}
    .pcol-7 {width: 58.33%;}
    .pcol-8 {width: 66.66%;}
    .pcol-9 {width: 75%;}
    .pcol-10 {width: 83.33%;}
    .pcol-11 {width: 91.66%;}
    .pcol-12 {width: 100%;}
    }
		
  .embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; overflow: hidden; 
    max-width: 100%; } 
  .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; }



/* HEADINGS: */
h1.pantone {
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 44px;
    line-height: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    }
h3.pantone {
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 20px;
    line-height: 1.1em;
	text-align: center;
    }
h2.pantone {
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 26px;
    line-height: 1.1em;
    }
h1.dropshadow {text-shadow: 3px 5px 0px #012CA0; color: #ffffff; text-size: 60px; text-align: center;}
h1.dropshadowblue {color: #ffffff; text-shadow: -3px 3px 0px #012CA0; text-align: center;}
h1.dropshadowgrey {color: #3f64cb; text-shadow: -2px 2px 0px #aaaaaa; text-align: center;}
.blue {color: #3f64cb;}

/* BUTTONS: */
.myButton {
	box-shadow: -4px 6px 4px -3px #b8b8b8;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-color:#3f64cb;
	display:inline-block;
	cursor:pointer;
	text-transform: uppercase;
	color:#ffffff;
	font-weight:bold;
	padding:13px 35px;
	text-decoration:none;
	margin: auto;
}
.myButton:hover {
	background-color:#012CA0;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton2 {
	box-shadow: -4px 6px 4px -3px #012CA0;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-color:#ffffff;
	text-transform: uppercase;
	display:inline-block;
	cursor:pointer;
	color:#3f64cb;
	font-weight:bold;
	padding:13px 35px;
	text-decoration:none;
	margin: auto;
}
.myButton2:hover {
	background-color:#f0f0f0;
}
.myButton2:active {
	position:relative;
	top:1px;
}
.buttoncontainer {text-align: center;}

/* COMPARISON TABLES: */		
div.comparison {
	background-color: #899fde;
	text-align: center;
	}
div.comparison:hover {background-color: #c1cff4;}
	.comparison img{
		max-width: 290px; 
		width: 100%; 
		height: auto;
		padding: 10px 0 10px 0;
	}
h2.comparison{
		background-color: #012ca0;
		color: #ffffff;
		padding: 10px;
		margin: 0;
		font-size: 18px;
	}
h4.comparison{
		font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height: 1.5em;
		color: #012ca0;
		padding: 5px;
		margin: 0;
		font-weight: normal;
		
		font-size: 13px;
	}
.comparison a{text-decoration: none;}
.greybg {background-color: #f0f0f0;}
.bluebg {background-color: #3f64cb; color: #ffffff;}
.bottom {vertical-align: bottom;}

/* PANTONE IMAGES*/
img.slash {float: left; width: 100%; height: auto; display: inline-block;}
img.slashflip {float: left; width: 100%; height: auto; display: inline-block; -webkit-transform: scaleY(-1); transform: scaleY(-1);}
img.inspire {float: left; max-width: 2000px; width: 100%; height: auto;}
img.icon {width: 100px; margin: auto}
img.hand {width: 100%; max-width: 100%; margin-left: -15px;}
img.i1 {width: 100%; float: right; margin: 0;}
img.evaluate {float: right; max-width: 2000px; width: 100%; height: auto;}
img.rightnoinset {float: right; max-width: 2000px; width: 100%; height: auto; margin-right: -15px}
/*misc*/
div.clear {clear:both}

/* PANTONE TEXTILES */

h1.textiles {
    font-size: 32px;
    }
h1.dropshadow-textiles {text-shadow: 3px 5px 0px #AF1700; color: #ffffff; text-size: 60px; text-align: center;}
h1.dropshadow-pink-textiles {color: #ffffff; text-shadow: -3px 3px 0px #ED5447; text-align: center;}
h1.dropshadowgrey-textiles {color: #ED5447; text-shadow: -2px 2px 0px #aaaaaa; text-align: center;}

.pinkbg {background-color: #ED5447; color: #ffffff;}
.pink {color: #ED5447;}

/* COMPARISON TABLES - TEXTILES: */	
h1.comparison{font-size: 45px; text-align: left;}
div.comparison-textiles {
	background-color: #f9aea8;
	text-align: center;
	}
div.comparison-textiles:hover {background-color: #ea9f99;}
	.comparison-textiles img{
		max-width: 290px; 
		width: 100%; 
		height: auto;
		padding: 10px 0 10px 0;
	}
h2.comparison-textiles{
		background-color: #AF1700;
		color: #ffffff;
		padding: 10px;
		margin: 0;
		font-size: 18px;
	}
h4.comparison-textiles{
		font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height: 1.5em;
		color: #AF1700;
		padding: 5px;
		margin: 0;
		font-weight: normal;
		
		font-size: 13px;
	}
.comparison-textiles a{text-decoration: none;}

/* BUTTONS - TEXTILES */

.butt-textiles {
	box-shadow: -4px 6px 4px -3px #b8b8b8;
	background-color: #ED5447;
}
.butt-textiles:hover {
	background-color: #AF1700;
}
.butt2-textiles {
	box-shadow: -4px 6px 4px -3px #AF1700;
	background-color:#ffffff;
	color:#ED5447;
}
.butt2-textiles:hover {
	background-color:#f0f0f0;
}

/* PANTONE product design */

/* PANTONE product design */

h1.productdesign {font-size: 28px;}
h1.dropshadow-productdesign {text-shadow: 3px 5px 0px #b88101; color: #ffffff; text-size: 60px; text-align: center;}
h1.dropshadow-pink-productdesign {color: #ffffff; text-shadow: -3px 3px 0px #FFAE00; text-align: center;}
h1.dropshadowgrey-productdesign {color: #FFAE00; text-shadow: -2px 2px 0px #aaaaaa; text-align: center;}

.yellowbg {background-color: #FFAE00; color: #ffffff;}
.yellow {color: #FFAE00;}

/* BUTTONS - pantone product design */

.butt-productdesign {
	box-shadow: -4px 6px 4px -3px #b8b8b8;
	background-color: #FFAE00;
}
.butt-productdesign:hover {
	background-color: #b88101;
}
.butt2-productdesign {
	box-shadow: -4px 6px 4px -3px #b88101;
	background-color:#ffffff;
	color:#FFAE00;
}
.butt2-productdesign:hover {
	background-color:#f0f0f0;
}

/* Colour Guides Content */

table.contents {
  width: 100%;
  border-collapse: collapse;
  color: #000000;
  position: sticky;
  font-size: 16px;
  background-color: #eaeaea;
  z-index: 100;
  	
}

table.contents td, table.customTable th {
  padding: 5px;
}

	
table.contents tr {
    border-bottom: 2px solid #aaaaaa;
}

table.contents tr:last-child { 
    border-bottom: none; 
}
  .embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; overflow: hidden; 
    max-width: 100%; } 
  .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
	z-index: 1;}
	
	
.contentsindent {
	padding-left: 10px;}