/*
CT Greenmango custom styles for the-food-truck-pro theme
-----------------------------------------------------------------------

General
----------
GM typical green color code: #d4ca00 | brown color code: #554400

*/



/********************

CHANGES VERSION 2.0

*********************/


/* GLOBAL | hide google recaptchav3 badge and policy etc, place badge/url elsewhere*/
.fc-content, .fc-day-grid-event{
	background: #d4ca00 !important;
	color: #000 !important;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

#copyright-pro{
	border-top: 2px solid #ccc !important;
}

/*maintain pro scroll top over fixed gm footer line*/
#pro-scroll-top{
	z-index: 1200 !important;
}

/*FIX rendering of events default headimage placed inside this div*/
#page-header-pro{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

#gm-tfc-copyright{
	padding-bottom: 160px !important;
	
}
	#gm-tfc-copyright img{
		position: absolute;
    margin: auto;
    left: 0;
    right: 0;
		padding-top: 50px !important;
	}

#gm-footer-line{
	text-align: center !important;
  position: fixed !important;
  bottom: 0 !important;
  width: 100% !important;
	background: #000 !important;
	opacity: 0.8 !important;
	color: #ccc !important;
	z-index: 1000 !important;
}
	#gm-footer-line-mobile{
		display: none;
	}
	#gm-footer-line{
		border-top: 4px solid #ccc !important;	
	}


/* EVENTS | GM MOD 2.0
# archive-event.php + template-parts/content-event.php (events overview)
# weekview.php + template-parts/content-weekview.php (weekview)
# overviewbox.php (welcome page events overview box)
*/

#gm-event-filter-menu{
	/*
		style this element by its class
		.gm-event-filter
	*/
}
	.gm-event-filter-menu-sticky {
    position: fixed;
    top: 0;
		left: 0;
		width: 100%;
		background: #000;
		border-bottom: 3px solid #ccc;
		opacity: 0.8;
		z-index: 200 !important;
	}
		.sticky-wp-logged-in-fix{
			top: 25px !important;
		}
		.sticky-fix-filter-menu-padding{
			padding-left: 23% !important;
		}
	.gm-event-filter-menu-spacer{
		display: block;
		width: 100%;
		height: 325px;
	}
	.gm-event-filter{
		width: 99.6%;
		padding:  10px 0 5px 10px;
		line-height: 50px;
		background: #000;
		color: #d4ca00;
		opacity: 0.8;
	}
		.gm-events-filter-button{
			border: 1px solid #d4ca00;
			background: transparent;
			color: #d4ca00;
			padding: 2px 3px 2px 3px;
		}
			.gm-events-filter-button:hover{
				border: 1px solid #d4ca00;
				background: #d4ca00;
				color: #000;
			}
		.sticky-button-style{
			border: 1px solid #d4ca00 !important;
			background: transparent;
			color: #d4ca00 !important;
			-webkit-transition-duration: 0.4s; /* Safari */
  		transition-duration: 0.4s;
		}
			.sticky-button-style:hover{
				border: 1px solid #d4ca00 !important;
				background: #d4ca00;
				color: #000 !important;
			}



