/* Algemeen */
body {background:#FFF;}
/* Content beperken tot 90% breedte van scherm bij medium schermen (ipad portrait) */
@media only screen and (min-width: 993px) and (max-width: 1024px) {
	.container{
		width:90%;
	}
}

h1 {
	font-size: 3rem;
}
/* Uppercase tekst */
.uppercase {
	text-transform:uppercase;
}
/* Vette tekst */
.bold {
	font-weight:bold;
}

/* uitlijning */
.bottom-align {
	vertical-align:bottom;
}
.top-align {
	vertical-align:top;
}
.middle-align {
	vertical-align:middle;
}

/* Afgeronde hoeken */
.rounded-corners {
	border-radius:0.8em 0em 0.8em 0em;
}
.about-border {
	border: 1px solid rgba(118, 186, 41, 1);
	padding:1.5rem!important;
	border-radius: 4em 0em 4em 0em;
}

/* Anchor links beetje naar onder schuiven vanwege navigatie-balk */
.anchor {
	padding-top: 80px;
	margin-top: -80px;
}

/* Marges uitschakelen */
.no-margin{
	margin:0px;
}

/* Padding uitschakelen */
.no-padding {
	padding:0px;
}

/* Bij hoverable content, cursor een handje maken */
.hoverable {
	cursor:pointer;
}

/* Bij multiline tekst met icoontje, tekst uitlijnen */
.multitekst-met-icoon {
	display:block;
	padding-left:20px;
}
.multitekst-met-icoon i {
	margin-left:-20px;
}

/* Fix voor breedte dropdown-content */
.dropdown-content {
	min-width:0;
}

/* greenspeed style ul */
ul.ul-greenspeed{

}
ul.ul-greenspeed li {
	list-style:none;
	margin:10px 0px 10px 1em;
	background-image:url('../img/diverse/blaadje.png');
	background-size:1em 1em;
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:1.5em;
}

/* greenspeed style ol */
ol.ol-greenspeed{
	list-style: none;
	counter-reset: li;
}
ol.ol-greenspeed > li::before {
	content: counter(li);
	color: white;
	background: orange;
	border-radius:50%;
	display: inline-block;
	border-radius: 50%;
	font-weight:bold;
	text-align:center;
	width: 36px;
	height: 36px;
	padding: 8px;
	margin-left: -36px;
}
ol.ol-greenspeed > li {
	counter-increment: li;
	margin: 1rem 0rem;
}

/* Navigatie-balk */
/* Hoogte icoontjes */
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
	height: 64px;
	line-height: 64px;
}
@media only screen and (max-width: 600px) {
	nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
		height: 56px;
		line-height: 56px;
	}
}

/* Logo */
nav .brand-logo,
nav .brand-logo img {height:100%;}

/* Bij hover achtergrond knop lichtgroen maken */
nav ul a:hover,
.side-nav a:hover {
	background-color: rgba(118, 186, 41, 0.2);
}

/* Actieve knop groene achtergrond en witte text */
nav ul li.active,
.side-nav li.active {
	background-color:rgba(118, 186, 41, 1);
}
nav ul li.active a,
.side-nav li.active a,
.side-nav li.active a i {
	color:#FFF!important;
}
nav ul.dropdown-content i,
nav ul.dropdown-content [class^="mdi-"],
nav ul.dropdown-content [class*="mdi-"],
nav ul.dropdown-content i.material-icons {display:inline-block;vertical-align:middle;}

nav ul a span.badge {
    position: absolute;
    top: 5px;
    padding: 0.5rem;
    min-width: 1rem;
    right: 5px;
    font-size: 0.6rem;
}

.dropdown-content li.nohover:hover, .dropdown-content li.nohover.active, .dropdown-content li.nohover.selected {
	background-color: #fff;
}

/* Zoekbalk in navigatie */
nav .search-form {height:64px;}
.input-field input[type="search"] ~ .mdi-close, .input-field input[type="search"] ~ .material-icons {
	color: #444;
	cursor: pointer;
	font-size: 2rem;
	position: absolute;
	right: 1rem;
	top: 0;
	transition: color 0.3s ease 0s;
}

/* Zoekbalk in sidenav */
.side-nav li.search form label {
	line-height:21px!important;
}

/* Logo in footer */
.logo-footer {
	position:relative;
}
.logo-footer img {
	width:20%;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-10%;
}
@media only screen and (max-width: 600px) {
	.logo-footer img {
		position:relative; bottom:0px;
	}
}

