/* @group RESETS */


/* FONTS & COLORS
  font-family: "Lato", Helvetica, Arial, sans-serif;
  red: #c95151;
  green: #a1b964
  blue: #94afce
*/

*{
  text-decoration: none;
  outline:0 !important;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box; 
}

body{
  position:relative;
	color: #676767;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	line-height:30px;
	background:#343434 url('../media/bg-chalkboard.jpg') repeat left top;
	font-weight:400;
	font-size:14px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
}

body.lock{
  overflow:hidden;
  position:fixed;
}

.acc {
	display: none;
}

hr{
  display:block;
  width:100%;
  border:0;
  margin:15px 1px;
  height:0;
  border-top:1px solid #ededed;
  border-bottom:1px solid #fff;

}

hr:before,
hr:after{
  content:"";
  clear:both;
  display:table;
  width:100%;
  
}

iframe{
  min-height:300px;
  width:100%;
  display:block;
}

/* @end */


/* @group SCAFFOLDING */


/* WRAPPERS */

.wrapper{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	left:0;
}
.wrapper.shift{
  left:300px;
}
.wrapper.header{
  background:url('../media/dayton-header-bg.jpg') repeat left top;
  -webkit-box-shadow: 0px 6px 5px -2px #555;
  -moz-box-shadow:    0px 6px 5px -2px #555;
  box-shadow:         0px 6px 5px -2px #555;
  z-index:3
}
.wrapper.slider{
  overflow:hidden;
}
main.wrapper{
  border-top:1px solid #666;
  background:url('../media/dayton-bg.gif') repeat left top;
}
.wrapper.footer{
  color:#fff;
  padding-top:15px;
  border-top:1px solid #222;
  background:url('../media/bg-chalkboard.jpg') repeat left top;
}
.wrapper.content.home{
  padding:50px 0;
}



/* CONTAINERS */

.container{
	display: block;
	margin: 0 auto;
	max-width: 1230px;
	width:100%;
	
}
.container:before,
.container:after{
  content:"";
  display:table;
  width:100%;
  clear:both;
}
header.container{
  display:table;
  width:100%;
  position:relative;
}
.wrapper.content.inner .container{
  border:1px solid #ccc;
  border-bottom:0;
  -webkit-box-shadow: 0px -1px 8px 1px #cbcbcb;
  -moz-box-shadow:    0px -1px 8px 1px #cbcbcb;
  box-shadow:         0px -1px 8px 1px #cbcbcb;
  padding:70px 10px 55px;
  display:table;
  width:100%;  
}
.wrapper.content.home .container{
  display:table;
  width:100%;
  border-collapse:separate;
}
footer.container{
  position:relative;
}

/* LAYOUT ELEMENTS */

header .logo,
header .navigation{
  display:table-cell;
  height:auto;
  vertical-align: top;
}
.utility nav,
form.searchform{
  display:inline-block;
  width:auto;
  vertical-align: top;
}
header .logo a{
  position:relative;
  width:420px;
  display:block;
}
header .logo a img{
  position:absolute;
  left:-15px;
  width:100%;
}
header .navigation{
  width:100%;
}
.utility,
nav.main {
  text-align: right;
  padding:8px 0 0 0 ;
}
.utility{
  margin-bottom:5px;
}
.primary,
.secondary,
.tertiary{
	display:table-cell;
	vertical-align: top;
	margin: 0;
	padding:0 25px 0 10px;
}
.primary,
.primary.landing{
  width:75%;
}
.primary.has-nav{
  width:55%;
}
.secondary{
  width:25%;
  max-width:295px;
}
.tertiary{
  width:19%;
  max-width:240px;
  text-align: right;
  padding-right:10px;
}

.tertiary aside{
  border-right:1px solid #ededed;
  padding:0 20px;
}

.col{
  display:table-cell;
  width:33%;
  vertical-align: top;
  padding:0 25px;
}

.col:first-child{
  padding-left:0;
}
.col:last-child{
  padding-right:0;
}

.landing,
.citizen{
  display:table;
  width:100%;
}
.landing.no-img,
.citizen.no-img,
.landing .landing-content,
.citizen .citizen-content{
  display:block;
  width:100%;
}

.landing-img,
.citizen-img,
.landing-content,
.citizen-content{
  display:table-cell;
  vertical-align: top;
}
.landing-img,
.citizen-img{
  width:165px;
}