/*gm weekview styles - grid and boxes*/
.gm-weekview-wrapper-spacer{
	display: block;
	width 100%;
	height: 50px;
}
.gm-weekview-grid-wrapper{
	display: grid;
	position: relative;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 20px;
	grid-auto-rows: 320px;
}
	.gm-weekview-weekday{
		display: block;
		position: relative;
		width: 100%;
		height: 320px;
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
	}
		/*style each weekday box*/
		.gm-weekview-weekday-head{
			display: block;
			position: relative;
			width: 98%;
			padding-left: 5px;
			background: #000;
		}
		.gm-weekview-weekday-content{
			display: block;
			position: relative;
			width: 99%;
			height: 260px;
			padding: 2px;
			overflow-y: scroll !important;
			margin-top: -13px !important;
		}
		.gm-weekview-weekday-foot{
			display: none; /*currently off*/
			width: 97.9%;
			min-height: 20px;
			margin-top: 5px;
			padding-left: 5px;
			background: #000;
			opacity: 0.7;
		}
		/*style single weekday events boxes*/
		.gm-weekview-event-wrap-mode1{
			/*mode1 includes a event thumbnail*/
			display: block;
			float: left;
			width: 96%;
			margin-bottom: 5px;
			border: 2px solid #000;
		}
		.gm-weekview-event-wrap-mode2{
			/*mode2 no thumbnail for mobile devices f.ex.*/
			display: none; /*currently off*/
		}
			.gm-weekview-event-outer-row{
				display: block;
				float: left;
				width: 100%;
			}
				.gm-weekview-event-headimg{
					display: block;
					width: 100%;
					float: left;
					height: 50px;
					background-position: center center;
					background-repeat: no-repeat;
  				background-size: cover;
				}
					.gm-weekview-event-headimg-col-left{
						display: block;
						width: 70%;
						float: left;
						height: inherit;
					}
					.gm-weekview-event-headimg-col-right{
						display: block;
						width: 30%;
						float: left;
						height: inherit;
						line-height: inherit;
						background: #000;
						opacity: 0.6;
						font-size: 30px;
						text-align: center;
						color: #d4ca00;
						z-index: 99;
					}
				.gm-weekview-event-info{
					display: block;
					width: 98%;
				}
					.gm-weekview-event-info a:link, 
					.gm-weekview-event-info a:active, 
					.gm-weekview-event-info a:visited{
						color: #000;
					}
					.gm-weekview-event-info a:hover{
						color: #888;
					}
					.gm-weekview-event-info-row-head{
							display: block;
							width: 99%;
							padding-left: 3px;
							background: #000;
							color: #000;
							letter-spacing: 1px;
							border-bottom: 2px solid #d4ca00;
					}
							.gm-weekview-event-info-row-head a:link, 
							.gm-weekview-event-info-row-head a:active, 
							.gm-weekview-event-info-row-head a:visited{
								color: #d4ca00;
							}
					.gm-weekview-event-info-row-foot{
						display: block;
						width: 99.5%;
					}
						.gm-weekview-event-info-time{
							display: block;
							float: left;
							width: 99.5%;
							padding: 3px;
							background: #d4ca00;
							color: #000;
							text-align: center;
							border-top: 2px solid #000;
						}
						.gm-weekview-event-info-readmore{
							display: block;
							float: right;
							padding-right: 5px;
							font-size: 15px;
						}
					/*Weekview location - tooltip*/
					button[class*='gm-location-weekview-all-button-'] {
						display: inline-block;
						font-size: 15px !important;
						background: #d4ca00;
						border: 0px;
						padding: 2px 3px 2px 3px;
					}
					div[class*='gm-location-weekview-trigger-'] {
						display: inline-block;
					}
					div[class*='gm-location-weekview-tooltip-'] {
						display: none;
						background: #000;
						opacity: 0.8;
						color: #ccc;
						padding: 3px;
						position: absolute;
						width: 98%;
						height: 230px;
						top: 40px;
						left: 0px;
						z-index: 99999;
						
					}
					.gm-location-weekview-tt-head{
						display: block;
						position: absolute;
						float: left;
						width: 97.2%;
						padding: 3px;
						background: #d4ca00;
						color: #000;
					}
						.gm-location-weekview-tt-head-left{
							display: block;
							float: left;
							width: 50%;
							font-weight: bold;
						}
						.gm-location-weekview-tt-head-right{
							display: block;
							float: left;
							width: 50%;
							text-align: right;
						}
					.gm-location-weekview-tt-head-content{
						display: block;
						width: 100%;
					}
					.gm-location-weekview-tt-content-row{
						display: inline-block;
						width: 97%;
						padding: 2px;
						font-size: 17px;
						border-bottom: 1px solid #d4ca00;
					}


