/*******************************/
/* COLORS
/*******************************/
:root {
    --main-bg-color: #008449; 
	--second-bg-color: #73bed7;
}

/*******************************/
/* SITE SPECIFIC BLOCKS 
/*******************************/
body {
	background:#FFF;
    font-family:'Barlow', sans-serif;
    color:#7b7373;
    font-size:17px;
	font-weight:400;
    margin:0;
    padding:0;
    border:0; 
}

.topBar { 
	height:120px;
	width:100%;
	background:#FFF;
	position:fixed;
	top:0px;
	border-top:3px solid #008449;
	z-index:100;
}

.logo {
	width: 200px;
    height: 100px;
    position: relative;
    top: 20px;
    left: 100px;
    background-image: url(../pictures/logo.png);
    background-size: 100px auto;
    background-repeat: no-repeat;
}

.headerImage {
    width: 100%;
    height: 100%;
    float:left;
    position:relative;
	margin-bottom:50px;
}

.headerImage img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

.headerImage img.slide-active {
    z-index: 10;
}

.smallHeader {
	height:200px;
}

.galleryCell > img, .fancybox > img, .imageCell > img, .slideCell > img {
	border:1px solid #CCC;
	border-radius:5px;
	max-width: 80%; 
}

.imageCell img:hover, .slideCell img:hover {
	border:1px solid #888;
	cursor:pointer;
}

.table img {
	border:1px solid #CCC;
	border-radius:5px;
}

.isATable > .table-row > .table-cell {
	border:1px solid #FFF;
	border-collapse:collapse;
}

.isTable > .table-row > .table-cell {
	border-bottom:1px dashed #d0c1c1;
	border-collapse:collapse;
	padding-bottom: 10px;
    padding-top: 10px;
}	

.isTable > .table-row:last-child {
	border-bottom:none;
}

.eventImage > img {
	border:1px solid #CCC;
	border-radius:5px;
	max-width:75%;
}

.imageTable {
	border-spacing: 10px;
	border-collapse: separate;
} 

.imgTableWithText { 
	border-spacing: 0px;
	border-collapse: separate;
}

.imgTextTable {
	padding:10px!important;
}

.noPadding {
	padding:0px!important;
}

.bgGrey > img, .isChildrenSortable > img, span > img {
	max-width:100%;
}

.span {
	margin:20px 0px;
}

.eventWrapper {
	width:calc(100% - 50px);
	border:1px solid #CCC;
	border-radius:3px;
	padding:20px 20px;
	min-height:140px;
}

.eventWrapper:not(first-child) {
	margin-right:20px;
	margin-bottom:20px;
}

.eventHeader {
	font-size:18px;
	font-weight:600;
	position:relative;
	padding-bottom:10px;
	width:100%;
}

.eventLeft {
	display:table-cell;
	width:100%!important;
	word-break:break-all;
	padding-right:40px;
}

.eventRight {
	display:table-cell;
	vertical-align: middle;
}

.eventDate {
	text-align:center;
	margin-top: -20px;
}

.eventDateDay {
	font-size:42px;
	font-weight:800;
	padding-bottom:10px;
}

.eventDateMonth {
	font-size:14px;
	letter-spacing:2px;
}

.eventDateYear {
	font-size:20px;
}

.eventDetail {
	font-size:14px;
	position:relative; 
}

.btnEventDetail {
	width:100%;
	position: absolute;
    top: 50px;
    left: 0px;
}

.parallaxDiv {
	position: relative;
	opacity: 0.85;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:400px;
}

.parallaxImage {
	position: relative;
	opacity: 0.85;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: fit;
	height:300px;
}

.parallaxContent {
	position:relative;
	width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    background: rgba(113, 113, 113, 0.62);
}

.parallaxContentText {
	display: table-cell;
    vertical-align: middle;
}

.parallaxContent h1 {
	color:#947949;
}

.whiteBlur {
	width: calc(50% - 60px);
    background: #e4e4e4c4;
    display: inline-block;
    border-radius: 5px;
    padding: 30px 30px;
	color:#232323; 
}

.navigation {
	width:auto;
	height:50px;
	line-height:50px;
	position:absolute;
	right:100px;
	top:25px;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
}

.naviPoint {
	display:inline-block;
	color:#a79a9a;
}

.naviPoint:not(first-child) {
	margin-left:32px;
}

.naviPointActive {
	color:#008449!important;
}

.naviPointActive::after {
    width: 100%!important;
}

.siteContent {
	padding:50px 90px;
}

.bgWhite {
	background:#FFF;
}

.bgGrey {
	background:#008449; background:#008449;
	color:#FFF;
}