.page-content ul.faq-list{
  padding-left:0;
  margin-top:15px;
}
.page-content ul.faq-list li{
  padding:0;
  margin-bottom:5px;
}
.faq,
a.faq-head,
.faq-content{
  display:block;
  width:100%;
  padding:0;
  margin:0;
}

a.faq-head h4,
a.faq-head:visited h4{
  background-color:#94afce;
  padding:10px;
  color:#fff;
  margin:0;
}
a.faq-head:hover h4{
  color:#ededed;
}
.faq-content{
  display:none;
  position:relative;
  padding:15px;
  border:1px solid #94afce;
  border-top:0;
  background-color:#fff;
  border-radius: 0 0 5px 5px;
}
.read-more{
  text-align: right;
  margin:7px 0;
}
.nav-prev,
.nav-next{
  display:inline-block;
  width:48.5%;
  vertical-align: top;
}
.nav-next{
 float:right; 
 margin-top:1px;
}


.ai1ec-agenda-view .ai1ec-date-title{
  margin-left:0;
}
.page-content:after{
  content:"";
  display: table;
  width:100%;
  clear:both;
  margin-top:15px;
}

#map-canvas{
  min-height:325px;
  width:100%;
  border:1px solid #ddd;
  -webkit-box-shadow: 0px 6px 5px -3px #bbb;
  -moz-box-shadow:    0px 6px 5px -3px #bbb;
  box-shadow:         0px 6px 5px -3px #bbb;
}


/* IMAGES */

.slider > img{
  position:absolute;
  width:auto;
  height:100%;
}
footer > img{
  position:absolute;
  top:-50px;
  right:-20px;
}
.page-content img{
  border:1px solid #ddd;
  padding:3px;
  margin:5px;
  background-color:#fefefe;
}
.alignleft img,
img.alignleft{
  float:left;
  margin-left:0;
  margin-right:15px;
}
.alignright img,
img.alignright{
  float:right;
  margin-right:0;
  margin-left:15px;
}

/* @end */


/* @group NAVIGATION */

#mobile-menu{
  width:300px; 
  display:none;
  position:absolute; 
  top:0; 
  left:0;
  z-index:99999;
  color:#fff;
  height:100%;
  background-color:#94afce;
  border-right:1px solid #7ca3d0;
  -webkit-box-shadow: 11px 0px 9px -7px #333;
  -moz-box-shadow:    11px 0px 9px -7px #333;
  box-shadow:         11px 0px 9px -7px #333;
}
#mobile-menu > ul{
  max-height:700px;
  height:100%;
  overflow-y:scroll;
  display:block;
  border-bottom:1px solid #9fbbc9;
}
#mobile-menu ul.sub-menu{
  display: block;
  width:100%;
  margin:0;
  border:0;
  background-color:#7ca3d0;
}
#mobile-menu li{
  border-top:1px solid #9fbbc9;
  border-bottom:1px solid #7ca3d0;
}
#mobile-menu li a,
#mobile-menu li li a{
  display:block;
  width:100%;
  color:#fff;
  font-size:16px;
  padding:1px 5px;
}
#mobile-menu li li a{
  font-size:12px;
}
.mobile-close{
  position:relative;
  display:block;
  padding:10px 0;
  background-color:#7ca3d0;
  border-bottom:1px solid #6890bd;
}
.mobile-close p {
  padding: 0 20px 0 10px;
  display:block;
  text-align: left;
  font-size:18px;
  display:inline-block;
  width:84%;
  vertical-align: middle;
  text-transform: uppercase;
}

.mobile-close a{
  color:#444;
  font-size:25px;
  background-color:#ccc;
  padding:10px 10px 12px 10px;
  line-height: 10px;
  border-radius:150px;
  display:inline-block;
  text-align: left;
  vertical-align: middle;
}