/*gm event styles - grid and boxes*/
.gm-event-grid-wrapper{
	display: grid;
	position: relative;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 20px;
	grid-auto-rows: 310px;
}
.gm-event-pagination{
	display: inline-block;
	width: 100%;
}
	.gm-event-box{
		display: block;
		position: relative;
		width: 100%;
		height: 310px;
		margin: 0;
		padding: 0;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
		.gm-event-box-head{
			display: inline-block;
			height: 280px;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 80% 20%;
			border-bottom: 3px solid #000;
		}
			.gm-event-box-head h4{
				text-align: center;
			}
			.gm-event-box-img-overlay{
				height: 280px;
				width: 100%;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
			}
			.gm-event-box-title{
				width: 99%;
				background: #000;
				opacity: 0.7;
				padding: 0 0 0 1%;
			}
		.gm-event-box-content-valign{
			display: block;
			width: 100%;
			min-height: 62px !important;
		}
		.gm-event-box-content{
			display: block;
			width: 88%;
			height: 140px;
			color: #d4ca00;
			background: #000;
			opacity: 0.8;
			padding: 5px 15px 15px 15px;
		}
			.gm-white-text{
				color: #fff;
				width: 100px;
			}
			/*Shortdescr*/
			.gm-event-box-shortdescr{
				display: block;
				width: 100%;
			}
			.gm-event-box-when{
				display: block;
				width: 100%;
			}
					/*v align correction for non weekly events*/
					.gm-event-spacer-top{
						margin-top: 10px !important;
					}
					/*When*/
					div[class*='gm-when-trigger-'] {
						display: inline-block;
						position: relative;
						width: 100%;
						border-bottom: 1px solid #d4ca00;
						text-align: center;
						margin-bottom: 3px;
					}
						/*once has no trigger but we need a border bottom*/
						.gm-when-once-border{
							border-bottom: 1px solid #d4ca00;
							text-align: center;
							margin-bottom: 3px;
						}
					div[class*='gm-when-tooltip-'] {
						display: none;
						position: absolute !important;
						background-color: #000;
						color: #ccc;
						padding: 3px;
						width: 98% !important;
						height: 230px;
						top: 40px !important;
						left: 0px !important;
						overflow-y: scroll;
						z-index: 999;
					}
						.gm-when-next-icon{
							float: left;
							width: 10%;
							display: block;
							margin-right: 5px;
							text-align: left;
						}
						.gm-when-next-time{
							float: left;
							width: 70%;
							display: block;
							padding-left: 3px;
							text-align: center;
							font-size: 17px;
						}
						.gm-when-next-arrowdown{
							float: left;
							width: 6%;
							display: block;
							padding-left: 15px;
							color:  #fc2d00;
							text-align: right;
						}
						.gm-when-tt-head{
							display: block;
							float: left;
							width: 97.2%;
							padding: 3px;
							background: #d4ca00;
							color: #000;
						}
							.gm-when-tt-head-left{
								display: block;
								float: left;
								width: 50%;
								font-weight: bold;
							}
							.gm-when-tt-head-right{
								display: block;
								float: left;
								width: 50%;
								text-align: right;
							}
						.gm-when-tt-content{
							display: block;
							width: 100%;
						}
					
					.gm-event-past{
						padding: 2px;
						display: inline-block;
						position: relative;
						width: 96%;
						background: #000;
						color: #d4ca00;
					}
						.gm-event-past-dates{
							padding: 2px;
							display: inline-block;
							position: relative;
							width: 96%;
							margin-bottom: 4px;
						}
					.gm-event-today{
						border: 1px solid #B40404;
						padding: 2px;
						display: inline-block;
						position: relative;
						width: 96%;
						color: #B40404;
					}
						.gm-event-date-today{
							border: 1px solid #B40404;
							padding: 2px;
							display: inline-block;
							position: relative;
							width: 96%;
							margin-bottom: 4px;
							background: #B40404;
							color: #fff;
						}
					.gm-event-future{
						padding: 2px;
						display: inline-block;
						position: relative;
						width: 96%;
						background: #000;
						color: #d4ca00;
					}
						.gm-event-future-dates{
							padding: 2px;
							width: 96%;
							display: inline-block;
							position: relative;
							margin-bottom: 4px;
						}
					/*fix if event date format is too long*/
					.gm-event-date-too-long{
						font-size: 17px;
					}
				/*Weekly*/
				.gm-event-weekly-topspacer{
					display: block;
					width: 100%;
					height: 18px;
				}
				.gm-event-weekday{
					display: block;
					width: 100%;
				}
				.gm-event-weekday-day{
					display: block;
					width: 12%;
					float: left;
					text-align: center;
					margin: 1px;
					border: 1px solid #d4ca00;
				}
					.gm-weekday-active{
						color: #000;
						background: #d4ca00;
					}
					.gm-weekday-noservice{
						color: #fff;
						background: #ff0000;
					}
					.gm-weekday-freeday{
						color: #fff;
						background: #0066ff;
					}
					.gm-event-box-weekly-next{
						display: block;
						width: 100%;
					}

				/*Custom*/
				.gm-event-custom-row{
					padding-left: 3px;
					width: 99%;
					border-bottom: 1px solid #d4ca00;
				}
			
			/*Location - Where*/
			.gm-event-box-where{
				display: block;
				width: 100%;
			}
				button[class*='gm-location-all-button-'] {
						display: inline-block;
						font-size: 15px !important;
						background: #d4ca00;
						border: 0px;
						padding: 2px 3px 2px 3px;
				}
				/*Location - tooltip*/
				div[class*='gm-location-trigger-'] {
					display: inline-block;
 					position: relative;
				}
				div[class*='gm-location-tooltip-'] {
					display: none;
					background-color: #000;
					color: #ccc;
					padding: 3px;
					position: absolute;
					width: 98%;
					height: 230px;
					top: 40px;
					left: 0px;
					z-index: 999;
				}
					.gm-location-tt-head{
						display: block;
						float: left;
						width: 97.2%;
						padding: 3px;
						background: #d4ca00;
						color: #000;
					}
						.gm-location-tt-head-left{
							display: block;
							float: left;
							width: 50%;
							font-weight: bold;
						}
						.gm-location-tt-head-right{
							display: block;
							float: left;
							width: 50%;
							text-align: right;
						}
					.gm-location-tt-head-content{
						display: block;
						width: 100%;
					}
					.gm-location-tt-content-row{
						display: inline-block;
						width: 97%;
						padding: 2px;
						font-size: 17px;
						border-bottom: 1px solid #d4ca00;
					}
			/*Entry*/
			.gm-event-box-entry{
				display: block;
				width: 100%;
			}
				/*free | rsvp | tickets*/
					.gm-event-box-entry-button{
						display: inline-block;
						font-size: 15px !important;
						padding: 2px;
						background: #d4ca00;
						border: 0px;
					}
				button[class*='gm-entry-all-button-'] {
					display: inline-block;
					font-size: 15px !important;
					background: #d4ca00;
					border: 0px;
					padding: 2px 3px 2px 3px;
				}
				/*Entry - tooltip*/
				div[class*='gm-entry-trigger-'] {
					display: inline-block;
 					position: relative;
				}
				div[class*='gm-entry-tooltip-'] {
					display: none;
					background-color: #000;
					color: #ccc;
					padding: 3px;
					position: absolute;
					width: 98%;
					height: 230px;
					top: 40px;
					left: 0px;
					z-index: 999;
				}
					.gm-entry-tt-head{
						display: block;
						float: left;
						width: 97.2%;
						padding: 3px;
						background: #d4ca00;
						color: #000;
					}
						.gm-entry-tt-head-left{
							display: block;
							float: left;
							width: 50%;
							font-weight: bold;
						}
						.gm-entry-tt-head-right{
							display: block;
							float: left;
							width: 50%;
							text-align: right;
						}
					.gm-entry-tt-head-content{
						display: block;
						width: 100%;
					}
					.gm-entry-tt-content-row{
						display: inline-block;
						width: 97%;
						padding: 2px;
						font-size: 17px;
						border-bottom: 1px solid #d4ca00;
					}
			/*Organizer - Who*/
			.gm-event-box-who{
				display: block;
				width: 100%;
			}
				button[class*='gm-organizer-all-button-'] {
						display: inline-block;
						font-size: 15px !important;
						background: #d4ca00;
						border: 0px;
						padding: 2px 3px 2px 3px;
				}
				/*Location - tooltip*/
				div[class*='gm-organizer-trigger-'] {
					display: inline-block;
 					position: relative;
				}
				div[class*='gm-organizer-tooltip-'] {
					display: none;
					background-color: #000;
					color: #ccc;
					padding: 3px;
					position: absolute;
					width: 98%;
					height: 230px;
					top: 40px;
					left: 0px;
					z-Index: 999;
				}
					.gm-organizer-tt-head{
						display: block;
						float: left;
						width: 97.2%;
						padding: 3px;
						background: #d4ca00;
						color: #000;
					}
						.gm-organizer-tt-head-left{
							display: block;
							float: left;
							width: 50%;
							font-weight: bold;
						}
						.gm-organizer-tt-head-right{
							display: block;
							float: left;
							width: 50%;
							text-align: right;
						}
					.gm-organizer-tt-head-content{
						display: block;
						width: 100%;
					}
					.gm-organizer-tt-content-row{
						display: inline-block;
						width: 97%;
						padding: 2px;
						font-size: 17px;
						border-bottom: 1px solid #d4ca00;
					}
					.gm-when-tt-icon{
						margin-right: 5px;
					}
		/*Readmore - event details*/
		.gm-event-box-foot{
			display: block;
			width: 97%;
			text-align: right;
			padding: 0 4px 0 5px;
		}
			.gm-event-box-foot-info{
				display: block;
				width: 50%;
				float: left;
				color: #000;
				text-align: left
			}
			.gm-event-box-foot-readmore{
				display: block;
				width: 50%;
				float: left;
				color: #000;
			}
				.gm-event-box-foot-readmore a:link, .gm-event-box-foot-readmore a:active,
				.gm-event-box-foot-readmore a:visited{
					color: #000;
				}
				.gm-event-box-foot-readmore a:hover{
					color: #ccc;
				}
		





/* EVENT | GM MOD 2.0 event overviewbox - welcome page box*/

#gm-overview-box{
	display: block;
	position: relative;
	min-height: 357px;/*adapted to vc row height*/
	height: inherit;
	width: 99%;
	border: 2px solid #d4ca00;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	margin-top: 35px !important;
}
	#gm-overview-box-head{
		display: block;
		position: relative;
		height: 41px;
		width: 98%;
		background: #000;
		border-bottom: 2px solid #d4ca00;
		opacity: 0.8;
		padding: 5px;
	}
		.gm-overview-today-button{
				border: 1px solid #d4ca00 !important;
				background: #d4ca00 !important;
				color: #000 !important;
		}
		#gm-overview-box-head button{
			color: #d4ca00;
			background: #000;
			border: 1px solid #d4ca00;
			height: 33px;
			line-height: 35px;
			margin: 5px;
		}
			#gm-overview-box-head button:hover{
				color: #000;
				background: #d4ca00;
				border: 1px solid #d4ca00;
				height: 33px;
				line-height: 35px;
				margin: 5px;
			}
			#gm-overview-box-head button:active{
				color: #000;
				background: #d4ca00;
				border: 1px solid #d4ca00;
				height: 33px;
				line-height: 35px;
				margin: 5px;
			}
	#gm-overview-box-content{
		display: block;
		position: relative;
		float: left;
		width: 99%;
		height: 285px;
		padding: 5px;
		overflow-y: auto;
	}
		.gm-overview-box-event{
			display: block;
			width: 99%;
			float: left;
			border-bottom: 2px solid #d4ca00;
			color: #d4ca00;
			background: #000;
			opacity: 0.8;
			margin-bottom: 5px;
		}
			.gm-overview-box-event-left{
				display: block;
				padding: 5px;
				width: 67.9%;
				float: left;
			}
				.gm-overview-box-event-left-title{
					display: block;
				}
				.gm-overview-box-event-left-time{
					display: block;
				}
			.gm-overview-box-event-right{
				display: block;
				padding: 5px;
				width: 28%;
				float: left;
				height: 65px;
				text-align: center;
				font-size: 35px;
				background-size: cover !important;
				background-position: center center !important;
				background-repeat: no-repeat !important;
				-webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */
  			filter: grayscale(20%);
				opacity: none !important;
			}
				.gm-overview-box-event-right-location{
					display: block;
					color: #000 !important;
					-webkit-filter: none !important; /* Safari 6.0 - 9.0 */
  				filter: none !important;
				}
					.gm-overview-box-event-right-location-map{
						display: block;
						width: 100%;
						height: 65px;
					}
					.gm-overview-box-event-right-location-nomap{
						display: block;
						width: 100%;
						height: 65px;
						border: 1px solid #d4ca00;
					}
					.gm-overview-box-event-right-location a{
						color: #000 !important;
						-webkit-filter: none !important; /* Safari 6.0 - 9.0 */
						filter: none !important;
					}
					.gm-overview-box-event-right-location a:active
					.gm-overview-box-event-right-location a:visited{
						color: #000 !important;
						-webkit-filter: none !important; /* Safari 6.0 - 9.0 */
						filter: none !important;
					}
					.gm-overview-box-event-right-location a:hover{
						color: #d4ca00 !important;
						-webkit-filter: none !important; /* Safari 6.0 - 9.0 */
						filter: none !important;
					}
