@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Rosarivo:400,700);
/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1.5, Breakpoints:  */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul, nav li { margin: 0; } 
nav ul, ul { list-style:none; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 1.5%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 6.95833333333%;
  
}
.span2{
  width: 15.4166666667%;
  
}
.span3{
  width: 23.875%;
  
}
.span4{
  width: 32.3333333333%;
  
}
.span5{
  width: 40.7916666667%;
  
}
.span6{
  width: 49.25%;
  
}
.span7{
  width: 57.7083333333%;
  
}
.span8{
  width: 66.1666666667%;
  
}
.span9{
  width: 74.625%;
  
}
.span10{
  width: 83.0833333333%;
  
}
.span11{
  width: 91.5416666667%;
  
}
.span12{
  width: 100%;
  margin-left: 0;
}

ul { 
  list-style-type: disc; 
  list-style-position: inside;
  margin-bottom: 15px;
}
ol { 
  list-style-type: decimal; 
  list-style-position: inside; 
  margin-bottom: 15px;
}
ul ul, ol ul { 
  list-style-type: circle; 
  list-style-position: inside; 
  margin-left: 15px; 
}
ol ol, ul ol { 
  list-style-type: lower-latin; 
  list-style-position: inside; 
  margin-left: 15px; 
}

li {
  font-size: 18px; /* 14 / 14 */
   line-height: 1.5em; /* 21 / 14 */
}

body{ 
  font-size: 87.5%;
  color: #252e35; 
  font-family: 'Lato', sans-serif; 
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
}


h1{
    font-size: 1.714285714em; /* 24 / 14 */
    line-height: 1.5em; /* 21 / 14 */
}

h1.tagline {
  font-size: 2.5em; /* 21 / 14 */
  line-height: 1.5em; /* 21 / 14 */
  margin-bottom:10px;
}
h2{
	font-family: 'Rosarivo', cursive;
	font-style: normal;
	font-weight: 700;
  	font-size: 1.5em; /* 21 / 14 */
  	line-height: 1.5em; /* 21 / 14 */
}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.5em; /* 21 / 14 */
}

a {
	color: #e8810c;
}

a:visited {
	color: #e8410c;
}

#container, .inner{
  margin: 0 auto;
}

header{
  background: #f4f1f1;
  margin-bottom:60px;
}

header h1{
  margin: 7px 0 0 20px;
  color: #000000;
}

.sf-menu a {
	color: #fff;
}

#calendar a {
	color:#fff;
}

#calendar a:visited {
	color:#fff;
}

#container{
  clear: both;

  padding-top: 20px;
  padding-left:10px;
  padding-right:10px;
  max-width: 960px;
  background-color: rgba(244,241,241, 0.8);
}


.alt{
  color: #fff;
  color: rgba(255,255,255, 0.9);
  letter-spacing: 0.05em;
}

.searchItem {
  border-bottom: 2px solid #ababab;
  margin-bottom:8px;
  padding-bottom:3px;	
}

.resultUpdated {
	float:right;
	padding-right:10px;
}

/* Colors */

.city {
	background-color: #ffaa0d;	
}

.community {
	background-color: #e8810c;	
}

.events {
	background-color: #e8410c;	
}

.headernav {
  font-family: 'Rosarivo', cursive;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  text-align: center;

}

.footer {
  text-align: center;
}

.footer a {
  color:#252e35;
}

h1 { 
	font-family: 'Rosarivo', cursive;
	font-style: normal;
	font-weight: 400;
	font-size: 2.5em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.8;
}

p { 
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.3;
}

/* Calendar */
#calendar {
	width: 95%;
	margin: 0 auto;
	background-color:#f4f1f1;
	padding: 10px;
	}
.fc-event {
	background-color: #e8410c;
	border-color: #e8410c;
}

/* Flexslider margin */
.flexslider {
  margin-right:3%;
}

/* City Services */
.cityServices {
  background-color: #ffaa0d;
}

.cityServices h1 a{
  color: #ffffff;
  padding-left:10px;
  text-decoration: none;
}

.chevron {
	float:right;
	padding-right:10px;
}



/* Event Header */

.calendarHeader {
  background-color: #e8810c;
}

.calendarHeader h1 {
  color: #ffffff;
  padding-left:10px;
}

.calendarList{
  font-size: 1.1em;
  margin-top:10px; 
  list-style-type: none; 
}
.calendarList li {
  border-bottom: 2px solid #ababab;
  margin-bottom:8px;
  padding-bottom:3px;

}
.calendarList a {
	color: #252e35; 
	text-decoration: none;
}

.listChevron {
  color:#e8810c;
  text-decoration:none;
  float:right;
  font-weight: bold;
  font-size: 1.5em;
}

.sliderCalendar {
  border-bottom: 2px solid #ababab;
  margin-bottom:8px;
  padding-bottom:3px;

}

/* Call out */
.callOut {
	background-color:#e8410c; 
	padding-top:30px; 
	padding-left:15px; 
	padding-right:15px; 
	margin-top:20px;
	text-align:center;
}

.callOut h2 {
	color:#fff;
	line-height: 1.1em;
	padding-bottom: 15px;
	margin-bottom: 0px;
}

.callOut h2 a {
	color: #fff;
	text-decoration:none;
}

.callOut h2 a:visited {
	color: #fff;	
	text-decoration:none;
}

.directoryListing {
	border-bottom:2px solid #e8810c;
	margin-bottom:20px;
}

.communityClubBadge {
	float:right;
	margin-right:15px;
}

/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 1175px){
 /* nav .span4{
    width: 100%;
  } */

  .span8, article{
    width: 100%;
  }

  .span4, aside{
    width: 100%;
    margin-left: 0;
  }

  #container, .inner{
    width: 90%;
    padding: 0 5% 0 5%;
  }
}

@media screen and (max-width: 599px){
  #logo img {
      height:45px;
  }

  h1.tagline {
  font-size: 2.1em; /* 21 / 14 */
  line-height: 1.8em; /* 21 / 14 */
  margin-bottom:5px;
}

header{
  margin-bottom:10px;
}

body {
  background-image:none;
}

}

/* Custom Breakpoints */

@media screen and (max-width: px) {
 /* Add your styles for devices with a maximum width of  */
}


// Micro Clearfix 

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}