nav.main ul,
.utility nav ul{
  padding:0;
  margin:0;
}
.utility nav{
  margin-top:6px;
  display:inline-block;
}
.utility nav ul{
  padding-right:7px;
}
.utility nav li{
  display:inline-block;
  width:auto;
  
  padding:0;
}
.utility nav li a,
.utility nav li a:visited{
  color:#fff;
  font-size:14px;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.utility nav li a:hover{
  color:#355a84;
}
.utility nav li a:before{
  content:"|";
  display:inline;
  vertical-align: baseline;
  font-size:16px;
  color:#fff;
  padding:0 10px;
}
.utility nav li:first-child a:before{
  display:none;
}


nav.main{
  -webkit-box-shadow: 0px 6px 5px -3px #666;
  -moz-box-shadow:    0px 6px 5px -3px #666;
  box-shadow:         0px 6px 5px -3px #666;
}
nav.main ul{
  padding:0;
}
nav.main ul ul{
  display:none;
  border:1px solid #c7bda9;
  position:absolute;
  width:auto;
  top:100%;
  width:100%;
  min-width:250px;
  left:0;
  z-index:-1;
  -webkit-box-shadow: 0px 3px 5px -2px #444;
  -moz-box-shadow:    0px 3px 5px -2px #444;
  box-shadow:         0px 3px 5px -2px #444;
}
nav.main ul li:last-child ul{
  right:0;
  left:auto;
}
nav.main ul ul ul{
  top:-1px;
  left:100%;
}
nav.main ul ul:last-child ul{
  left:-101%;
  
}
nav.main li{
  position:relative;
  display:inline-block;
  vertical-align: baseline;
  background: url('../media/parchment-bg.jpg') repeat left center;
  padding:0px 10px;
  border-radius:5px 5px 0 0;
}
nav.main li li{
  display:block;
  width:100%;
  text-align: left;
  border-radius:0;
  padding-top:5px;
  border-top:1px solid #c7bda9;
}
nav.main li li:first-child{
  border-top:0;
}

nav.main li a,
nav.main li a:visited{
  display:block;
  width:100%;
  color:#444;
  font-family: 'Rokkitt', serif;
  font-size:20px;
}
nav.main li li a,
nav.main li li a:visited{
  font-size:16px;
}
nav.main li a:hover{
  color:darkred;
}
nav ul li#facebook{
  margin: -2px 0 0 10px;
  height:37px;
  width:37px;
  overflow:hidden;
  display:inline-block;
  vertical-align: top;
}
nav ul li#facebook a{
  background: url('../media/facebook.png') no-repeat left top;
  height:38px;
  width:38px;
  display:block;
  padding-top:50px;
}
nav ul li#facebook a:hover{
  background-position: left -37px;
}
nav ul li#facebook a:before{
  display:none;
}


.landing-nav ul{
  text-align: right;
  border:0; 
  padding:0;
  display:block;
  width:100%;
}
.landing-nav li{ 
  display:block; width:100%;
  list-style: none;  
}
.landing-nav li ul{
  border-top:1px solid #ededed;
  border-bottom:1px solid #ededed;
  display:none;
}
.landing-nav li.current_page_item > ul{
  display:block;
}
.landing-nav li a,
.landing-nav li a:visited{
  display:block;
  color:#666;
  line-height:22px;
  font-size:15px;
  font-weight:600;
  padding:5px 0;
}

.landing-nav li li a,
.landing-nav li li a:visited{
  font-size:12.5px;
  color:#888;
  font-weight:400;
   padding:3px 0;
}
.landing-nav li.current_page_item > a:before{
  color:#c95151;
  content:">";
  padding-right:10px;
}
.landing-nav li.current_page_item > a,
.landing-nav li.current_page_item > a:visited,
.landing-nav li a:hover,
.landing-nav li li a:hover{
  color:#c95151;
}



aside.list ul{
  padding-left:0;
  margin:14px 0;
}
aside.list li,
.sidebar-posts li{
  list-style:none;
  border:0;
  border-bottom:1px solid #ededed;
}
aside.list li:first-child,
.sidebar-posts li:first-child{
   border-top:1px solid #ededed;
}

aside.list a,
aside.list a:visited{
  color:#94afce;
}

aside.list a:hover{
  color:#6284ac
}
.ai1ec-agenda-view .ai1ec-date{
  background:none;
  padding:6px 0;
  border-top:0;
}


/* @end */


/* @group TYPOGRAPHY */

main a,
main a:visited{
  color:#777;
}

main a:hover{
  color:#000;
}

h1,h2,h3,h4,h5,h6,
.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title{
  margin: 10px 0;
  padding:0;
  font-weight:300;
  font-family: 'Rokkitt', serif;
}