.gm-overview-box-noevents{
	/*no styles applied yet*/
}
	.gm-overview-box-noevents h4{
		background: #000;
		width: 97%;
		opacity: 0.8;
		padding: 5px;
		border-bottom: 2px solid #d4ca00;
	}
	.gm-overview-box-noevents h5{
		background: #d4ca00;
		color: #000;
		width: 97%;
		opacity: 0.8;
		padding: 5px;
		text-align: center;
		margin: 3px 0 0 0;
	}
	.gm-overview-box-noevents a:link,
	.gm-overview-box-noevents a:visited,
	.gm-overview-box-noevents a:active{
		background: #d4ca00;
		color: #000;
	}
	.gm-overview-box-noevents h5:hover{
		background: #000;
		color: #d4ca00;
	}





/* EVENT | GM MOD 2.0 event single pages*/
#gm-single-event-header{
	display: block;
	min-height: 390px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
	.gm-single-event-header-titleline{
		display: block;
		width: 99.1%;
		float: left;
		background: #000;
		padding-left: 10px;
		padding-bottom: 0px;
		border-bottom: 2px solid #d6d6d6;
		text-align: center;
	}
		.gm-single-event-header-titleline-left{
			display: block;
			width: 50%;
			float: left;
			text-align: left;
		}
			.gm-single-event-header-titleline h1{
				padding: 0px;
				margin: 0px;
			}
		.gm-single-event-header-titleline-right{
			display: block;
			width: 50%;
			float: left;
		}
			.gm-single-event-header-titleline-right button{
				display: block;
				float: right;
				line-height: 35px;
				margin-top: 10px;
				margin-right: 15px;
				background: #000;
				color: #d4ca00;
				border: 1px solid #d4ca00;
			}
				.gm-single-event-header-titleline-right button:hover{
					display: block;
					float: right;
					line-height: 35px;
					margin-top: 10px;
					margin-right: 15px;
					background: #d4ca00;
					color: #000;
					border: 1px solid #d4ca00;
				}
		
	.gm-single-event-header-grid{
		display: grid;
  	grid-template-columns: 1fr 1fr 1fr 1fr;
  	grid-template-rows: 150px 150px;
		grid-gap: 10px;
		width: 98.2%;
		height: 305px;
		float: left;
		margin: 5px;
		padding: 5px;
		
	}
		.gm-single-event-header-cube1{
			display: block;
			opacity: 0.7;
			background: #000;
			padding: 5px;
			overflow-x: hidden;
			overflow-y: auto;
			color: #d4ca00;
			grid-column: 1;
  		grid-row: 1 / 3;
		}
			.gm-single-event-header-cube1 h4{
				color: #d4ca00;
				padding: 5px 0 5px 5px;
				margin: 0;
			}
			.gm-single-event-tweet-datetime{
				display: block;
				width: 98%;
				font-size: 15px;
				border-bottom: 1px solid #d4ca00;
				color: #fff;
			}
			.gm-single-event-tweet-text{
				display: block;
				width: 100%;
			}
			.gm-single-event-tweet-noentry{
				display: block;
				width: 100%;
			}
		.gm-single-event-header-cube2{
			display: block;
			opacity: 0.7;
			background: #000;
			padding: 5px;
			overflow-x: hidden;
			overflow-y: auto;
			color: #d4ca00;
			
		}
			.gm-single-event-header-cube2 h4{
				color: #d4ca00;
				padding: 5px 0 5px 5px;
				margin: 0;
			}
		.gm-single-event-header-cube3{
			/*currently holds: event time | current time*/
			display: block;
			opacity: 0.7;
			background: #000;
			padding: 5px;
			overflow-x: hidden;
			overflow-y: auto;
			color: #d4ca00;
			grid-column: 3;
  		grid-row: 1 / 3;
		}
			.gm-single-event-header-cube3 h4{
				color: #d4ca00;
				padding: 5px 0 5px 5px;
				margin: 0;
			}
			.gm-single-event-fee-list-item{
				display: block;
				width: 96%;
				background:#d4ca00;
				color: #000;
				text-align: left;
				padding-left: 10px;
				margin-bottom: 2px;
			}
				.gm-single-event-fee-list-item a:link,
				.gm-single-event-fee-list-item a:active,
				.gm-single-event-fee-list-item a:visited{
					color: #000;
				}
			.gm-single-event-header-datetime-info{
				padding-left: 5px;
				font-size: 15px;
				border: 1px solid #d4ca00;
				color: #d4ca00;
				margin-bottom: 15px;
			}
				.gm-single-event-header-datetime-info-intro{
					color: #ff0000;
				}
				.gm-event-single-today-list-item{
					display: block;
					width: 100%;
					color: #ff0000;
					border-top: 1px solid #ff0000;
					border-bottom: 1px solid #ff0000;
					padding:  3px 0 3px 0;
					margin:  3px 0 3px 0;
				}
				.gm-event-single-previously,
				.gm-event-single-upcoming{
					display: block;
					width: 100%;
					color: #fff;
					font-size: 15px;
				}
				.gm-event-single-past-dates,
				.gm-event-single-future-dates{
					display: block;
					width 100%;
				}
					.gm-event-single-past-dates{
						color: #4d4d4d;	
					}
		.gm-single-event-header-cube4{
			/*currently holds: map | map list*/
			display: block;
			background: #000;
			overflow-x: hidden;
			overflow-y: auto;
		}
			.gm-single-event-header-cube4 h4{
				color: #000;
				padding: 5px 0 5px 5px;
				margin: 0;
			}
		.gm-single-event-header-cube5{
			display: block;
			opacity: 0.7;
			background: #000;
			padding: 5px;
			overflow-x: hidden;
			overflow-y: auto;
			color: #d4ca00;
		}
			.gm-single-event-header-cube5 h4{
				color: #d4ca00;
				padding: 5px 0 5px 5px;
				margin: 0;
			}
		.gm-single-event-header-cube6{
			/*currently holds: default event image*/
			display: block;
			background: #000;
			padding: 5px;
			overflow-x: hidden;
			overflow-y: auto;
			color: #d4ca00;
			background-size: cover !important;
			background-position: center center !important;
			background-repeat: no-repeat !important;
		}
			.gm-single-event-header-cube6 h4{
				color: #d4ca00;
				padding: 5px 0 5px 5px;
				margin: 0;
			}
		.gm-single-event-header-content-cube1,	
		.gm-single-event-header-content-cube2,
		.gm-single-event-header-content-cube3,
		.gm-single-event-header-content-cube5,
		.gm-single-event-header-content-cube6{
			padding-left: 5px;
			float: left;
			width: 98%;
			display: block;
		}
			.gm-single-event-header-map{
				display: block;
				float: left;
				width: 100%;
				height: 150px;
			}
			.gm-single-event-header-map-list{
				display: block;
				float: left;
				width: 95%;
				height: 150px;
				padding: 10px;
				font-size: 15px;
			}	
				.gm-single-event-list-location-row{
					display: block;
					float: left;
					width: 97%;
					height: 30px;
					margin-bottom: 5px;
					border-bottom: 2px solid #d4ca00;
				}
				.gm-single-event-list-location-row-left{
					display: block;
					float: left;
					height: 30px;
					width: 70%;
				}
				.gm-single-event-list-location-row-right{
					display: block;
					float: left;
					height: 30px;
					width: 30%;
				}
		.gm-single-event-box-the-content{
			display: block;
			margin-top: 10px;
			width: 100%;
		}
		.gm-single-event-box-gallery{
			border-top: 3px solid #d4ca00;
			display: block;
			margin-top: 15px;
			width: 100%;
		}
