/*
Theme Name: Hancock County Health Department
Author: Jerry Voltz, Beyond Marketing
Author URI: http://www.beyondmarketing.com
Description: Wordpress theme developed for Hancock County Health Department by Beyond Marketing.
Version: 1
Text Domain: hancockhealth
*/

/****ELEMENTS****/
b
{
	font-weight: 600;
}

.yellow-button,
input[type="submit"]
{
	padding: 8px 20px;
	background-color: #fcc542;
	color: #000 !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	border: none;
	cursor: pointer;
}
.yellow-button:hover,
input[type="submit"]:hover
{
	background-color: #FBDF69;
	color: #000 !important;
}

.social-icons a:hover,
.home-social-bar-links a:hover,
.page-social-bar-links a:hover
{
	opacity: 0.7;
}

.module
{
	background-color: #FFF;
	box-shadow: 0px 0px 6px RGBA(0,0,0,0.1);
}

.view-all-module-link
{
	display: block;
	margin-top: 15px;
	padding: 15px 20px;
	border-top: 1px solid RGBA(0,0,0,0.1);
}
.intext-link,
.site-main a
{
	color: #2d3999;
	font-weight: 600;
	text-decoration: none;
}
.intext-link:hover,
.site-main a:hover
{
	color:#8693FB;
}

h1, h2, h3
{
	font-family: "Merriweather Sans";
	letter-spacing: -1px;
	width: 100%;
}

h1
{
	display: inline-block;
	color: #555;
	margin-top: 100px;
}


h2
{
	color: #6f75b2;
	margin-top: 50px;
}

h3
{
	color: #555;
	margin-top: 30px;
}

h1 u,
h2 u,
h3 u
{
	text-decoration: none;
	border-bottom: 4px solid #FDB813;
	border-bottom-right-radius: 10px;
}

.site-main hr
{
	position: relative;
	top: 50px;
	opacity: 0.2;
}

.site-main table
{
	border-collapse: collapse;
}

.site-main td,
.site-main th
{
	padding: 10px 15px;
	border-bottom: 1px solid RGBA(0,0,0,0.2);
	margin: 0;
	text-align: left;
}

.site-main tr:last-of-type td
{
	border-bottom: none;
}

.food-handlers-quiz ul
{
	display: inline-block;
	max-width: 50%;
}

.site-main li
{
	padding: 5px;
}

img.alignleft,
img.alignright,
img.aligncenter
{
	max-width: 100%;
	height: auto;
}

img.alignleft
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

img.alignright
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}


.subpage-link
{
	line-height: 22px;
	display: inline-block;
	padding: 15px;
	font-family: "Merriweather Sans";
	font-size: 18px;
	font-weight: 600;
	color: #6f75b2 !important;
	border: 1px solid #dedede;
	width: 28%;
	min-height: 45px;
	margin: 5px .4%;
	background-color: #fff;
	letter-spacing: -1px;
	text-decoration: none;
	position:relative;
	float: left;
}
.subpage-link:hover
{
	background-color: #F3F3F3;
	color: #6f75b2 !important;
}
.subpage-link img
{
	float: left;
	margin-right: 10px;
	opacity: 0.78;
}

p:first-child,
h1:first-child,
h2:first-child,
h3:first-child
{
	margin-top: 0px;
	padding-top: 0px;
}

.food-handlers-quiz p:first-child,
.food-handlers-quiz h1:first-child,
.food-handlers-quiz h2:first-child,
.food-handlers-quiz h3:first-child
{
	margin-top: 50px;
}

@media screen and (max-width: 1020px)
{
	.subpage-link
	{
		width: 43%;
		margin: 5px .4%;
	}

	.site-main td,
	.site-main th
	{
		padding: 10px 5px;
		border-right: 1px solid RGBA(0,0,0,0.2);
	}
	.site-main td:last-of-type,
	.site-main th:last-of-type
	{
		border-right: none;
	}
}
@media screen and (max-width: 750px)
{
	.subpage-link
	{
		width: 90%;
		margin: 5px 0;
	}

	.site-main table
	{
		max-width: 100%;
		overflow-x:scroll;
		position: relative;
		display:block;
		-webkit-overflow-scrolling: touch;
	}

	.site-main td,
	.site-main th
	{
		padding: 10px 2px;
	}
}