.secondary h2{ font-size:28px; }
.secondary h3{ font-size:24px; }
.secondary h4{ font-size:20px; }
.secondary h5{ font-size:16px; }
.secondary .landing h3 a{
  font-size:20px;
}
.tertiary h3{ font-size:22px; }
.tertiary h4{ font-size:20px; }
.tertiary h5{ font-size:18px; }


/* FONTS & COLORS

  ≈
  font-family: "Lato", Helvetica, Arial, sans-serif;
  
  red: #c95151;
  redHover: #a53535
  
  green: #a1b964
  greenHover: #a1b964
  
  blue: #94afce
  blueHover: #6284ac

*/

h1{ font-size:32px; }

h2{ 
  font-size:28px; 
  color:#94afce;
}
.secondary h2{
  color:#a1b964;
}
h3{
  font-size:24px;
}
h4{
  font-size:22px;
  color:#666;
}
h5{
  font-size:20px;
  color:#222;
  line-height:25px;
}

h1.page-title{
  font-size:36px;
  color:#a1b964;
  line-height:35px;
  margin-top:0;
  text-transform:uppercase;
}
.page-content h2{
  margin-top:15px;
}
.landing h2,
.citizen h2{
  margin-top:0;
}
.landing h2 a,
.citizen h2 a,
.landing h2 a:visited,
.citizen h2 a:visited,
article.post h1 a,
article.post h1 a:visited{
  color:#94afce;
}
.landing h2 a:hover,
.citizen h2 a:hover,
article.post h1 a:hover,
.page-content li label{
  color:#6284ac;
}


.page-content h3{
  margin-top:15px;
  margin-bottom:0;
}
.page-content h3:before,
.page-content h3:after{
  clear:both;
  display:table;
  width:100%;
  content:"";
}

.secondary aside h3{
  margin:5px 0;
  color:#94afce;
}

h3.citizen-title,
.page-content h3,
.page-content h3 a,
.page-content h3 a:visited,
.tertiary h3 a,
.tertiary h4 a,
.tertiary h4,
.tertiary h3 a:visited
.tertiary h4 a:visited,
.vfb-required-asterisk,
.page-content label.vfb-error{
  color:#c95151;
}
.page-content label.vfb-error{
  font-size:12px;
}
.page-content h3 a,
.tertiary h3 a:hover,
.tertiary h4 a:hover{
  color: #a53535;
}
.tertiary h4:first-child{
  margin-top:8px
}
.secondary .landing h3{
   margin-top:0;
   line-height:25px;
}
.secondary .landing h3 a,
.secondary .landing h3 a:visited{ 
  font-size:20px;
  color:#666;
  
}
.secondary .landing h3 a:hover{
  color: #444;
}


 .ai1ec-agenda-view .ai1ec-event .ai1ec-event-title{
  font-size:16px;
}



/* <p> TAGS */
.page-content p,
.page-content li,
.page-content li a{
  font-size:15px;
  padding:5px 0;
}
.landing p{
  line-height:24px;
}

.page-content em{
  color:#888;
  font-size:13px;
}

/* <a> TAGS */
.page-content p a,
.page-content p a:visited,
.page-content li a,
.page-content li a:visited,
.entry-meta a,
.entry-meta a:visited{
  color:#94afce;
  font-weight:500;
}
.page-content p a:hover,
.entry-meta a:hover,
.page-content li a:hover{
  color:#6284ac;
}

.page-content a.faq-head{
  padding:0;
}

.page-content ul.text-list li p{
  padding:0;
}

.ai1ec-event-description p{
  font-weight:400;
  font-family: "Lato", Helvetica, Arial, sans-serif; 
}

/* .btn class for all TAGS */
.btn,
.btn:visited,
.nav-prev a,
.nav-next a{
  display:inline-block;
  width:auto;
  font-weight:400;
  font-size:16px;
  line-height:25px;
  vertical-align:baseline;
  border-radius:3px;
  color:#444;
  padding:5px 10px 3px 10px;
  font-family: 'Rokkitt', serif;
}
.btn:hover{
  color:#000;
}
.btn.btn-full{
  display:block;
  width:100%;
  text-align: center;
}
.nav-next a {
  float:right;
}
.btn.btn-blue,
.btn.btn-blue:visited,
.nav-prev a,
.nav-next a,
.nav-prev a:visited,
.nav-next a:visited{
  background-color:#94afce;
  color:#fff;
}
.btn.btn-blue:hover,
.nav-prev a:hover,
.nav-next a:hover{
  background-color:#6284ac;
  color:#fff;
}
.btn.btn-red,
.btn.btn-red:visited{
  background-color:#c95151;
  color:#fff;
}
.btn.btn-red:hover{
  background-color:#a53535;
  color:#fff;
}
.btn.btn-green,
.btn.btn-green:visited{
  background-color:#a1b964;
  color:#fff;
}
.btn.btn-green:hover{
  background-color:#7d963e;
  color:#fff;
}