#gm-single-event-no-gallery-no-content{
	display: block;
	width: 100% !important;
	padding: 0;
	margin: 0;
	background: #000;
}
	.gm-fix-single-site-content{
		display: block;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		text-indent: 0 !important;
	}





/* MENU | GM MOD 2.0 - template-parts/content-menu.php restructure*/
.gm-menu-frame{
	background-position: center center;
	background-repeat: no-repeat;
	margin: 3px;
	margin-bottom: 15px;
	padding: 0px 0px 0px 0px;
	height: 300px;
	position: relative;
	display: block;
}
	.gm-menu-thumb-wide {
		display: block;
		margin-top: 0px;
		height: 239px;
		width: 100%; /*331px*/
		position: center center;
		background-size: cover;
	}
		.gm-menu-thumb-frame-wide{
			margin-top: 0px;
			height: 239px;
			width: 100%; /*331px*/
			position: center center;
			background-size: cover;
		}
		.gm-menu-box-title{
			text-align: center;
			letter-spacing: 3px;
			color: #d4ca00;
			background: #000;
			opacity: 0.7;
		}
		.gm-menu-box-price-tag{
			display: block;
			padding: 135px 0 0 55%;
			font-size: 50px;
			color: #d4ca00;
			font-family: "Amatic SC";
		}
			.gm-menu-unit{
				font-size: 25px !important;
				font-family: "Amatic SC";
			}
	.gm-menu-box-details{
		background: #d4ca00;
		opacity: 0.8;
		padding: 0 0 0 0;
	}
		.gm-menu-box-details-info{
				width: 8%;
				display: inline-block;
				background: #d4ca00;
				text-align: center;
				border-right: 1px solid #ebebeb;
				color: #000;
		}
		.gm-menu-box-details-descr{
				width: 90%;
				display: inline-block;
				padding: 0 0 0 0;
				color: #000;
		}
		.gm-menu-box-details-toggle{
				display: none;
				position: absolute;
				width: 60%;
				height: calc(100% - 96px);
				background: #000;
				opacity: 0.8;
				top:0;
				margin-top: 32px;
				color: #fff;
				padding: 0 3px 0 3px;
				
		}
			.gm-menu-box-details-toggle img{
				width: 20px !important;
				height: 20px !important;	
			}
			.gm-menu-box-details-toggle-row{
				float: left;
				width: 100%;
			}
			.gm-menu-box-details-toggle-icon{
				float: left;
				height: inherit;
				width: 10%;
			}
			.gm-menu-box-details-toggle-shortdescr{
				font-family: "Amatic SC";
				font-size: 18px;
				vertical-align: top;
				color: #d4ca00;
				padding: 3px 0 10px 3px;
 				width: 88%;
				float: left;	
			}
			.gm-menu-box-details-toggle-ingredients{
				font-size: 15px;
				vertical-align: top;
				color: #fff;
				padding: 3px 0 10px 3px;
				width: 88%;
				float: left;
			}
			.gm-menu-box-details-toggle-hotmeterexplain{
				font-size: 15px;
				vertical-align: top;
				color: #fff;
				padding: 3px 0 10px 3px;
				width: 88%;
				float: left;	
			}
	.gm-menu-box-hotmeter{
		text-align: right;
		padding: 0 5px 2px 0;
		/*background: #d4ca00;*/
		border: 1px solid #ebebeb;
		opacity: 0.8;
	}
		.gm-menu-box-hotmeter img{
			width: 100px !important;
		}
	

