/* productdetail pagina pi_header omschrijving uit products_info  readmore ook gebruikt op collectie pagina in tekst */
@media screen and (max-width:349px) {
	.gray-header {
	font-size : 0.7em; 
	font-family : Arial;
	color : #909090;
	}
  .gray-header-readmore {
  font-size : 0.8em; 
  font-family : Arial;
  color : #B0B0B0;
  }
  /*.gray-header-readmore h2 {
    font-size : 1em; 
  }*/
	.gray-header label {
	font-weight: normal;
		font-size : 0.7em; 
	}
.cs-outlet-html {
  color : #b8a354;
  font-size: 4.8vw;
}
}
@media screen and (max-width:499px) and (min-width:350px) {
	.gray-header {
	font-size : 0.8em; 
	font-family : Arial;
	color : #909090;
	}
	.gray-header-readmore {
  font-size : 0.9em; 
  font-family : Arial;
  color : #B0B0B0;
  }
  .gray-header label {
	font-weight: normal;
		font-size : 0.8em; 
	}
.cs-outlet-html {
  color : #b8a354;
  font-size: 4.8vw;
}	
}
@media screen and (max-width:767px) and (min-width:550px) {
	.gray-header {
	font-size : 1em; 
	font-family : Arial;
	color : #909090;
	}
	.gray-header-readmore {
  font-size : 1.1em; 
  font-family : Arial;
  color : #B0B0B0;
  }
  .gray-header label {
	font-weight: normal;
		font-size : 1em; 
	}
.cs-outlet-html {
  color : #b8a354;
  font-size: 2.5vw;
}
}
@media screen and (max-width:1199px) and (min-width:768px) {
	.gray-header {
	font-size : 0.7em; 
	font-family : Arial;
	color : #909090;
	}
	.gray-header-readmore {
  font-size : 0.8em; 
  font-family : Arial;
  color : #B0B0B0;
  }
  .gray-header label {
		font-weight: normal;
		font-size : 1.2em; 
	}
	.cs-outlet-html {
	  color : #b8a354;
	  font-size: 2vw;
  }
}
@media screen and (max-width:1499px) and (min-width:1200px) {
	.gray-header {
	font-size : 0.8em; 
	font-family : Arial;
	color : #909090;
	}
	.gray-header-readmore {
  font-size : 0.9em; 
  font-family : Arial;
  color : #B0B0B0;
  }
  .gray-header label {
		font-weight: normal;
	}
}
@media screen and (min-width:1500px) {
	.gray-header {
	font-size : 0.9em; 
	font-family : Arial;
	color : #909090;
	}
	.gray-header-readmore {
  font-size : 1em; 
  font-family : Arial;
  color : #B0B0B0;
  }
  .gray-header label {
		font-weight: normal;
	}
}
.gray-header .text {
	line-height:15px;
}
.gray-header .text.short {
    height: 90px;
    overflow: hidden;
}
.gray-header .text.full {
    
}
.gray-header-readmore .text {
  line-height:15px;
}
.gray-header-readmore .text.short {
    height: 90px;
    overflow: hidden;
}
 .gray-header-readmore button {
    color:white;
    background-button: red;
 }
.gray-header-readmore h2 {
    font-size:1.2em;
}

  .cs-collectie-boek {
  color : white; 
  /*height : 45px;*/
  min-height:5em;
  text-align: center;
  padding-top : 12px;
  background-color : #182551; /* donker blauw * / #004225; / *donker groen */
  border-radius : 4px;
  font-size : 0.7em;
  }
.cs-collectie-boek p  {
  color : white;
  text-decoration: none;
  }
  .cs-collectie-boek-groen {
  color : white; 
  /*height : 45px;*/
  min-height:5em;
  text-align: center;
  padding-top : 12px;
  background-color : #004225; /* donker groen */
  border-radius : 4px;
  font-size : 0.7em;
  }
.cs-collectie-boek-groen p  {
  color : white;
  text-decoration: none;
  }

/*.popup-header {
  width: 100%; / * Full width * /
  height: 100%; / * Full height * /
  display: none; / * Hidden by default * /
  position: fixed; / * Stay in place * /
  z-index: 99; / * Sit on top * /
  / *padding-top: 70px;  Location of the box set in javascript* /
  overflow: auto; / * Enable scroll if needed * /
  background-color: rgb(0,0,0); / * Fallback color * /
  background-color: rgba(0,0,0,0.8); / * Black w/ opacity * /
 }
 */
  .lime-1 {
  font-size :0.5em; /*11pt;*/
  font-family : Arial;
  color : #00ff80;
  }
 
 @media screen and (max-width:1025px) {
  .blue-1 {
  font-size :0.7em; /*11pt;*/
  font-family : Arial;
  color : #009dfe;
  }
}
@media screen and (min-width:1025px) {
  .blue-1 {
  font-size : 0.7em; /*11pt;*/
  font-family : Arial;
  color : #009dfe;
  }
}
.blue-1 a:hover {
  
}
 
 
 /* The Modal (background) */
 .popup-header {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 300; /* Sit on top */
  /*padding-top: 70px;  Location of the box set in javascript*/
  /*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.8); /* Black w/ opacity */
 }
 
 /* Modal Content */
 .popup-header-content {
  background-color: #004225; /*#fefefe;*/
  color: #bbb;
  align:center;
  /*margin: auto;*/
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-radius : 4px;
  border: 1px solid #888;
 }
 
 /* The Close Button */
 .popup-header-close {
 	cursor:pointer;
  background-color: #0a0a0a;
	font-size:18px;
 	color: #aaa;
  opacity: 1.5;
  border-radius : 4px;
  border: 1px solid #888;
 }