/****SECTIONS****/
body
{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans';
	font-size: 14px;
	overflow-x: hidden;
}


/**HEADER**/
.header-inner
{
	padding-top: 10px;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

/**SEARCH BAR**/
#searchform
{
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 57px;
}
#search
{
	width: 208px;
	height: 32px;
	font-family: "Open Sans";
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	color: #444;
	font-size: 14px;
	padding: 0px 10px;
	padding-right: 30px;
	box-shadow: inset 1px 1px 3px RGBA(0,0,0,0.1);
}
#searchsubmit
{
	width: 21px;
	position: absolute;
	right: 5px;
	top: 7px;
	opacity: .5;
}

@media screen and (max-width: 1020px)
{
	.header-inner
	{
		padding-top: 54px;
	}

	#searchform
	{
		visibility: hidden;
	}
}

@media screen and (max-width: 640px)
{
	.header-logo
	{
		display: block;
		width: 100%;
		padding-bottom: 10px;
	}
}


/**PRIMARY MENU BAR**/
.primary-menu-bar
{
	width: 100%;
	background: linear-gradient(to bottom, #fdb813 22px, #f9af14 22px);
	height: 44px;
	font-weight: 600;
	border-bottom: #c58c09 solid 2px;
	position: relative;
	z-index: 3;
}

.primary-menu-bar-inner
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
}

.primary-menu-bar .menu-primary-menu-container ul
{
	margin: 0;
	z-index: 3;
	padding: 0;
}

.primary-menu-bar .menu-primary-menu-container ul li
{
	display: inline-block;
	float: left;
}

.primary-menu-bar .menu-primary-menu-container ul li a
{
	display: inline-block;
	padding: 0 27px;
	line-height: 44px;
	height: 44px;
	text-decoration: none;
	color: #000;
}

/*NOTE: ul li.selected used to be ul li:hover*/

.primary-menu-bar .menu-primary-menu-container ul li.selected ul
{
	visibility: visible;
}

.primary-menu-bar .menu-primary-menu-container ul li:hover a,
.primary-menu-bar .menu-primary-menu-container ul li.selected a
{
	background-color: #fdd43c;
}

.primary-menu-bar .menu-primary-menu-container ul li.selected ul a
{
	background: none;
}

.primary-menu-bar .menu-primary-menu-container ul li ul
{
	z-index: 0;
	visibility: hidden;
	position: absolute;
	left: 10%;
	border-top: 2px solid #c58c09;
	border-bottom: 2px solid #e7e3bf;
	border-left: 1px solid #EFEDD6;
	border-right: 1px solid #EFEDD6;
	width: 80%;
	background-color: #fff5d2;
	/*background: -webkit-linear-gradient(to right, RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,.3));
  	background: -o-linear-gradient(to right, RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,.3));
  	background: -moz-linear-gradient(to right, RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,.3));
 	background: linear-gradient(to right, RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,1), RGBA(255,245,210,.3));*/
}

.primary-menu-bar .menu-primary-menu-container ul li ul li
{
	border-right: 1px solid #e7e3bf;
	max-width: 30%;
}
.primary-menu-bar .menu-primary-menu-container ul li ul li a
{
	font-size: 18px;
	font-weight: 600;
	padding: 0 40px;
	display: block;
}
.primary-menu-bar .menu-primary-menu-container ul li ul li:last-of-type
{
	border-right: none;
}

.primary-menu-bar .menu-primary-menu-container ul li ul li ul
{
	border: none;
	position: inherit;
	width: auto;
	padding-left: 0;
	background: none;
}

.primary-menu-bar .menu-primary-menu-container ul li ul li ul li
{
	float: none;
	display: block;
	padding-left: none;
	border: none;
	max-width:none;
}

.primary-menu-bar .menu-primary-menu-container ul li ul li ul li a
{
	font-size: 14px;
	font-weight: normal;
	line-height:inherit;
	padding-top: 14px;
	padding-bottom: 14px;
	height:auto;
}

.primary-menu-bar .menu-primary-menu-container ul li ul li a:hover
{
	background-color: #fdd43c;
}

li.bold a
{
	font-weight: bold !important;
	font-size: 16px !important;
}


@media screen and (max-width: 1500px)
{
	.primary-menu-bar .menu-primary-menu-container ul li a
	{
		padding: 0px 19px;
	}
}

@media screen and (max-width: 1350px)
{
	.primary-menu-bar .menu-primary-menu-container ul li a
	{
		padding: 0px 18px;
		font-size: 12px;
	}
}

@media screen and (max-width: 1200px)
{
	.primary-menu-bar .menu-primary-menu-container ul li a
	{
		padding: 0px 10px;
		font-size: 12px;
	}
}

@media screen and (max-width: 1020px)
{
	.primary-menu-bar
	{
		position: absolute;
		visibility: hidden;
		overflow: hidden;
	}
}





/**MOBILE MENU BAR**/
.mobile-menu-bar
{
	visibility: hidden;
	position: fixed;
	background-color: #2d3999;
	height: 44px;
	z-index: 2;
	width: 100%;
}
.mobile-menu-button
{
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	display: inline-block;
	font-size: 16px;
	border-right: 1px solid #6A76D3;
}

@media screen and (max-width: 1020px)
{
	.mobile-menu-bar
	{
		visibility: visible;
	}
}


/**MOBILE MENU**/
.mobile-menu-container
{
	position: absolute;
	top: 44px;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	width: 100%;
	background-color: #e0e0e0;
	z-index: -5;
}

.mobile-menu
{
	margin-bottom: 60px;
	overflow: hidden;
}


.mobile-menu ul
{
	margin: 0;
	padding: 0;
}

.mobile-menu ul li
{
	margin: 0;
	padding: 0;
}

.mobile-menu ul li a,
.mobile-home-button
{
	display: block;
	padding: 20px;
	background-color: #FFF;
	border-left: 12px solid #fdd43c;
	border-bottom: 1px solid RGBA(0,0,0, .12);
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
}

.mobile-menu ul li ul a
{
	background-color: #F5F5F5;
	border-left: 24px solid #efc839;
}

.mobile-menu ul li ul li ul a
{
	background-color: #ebebeb;
	border-left: 48px solid #e3be36;
}

.mobile-menu-expand-arrow
{
	float: right;
	opacity: 0.5;
	text-transform: none;
}

.mobile-menu .menu-primary-menu-container,
.mobile-menu .menu-primary-menu-container ul
{
	overflow: hidden;
}







/**SLIDER**/
.slider
{
	width: 100%;
	position: relative;

}
.slide
{
	position: relative;
	width: 100%;
}

.active-slide {
    left: 0px;
	top: 0px;
	opacity: 1;
	transition: opacity 1s;
	position: relative;
	z-index: 0;
}

.inactive-slide {
	opacity: 0;
	top: 0px;
	width: 100%;
	transition: opacity 1s;
	position: absolute;
	z-index: -5;
}

.slide img
{
	width: 100%;
	display: block;
}
.slide-details
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: -webkit-linear-gradient(to right, RGBA(45,57,153,0.9), RGBA(45,57,153,0.9), RGBA(45,57,153,.3)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(to right, RGBA(45,57,153,0.9), RGBA(45,57,153,0.9), RGBA(45,57,153,0.3)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(to right, RGBA(45,57,153,0.9), RGBA(45,57,153,0.9), RGBA(45,57,153,0.3)); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to right, RGBA(45,57,153,0.9), RGBA(45,57,153,0.9), RGBA(45,57,153,0.3));
}
.slider-left-arrow,
.slider-right-arrow
{
	position: absolute;
	top: 0;
	font-size: 40px;
	color: #ffffff;
	opacity: 0.43;
	height: 100%;
	width: 10%;
	text-decoration: none;
	text-align: center;
}

.slider-left-arrow p,
.slider-right-arrow p
{
	top: 50%;
	position: relative;
	margin: 0;
	-ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
    transform: translate(0, -50%);
}

.slider-left-arrow
{
	left: 0;
}
.slider-right-arrow
{
	right: 0;
}

.slide-details-inner
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
}
.slide-details-title
{
	text-transform: uppercase;
	color: #FFF;
	font-size: 42px;
	font-family: "Merriweather Sans";
	font-weight: 600;
}
.slide-details-description
{
	color: #fff;
	margin-bottom: 20px;
}


