/*
Theme Name: millbrook
Author: Brian Richards
Author URI: http://hagadonedigital.com/
Description: Custom theme for City of Millbrook
Version: 1.0.0

millbrook Theme © 2018 Brian Richards
*/
body {
	background-color: #FFF;
	margin:0px;         
    font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	color: #000;
	font-weight:300;
	overflow-x:hidden;
	background-image: url(images/mobilebody_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
a:link {
	/*color: #00481e;*/
	color:#0083c0;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0083c0;
}
a:hover {
	text-decoration: underline;
	color: #0083c0;
	cursor:pointer;
}
a:active {
	text-decoration: none;
	color: #0083c0;
}
h1 {
	font-size: 24px;
	color: #00481e;
	font-weight:400;
	text-transform: uppercase;
	/*font-family: 'Playfair Display', serif;*/
}
h2 {
	font-size: 20px;
	color: #00481e;
	font-weight:400;
	text-transform: uppercase;
	/*font-family: 'Playfair Display', serif;*/
}
h3 {
	font-size: 18px;
	color: #00481e;
	font-weight:400;
	text-transform: uppercase;
	/*font-family: 'Playfair Display', serif;*/
}
p{line-height: 16px;}
img{
	border:none;
	max-width:100%;
	height: auto;
}
strong{font-weight:700;}
a.greenlink{border:solid 2px #92ee25; padding-left: 35px; padding-right: 35px; padding-top: 8px; padding-bottom: 8px; font-size: 80%; color: #00481e; display:block;}
.smalltitle{color: #aa7f49; font-size: 70%; font-style:italic; text-transform:none;}
#breadcrumbs{color: #aa7f49; font-size: 100%; font-style:italic; text-transform:none;}
#breadcrumbs a{color: #aa7f49; font-style:italic; text-transform:none;}
.mobileonly{}
.deskonly{display:none;}
.alignleft {
	float: left;
	padding-right: 25px;
	max-width:35%;
}
.alignright {
	float: right;
	margin-left: 25px;
	max-width:35%;
}
.left_text{float: left; width: 100%;}
.right_image{float: right; width: 100%;}
.right_text{float: right; width: 100%;}
.left_image{float: left; width: 100%;}
.myrow{float: left; width: 90%; padding-left: 5%; padding-right: 5%;}
.footerrow{float: left; width: 90%; padding-left: 5%; padding-right: 5%;}
.fullrow{float: left; width: 100%;}
.floatleft{float:left;}
.floatright{float: right;}
.twocol{float: left; width: 100%; box-sizing: border-box;}
.threecol{float: left; width: 100%; box-sizing: border-box;}
.fourcol{float: left; width: 100%; box-sizing: border-box;}
.fivecol{float: left; width: 100%; box-sizing: border-box;}
.sixcol{float: left; width: 100%; box-sizing: border-box;}
.topbar{float: left; width: 100%; text-align: center; padding-top: 5px; padding-bottom: 5px; background: #c29e71;}
.logo{float:left; width:80%; margin-bottom:-10px; z-index: 99999; position:relative;}
.topcall{float: left; width: 100%; color: #004614;}
.searchbar{display: none;}
.ctaboxes{
	position: absolute; 
	bottom: 5px;
	background-image: url(images/ctabg.png);
	background-repeat: repeat-x;
	background-position: center top;
	min-height: 158px;
}
.ctaboxes img{
	padding-bottom: 5px;
}
.eventlist{float: left; width: 100%; box-sizing: border-box; padding-left: 5%; padding-right: 5%; font-family: 'Playfair Display', serif;}
.calendarbox{float: left; width: 100%; box-sizing: border-box;}
.secondtxt{
	float: left;
	width: 100%;
	padding-bottom: 255px;
	background-image: url(images/second_bg_mobile.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	box-sizing: border-box;
	padding-left: 5%; 
	padding-right: 5%;
}
.bottomlogo{float: left; width: 100%; text-align:right}
.footermenu{float: left; width: 100%; padding-top: 20px;}
.footermenu ul{margin: 0px; padding: 0px; list-style: none; text-transform: uppercase;}
.footermenu ul li{display: inline; padding-right: 20px;}
.footermenu ul li a{color: #FFF; text-transform: uppercase; font-weight: 700; font-size:15px;}
.footermenu ul li ul{display: none; }
.leftpic{float:left; width:100%;}
.right_txt{float:left; width:100%;}
.textcol{float:left; width:100%;}
.infocol{float:left; width:100%;}
.wardbox{font-family: 'Ubuntu', sans-serif; letter-spacing:2px; font-size:40%; color:#FFF; background:#b58e5d; display:block; width:145px; text-align:center; margin-bottom: -20px; padding-top: 5px; padding-bottom: 5px;}
.mec-event-calendar-classic .mec-calendar-side .mec-calendar-table{min-height:10px !important;}
@media screen and (min-width: 980px) {
	body {
		font-size: 20px;
		background-image: url(images/homebody_bg.jpg);
	}
	p{line-height: 28px;}
	a.greenlink{display:inline;}
	.mobileonly{display:none;}
	.deskonly{display:inline;}
	.left_text{float: left; width: 60%;}
	.right_image{float: right; width: 35%;}
	.right_text{float: right; width: 60%;}
	.left_image{float: left; width: 35%;}
	.twocol{float: left; width: 50%;}
	.threecol{float: left; width: 33%;}
	.fourcol{float: left; width: 25%;}
	.fivecol{float: left; width: 20%;}
	.sixcol{float: left; width: 16.66%;}
	.ctatitle{text-transform: uppercase; font-size: 26px; font-weight: 700;}
	.logo{position: absolute; left: 1%; top: 0px; width: 15%;}
	.topcall{float: right; width: 70%; text-align: right; font-size: 14px;}
	.searchbar{display: block; float:right; width:20%;}
	#mainmenu{float: right; width: 100%; text-align: right; padding-top: 5px; padding-bottom: 5px; position:relative; z-index:999999;}
	.ctaboxes{
		font-size: 22px;
	}
	.eventlist{float: left; width: 70%; box-sizing: border-box; padding-left: 5%; padding-right: 5%;}
	.calendarbox{float: right; width: 30%; box-sizing: border-box;}
	.secondtxt{
		float: left;
		width: 100%;
		padding-bottom: 100px;
		background-image: url(images/second_bg.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		position: relative;
		padding-right: 60%;
	}
	.secondtxt img{position: absolute;}
	.footerrow br{display: none;}
	.bottomlogo{float: right; width: 20%; margin-top: -60px; }
	.leftpic{float:left; width:30%;}
.right_txt{float:right; width:65%;}
.textcol{float:left; width:65%;}
.infocol{float:right; width:30%;}	
.listcol li{float:left; width:33%; margin-bottom:20px;}	
}
@media screen and (min-width: 1400px) {
	h1 {font-size: 44px;}
	h2 {font-size: 36px;}
	h3 {font-size: 30px;}
	.secondtxt{
		padding-right: 60%;
	}
	.wardbox{margin-bottom: -40px;}
	.logo{width: 20%;}
}