.gm-menu-post-border img {
  /*border: 1px solid #d4ca00 !important;*/
  width: 100%;
}




/*MOBILE VIEWPORT | GM 2.0 - For all mobile devices*/
@media only screen and (max-width: 600px) {
  
	/* EVENTS | GM MOD 2.0 - archive-event.php + template-parts/content-event.php (events overview)*/
	
	/*black tranp header bkgr is set to full width no margin left right*/
	.greenmango-head-bkgr {
		width: 100% !important;
	}
	
	/*sticky fix is not needed in responsive mode - revert to 0*/
	.sticky-wp-logged-in-fix{
			top: 0px !important;
	}
	
	/*sticky padding fix is lower responsive mode*/
	.sticky-fix-filter-menu-padding{
			padding-left: 3% !important;
		}
	
	.gm-event-grid-wrapper{
		display: grid;
		grid-template-columns: repeat(1,1fr); /*in mobile only one column*/
		grid-gap: 30px;
		grid-auto-rows: 310px;
	}
		.gm-event-box{
			display: block;
			width: 100%;
			height: 310px;
			margin: 0;
			padding: 0;
		}
			.gm-event-box-head{
				display: inline-block;
				height: 280px;
				width: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 80% 20%;
			}
			.gm-event-box-title{
				display: block;
				width: 99%;
			}
			.gm-event-box-content{
				display: block;
				width: 92.8%;
			}
			.gm-event-box-foot{
				display: block;
				width: 98.3%;
				text-align: right;
				padding: 0 4px 0 0;
			}
			.gm-event-box-readmore{
				display: block;
				width: 100%;
				color: #000;
			}
				.gm-event-box-readmore a:link, .gm-event-box-readmore a:active,
				.gm-event-box-readmore a:visited{
					color: #000 !important;
				}
				.gm-event-box-readmore a:hover{
					color: #ccc !important;
				}

	
	

	/* MENU | GM MOD 2.0 - template-parts/content-menu.php restructure*/
	.menu-container-pro{ /*reduce menu container wide stretch to display edge*/
		padding: 5px !important;
	}

	
	
	/* GLOBAL | GM MODE 2.0 - global styles for mobile devices*/
	#gm-tfc-copyright{
		padding-bottom: 260px !important;
	}
	
	#gm-footer-line{
		display: none !important;
	}
	
	#gm-footer-line-mobile{
		padding-top: 15px !important;
		padding-bottom: 20px !important;
		display: block !important;	
		text-align: center !important;
		position: relative !important;
		bottom: 0 !important;
		width: 100% !important;
		background: #000 !important;
		color: #d4ca00 !important;
	}
		#gm-footer-line-mobile{
		border-top: 4px solid #ccc !important;	
	}
		#gm-footer-line-mobile a:link, a:visited, a:active{
			color: #d4ca00 !important;
		}
		#gm-footer-line-mobile a:hover{
			color: #fff !important;
		}
		.fa-facebook, .fa-phone-square, .fa-instagram{
			font-size: 30px !important;
			padding: 5px !important;
		}
		#gm-tfc-copyright{
			padding-bottom: 130px !important;
		}	
	
}









