@import url("reset.css");

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 19px; color: #222222; overflow-x:hidden; }
a { text-decoration: underline; color: #222222;  }
a:hover { text-decoration: underline; color: #5caebf; }
h1, h1 a { font-family: 'Lato', sans-serif; font-size: 22px; line-height: 28px; color: #0c2e4f; font-weight: bold;   text-decoration: none; margin-bottom: 15px;}
h2, h2 a { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 26px; color: #687718; font-weight: bold;   text-decoration: none; margin-bottom: 15px; }
h3, h3 a { font-family: 'Lato', sans-serif; font-size: 18px; line-height: 24px; color: #5caebf; font-weight: bold;   text-decoration: none; margin-bottom: 15px;}
h4, h4 a { font-family: 'Lato', sans-serif; font-size: 17px; line-height: 21px; color: #5caebf; font-weight: bold;   text-decoration: none; margin-bottom: 15px;}
h4 a:hover { color: #012d4f; }
h5, h5 a { font-family: 'PT Serif', serif;  font-size: 20px; line-height: 26px; color: #687718; font-weight: bold; text-decoration: none; }
h6, h6 a { font-family: 'PT Serif', serif;  font-size: 17px; line-height: 22px; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; }
i,em { font-style: italic; }
b,strong { font-weight: bold; }
img { display: block; }
a[href$='.pdf'], .pdf { padding: 5px 25px 5px 0; background: transparent url("../img/icon-pdf.png") no-repeat center right; }
a[href$='.mp3'] { padding: 5px 25px 5px 0; background: transparent url("../img/icon-audio.png") no-repeat center right; }
a[href$='.wav'] { padding: 5px 25px 5px 0; background: transparent url("../img/icon-audio.png") no-repeat center right; }
a[href$='.doc'] { padding: 5px 25px 5px 0; background: transparent url("../img/icon-word.png") no-repeat center right; }
a[href$='.docx'] { padding: 5px 25px 5px 0; background: transparent url("../img/icon-word.png") no-repeat center right; }
a.no-icon {padding:0; background:none !important;}
aside.departments a[href$='.pdf'] { padding: 0; background: none; }
aside.departments a[href$='.mp3'] { padding: 0; background: none; }
aside.departments a[href$='.wav'] { padding: 0; background: none; }
aside.departments a[href$='.doc'] { padding: 0; background: none; }
aside.departments a[href$='.docx'] { padding: 0; background: none; }

table, th, td {border: 1px solid #e0e0e0; padding: 10px; margin-top:20px; margin-bottom:20px;}

body.page-id-241 article#main table td {vertical-align: top;}


.layout { padding: 0 35px 0 35px; margin: 0 auto; width: 100%; max-width: 1200px; }

.icon-phone { background-image: url("../img/icon-phone.png"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0 0 20px; }
.icon-address { background-image: url("../img/icon-address.png"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0 0 20px; }

.spacer { height: 12px; background-color: #0c2e4f;  }
.alignright { float: right; margin: 0 0 0 15px; }
.alignleft { float: left; margin: 0 15px 0 0; }
.aligncenter { margin: 0 auto; }
.wp-caption p { text-align: center; font-size: 11px; margin: 0 0 15px 0; }
.ico-plus { display: inline-block; background-color: #5caebf; color: #fff; margin: 0 3px 0 0; font-familY: Arial, Helvetica, sans-serif; font-size: 14px; width: 20px; height: 21px; text-align: center;  }


/* ==================================================================================================== */
/* Top Navigation */
/* ==================================================================================================== */
#topNav { background-color: #cfb53b ; color: #0b233a; font-size: 15px; line-height: 70px; text-align: right; }
#topNav .layout { position: relative; }
#topNav a { color: #0b233a; padding: 0 4px; text-decoration: none; }
#topNav a:hover { color: #1478aa; text-decoration: none; }
#topNav .links { color: #000; }
#topNav .icon-phone { margin: 0 0 0 8px; }
#topNav .icon-address { margin: 0 0 0 8px; }
#topNav .facebook a { padding: 0; }
#topNav .facebook img { display:  inline-block; margin-bottom: -5px; margin-left: 10px; }
#topNav #logo { position:  absolute; z-index: 11; top: 0; left: 0; }
#topNav #logo a { padding: 0;  }

/* instagram icon */
.ig-b- { display: inline-block;vertical-align:middle; }
.ig-b- img { margin-bottom:-5px; }
.ig-b-:hover {}
.ig-b-:active { background-position: 0 -120px; }
.ig-b-24 { width: 24px; height: 24px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.ig-b-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-24@2x.png); background-size: 60px 178px; }
}

/* ==================================================================================================== */
/* Main Navigation */
/* ==================================================================================================== */
#mainNav { height: 100px; line-height: 100px; background-image: url("../img/nav-background.png"); background-repeat: repeat; position: relative;  }
#mainNav .layout { position: relative;  }
#mainNav ul { height: 100px; line-height: 100px; text-align: right; display: block; }
#mainNav ul li { display: inline-block; margin: 0 0 0 -4px; height: 100px; line-height: 100px; }
#mainNav ul li a { font-family: 'PT Serif', serif; font-weight: bold; font-size: 18px; line-height: 100px; color: #0b233a; text-transform: uppercase; display: block; padding: 0 20px; text-decoration: none; ;}
#mainNav ul li:hover { background-color: #9ea560; }
#mainNav ul li:hover a { color: #fff; }
#mainNav ul li:last-child a {  }
#mainNav .mobileNavTrigger { display: none; }

#mainNav ul li ul { height: auto; line-height: normal; text-align: left; position: absolute; z-index: 115; display: none; background-color: #9ea560; padding: 10px;     }
#mainNav ul li ul li { height: auto; line-height: normal; text-align: left; margin: 0; display: block;  }
#mainNav ul li ul li a { color: #fff; font-size: 14px; line-height: 21px; text-transform: none; font-family: 'Lato', sans-serif; text-align: left; padding: 0 5px 0 5px; font-weight: normal;   }
#mainNav ul li ul li a:hover { background-color: #8f9653; }
#mainNav ul li:hover > ul { display: block; }
#mainNav ul li ul li.column { min-width: 390px; }
#mainNav ul li ul li.column > a { display: none; }
#mainNav ul li ul li.column:before { display: table; content: " "; }
#mainNav ul li ul li.column:after { display: table; content: " "; }

#mainNav ul li ul li ul { display: block; position: relative; float: left; }
#mainNav ul li ul li ul li.bottom { margin: 0 0 20px 0; }
#mainNav ul li ul li ul li.title a { color: #FFF; font-size: 17px; line-height: 22px; text-transform: uppercase; font-family: 'PT Serif', serif; padding: 0 5px 0px 5px; margin: 0 0 8px 0;  }

#mainNav .search { float: right; margin: 39px 0 0 0; position: relative; z-index: 35; background-color: transparent;  }
#mainNav .searchPop { position: absolute; z-index: 31; right: 20px; top: 25px; color: #fff; background-color: #012d4f; padding: 15px; width: 237px; line-height: normal; display: none;   }
#mainNav .searchPop input[type="text"] { width: 100%; border: none; border-collapse: collapse; color: #231f20; padding: 9px 10px;  }
#mainNav .searchPop input[type="submit"] { border: none; border-collapse: collapse; background-color: #b3e5e9; background-image: url("../img/search_submit.png"); background-repeat: no-repeat; width: 28px; height: 33px; cursor: pointer; position: absolute; right: 0; top: 0; margin: 47px 15px 0 0; }
#mainNav .searchPop h6 { margin: 0 0 10px 0; }

/* ==================================================================================================== */
/* Footer Closing */
/* ==================================================================================================== */
footer.closing { height: 40px; line-height: 40px; font-size: 12px; color: #fff; background-color: #0b233a;  }
footer.closing a { color: #fff; text-decoration: none; }
footer.closing a:hover {color: #5d90b7; text-decoration: none; }
footer.closing br { display: none; }
footer.closing .pipe { padding: 0 5px 0 5px; }

/* ==================================================================================================== */
/* Footer Navigation
/* ==================================================================================================== */
footer.nav { background-color: #012d4f; color: #fff; padding: 40px 0; font-size: 13px; line-height: 22px; }
footer.nav a { color: #fff; text-decoration: none; }
footer.nav a:hover { color: #5d90b7;}
footer.nav .contact { width: 20%; float: left; }
footer.nav .contact .pipe { padding: 0 4px; }
footer.nav .contact form { margin: 25px 0 0 0; position: relative; }
footer.nav .contact form input[type='text'] { border: none; border-collapse: collapse; padding: 9px 15px; color: #919596; width: 100%;  }
footer.nav .contact form input[type='submit'] { position: absolute; right: 0; top: 0; border: none; border-collapse: collapse; width: 30px; height: 33px; background-color: #fff; background-image: url("../img/enews_submit.png"); background-repeat: no-repeat; cursor: pointer; padding: 0; }
footer.nav .links { width: 80%; float: left; }
footer.nav .links > ul { padding: 0 0 0 25px; }
footer.nav .links > ul > li { float: left; width: 20%; padding: 0 25px 0 25px; }
footer.nav .links > ul > li > a { color: #FFF; font-size: 17px; line-height: 22px; text-transform: uppercase; font-family: 'PT Serif', serif; font-weight:bold; }
footer.nav .links > ul > li > a:hover { color: #5d90b7;  }
footer.nav .links > ul > li > ul { margin: 10px 0 0 0;}

/* ==================================================================================================== */
/* Maps */
/* ==================================================================================================== */
.map-container {margin:-15px 0 -20px;}
.map-container iframe {min-height:1000px;}
.single-location ul {list-style-type:disc;padding-left:20px;}
.single-location h1 {font-family:'PT Serif', serif;margin:1em 0;font-size:24px;}
.single-location .featured-image {float:right;padding: 0 0 1.5em 1.5em;}


/* ==================================================================================================== */
/* Homepage Slideshow
/* ==================================================================================================== */
#hp_slider { background-color: #f2f2f2;  }
#hp_slider .layout {  max-width: 100%; padding: 0;  }
#hp_slider .tp-leftarrow { background-image: url("../img/slider_arrow_left.png"); width: 44px; height: 69px; }
#hp_slider .tp-rightarrow { background-image: url("../img/slider_arrow_right.png"); width: 44px; height: 69px; }

/* ==================================================================================================== */
/* Homepage Latest Articles */
/* ==================================================================================================== */
#latest_posts { padding: 40px 0 40px 0; }
#latest_posts h5 { margin: 0 0 25px 0; }
#latest_posts .last_posts .article { width: 23%; margin:0 0 0 .2%; }
#latest_posts .last_posts .article:first-child { width: 23%; margin: 0 0 0 0; }
#latest_posts .last_posts .article:last-child { width: 23%; margin: 0 0 0 .2%; }
#latest_posts .last_posts .article .img { margin: 0 0 20px 0; }
#latest_posts .last_posts .article .img img { border: 5px solid #e9e9e9; max-width: 100%; width: 100%; }
#latest_posts .last_posts .article .txt { font-size: 14px; line-height: 19px; color: #353737;  }
#latest_posts .last_posts .article .txt h4 { margin: 0 0 10px 0; }
#latest_posts .last_posts .article .txt h4 a { text-decoration: none; }
#latest_posts .last_posts .article .txt .date { font-size: 13px; line-height: 18px; font-weight:bold; }
#latest_posts .last_posts .article .txt p { margin: 0; }
#latest_posts .last_posts .article .txt p a { color: #353737; text-decoration: underline; }
#latest_posts .last_posts .article .txt p a:hover { color: #5caebf;  }

/* ==================================================================================================== */
/* Homepage Content */
/* ==================================================================================================== */
#content.hp-content { padding: 40px 0 40px 0; background-image: url("../img/hp-body-background.jpg"); background-repeat: no-repeat; background-color: #c9e8ed; background-position:  center; background-size: cover; min-height: 372px; font-size: 15px; line-height: 21px; color: #0c2e4f;  }
#content.hp-content a { text-decoration: underline; }
#content.hp-content .about { float: left; width: 65%; padding: 0 60px 0 0; }
#content.hp-content h1 { font-size: 18px; line-height: 24px; color: #0c2e4f; font-weight: bold; }

#content.hp-content .hp-events { background-color: #fff; float: left; width: 35%;  }
#content.hp-content .hp-events .all-events { float: right; background-color: #9dcad5;  }
#content.hp-content .hp-events .all-events a { display: block; padding: 15px 25px; color: #fff; text-decoration: none; font-size: 18px; line-height: 24px; font-weight: bold; }
#content.hp-content .hp-events h4 { font-size: 18px; line-height: 24px; color: #0c2e4f; font-weight: bold; padding: 15px 0 15px 25px; }
#content.hp-content .hp-events .hp-event { margin: 20px 0 20px 25px; }
#content.hp-content .hp-events .hp-event .title a { font-size: 17px; line-height: 22px; color: #5caebf; font-weight: bold; text-decoration: none; }
#content.hp-content .hp-events .hp-event .title a:hover { color: #012d4f;  }
#content.hp-content .hp-events .hp-event .date { font-size: 14px; line-height: 18px; color: #353737; }
#content.hp-content .hp-events .hp-event .more { font-size: 13px; line-height: 18px; color: #353737; }
#content.hp-content .hp-events .hp-event .more a { text-decoration: underline; color: #353737; font-weight: bold; }
#content.hp-content .hp-events .hp-event .more a:hover { text-decoration: underline; color: #5caebf;  }

#content.hp-content .hp-events .hp-tab { width: 50%; float: left; padding: 15px 25px; font-size: 18px; line-height: 24px; font-weight: bold; color: #fff; text-align: center; cursor: pointer; }
#content.hp-content .hp-events .hp-tab.hp-notices { background-color: #b4353b; }
#content.hp-content .hp-events .hp-tab-content { height: 270px; overflow-y: scroll;  }
#content.hp-content .hp-events #hp-content-events { display: none; }
#content.hp-content .hp-events #hp-content-notices { padding: 20px; }


/* ==================================================================================================== */
/* Homepage Departments / Quick Links / Slider 2 / News */
/* ==================================================================================================== */
#quick { padding: 40px 0; }
#quick .links { border: 1px solid #eaeaea; background-color: #f5f5f5; padding: 20px; float: left; width: 22%; }
#quick .hp_slider_2 { float: left; width: 52%; margin: 0 2%; background-color: #dfdfdf; padding-bottom: 32px; }
#quick .news { border: 1px solid #eaeaea; background-color: #f5f5f5; padding: 20px; float: left; width: 22%; }

.hp_slider_2 .hpslider_caption { position: absolute; bottom: 0; width: 100%; background-color: rgba(11,35,58, 0.8); color: #fff; padding: 15px 30px;  }
.hp_slider_2 .hpslider_caption .hpslider_title { font-size: 18px; line-height: 30px; font-weight: bold; font-family: 'PT Serif', serif;  }
.hp_slider_2 a { color: #fff; }


/* ==================================================================================================== */
/* Boxes */
/* ==================================================================================================== */
#box-news a { text-decoration: none; }
#box-news .overflow { height: 298px; overflow-y: scroll; }

#box-quick .departments { margin: 0 0 25px 0; position: relative;  }
#box-quick .departments .dept_trigger { background-color: #dfdfdf; padding: 0 10px; line-height: 32px; background-image: url("../img/arrow_down.png"); background-repeat:  no-repeat; background-position: right; cursor: pointer; min-height: 32px; margin: 5px 0 0 0;   }
#box-quick .departments ul { position: absolute; width: 100%; display: none; }
#box-quick .departments ul li { background-image: none; padding: 0; margin: 0;  }
#box-quick .departments ul li a { display: block; background-color: #dfdfdf; padding: 0 10px; line-height: 32px; cursor: pointer; min-height: 32px; text-decoration: none; border-bottom: 1px solid #f5f5f5; }
#box-quick .quick ul { margin: 10px 0 0 0; }
#box-quick .quick ul li { background-image: url("../img/arrow_right.png"); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 17px; margin: 0 0 5px 0;  }
#box-quick .quick ul li a { text-decoration: none;}



/* ==================================================================================================== */
/* Secondary Layout */
/* ==================================================================================================== */
#secondary { padding: 0 0 20px 0; }
#secondary aside { float: left; width: 20%; }
#secondary #main { float: left; width: 77%; margin: 0 0 0 3%; }
#secondary #main img { border: 5px solid #e9e9e9; max-width: 100%; display: block; height:auto;}
#secondary #main img.no-border {border:0;}
#secondary #main ul { margin: 0 0 20px 40px; }
#secondary #main ul li { list-style: disc;  margin: 6px 0 6px 0;}
#secondary #main ol { margin: 0 0 0 40px; }
#secondary #main ol li { list-style: decimal; margin-bottom: 15px; }
#secondary #main hr { border: none; border-bottom: 1px solid #c5c5c5; border-collapse: collapse; margin: 20px 0; }

p.breadcrumbs { line-height: 60px; margin: 0; text-align: right; }
p.breadcrumbs a { font-size: 13px; }

.alm-listing{margin:0 !important;}
/* ==================================================================================================== */
/* Sidebar */
/* ==================================================================================================== */
aside {   }
aside .box { padding: 20px; background-color: #f5f5f5; border: 1px solid #eaeaea; font-size: 14px; line-height: 18px; margin: 0 0 20px 0; }
aside .box h5 { margin: 0 0 15px 0; }
aside .box ul { margin: 0 0 15px 0; }
aside .box ul li { background-image: url("../img/arrow_right.png"); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 17px; margin: 0 0 4px 0; }
aside .box ul li a { text-decoration: none; }
aside .box ul li a:hover { text-decoration: underline; }

aside .box .contact p { margin: 0 0 15px 0;  }

aside.desktop { display: block; }
aside.mobile { display: none; }

.quick_form { }
.quick_form h4 { cursor: pointer; font-family: 'PT Serif', serif;  font-size: 17px; line-height: 20px; color: #687718; font-weight: bold; text-decoration: none;}
.quick_form .display_form { display: none; }
.quick_form .display_form ul li { background-image: none; padding: 0; }
.quick_form .ico-plus { display: inline-block; background-color: #687718; color: #fff; margin: 0 3px 0 0; font-familY: Arial, Helvetica, sans-serif; font-size: 14px;  width: 20px; height: 21px;  text-align: center;}

.sidebar-search { margin: 0 0 20px 0; position: relative;  }
.sidebar-search input[type="text"] { width: 100%; border: none; border-collapse: collapse; color: #231f20; padding: 9px 10px;  }
.sidebar-search input[type="submit"] { border: none; border-collapse: collapse; background-color: #c2c2c2; background-image: url("../img/sidebar-search.png"); background-repeat: no-repeat; width: 28px; height: 33px; cursor: pointer; position: absolute; right: 0; top: 41px; margin:0 0 0 0; }


/* ==================================================================================================== */
/* Gravity Form overwrites */
/* ==================================================================================================== */
.gform_wrapper .gform_confirmation_message { margin: 10px 0 0 0; padding: 5px; background-color: #DFF2BF; color: #4F8A10; border: 1px solid #4F8A10; }
.gform_wrapper input[type='text'], input[type='password'] { border: 1px solid #5caebf; width: 100%; font-size: 13px; line-height: 19px; padding: 4px 8px; }
.gform_wrapper input[type='submit'] { border: none; border-collapse: collapse; background-color: #5caebf; color: #fff; padding: 5px 10px; cursor: pointer; margin: 0 auto;  }
.gform_wrapper textarea { border: 1px solid #5caebf; width: 100%; font-size: 13px; line-height: 19px; padding: 4px 8px; }

/* ==================================================================================================== */
/* Emergency Alert */
/* ==================================================================================================== */
.alert-link, .alert-link:hover, .alert-link:visited { color:#fff; text-decoration:none; }
#emergency-alert { text-align: center; background-color: #b4353b; color: #fff; font-size: 15px; line-height: 21px; padding: 10px 0;  }
#emergency-alert.alert-scroll {padding:0;height:40px;line-height:40px;text-align:right;}
.alert-scroll .layout {
  position: absolute;
  width: auto;
  white-space:nowrap;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-animation: scroll-left 25s linear infinite;
  -webkit-animation: scroll-left 25s linear infinite;
  animation: scroll-left 25s linear infinite;
  max-width:100%;
}

@-moz-keyframes scroll-left {
  0% {-moz-transform: translateX(100%); }
  100% { -moz-transform: translateX(-100%);  }
}

@-webkit-keyframes scroll-left {
  0% { -webkit-transform: translateX(100%); }
  100% {-webkit-transform: translateX(-100%);  }
}

@keyframes scroll-left {
  0% { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); }
  100% { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);  }
}

/* ==================================================================================================== */
/* Search */
/* ==================================================================================================== */
.search-item { border-bottom: 1px solid #b3e5e9; margin: 0 0 20px 0; }

/* ==================================================================================================== */
/* Post */
/* ==================================================================================================== */
.post { clear: both; margin: 20px 0;}
.post .img { width: 29%; float: left; margin: 0 1% 0 0; }
.post .txt { width: 69%; float: left; margin: 0 0 0 1%;}

/* ==================================================================================================== */
/* Shortcodes */
/* ==================================================================================================== */
.accordion { }
.accordion .title { font-family: 'Lato', sans-serif; font-size: 17px; line-height: 21px; color: #5caebf; font-weight: bold;   text-decoration: none;  }
.accordion .title a { color: #5caebf; text-decoration: none; }
.accordion .title .ico-plus { margin: 0 10px 0 0; }
.accordion .more { padding: 0 0 0 35px; display: none; }

.tabs { }
.tabs .title { float: left; width: auto; background-color: #b3e5e9; padding: 12px 30px; margin: 0 1px 0 0; cursor: pointer; font-size: 18px; line-height: 24px; color: #0c2e4f;  }
.tabs .title.active { background-color: #ededed;  }
.tabs .txt { display: none; }
.tabs .tab-content { clear: both; padding: 30px; border: 1px solid #ededed; }

/* ==================================================================================================== */
/* Events */
/* ==================================================================================================== */
#tribe-events-pg-template { padding: 25px 0 0 0; }
.tribe-events-list .type-tribe_events {text-align:center;}
#tribe-events .tribe-events-button, .tribe-events-button { margin-right: 10px; vertical-align: bottom !important; }
.tribe-events-print.tribe-events-button { display: none !important; }
body.events-gridview .tribe-events-after-html { margin-bottom: 20px; }
body.events-gridview .tribe-events-after-html:after { content: ' '; display: block; clear: both; }
body.events-gridview .tribe-events-print.tribe-events-button { display: block !important; float: right; }

.wonderpluginaudio { margin: 0 !important; }

/* ==================================================================================================== */
/* Misc */
/* ==================================================================================================== */
.no-border {border:0;}
.blue { color: #5caebf; }
.img-clear {clear:both;margin-bottom:0.5em !important;}

/* ==================================================================================================== */
/* Media Queries */
/* ==================================================================================================== */
@media (max-width: 1176px) {
    /* ===== Main Navigation ===== */
    #mainNav ul li a { padding: 0 10px; }
	
    /* ===== Top Navigation ===== */
    #topNav .icon-address { display: none; }
	#topNav a {font-size:13px;}
}

@media (max-width: 1030px) {
    /* ===== Main Navigation ===== */
    #mainNav ul li a { font-size: 16px; padding: 0 5px; }
}

@media (max-width: 975px) {

    /* ===== Footer Nav ===== */
    footer.nav .contact { width: 100%; clear: both; float: none; }
    footer.nav .contact .txt { float: left; width: 32%; }
    footer.nav .contact .enews { float: left; width: 32%; }
	footer.nav .contact .footer-img-link{float:left; width: 32%; margin-left:3%; margin-bottom:20px;}
    footer.nav .links { width: 100%; clear: both; float: none; }

}

@media (max-width: 900px) {
    /* ===== Main Navigation ===== */
    #mainNav .search { display: none; }

    /* ===== Homepage Content ===== */
    #content.hp-content .about { width: 100%; float: none; padding: 0; }
    #content.hp-content .hp-events { width: 100%; float: none; padding-bottom: 20px; }
}

@media (max-width: 850px) {
    /* ===== Top Navigation ===== */
    #topNav .links .top-links { display:  none; }
	#topNav .links .icon-phone { display: block; text-align: center; background-image: none; margin: 0; padding: 0; line-height: 18px; }
	#topNav .links .icon-address { display: block; text-align: center; background-image: none; margin: 0; padding: 0; line-height: 28px; }
	#topNav .links .facebook { display: none; }

    #topNav #logo { position: relative; }
    #topNav #logo img { margin: 0 auto; }

    /* ===== Main Navigation ===== */
    #mainNav { height: auto; line-height: normal; padding: 20px 0; }
    #mainNav .mobileNavTrigger { display: block; background-color: #fff; text-transform:  uppercase; cursor: pointer; padding: 5px 10px; font-size: 14px; background-image: url("../img/hamburger.png"); background-repeat: no-repeat; background-position:  right; line-height: 35px; }

    #mainNav > .layout > ul { width: 100%; float: none; padding: 0; height: auto; line-height: normal; text-align: left; background-color: #fff; margin: 0;  display: none; }
    #mainNav > .layout > ul > li { width: 100%; float: none; padding: 0; height: auto; line-height: normal; text-align: left; background-color: #fff; margin: 0; border-bottom: 1px solid #b3e5e9; }
    #mainNav > .layout > ul > li > a { line-height: 40px; color: #000; font-size: 18px; }

    #mainNav > .layout > ul > li > ul { width: 100%; float: none; padding: 0; height: auto; line-height: normal; text-align: left; background-color: #fff; margin: 0; position: relative; display: block; }
    #mainNav > .layout > ul > li > ul > li { width: 100%; float: none; padding: 0; height: auto; line-height: normal; text-align: left; background-color: #fff; margin: 0; }
    #mainNav > .layout > ul > li > ul > li > a { line-height: 25px; color: #000; font-size: 14px; padding: 0 0 0 20px; }

    #mainNav > .layout > ul > li > ul > li > ul { width: 100%; float: none; padding: 0; height: auto; line-height: normal; text-align: left; background-color: #fff; margin: 0; }
    #mainNav > .layout > ul > li > ul > li > ul > li { width: 100%; float: none; padding: 0; height: auto; line-height: normal; text-align: left; background-color: #fff; margin: 0; }
    #mainNav > .layout > ul > li > ul > li > ul > li >  a { line-height: 25px; color: #000; font-size: 14px; padding: 0 0 0 20px; }

    #mainNav > .layout > ul > li > ul > li.column > ul { margin: 0 0 10px 0; }
    #mainNav > .layout > ul > li > ul > li.column > ul > li.bottom { margin: 0 0 10px 0; }

    /* ===== Footer Closing ===== */
    footer.closing { height: auto; line-height: 22px; padding: 10px 0; }
    footer.closing br { display: block; }
    footer.closing .left { width: 100%; float: none; clear: both; text-align: center;  }
    footer.closing .right { width: 100%; float: none; clear: both; text-align: center; }
    footer.closing .pipe { display: none; }

    /* ===== Footer Nav ===== */
    footer.nav .links > ul > li {  padding: 0 10px 0 10px; }

    /* ===== Homepage Latest Articles ===== */
    #latest_posts .last_posts .article { width: 48%; margin: 0 1% 20px 1%; }
    #latest_posts .last_posts .article:first-child { width: 48%; margin: 0 1% 0 1%;  }
    #latest_posts .last_posts .article:last-child { width: 48%; margin: 0 1% 0 1%;  }

    /* ===== Homepage Departments / Quick Links / Slider 2 / News ===== */
    #quick .links { width: 100%; float: none; }
    #quick .hp_slider_2 { width: 100%; float: none; margin: 0; }
    #quick .news { width: 100%; float: none; }
    #quick .news .overflow { height: auto; overflow-y: hidden;}

    /* ===== Secondary Layout ===== */
    #secondary aside { float: none; width: 100%; }
    #secondary #main { float: none; width: 100%; margin: 0 0 0 0; padding: 15px 0 20px 0; }

    p.breadcrumbs { display: none; }

    /* ===== Sidebar ===== */
    aside.desktop { display: none; }
    aside.mobile { display: block; }


}

@media (max-width: 750px) {
    /* ===== Footer Nav ===== */
    footer.nav .links > ul > li { width: 33%; margin: 0 0 20px 0; }
}

@media (max-width: 650px) {
    /* ===== Footer Nav ===== */
    footer.nav .contact { margin: 0 0 20px 0; }
    footer.nav .contact .txt { float: none; width: 100%; }
    footer.nav .contact .enews { float: none; width: 100%;  }

    /* ===== Footer Nav ===== */
    footer.nav .links > ul { padding: 0; }
    footer.nav .links > ul > li { width: 100%; float: none; padding: 0; }
    footer.nav .links > ul > li > ul { display: none; }

    /* ===== Homepage Latest Articles ===== */
    #latest_posts h5 { text-align: center; }
    #latest_posts .last_posts .article { width: 100%; margin: 0 0 20px 0; float: none; clear: both; }
    #latest_posts .last_posts .article:first-child { width: 100%; margin: 0 0 20px 0; float: none; clear: both;  }
    #latest_posts .last_posts .article:last-child { width: 100%; margin: 0 0 20px 0; float: none; clear: both;  }

    /* ===== Secondary Content ===== */
    #secondary #main img { display: block; float: none; margin: 0 auto 4px auto; height: auto;}
}

@media (max-width: 350px) {
    /* ===== Homepage Content ===== */
    #content.hp-content .all-events { width: 100%; float: none; margin: 0 0 10px 0; text-align: center; }
}

@media print {
	.tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title a {
	    font-size: 150% !important;
	}
}