@media screen and (max-width: 1480px)
{
	.slide-details-title
	{
		font-size: 30px;
	}
}

@media screen and (max-width: 1200px)
{
	.slide-details-title
	{
		font-size: 24px;
	}
	.slide-details-inner
	{
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 1020px)
{
	.slide img
	{
		position: absolute;
		visibility: hidden;
	}

	.slide-details
	{
		position: relative;
		height: 200px;
	}

	.slide-details-inner
	{
		width: 70%;
		top: 50%;
		-ms-transform: translate(0, -50%); /* IE 9 */
    	-webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
	    transform: translate(0, -50%);
		position: relative;
	}

	.slider-left-arrow,
	.slider-right-arrow
	{
		width: 15%;
	}
}



/**SOCIAL MEDIA BAR**/
.home-social-bar
{
	width: 80%;
	max-width: 1200px;
	margin: 20px auto;
	overflow: hidden;
	position: relative;
}
.home-social-bar-links
{
	position: absolute;
	top: 0;
}
.home-social-bar hr
{
	position: relative;
	width: 100%;
	margin: 15px 0;
	margin-left: 80px;
	opacity: .2;
}



/**MAIN CONTENT AREA**/

#main
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 70px;
}
#main:after
{
	clear: both;
	display: table;
	content: "";
}


