/* CSS Document */


h2 {
	font-size: 2.2rem;
}

.btn-sustainability {
	background-color: #509e2f;
	color: #FFFFFF !important;
	padding: .6rem 1.5rem;
	margin-top: 2rem;
}
.btn-sustainability:hover {
	background-color: #1c4220;
}
.btn-sustainability span {
	margin-left: .7rem;
}

.bg-paarl {
	background-color: #9f5f2a;
}

.bg-cashmere {
	background-color: #e6c8a0;
}

.bg-brown {
	background-color: #500e01 !important;
}

.bg-pink {
	background-color: #e8a394;
}

.gray {
	color: #999999 !important;
}

.green {
	color: #509e2f;
}

.dark-green {
	color: #1c4220 !important;
}

.honey {
	color: #F4AF23 !important;
}

.paarl {
	color: #9f5f2a;
}

.cashmere {
	color: #e6c8a0;
}

.brown {
	color: #500e01 !important;
}

.pink {
	color: #e8a394;
}


.page-content {
	position: relative;	
	top:-100px;
	background-color: #FFFFFF;
	z-index: 100;
	margin: 0 3rem;
	padding: 2rem
}

.accordion .card-header {
	border-bottom: 1px solid #CCCCCC !important;
}

.accordion .card h3 > button > i {
	font-size: 2rem;
	line-height: 1.3rem;
}

.accordion .card-body {
	border: 1px solid #EEEEEE !important;	
	border-top: 1px solid #CCCCCC !important;
	padding: 2rem 3rem 1rem 3rem !important;
}


.block-home .bg {
  display: table;
  width: 100%;
  text-align: center;
}
.block-home .bg h3 {
  display: table-cell;
  vertical-align: middle;
}



.row-documents .doc {
	margin-bottom: 15px;
	background-color:aliceblue;
	border: 1px solid #CCCCCC;
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;
	border-radius: 3px;
}
.row-documents .doc  .doc-info span {
		color: #509e2f !important;	
	display: block;
	margin-bottom: 1rem;
}
.row-documents .doc  .doc-info a {
	display: block;
	padding: 1rem;
	min-height: 14rem;	
}
.row-documents .doc .doc-info h5 {
		color: #1c4220 !important;
	  font-size: .8rem !important;
}

@media (max-width: 576px) {
	.page-content {
		top:-50px;
		margin: 0 1rem;
	}
}

@media (max-width: 768px) {
	.page-content {
		top:-70px;
		margin: 0 2rem;
	}
	.accordion .card-body {
		padding: 1rem 2rem !important;
	}	
}

@media (max-width: 992px) {
	.block-home .bg {
		min-height: 215px;
	}	
	.pr-0 {
		padding-right: 15px !important;
	}
	.pl-0 {
		padding-left: 15px !important;
	}	
}