/********************

CHANGES VERSION 1.0

*********************/


/*random style changes on originals*/

.vc_btn3-color-juicy-pink {
  /*Read call to action button on event pages To Green*/
  background-color: #d4ca00 !important;
}

.vc_grid-item-mini {
  border-color: 1px solid #d4ca00 !important;
}

/*WP Welcome page extra styling*/

.gm-text-before-content-mobile {
  /*welcome page thai food text mobile extra class*/
  margin: 0px 0 0px 0;
}

.gm-text-before-content-desktop h3 {
  /*welcome page thai food text desktop extra class*/
  margin: 20px 0 0px 0;
}

.gm-menu-top-spacing h2 {
  margin: 0px 0 0px 0;
}

/*header.php background change*/

.greenmango-head-bkgr {
  background-color: #000000 !important;
  opacity: 0.8 !important;
}

/*footer.php instafeed and fbfeed*/

#site-footer {
  /*original theme element modification*/
  background: #d4ca00 !important;
}

.sbi_no_bio {
  /*InstaFeed original theme element modification*/
  font-family: arial !important;
}

.greenmango-instafeed {
  display: block;
  padding: 10px;
  background: #000;
  font-family: arial !important;
  color: #d4ca00;
}

.greenmango-fbfeed {
  display: block;
  padding: 10px;
  background: #000;
  font-family: arial !important;
  color: #d4ca00;
}