.read-more .left{
  float:left;
}

.read-more .left.red{
  color:#c95151
}

.read-more .left.red:hover{
  color:#a53535;
}

.read-more .left.green{
  color:#a1b964;
}
.read-more .left.green:hover{
  color:#7d963e;
}


/* <ul> <ol> <li> TAGS */
.page-content ol,
.page-content ul{
  padding-left:25px;
  margin:5px 0;
}

.page-content ol li,
ul.document-list li{
  margin:4px 0;
}

.secondary ul li{
  font-size:12.5px;
}

.page-content ul.text-list li{
  padding:0;
  margin: 0 0 5px 0;
}


/* <table> TAGS */
.page-content table{
  display:table;
  border:1px solid #ccc;
  border-right:0;
  width:100%;
  background-color:#fff;
}
.page-content table tr{
  border-top:1px solid #ccc;
}
.page-content table td,
.page-content table th{
  padding:3px 6px;
  border-right:1px solid #ccc;
}
.page-content table th{
  text-align: left;
  background-color:#eee;
}


/* special <li> TAGS */
li.pdf{
  display:block;
  margin-left:0;
}
li.pdf a{ 
  position:relative; 
  margin-left:-10px; 
  font-size:16px;
}
li.pdf a:before{
  content:""; 
  top:6px;
  left:-10px;
  height:20px;
  width:20px;
  display:inline-block;
  position:relative;
  background:url('../media/pdf-icon.png') no-repeat left top;
}
.faq-content a.close-faq,
.faq-content a.close-faq:visited{
  position:absolute;
  top:5px;
  right:5px;
  background-color:#aaa;
  color:#fff;
  border-radius:100px;
  padding:0 10px;
  display:block;
  font-size:18px;
}

.faq-content a.close-faq:hover{
  background-color:#ccc;
}

.ai1ec-agenda-view .ai1ec-date{
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size:15px; 
  font-weight:300;
}
.ai1ec-agenda-view .ai1ec-month{
  background-color:#94afce;
}

/* @end */


/* @group FORMS */

.page-content form,
form.visual-form-builder{
  display:block;
  width:100%;
}

.page-content form ul{
  padding-left:0;
  margin:0;
}

form ul li,
form li label,
form li input,
form li textarea{
  display: block;
  width: 100%;
  padding:0;
}
form li.vfb-item-submit{
  text-align: right;
}
form li input,
form li textarea{
  border:1px solid #dedede;
  padding:10px 6px;
  -webkit-appearance:none;
  -webkit-border-radius:0;
}

form li input:focus,
form li textarea:focus{
  border:1px solid #94afce;
}

form li input.vfb-error{
  border:1px solid #c95151;
}

form li input[type="submit"]{
  display:inline-block;
  width:auto;
  border:0;
  font-weight:400;
  font-size:16px;
  line-height:25px;
  vertical-align:baseline;
  border-radius:3px;
  color:#444;
  padding:5px 10px 3px 10px;
  font-family: 'Rokkitt', serif;
  background-color:#94afce;
  color:#fff;
  -webkit-appearance:none;
}

form li input[type="submit"]:hover{
  background-color:#6284ac;
  color:#fff;
}

form ul li.vfb-left-half,
form ul li.vfb-right-half{
  display:inline-block;
  width:48.5%;
  vertical-align: top;
}

form ul li.vfb-right-half{
  float:right;
}
form.searchform{
  height:35px;
  margin-top:2px;
  display: inline-block;
  vertical-align: middle;
}
form.searchform label,
form.searchform button{
 display: inline-block;
 vertical-align: middle; 
}
form.searchform input[type="search"]{
  display:block;
  padding: 9px 4px;
  border:none;
  border-radius:10px;
}
form.searchform button{
  width:40px;
  height:34px;
  line-height: 40px;
  overflow:hidden;
  padding-top:35px;
  border:0;
  background: url('../media/search-submit.png') no-repeat center top;
}