.popup-header-close:hover,
.popup-header-close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=90);
  opacity: .8;
}
.sc-button-os {
width : 100%;
padding-top:5px;
padding-bottom:5px;
font-size : 12px;
text-align : center;
float : left;
color : #fafafa;
border-radius : 4px;
background-color : #009dfe;
}
.sc-button-os:hover {
cursor : pointer;
background : #108dae;
}
.prod-button-blue {
padding-top:5px;
padding-bottom:5px;
font-size : 12px;
text-align : center;
float : left;
color : #fafafa;
border-radius : 4px;
background-color : #009dfe;
}
.prod-button-blue:hover {
cursor : pointer;
background : #108dae;
}
.image-link-pd {
display : inline-block;
margin : 0 0 20px 0;
line-height : 0;
border-radius : 4px;
border : #5e5e5e solid 4px;
max-width:750px;
transition : all 0.1s ease-out;
}
#pc_select_Ka { /* voor test op iPhone */
	-webkit-align-items: center;
  -webkit-appearance: menulist-button;
  -webkit-rtl-ordering: logical;
  -webkit-writing-mode: horizontal-tb;
  /*background-color: rgb(255, 255, 255);
  border-radius: 0px;
  border: 1px solid rgb(204, 204, 204);
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  box-sizing: border-box;
  color: rgb(85, 85, 85);*/
  cursor: pointer;
  display: inline-block;
  /*font-size: 14px;
  font-weight: normal;
  height: 30px;
  letter-spacing: normal;
  line-height: normal;
  margin: 0px 0px 10px 0px;
  padding: 4px 6px;*/
 
  text-align: start;
  text-indent: 0px;
  text-shadow: none;
  text-transform: none;
  vertical-align: middle;
  white-space: pre;
  word-spacing: 0px;
  
  /*width: 220px;*/
}

/* 
* BUTTONS inloggen en inlogcode aanvragen op proddetail en flipsnack pagina's
*/
/*.white-b2b {
    background-color:#182551;
    border: none;
    font-size : 0.7em; 
    color: white;
    text-align: center;
    width:90%;
    height: 25px;
    cursor: pointer;
}*/
@media screen and (max-width:349px) {
  .white-b2b {
  font-size : 0.7em; 
  font-family : Arial;
  color : white;
  }
  .white-b2b button {
    font-weight: normal;
    font-size : 0.7em;
    background-color:#182551;
    border: none;
    height: 4rem;
    width:100%;
    margin-top:5px; 
  }
}
@media screen and (max-width:499px) and (min-width:350px) {
  .white-b2b {
  font-size : 0.8em; 
  font-family : Arial;
  color : white;
  }
  .white-b2b button {
    font-weight: normal;
    font-size : 0.8em; 
    background-color:#182551;
    border: none;
    width:100%;
    height: 4rem;
    margin-top:5px;
  }
}
@media screen and (max-width:767px) and (min-width:550px) {
  .white-b2b {
  font-size : 1em; 
  font-family : Arial;
  color : white;
  }
  .white-b2b button {
    font-weight: normal;
    font-size : 0.9em; 
    background-color:#182551;
    border: none;
    width:100%;
    height: 4rem;
    margin-top:5px;"
  }
}
@media screen and (max-width:1199px) and (min-width:768px) {
  .white-b2b {
  font-size : 0.7em; 
  font-family : Arial;
  color : white;
  }
  .white-b2b button {
    font-weight: normal;
    font-size : 0.8em; 
    background-color:#182551;
    border: none;
    width:100%;
    height: 5rem;
    margin-top:5px;
  }
}
@media screen and (max-width:1499px) and (min-width:1200px) {
  .white-b2b {
  font-size : 0.7em; 
  font-family : Arial;
  color : white;
  }
  .white-b2b button {
    font-size : 0.8em; 
    font-weight: normal;
    background-color:#182551;
    border: none;
    width:100%;
    height: 4rem;
  }
}
@media screen and (min-width:1500px) {
  .white-b2b {
  font-size : 0.9em; 
  font-family : Arial;
  color : white;
  }
  .white-b2b button {
    font-size : 0.8em; 
    font-weight: normal;
    background-color:#182551;
    border: none;
    width:100%;
    height: 4rem;
  }
}

.garantie-button button {
  border-radius : 4px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:15px;
  background-color : #182551; /*donker blauw*/
  vertical-align: middle;
  text-align:center;
  cursor:pointer;
  autofocus:true;
}
.garantie-button button a {
	color: white;
}
.garantie-button button a:hover {
  color : gray;
}