.greenmango-disclaimer {
  display: block;
  padding: 10px;
  background: #000;
  font-family: arial !important;
  color: #d4ca00;
}

.greenmango-disclaimer li {
  font-size: 14px;
}

.greenmango-disclaimer p {
  display: block;
  font-size: 14px;
  border: 1px solid #d4ca00;
  padding: 4px;
  margin-top: 20px;
}

.greenmango-disclaimer a:link {
  font-size: 14px !important;
  color: #d4ca00 !important;
}

.greenmango-disclaimer a:hover^ {
  font-size: 14px !important;
  color: #ccc !important;
}

.greenmango-instafeed hr,
.greenmango-fbfeed hr,
.greenmango-disclaimer hr {
  border-color: #d4ca00;
}


/*EVENTS as simple posts - vc_grid / vc_grid_item*/

/*Posts grid*/

.vc_row {
  background: #fff !important;
}

.vc_gitem-col {
  min-height: 300px !important;
  border: 1px solid #d4ca00;
}

/*Post single view from post grid*/

.featured-blog-pro a {
  /*hide post image for single view*/
  display: none !important;
}

.entry-content-pro h1 {
  /*display: none !important;*/
  width: 98% !important;
  border: 1px solid #d4ca00 !important;
  background: #d4ca00 !important;
  padding: 5.5px !important;
  color: #FAFAFA !important;
}

.entry-content-pro h1 a:hover {
  color: #000 !important;
}

.post-meta-pro {
  text-align: left !important;
  padding: 5.5px !important;
  width: 98% !important;
  border: 1px solid #d4ca00 !important;
  text-align: center !important;
}

.author-meta-pro {
  display: none !important;
}

.blog-title-pro {
  text-align: left;
}

.post-navigation-pro {
  background: #FAFAFA !important;
  border:  1px solid #d4ca00 !important;
}

.nav-links-pro a {
  color: #d4ca00 !important;
  font-size: 1.2em !important;
}

/*Create media gallery -> styling*/

.gallery,
.gallery img {
  /*single post media gallery*/
  background: #d4ca00 !important;
  border: 1px solid #d4ca00;
}

.gallery-item {
  float: left !important
}

/*Sidebar styling*/

#sidebar {
  border-left: 2px dashed #d4ca00 !important;
}


/*wpcf7-form styling changes*/

.wpcf7-form-control{
  font-family: arial !important;
  font-size: 30px !important;
}