form.searchform button:hover{
  background: url('../media/search-submit.png') no-repeat center -40px;
}

/* @end */








/* @group HOMEPAGE CASES */
.col.events h2,
.col.announcements h2,
.col.faqs h2{
  font-weight:700;
}
.col.events h2{
  color:#7d963e;
}
.col.events h3 a,
.col.events h3 a:visited{
  color:#a1b964;
}
.col.events h3 a:hover{
  color:#7d963e;
}
.col.announcements h2{
  color:#a53535;
}
.col.announcements h3 a,
.col.announcements h3 a:visited{
  color:#c95151
}
.col.announcements h3 a:hover{
  color:#a53535;
}
.col.faqs h2{
  color:#6284ac;
}
.col.events .landing h3,
.col.announcements .landing h3,
.col.faqs .landing h3{
  line-height:20px;
}
.col.events .landing h3 a,
.col.announcements .landing h3 a,
.col.faqs .landing h3 a{
  font-size:20px;
  
}


/* @end */





/* @group IE FIXES */

html.IE nav.main ul ul ul{
  display:none;
}

html.IE footer > img{
  right:2px;
}



/* @end */





/* @group RESPONSIVE */

@media screen and (min-width:941px) and (max-width:1230px){
  
  header .logo a{
    width:400px;
  }
  header .logo a img{
    left:5px;
  }
  .navigation{
    padding-right:10px;
  }
  footer > img{
    right:0;
  }
  .wrapper.footer p{
    margin-left:15px;
  }
  
  footer > img{
    right:0;
  }
  
  .col:first-child{ 
    padding-left:15px;
  }
  .col:last-child{
    padding-right:15px;
  }
}

@media screen and (min-width:769px) and (max-width:940px){
  
  .wrapper.footer p{
    padding-left:15px;
  }
}


@media screen and (min-width:601px) and (max-width:940px){

  header.container{
    min-height:160px;
  }
  .navigation{
    padding-right:10px;
  }
  nav.main{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align: center;
  }
  .wrapper.content.inner{
    padding:0;
  }
  .wrapper.content.inner .container,
  .wrapper.content.home .container{
    padding:0;
    border:0;
    padding-bottom:50px;
    display:block;
  }
  .wrapper.content.home .container{
    padding-bottom:0;
  }
  .primary,
  .secondary{
    display:inline-block;
    vertical-align: top;
    max-width:100%;
    margin-top:15px;
  }
  .primary,
  .primary.has-nav{
    width:65%;
  }
  .secondary{
    width:34%;
  }
  .tertiary{
    display:block;
    clear:both;
    width:100%;
    max-width:100%;
    background-color:#c95151;
    color:#fff;
    margin-top:-10px;
    padding:15px 0 0 0;
  }
  .tertiary aside{
    border:0;
    display:block;
    width:100%;
    padding:0;
    text-align: left;
  }
  .tertiary nav ul{
    display:none;
    padding-bottom:10px;
    background-color:#a53535;
    border:1px solid transparent;
  }
  .tertiary nav li{
    text-align: left;
    padding: 2px 5px;
  }
  .tertiary nav li ul{
    border:0;
  }
  .tertiary nav li ul li{
    display:none;
  }
  .tertiary h4,
  #js-secondary-nav{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    margin-left:10px;
    width:auto;
  }
  #js-secondary-nav{
    float:right; 
    margin: 0 12px 0 0 ;
    margin-top:4px;
    font-size:30px;
    line-height:30px;
  }  
  .tertiary h4 a{
    color:#fff;
    font-size:26px;
  }
  .tertiary nav li a,
  .tertiary nav li a:visited,
  .landing-nav li.current_page_item > a,
  .landing-nav li.current_page_item > a:visited,
  .landing-nav li.current_page_item > a:before{
    color:#fff;
  }
  
  .col:first-child{ 
    padding-left:15px;
  }
  .col:last-child{
    padding-right:15px;
  }
  
  .tertiary aside.recent-posts{
    display:none;
  }
  
  .nav-prev a,
  .nav-next a{
    display:block;
    width:100%;
    text-align: center;
    float:none;
  }
}