/* 4 blokken met icoontjes (Duurzaam, efficient, ...) */
.keywords img {
	display:block;
	margin:0px auto;
	height:100px;
}
.about.keywords img {
	height:50px;
}

/* Main content iets laten zakken (ivm fixed navigatie) */
main {
	margin-top:20px;
}

/* Slider-aanpassingen */
/* Achtergrond op wit zetten */
.slider .slides {
	background:#FFF;
}

/* Ervoor zorgen dat afbeelding links begint bij kleine schermen */
@media only screen and (max-width: 600px) {
	.slider .slides li img {
		background-position:left;
	}
	.slider .slides li .caption .col {
		background:rgba(255, 255, 255, 0.8);
	}
}
.slider .slides li img.fixed-height {
	background-size:auto 400px!important;
	background-repeat: no-repeat;
}

/* blok met tekst in slider groter maken */
.slider .slides li .caption {
	left: 5%;
	right:5%;
	width:95%;
	top:5%;
	height:90%;
}
.slider .slides li .caption .col {
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
/* Achtergrond tekst iets transparant maken */
.slider .slides li .caption .col.with-background {
	background:rgba(255, 255, 255, 0.8);
}

/* Catalogus knoppen */
/* Afgeronde rechterbenedenhoek en titels goed zetten */
.catalogus .card {
	border-bottom-right-radius:1em;
}
.catalogus .card .card-content {
	padding:5px 5px 5px 10px;
	height:70px;
	border-bottom-right-radius:1em;
}
.catalogus .card-content a {
	line-height:2rem;
}
.catalogus .card-content a span {
	width:75%;
	display:block;
}

/* Prefix icoontje bij selects */
.prefix ~ .select-wrapper {
	margin-left: 3rem;
	width: 92%;
	width: calc(100% - 3rem);
}

/* Validator */
label.invalid {
	position: absolute;
	top: 48px;
	font-size:0.8rem;
	color:red;
	-webkit-transform: none!important;
	transform:none!important;
}
textarea ~ label.invalid {
	top:92px;
}
input.invalid, input.invalid:disabled{color: red!important;}
/*.character-counter {
	float:none;
	position:absolute;
	top:50px;
	right:15px;
}
textarea ~ .character-counter {
	top:
}*/
.switch label {
	line-height:26px;
	height:26px;
	vertical-align:middle;
	display:inline-block;
	width:auto;
}
.switch label:first-child {
	font-size:1rem;
}

main a.greenspeed-text:not(.btn) {text-decoration:underline;}
/* Kleuren */
/* Greenspeed groen */
.greenspeed {
	background-color: rgba(118, 186, 41, 1)!important;/*#0b3962*/
}
.greenspeed.transparent-1 {
	background-color: rgba(118, 186, 41, 0.8)!important;
}
.greenspeed.transparent-2 {
	background-color: rgba(118, 186, 41, 0.6)!important;
}
.greenspeed.transparent-3 {
	background-color: rgba(118, 186, 41, 0.4)!important;
}
.greenspeed.transparent-4 {
	background-color: rgba(118, 186, 41, 0.2)!important;
}
.greenspeed.transparent-5 {
	background-color: rgba(118, 186, 41, 0.0)!important;
}
.greenspeed-text {
	color:rgba(118, 186, 41, 1)!important;
}
.greenspeed-text.darken-1 {
	color:#008f42!important;
}
.btn.greenspeed:hover,
.btn-flat.greenspeed:hover {
	background-color: rgba(118, 186, 41, 0.8)!important;
}
.waves-effect.waves-greenspeed .waves-ripple {
	background-color: rgba(118, 186, 41, 0.65);
}

/* Greenspeed-blauw */
.greenspeed-blue{
	background-color: rgba(50, 179, 238, 1)!important;/*#0b3962*/
}
.greenspeed-blue.transparent-1 {
	background-color: rgba(50, 179, 238, 0.8)!important;
}
.greenspeed-blue.transparent-2 {
	background-color: rgba(50, 179, 238, 0.6)!important;
}
.greenspeed-blue.transparent-3 {
	background-color: rgba(50, 179, 238, 0.4)!important;
}
.greenspeed-blue.transparent-4 {
	background-color: rgba(50, 179, 238, 0.2)!important;
}
.greenspeed-blue.transparent-5 {
	background-color: rgba(50, 179, 238, 0.0)!important;
}
.greenspeed-blue-text {
	color:rgba(50, 179, 238, 1)!important;
}
.btn.greenspeed-blue:hover,
.btn-flat.greenspeed-blue:hover {
	background-color: rgba(50, 179, 238, 0.8)!important;
}
.waves-effect.waves-greenspeed-blue .waves-ripple {
	background-color: rgba(50, 179, 238, 0.65);
}

/* Greenspeed grijs */
.greenspeed-grey{
	background-color: rgba(100, 100, 100, 1)!important;/*#0b3962*/
}
.greenspeed-grey.transparent-1 {
	background-color: rgba(100, 100, 100, 0.8)!important;
}
.greenspeed-grey.transparent-2 {
	background-color: rgba(100, 100, 100, 0.6)!important;
}
.greenspeed-grey.transparent-3 {
	background-color: rgba(100, 100, 100, 0.4)!important;
}
.greenspeed-grey.transparent-4 {
	background-color: rgba(100, 100, 100, 0.2)!important;
}
.greenspeed-grey.transparent-5 {
	background-color: rgba(100, 100, 100, 0.0)!important;
}
.greenspeed-grey-text {
	color:rgba(100, 100, 100, 1)!important;
}
.btn.greenspeed-grey:hover,
.btn-flat.greenspeed-grey:hover {
	background-color: rgba(100, 100, 100, 0.8)!important;
}
.waves-effect.waves-greenspeed-grey .waves-ripple {
	background-color: rgba(100, 100, 100, 0.65);
}

/* Greenspeed interieur */
.greenspeed-catalogus-01{
	background-color: rgba(39, 166, 220, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-01.transparent-1 {
	background-color: rgba(39, 166, 220, 0.8)!important;
}
.greenspeed-catalogus-01.transparent-2 {
	background-color: rgba(39, 166, 220, 0.6)!important;
}
.greenspeed-catalogus-01.transparent-3 {
	background-color: rgba(39, 166, 220, 0.4)!important;
}
.greenspeed-catalogus-01.transparent-4 {
	background-color: rgba(39, 166, 220, 0.2)!important;
}
.greenspeed-catalogus-01.transparent-5 {
	background-color: rgba(39, 166, 220, 0.0)!important;
}
.greenspeed-catalogus-01-text{
	color: rgba(39, 166, 220, 1)!important;/*#0b3962*/
}
/* Greenspeed glas */
.greenspeed-catalogus-02{
	background-color: rgba(83, 195, 232, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-02.transparent-1 {
	background-color: rgba(83, 195, 232, 0.8)!important;
}
.greenspeed-catalogus-02.transparent-2 {
	background-color: rgba(83, 195, 232, 0.6)!important;
}
.greenspeed-catalogus-02.transparent-3 {
	background-color: rgba(83, 195, 232, 0.4)!important;
}
.greenspeed-catalogus-02.transparent-4 {
	background-color: rgba(83, 195, 232, 0.2)!important;
}
.greenspeed-catalogus-02.transparent-5 {
	background-color: rgba(83, 195, 232, 0.0)!important;
}
.greenspeed-catalogus-02-text{
	color: rgba(83, 195, 232, 1)!important;/*#0b3962*/
}
/* Greenspeed vloer */
.greenspeed-catalogus-03{
	background-color: rgba(130, 189, 71, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-03.transparent-1 {
	background-color: rgba(130, 189, 71, 0.8)!important;
}
.greenspeed-catalogus-03.transparent-2 {
	background-color: rgba(130, 189, 71, 0.6)!important;
}
.greenspeed-catalogus-03.transparent-3 {
	background-color: rgba(130, 189, 71, 0.4)!important;
}
.greenspeed-catalogus-03.transparent-4 {
	background-color: rgba(130, 189, 71, 0.2)!important;
}
.greenspeed-catalogus-03.transparent-5 {
	background-color: rgba(130, 189, 71, 0.0)!important;
}
.greenspeed-catalogus-03-text{
	color: rgba(130, 189, 71, 1)!important;/*#0b3962*/
}
/* Greenspeed sanitair */
.greenspeed-catalogus-04{
	background-color: rgba(210, 14, 61, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-04.transparent-1 {
	background-color: rgba(210, 14, 61, 0.8)!important;
}
.greenspeed-catalogus-04.transparent-2 {
	background-color: rgba(210, 14, 61, 0.6)!important;
}
.greenspeed-catalogus-04.transparent-3 {
	background-color: rgba(210, 14, 61, 0.4)!important;
}
.greenspeed-catalogus-04.transparent-4 {
	background-color: rgba(210, 14, 61, 0.2)!important;
}
.greenspeed-catalogus-04.transparent-5 {
	background-color: rgba(210, 14, 61, 0.0)!important;
}
.greenspeed-catalogus-04-text{
	color: rgba(210, 14, 61, 1)!important;/*#0b3962*/
}
/* Greenspeed keuken */
.greenspeed-catalogus-05{
	background-color: rgba(241, 130, 7, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-05.transparent-1 {
	background-color: rgba(241, 130, 7, 0.8)!important;
}
.greenspeed-catalogus-05.transparent-2 {
	background-color: rgba(241, 130, 7, 0.6)!important;
}
.greenspeed-catalogus-05.transparent-3 {
	background-color: rgba(241, 130, 7, 0.4)!important;
}
.greenspeed-catalogus-05.transparent-4 {
	background-color: rgba(241, 130, 7, 0.2)!important;
}
.greenspeed-catalogus-05.transparent-5 {
	background-color: rgba(241, 130, 7, 0.0)!important;
}
.greenspeed-catalogus-05-text{
	color: rgba(241, 130, 7, 1)!important;/*#0b3962*/
}
/* Greenspeed was */
.greenspeed-catalogus-06{
	background-color: rgba(211, 95, 160, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-06.transparent-1 {
	background-color: rgba(211, 95, 160, 0.8)!important;
}
.greenspeed-catalogus-06.transparent-2 {
	background-color: rgba(211, 95, 160, 0.6)!important;
}
.greenspeed-catalogus-06.transparent-3 {
	background-color: rgba(211, 95, 160, 0.4)!important;
}
.greenspeed-catalogus-06.transparent-4 {
	background-color: rgba(211, 95, 160, 0.2)!important;
}
.greenspeed-catalogus-06.transparent-5 {
	background-color: rgba(211, 95, 160, 0.0)!important;
}
.greenspeed-catalogus-06-text{
	color: rgba(211, 95, 160, 1)!important;/*#0b3962*/
}
/* Greenspeed persoonlijk */
.greenspeed-catalogus-07{
	background-color: rgba(125, 32, 114, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-07.transparent-1 {
	background-color: rgba(125, 32, 114, 0.8)!important;
}
.greenspeed-catalogus-07.transparent-2 {
	background-color: rgba(125, 32, 114, 0.6)!important;
}
.greenspeed-catalogus-07.transparent-3 {
	background-color: rgba(125, 32, 114, 0.4)!important;
}
.greenspeed-catalogus-07.transparent-4 {
	background-color: rgba(125, 32, 114, 0.2)!important;
}
.greenspeed-catalogus-07.transparent-5 {
	background-color: rgba(125, 32, 114, 0.0)!important;
}
.greenspeed-catalogus-07-text{
	color: rgba(125, 32, 114, 1)!important;/*#0b3962*/
}
/* Greenspeed werkwagens */
.greenspeed-catalogus-08{
	background-color: rgba(157, 156, 155, 1)!important;/*#0b3962*/
}
.greenspeed-catalogus-08.transparent-1 {
	background-color: rgba(157, 156, 155, 0.8)!important;
}
.greenspeed-catalogus-08.transparent-2 {
	background-color: rgba(157, 156, 155, 0.6)!important;
}
.greenspeed-catalogus-08.transparent-3 {
	background-color: rgba(157, 156, 155, 0.4)!important;
}
.greenspeed-catalogus-08.transparent-4 {
	background-color: rgba(157, 156, 155, 0.2)!important;
}
.greenspeed-catalogus-08.transparent-5 {
	background-color: rgba(157, 156, 155, 0.0)!important;
}
.greenspeed-catalogus-08-text{
	color: rgba(157, 156, 155, 1)!important;/*#0b3962*/
}

.input-field.greenspeed-input .dropdown-content li.optgroup {background:rgba(118, 186, 41, 1);}
.input-field.greenspeed-input .prefix.active,
.input-field.greenspeed-input .dropdown-content li > span,
.input-field.greenspeed-input  input[type=text]:focus + label,
.input-field.greenspeed-input  input[type=number]:focus + label,
.input-field.greenspeed-input  input[type=password]:focus + label,
.input-field.greenspeed-input  input[type=date]:focus + label,
.input-field.greenspeed-input  input[type=time]:focus + label,
.input-field.greenspeed-input  input[type=url]:focus + label,
.input-field.greenspeed-input textarea:focus + label,
.input-field.greenspeed-input  input[type=email]:focus + label {color: rgba(118, 186, 41, 1);}
.input-field.greenspeed-input input[type=text]:focus,
.input-field.greenspeed-input input[type=number]:focus,
.input-field.greenspeed-input input[type=password]:focus,
.input-field.greenspeed-input input[type=date]:focus,
.input-field.greenspeed-input input[type=time]:focus,
.input-field.greenspeed-input input[type=url]:focus,
.input-field.greenspeed-input textarea:focus,
.input-field.greenspeed-input input[type=email]:focus {border-bottom: 1px solid rgba(118, 186, 41, 1);box-shadow: 0 1px 0 0 rgba(118, 186, 41, 1);}

/* Blockquotes */
blockquote {margin:0.5rem 0 1rem;}
blockquote.red-border.lighten-2 {border-left: 5px solid #e57373;}
blockquote.red-border {border-left: 5px solid #f44336;}
blockquote.pink-border {border-left: 5px solid #e91e63;}
blockquote.purple-border {border-left: 5px solid #9c27b0;}
blockquote.deep-purple-border {border-left: 5px solid #673ab7;}
blockquote.indigo-border {border-left: 5px solid #3f51b5;}
blockquote.blue-border {border-left: 5px solid #2196f3;}
blockquote.blue-border.lighten-2 {border-left: 5px solid #64b5f6;}
blockquote.blue-border.lighten-3 {border-left: 5px solid #90caf9;}
blockquote.light-blue-border {border-left: 5px solid #03a9f4;}
blockquote.cyan-border {border-left: 5px solid #00bcd4;}
blockquote.teal-border {border-left: 5px solid #009688;}
blockquote.teal-border.lighten-2 {border-left: 5px solid #4db6ac;}
blockquote.green-border {border-left: 5px solid #4caf50;}
blockquote.light-green-border {border-left: 5px solid #8bc34a;}
blockquote.lime-border {border-left: 5px solid #cddc39;}
blockquote.yellow-border {border-left: 5px solid #ffeb3b;}
blockquote.yellow-border.darken-2 {border-left: 5px solid #fbc02d;}
blockquote.amber-border {border-left: 5px solid #ffc107;}
blockquote.amber-border.darken-1 {border-left: 5px solid #ffb300;}
blockquote.orange-border {border-left: 5px solid #ff9800;}
blockquote.orange-border.lighten-2 {border-left: 5px solid #ffb74d;}
blockquote.deep-orange-border {border-left: 5px solid #ff5722;}
blockquote.brown-border {border-left: 5px solid #795548;}
blockquote.brown-border.lighten-4 {border-left: 5px solid #d7ccc8;}
blockquote.grey-border {border-left: 5px solid #9e9e9e;}
blockquote.blue-grey-border {border-left: 5px solid #607d8b;}
blockquote.boma-border {border-left: 5px solid #0b3962;}
blockquote.greenspeed-border {border-left: 5px solid rgba(118, 186, 41, 1);}


/* News */
.news-slider {
  /* Style the actual content */
}
.news-slider .text-content {
  position: absolute;
  top: 0;
  /*left: 0;*/
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0em 1em 1em 1em;
  width: 50%;
  height: 100%;
  overflow:auto;
}
.news-slider .text-content h2 {
  margin: 0;
}
.news-slider .text-content p {
  margin: 1em 0;
}
.news-slider .text-content a.button-link {
  padding: 0.25em 0.5em;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.news-slider .image-content {
  line-height: 0;
}
.news-slider .image-content img {
  max-width: 100%;
  max-height: 400px;
}
.news-slider .news-pager {
  text-align: right;
  display: block;
  margin: 0.2em 0 0;
  padding: 0;
  list-style: none;
}
.news-slider .news-pager li {
  display: inline-block;
  padding: 0.6em;
  margin: 0 0 0 1em;
}
.news-slider .news-pager li.sy-active a {
  color: #31ace2;
}
.news-slider .news-pager li a {
  font-weight: 500;
  text-decoration: none;
  display: block;
  color: #222;
}
.sy-pager li.sy-active a {background-color:rgba(118, 186, 41, 1)!important;}
.dummy-class {background:white;}

.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup {
	color: rgba(0, 0, 0, 0.3)!important;
	background-color: transparent;
}

iframe#launcher {
	right:80px!important;
	bottom:18px!important;
}