.page .content-area,
.single .content-area
{
	background-image: url('resources/page_background.jpg');
	background-repeat: no-repeat;
	background-position:right top;
}

@media screen and (max-width: 1020px)
{
	.page .content-area
	{
		background-image: none;
	}
}



/**HOME FEATURES**/
.home-features
{
	width: 100%;
	padding: 0;
}

.home-features:after
{
	clear: both;
	display: table;
	content: "";
}

.home-feature
{
	width: 27%;
	text-align: center;
	padding: 30px 3%;
	/*border-image: -webkit-linear-gradient(to bottom, RGBA(0,0,0,0), RGBA(0,0,0,.1), RGBA(0,0,0,0));
  	border-image: -o-linear-gradient(to bottom, RGBA(0,0,0,0), RGBA(0,0,0,.1), RGBA(0,0,0,0));
  	border-image: -moz-linear-gradient(to bottom, RGBA(0,0,0,0), RGBA(0,0,0,.1), RGBA(0,0,0,0));
 	border-image: linear-gradient(to bottom, RGBA(0,0,0,0), RGBA(0,0,0,.1), RGBA(0,0,0,0));
	border-image-slice: 1;
	border-right-width: 1px;
	border-right-style: solid;
	border-left: none;*/
	border-right: 1px solid RGBA(0,0,0,.05);
	float: left;
}
.home-feature:last-of-type
{
	border-right: none;
}

.home-feature-title
{
	display:inline-block;
	font-family: "Merriweather Sans";
	font-size: 30px;
	color: #38439d;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -2px;
	line-height: 30px;
}

.home-feature-subtitle
{
	color: #a5a5a5;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	text-align: right;
	letter-spacing: 0px;
	line-height: 14px;
}

.home-feature-description
{
	margin-top: 15px;
	margin-bottom: 35px;
}

@media screen and (max-width: 1200px)
{
	.home-feature
	{
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
		border-right: none;
		border-bottom: 1px solid RGBA(0,0,0,.05);
		padding: 40px 0;
	}

	.home-feature:last-of-type
	{
		border-bottom: none;
	}
}




/**HEALTH ALERT**/
.health-alert
{
	background-color: #666666;
	margin-top: 30px;
	overflow: hidden;
}
.health-alert:before
{
	clear: both;
	display: table;
	content: "";
}

.health-alert-inner
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.health-alert a
{
	text-decoration: none;
	font-weight: 600;
}

.health-alert a:hover
{
	text-decoration: underline;
}

.health-alert-logo
{
	top: 50%;
	left: 0;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
	position: absolute;
	padding: 60px 0;
	padding-right: 20px;
	border-right: 1px solid RGBA(255,255,255,.2);
}

.health-alert-details
{
	width: 80%;
	display: inline-block;
	margin-left: 230px;
	padding: 30px 0;
}

.health-alert-details a
{
	color: #FCD577;
}