@media screen and (min-width:601px) and (max-width:768px){
  
  main.wrapper.content.home{
   padding-bottom:0;
  }
  .col.faqs{
    display:block;
    clear:both;
    width:100%;
    margin-top:15px;
    padding: 25px 15px;
    background-color:#eee;
  }
  .col.faqs aside{
    margin-bottom:15px;
  }
  footer.container{
    text-align: center;
    margin-top:-80px;
  }
  footer > img{
    position:relative;
    margin:0 auto;
    right:0;
    top:0;
    width:75%;
  }
  
  footer p{
    margin-bottom:15px;
  }
}

@media screen and (min-width:300px) and (max-width:600px){
  
  #js-mobile-nav-trigger{
    display:block;
    float:right;
    font-size:35px;
    padding:10px;
    color:#fff;
    background-color:#355a84;
  }
  .wrapper.header{
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
  }
  .wrapper.slider{
    display: none;
  }  
  header.container{
    display:block;
    min-height:45px;
  }
  header .logo a{
    width:190px;
  }
  header .logo a img{
    width:100%;
    left:0;
  }
  .navigation{
    display:none !important;
  }
  .wrapper.content.home,
  .wrapper.content.inner{
    padding:0;
  }
  .wrapper.content.inner .container,
  .wrapper.content.home .container{
    padding:0;
    border:0;
    margin:0;
    display:block;
  }
  .wrapper.content.home .container{
    padding-bottom:0;
  }
  .primary,
  .secondary{
    display:block;
    vertical-align: top;
    max-width:100%;
    margin-top:15px;
  }
  .primary,
  .primary.has-nav,
  .secondary{
    width:100%; 
    padding:15px;
  }
  .secondary{
    background-color:#ededed;
    padding:15px 15px 50px 15px;
  }
  .tertiary{
    display:block;
    clear:both;
    width:100%;
    max-width:100%;
    background-color:#c95151;
    color:#fff;
    margin-top:-10px;
    padding:15px 0 0 0;
  }
  .tertiary aside{
    border:0;
    display:block;
    width:100%;
    padding:0;
    text-align: left;
  }
  .tertiary nav ul{
    display:none;
    padding-bottom:10px;
    background-color:#a53535;
    border:1px solid transparent;
  }
  .tertiary nav li{
    text-align: left;
    padding: 2px 5px;
  }
  .tertiary nav li ul{
    border:0;
  }
  .tertiary nav li ul li{
    display:none;
  }
  .tertiary h4,
  #js-secondary-nav{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    margin-left:10px;
    width:auto;
  }
  #js-secondary-nav{
    float:right; 
    margin: 0 12px 0 0 ;
    margin-top:4px;
    font-size:30px;
    line-height:30px;
  }
  .tertiary h4 a{
    color:#fff;
    font-size:26px;
  }
  .tertiary nav li a,
  .tertiary nav li a:visited,
  .landing-nav li.current_page_item > a,
  .landing-nav li.current_page_item > a:visited,
  .landing-nav li.current_page_item > a:before{
    color:#fff;
  }
  .col{
    display:block;
    width:100%;
    margin:20px 0 50px 0;
    padding:15px;
  }
  .col:first-child{ 
    padding-left:15px;
  }
  .col.faqs{
    background-color:#eee;
    padding:15px 15px 75px 15px;
    margin:0;
  }
  .landing,
  .citizen,
  .landing-content,
  .citizen-content{
    display:block;
    width:100%;
  }
  .landing-img,
  .citizen-img{
    float:right;
    margin-left:10px;
  }
  .nav-prev,
  .nav-next,
  .nav-prev a,
  .nav-next a{
    display:block;
    width:100%;
    text-align: center;
    clear:both;
    float:none;
    margin-bottom:5px;
  }
  .nav-next{
    float:none;
  }
  .tertiary aside.recent-posts{
    display:none;
  }
  footer.container{
    text-align: center;
    margin-top:-50px;
    padding:0 10px;
  }
  footer > img{
    position:relative;
    margin:0 auto;
    right:0;
    top:0;
    width:85%;
  }
  footer p,
  footer p a{ 
    color:#fff;
    margin-bottom:15px;
  }
  
}

/* @end */