.lineHeight30 {
	line-height:40px;
} 

.bgGrey h1 {
	color:#FFF;
}

.bgGrey h2 {
	color:#FFF;
}

.siteContent .table {
	display:table;
	width:100%;
	line-height:30px;
	table-layout:fixed
}

.eventTable {
	line-height:25px!important;
}

.footer {
    background: #008449;
    padding: 80px 100px;
    color: #FFF;
    position: relative;
    text-align: center;
}

h1 {
	font-family:"Rajdhani", sans-serif;
	font-size:40px;
	color:#008449; color:#008449;
}

h2 {
	font-family:"Rajdhani", sans-serif;
	font-size:30px;
	color:#73bed7; color:#73bed7;
}

ul {
	list-style: none;
	padding: 0;
	margin: 10;
}

li {
	list-style: none;
	padding-left: 1em;
	margin-bottom: -30px;	
}

li::before {
	content: "▪ ";
	color: #008449; /* or whatever color you prefer */
}

.singleImage img {
	max-width:100%!important;
	min-width:100!important;
	border:none!important;
	margin:20px 0px!important;
	border-radius:5px;
}

.footer img {
	border:none!important;
	width:auto!important;
	min-width:auto!important;
	max-width:50%;
}

.contactInput {
	margin-bottom:20px!important;
}

.systemMessage {
	width:100%;
	padding:10px 10px;
	border-radius:5px;
	text-align:center;
	margin-bottom:20px;
}

.errorMessage {
	background:#e63859;
	color:#FFF;
	font-weight:bold;
	background: #fef0eb;
    color: #f05213;
	line-height:30px;
	font-weight:800;
}

.successMessage {
	background:#00a764;
	color:#FFF;
	font-weight:bold;
}

#statusMessage {
	color:#FFF; 
	font-family:Arial; 
	display:none; 
	position:fixed; 
	bottom:20px; 
	right:20px; 
	width:auto; 
	height:auto; 
	font-weight:bold; 
	padding:20px; 
	background:#95c795;
	border-radius:3px;
	text-align:center;
	z-index:100000;
}

.redBg {
	background:#e63859!important;
}

.redFont {
	color:#e63859!important;
	font-weight:bold;
}

.greenFont {
	color:#95c795!important;
	font-weight:bold;
}

.greenBg {
	background:#95c795!important;
}

.error {
	background:#e63859!important;
}

.success {
	background:#95c795!important;
}


/************************/
/* MOBILE 
/************************/
@media only screen and (max-width:768px) {	
	.menuBtnContainer {
		display: block;
		cursor: pointer;
		float:right;
		position:fixed;
		right:20px;
		top:23px;
		z-index:9999;
	}
	
	.navigation {
		width:100%;
		height:100vh;
		background:#FFF;
		position:absolute;
		left:0px;
		top:70px;
		z-index:12000;
		display:none;
	}

	.naviPoint {
		width: 100%;
		padding:0px 0px;
		text-align: center;
		height:60px;
		line-height: 60px;
		margin-right: 60px;
		color: #00a764;
		text-transform: uppercase;
		float: left;
		font-weight: 600;
		transition:all ease-in-out .2s;
	}
	
	.naviPoint:not(first-child) {
		margin-left:0px;
	}
	
	.logo {
		width:100px;
		height:70px;
		left:20px;
		top:10px;
		background-size:66px auto;
	}
	
	.topBar {
		height:70px;
	}
	
	.fixed {
		overflow:hidden;
	}
	
	.headerImage {
		height:200px!important;
	}
	
	h1 {
		font-size:32px;
	}
	
	h2 {
		font-size:24px;
	}
	
	.siteContent {
		padding:30px 10px;
	}
	
	.footer {
		padding:10px 10px;
	}
	
	.footer .table {
		text-align:center;
	}
	
	.footer img {
		max-width:22%;
	}
	
	.contactInput {
		width:100%;
		max-width:calc(100% + 20px)!important;
	}
	
	#btnSubmitContactForm {
		width:100%;
		margin-top:20px;
		max-width:100%!important;
	}
	
	#statusMessage {
		bottom:10px;
		width:calc(100% - 60px)!important;
		left:10px;
		height:15px;
	}
	
	.noLineBreak {
		width:75%!important;
		display:table-cell!important;
	}
	
	.galleryCell > img, .fancybox > img, .imageCell > img {
		max-width: 100%;
	}
	
	::-webkit-scrollbar {
		width:0px!important;
		height:0px!important;
	}
	
	li {
		margin-bottom:5px;
	}
	
	.btnEventDetail {
		width: 100%!important;
	}
}