.health-alert-title
{
	font-family: "Merriweather Sans";
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.health-alert-description
{
	color: #fff;
}

.health-alert-description p:last-of-type
{
	margin-bottom: 0;
}

.health-alert-mobile-logo
{
	position: absolute;
	visibility: hidden;
	color: #fcd577;
	text-transform: uppercase;
	font-family: "Merriweather Sans";
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -2px;
	text-align: center;
	padding-top: 20px;
}


@media screen and (max-width: 1280px)
{
	.health-alert-details
	{
		width: 70%;
	}
}

@media screen and (max-width: 1020px)
{
	.health-alert-details
	{
		width: 100%;
		margin: 0;
		padding-top: 10px;
		text-align: center;
	}

	.health-alert-logo
	{
		visibility: hidden;
	}

	.health-alert-mobile-logo
	{
		position: relative;
		visibility: visible;
		border-bottom: 1px solid RGBA(255,255,255,.2);
	}
}

@media screen and (max-width: 400px)
{
	.health-alert-mobile-logo
	{
		font-size: 32px;
	}
}



/***NEWS/EVENTS AREA***/
.news-events-area
{
	background-color: #e5e5e5;
	width: 100%;
	padding-bottom: 50px;
}
.news-events-area-inner
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
.news-events-area-inner:after
{
	content:"";
	display: table;
	clear: both;
}

/**HOME CONTACTS**/
.home-contacts
{
	width: 28%;
	padding-bottom: 30px;
	float: left;
	margin-right: 2%;
}

.home-contacts-title
{
	display: block;
	margin: 0;
	background: -webkit-linear-gradient(to right, RGBA(45,57,153,1), RGBA(45,57,153,0.77), RGBA(45,57,153,.5)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(to right, RGBA(45,57,153,1), RGBA(45,57,153,0.77), RGBA(45,57,153,0.5)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(to right, RGBA(45,57,153,1), RGBA(45,57,153,0.77), RGBA(45,57,153,0.5)); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to right, RGBA(45,57,153,1), RGBA(45,57,153,0.77), RGBA(45,57,153,0.5));
	font-family: "Merriweather Sans";
	font-weight: 600;
	color: #fff;
	padding: 10px 20px;
}

.home-contacts-address
{
	padding: 20px;
	margin: 0;
	border-bottom: 1px solid RGBA(0,0,0,0.1);
}

.home-contact
{
	margin: 20px;
	border-bottom: 1px solid RGBA(0,0,0,0.1);
}
.home-contact:last-of-type
{
	border-bottom: none;
}

.home-contacts-button
{
	margin: 20px;
}

.contact-icon
{
	width: 27px;
	height: 90px;
	float: left;
	background-image: url('resources/contact-icon.png');
	background-repeat:no-repeat;
	margin-right: 15px;
}




/**HOME NEWS**/
.home-news
{
	float:left;
	width: 70%;
}

.latest-news-thumb
{
	margin: 20px;
	display: block;
}

.latest-news-thumb img
{
	width: 100%;
	position: relative;
	display: block;
}

.latest-news-title
{
	font-family: "Merriweather Sans";
	font-size: 24px;
	margin:20px;
	margin-bottom: 0;
	display: block;
	font-weight: normal;
}
.latest-news-date
{
	opacity: 0.3;
	margin: 0 20px;
	margin-top: 0;
}

.latest-news-excerpt
{
	margin: 20px;
	margin-bottom: 30px;
}

.home-news .yellow-button
{
	margin-left: 20px;
}


.old-news-item
{
	font-weight: 600;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid RGBA(0,0,0,0.1);
	display: block;
	padding: 10px 0;
	margin: 0 20px;
}
.old-news-item:last-of-type
{
	border-bottom: none;
}
.old-news-item:first-of-type
{
	margin-top: 50px;
}

.old-news-title
{
	width: 75%;
}
.old-news-link
{
	float: right;
}


@media screen and (max-width: 1000px)
{
	.home-contacts
	{
		width: 38%;
	}

	.home-news
	{
		width: 60%;
	}
}
@media screen and (max-width: 750px)
{
	.home-contacts
	{
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}

	.home-news
	{
		width: 100%;
	}

	.old-news-title
	{
		width: 65%;
	}
}


/**HOME EVENTS**/
.home-events
{
	margin-top: 50px;
	float: left;
	width: 100%;
}
.home-events-heading
{
	font-size: 30px;
	font-family: "Merriweather Sans";
	font-weight: 600;
	color: #535353;
	text-transform: uppercase;
	margin: 20px 0;
	letter-spacing: -2px;
}

.home-event
{
	float:left;
	width: 19.7%;
	background: #fff;
	margin: 0.15%;
	text-align: center;
	height: 200px;
	position:relative;
}

.home-event-details
{
	display: block;
	width: 95%;
	margin: 0 auto;
	position: relative;
	top: 40%;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
}

.home-event-date
{
	background: #2d3999;
	color: #fff;
	font-family: "Merriweather Sans";
	padding: 5px 20px;
}

.home-event-location
{
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 10px;
}

.full-calendar-link
{
	color: #606060;
	text-decoration: none;
	font-weight: 600;
	margin-top: 30px;
	display: block;
	float: left;
}
.full-calendar-link:before
{
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 1300px)
{
	.home-event
	{
		width: 100%;
		display: block;
		float: none;
		margin: 5px auto;
	}
}

/** AWKWARD INBETWEEN A
@media screen and (max-width: 1100px) and (min-width: 500px)
{
	.home-event
	{
		text-align: left;
		height: 100px;
	}
	.home-event-details
	{
		margin-top: 10px;
		margin-left: 20px;
	}

	.home-event .yellow-button
	{
		position: absolute;
		top: 0px;
		right: 20px;
	}
}**/


@media screen and (max-width: 1300px) and (min-width: 900px)
{
	.home-event
	{
		float: left;
		width: 32%;
		margin: 4px 0.5%;
	}
}

@media screen and (max-width: 900px) and (min-width: 500px)
{
	.home-event
	{
		float: left;
		width: 49%;
		margin: 3px 0.5%;
	}
}



/**PAGE TITLE**/
.page-title-bar
{
	width: 100%;
	background: -webkit-linear-gradient(to right, RGBA(45,57,153,0.77), RGBA(45,57,153,0.77), RGBA(45,57,153,.2)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(to right, RGBA(45,57,153,0.77), RGBA(45,57,153,0.77), RGBA(45,57,153,0.2)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(to right, RGBA(45,57,153,0.77), RGBA(45,57,153,0.77), RGBA(45,57,153,0.2)); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to right, RGBA(45,57,153,0.77), RGBA(45,57,153,0.77), RGBA(45,57,153,0.2));
}
.page-title-bar-inner
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
}
.page-title-bar-inner:after
{
	content:"";
	display: table;
	clear: both;
}
.page-title
{
	text-transform: uppercase;
	font-family: "Merriweather Sans";
	color: #fff;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -2px;
	float: left;
	padding-right: 15px;
}
.page-subtitle
{
	font-size: 18px;
	font-weight: 600;
	color: #fcc542;
	text-transform:none;
	letter-spacing: -1px;
}

.page-title-hr-container
{
	width: auto;
	min-width: 128px;
	height: 54px;
	overflow: hidden;
}

.page-title-hr-container hr
{
	margin: 25px 0;
	border: 1px solid RGBA(255,255,255,0.2);
}

.page-social-bar-links
{
	float:right;
	margin-left: 15px;
}
.page-social-bar-links a
{
	float: left;
	margin: 11px 2px;
}
.page-social-bar-links img
{
	display: block;
}





/**FOOTER**/
.site-footer
{
	color: #fff;
}

.footer-info
{
	width: 100%;
	background: #38439d;
	padding: 30px 0;
}

.inner-footer
{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
}

.inner-footer:after
{
	content:"";
	display: table;
	clear: both;
}

.footer-info-block
{
	float: left;
	padding-right: 50px;
	margin-right: 50px;
	border-right: 1px solid RGBA(255,255,255,.5);
	height: 120px;
}
.footer-info-block:after
{
	content:"";
	display: table;
	clear: both;
}
.footer-info-block:last-of-type
{
	border-right: none;
}

.footer-info-block p
{
	margin-top: 0;
}

.footer-copyright
{
	background-color: #424d9f;
	border-top: 1px solid #515ba7;
}

.footer-copyright p
{
	width: 80%;
	max-width: 1200px;
	display: block;
	margin: 0px auto;
	padding: 15px 0;
}


@media screen and (max-width: 1200px)
{
	.footer-info-block
	{
		float: none;
		border-right: none;
		height: auto;
		margin-bottom: 40px;
	}
}






/****EVENTS CALENDAR****/
.page .events-calendar-content-area
{
	background-image: none;
	background: #e5e5e5;
}
.calendar-month-selector
{
	font-family: "Merriweather Sans";
	font-size: 24px;
	color: #38439d;
	letter-spacing: -2px;
}
#calendar-left-arrow
{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	margin-right: 10px;
	float: left;
}
#calendar-selected-month
{
	float:left;
}
#calendar-right-arrow
{
	margin-left: 10px;
}

.calendar
{
	margin-top: 10px;
}

.calendar:after
{
	content:"";
	display: table;
	clear: both;
}

.calendar-heading
{
	display: inline-block;
	background-color: #38439d;
	color:#fff;
	text-align: center;
	margin: 1px;
	width: 14%;
	font-family: "Merriweather Sans";
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 0;
}

.calendar-cell
{
	background-color: #FFF;
	margin: 1px;
	position: relative;
	display: block;
	float: left;
	width: 14%;
	height: 130px;
}

.calendar-cell-date
{
	font-size: 12px;
	float: right;
	margin: 7px;
}

.calendar-cell-details
{
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	left: 3%;
	width: 94%;

	top: 50%;
	-ms-transform: translate(0, -50%); /* IE 9 */
	-webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
}

.calendar-cell-details .yellow-button
{
	display: block;
	margin: 0 auto;
	width: 20%;
	padding: 5px 20px;
	margin-top: 10px;
}

.calendar-cell-details hr
{
	opacity: 0.08;
	top: 0px;
}

.mobile-calendar
{
	position: absolute;
	visibility: hidden;
	margin-top: 10px;
	top: 0px;
}

@media screen and (max-width: 1020px)
{
	.mobile-calendar
	{
		position: static;
		visibility: visible;
	}

	.calendar
	{
		position: absolute;
		visibility: hidden;
	}
}



/**EVENT POPUP**/
.event-popup
{
	position: absolute;
	z-index: 3;
	background: #fff;
	box-shadow: 0px 0px 10px RGBA(0,0,0,0.5);
	visibility: hidden;
}

.event-popup-heading
{
	width: 95%;
	display: inline-block;
	background-color: #38439d;
	color:#fff;
	font-family: "Merriweather Sans";
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 0;
	padding-left: 5%;
}

.event-popup-event
{
	padding: 10px 0;
	padding-right: 200px;
	padding-left: 5%;
	font-weight: 600;
	font-size: 12px;
	border-bottom: 1px solid RGBA(0,0,0,0.1);
}

.event-popup-event a
{
	position: absolute;
	right: 5%;
}

.event-popup-close
{
	border: 1px solid #fff;
	color: #fff !important;
	text-decoration: none;
	display: inline-block;
	text-transform: lowercase;
	width: 12px;
	height: 12px;
	line-height: 11px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	position: absolute;
	right: 5%;
}


/**EVENT PAGE**/
.event-page-details-heading
{
	margin-bottom: 2px;
	margin-top: 15px;
}
.event-page-details
{
	margin-top: 0;
	margin-bottom: 30px;
	opacity: 0.4;
	font-weight: 600;
}
.back-to-calendar
{
	margin-top: 30px;
	float:left;
}



/**NEWS ARCHIVE**/
.archive-news-post
{
	margin-bottom: 40px;
	border-bottom: 1px solid RGBA(0,0,0,0.2);
}
.archive-news-post:after
{
	content: "";
	clear: both;
	display: table;
}

.archive-news-post .yellow-button
{
	float: left;
	margin-bottom: 40px;
}

.archive-news-post .latest-news-title,
.archive-news-post .latest-news-date,
.archive-news-post .latest-news-excerpt
{
	margin-left: 0;
	margin-right: 0;
}

.archive-news-post:last-of-type
{
	border-bottom: none;
}




/**FOOD HANDLERS COURSE**/
.module-title
{
	color: #777;
}

input[type="submit"]
{
	margin-top: 30px;
}

form.quiz input
{
	display:block;
}

form.quiz input[type="radio"]
{
	display: inline;
}

form.quiz input[type="text"],
form.quiz input[type="email"],
form.quiz input[type="tel"]
{
	margin-bottom: 20px;
	width: 100%;
}

form.quiz input[type="radio"]
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 7px;
}

form.quiz label.error
{
	color: #FF0000;
}
form.quiz input.error
{
	border: 1px solid #FF0000;
	padding: 3px;
}

.ninja-forms-all-fields-wrap
{
	float: left;
	width: 28%;
}

.food-handlers-details
{
	float: left;
	width: 60%;
	margin-right: 5%;
}

form.retry
{
	float: left;
}

form.retry #submit
{
	margin: 0;
}

.incorrect,
.correct
{
	color: #FF0000;
	float: left;
	border: 1px solid #FF0000;
	padding: 15px;
	padding-top: 0;
	position: absolute;
}

.correct
{
	color: #00FF00;
	border: 1px solid #00FF00;
}

.ninja-forms-required-items
{
	margin: 20px 0;
}

.input-counter
{
	position: absolute;
	visibility: hidden;
}

.wp_cart_button_wrapper input[type="submit"]
{
	margin-top: 5px;
	margin-bottom: 30px;
}


@media screen and (max-width: 1020px)
{
	.ninja-forms-all-fields-wrap
	{
		width: 100%;
	}

	.food-handlers-details
	{
		width: 100%;
	}
}



/****FOOD HANDLER CARD****/
.fh-card
{
	margin: 15px;
	width: 410px;
	border: 2px dashed RGBA(0,0,0,0.5);
	padding: 10px;
}
.fh-card:after
{
	display:table;
	content: "";
	clear: both;
}
.fh-card-details
{
	display: block;
	width: 240px;
	float: left;
}
.fh-card img
{
	float: left;
	width: 150px;
	display: block;
	margin-right: 10px;
}

.fh-card-address
{
	text-align: right;
	font-size: 12px;
}
.fh-card-applicant h2
{
	font-size: 18px;
}
.fh-card-applicant h2,
.fh-card-applicant h1
{
	margin: 5px 0;
}

hr.dashes
{
	border: none;
	border-bottom: 1px dashed RGBA(0,0,0,0.5);
}




/****CONTACT FORM****/
.contacts-contacts
{
	margin-right: 70px;
}

.wpcf7-form
{
	float: left;
	max-width: 100%;
}

.wpcf7-text,
.wpcf7-textarea
{
	position: relative;
	width: 100% !important;
}

@media screen and (max-width: 750px)
{
	.wpcf7-form
	{
		margin: 0;
	}
}

.vaccine-list-banner
{
	background: #DEEBFA;
	border: 1px solid #C9DFF7;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px;
	margin-top: 40px;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.vaccine-list-banner .yellow-button
{
	background-color: #FCC542;
	margin-top: 5px;
	display: inline-block;
}
.vaccine-list-banner .yellow-button:hover
{
	background-color: #FBDF69;
}
.vaccine-list-banner h1
{
	color: #0D58A4;
	margin-bottom: 0;
}

.ninja-forms-success-msg
{
	padding: 10px;
	border: 2px solid #0f0;
	margin: 30px 0;
}

.ninja-forms-success-msg p
{
	margin-bottom: 0;
}

.ninja-forms-all-fields-wrap .field-wrap.public-hidden, .ninja-forms-all-fields-wrap .field-wrap .public-hidden
{
	display: none !important;
}

/*————————————————————————————————————————————————————*\
	●❱ Template: Food Handlers
\*————————————————————————————————————————————————————*/

.food-handlers-template{
	display: flex;
}

.food-handlers-template .nf-before-form-content{
	margin-bottom: 1rem;
}

@media screen and (max-width: 576px){
	.food-handlers-template{
		flex-direction: column;
	}
}


.food-handlers-template .nf-form-cont .nf-form-title{
	display: none;
}

.food-handlers-template .nf-form-cont label{
	font-size: .9375rem!important;
}

.food-handlers-template .submit-container input{
	background: #fcc542!important;
	color: black;
	padding: 1rem 2rem;
}

.food-handlers-template .submit-container input:hover{
	background: black!important;
	color: white!important;
}

.food-handlers-template.quiz{
	flex-direction: column;
}

.food-handlers-template.quiz h1{
	margin-top: 2rem;
}

.quiz-answer--correct{
	padding: 1rem;
    background: #e6fde6;
    color: green;
    border-color: #98d798;
	width: fit-content;
}

.quiz-answer--correct p, .quiz-answer--incorrect p{
	margin-bottom: 0;
}

.quiz-answer--incorrect{
	padding: 1rem;
    background: #fde6e6;
    color: maroon;
    border-color: #d79898;
    display: flex;
    gap: 2rem;
    align-items: center;
	width: fit-content;
}