@charset "UTF-8";
@font-face {
  font-family: pictonic;
  src: url("/_fonts/pictonic.eot");
  src: url("/_fonts/pictonic.eot?#iefix") format("embedded-opentype"), url("/_fonts/pictonic.ttf") format("truetype"), url("/_fonts/pictonic.woff") format("woff"), url("/_fonts/pictonic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.pictonic {
  font-family: "pictonic";
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  line-height: 1em;
}

a.pictonic, span.pictonic, small.pictonic {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: "pictonic";
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  line-height: 1em;
}

a[class^="icon-"], a[class*=" icon-"], span[class^="icon-"], span[class*=" icon-"], small[class^="icon-"], small[class*=" icon-"] {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.icon-facebook:before {
  content: "";
}

.icon-twitter-3:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-mpl2-play:before {
  content: "";
}

.icon-mapmarker-00:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-cr-delete:before {
  content: "";
}

.icon-speech-alt-1:before {
  content: "";
}

.icon-sort-updown:after {
  content: "";
}

.icon-movie:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-file1:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-google__x2B_:before {
  content: "";
}

.icon-Layer_5:before {
  content: "";
}

.icon-Layer_3:before {
  content: "";
}

.icon-download-1:before {
  content: "";
}

.icon-unordered-list:before {
  content: "";
}

.icon-volume:before {
  content: "";
}

.icon-calendar-empty:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-avatar-3:before {
  content: "";
}

.icon-mapmarker4-phone:before {
  content: "";
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

/* =Pagination
---------------------------------------------------------------------
*/
#pagination {
  display: block;
  margin: 40px 0 10px;
  padding: 10px;
  background: #F3F3F3;
}

#pagination a {
  text-decoration: none;
  margin: 0 3px;
  padding: 3px 6px;
}

#pagination a:first-child {
  margin-left: 0;
  padding-left: 0;
}

#pagination a:hover {
  text-decoration: underline;
}

#pagination a#current {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  background: #5b9785;
  /* site link color */
}

#pagination a#current:hover {
  text-decoration: none;
}

#content,
#sidebar {
  /* To set the width of the fields, find+replace "250px" */
  /* Legends */
  /* Form title */
  /* Labels */
  /* Fields (input, select, textarea ) */
  /* Input */
  /* Select */
  /* Textarea */
  /* Checkboxes and radio buttons */
  /* Asterisk */
  /* Captcha */
  /* Submit button */
  /* Colors */
  /* Background */
  /* Effects */
  /* .monkForm input:not([type=submit]), */
  /* Focus */
  /* Thank You */
  /* =MailChimp (http://www.monkdev.com/news)
  ---------------------------------------------------------------------
  */
}
#content .monkForm,
#sidebar .monkForm,
#content .hbspt-form {
  margin: 0;
  padding: 0;
  width: 100%;
}
#content .monkForm fieldset,
#sidebar .monkForm fieldset,
#content .hbspt-form fieldset {
  padding: 0;
  border: 0;
  display: block;
}
#content .monkForm fieldset .text,
#sidebar .monkForm fieldset .text,
#content .hbspt-form fieldset .text {
  padding: 0;
}
#content .monkForm fieldset,
#content .monkForm fieldset div,
#sidebar .monkForm fieldset,
#sidebar .monkForm fieldset div {
  padding: 0;
  margin: 0;
}
#content .monkForm fieldset div,
#sidebar .monkForm fieldset div {
  margin-bottom: 20px;
}
#content .monkForm fieldset legend,
#sidebar .monkForm fieldset legend,
#content .hbspt-form fieldset legend {
  display: block;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  line-height: normal;
  font-size: 13px;
  white-space: normal;
  width: 450px;
  /* specify the max length of the legends, to force them to wrap. */
}
#content .monkForm > fieldset > legend,
#sidebar .monkForm > fieldset > legend {
  display: none;
  font-size: 16px;
  white-space: normal;
  zoom: 1;
}
#content .monkForm > fieldset > fieldset > legend,
#sidebar .monkForm > fieldset > fieldset > legend {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
#content .monkForm label,
#sidebar .monkForm label,
#content .hbspt-form label {
  font-size: 13px;
  margin-bottom: 5px;
  padding-right: 10px;
  width: 242px;
  vertical-align: top;
}
#content .monkForm .radio label,
#content .monkForm .checkbox label,
#sidebar .monkForm .radio label,
#sidebar .monkForm .checkbox label {
  font-weight: normal;
  line-height: normal;
  clear: none;
}
#content .monkForm p.data,
#sidebar .monkForm p.data {
  margin-bottom: 4px;
}
#content .monkForm .radio p.data:last-child,
#content .monkForm .checkbox p.data:last-child,
#sidebar .monkForm .radio p.data:last-child,
#sidebar .monkForm .checkbox p.data:last-child {
  margin-bottom: 8px;
}
#content .monkForm .description,
#sidebar .monkForm .description {
  font-size: 11px;
  line-height: normal;
  font-style: italic;
  width: 250px;
  margin-top: 4px;
  /* margin-left:255px; */
}
#content .monkForm fieldset fieldset div,
#content .monkForm fieldset fieldset div p,
#content .monkForm fieldset fieldset div p,
#sidebar .monkForm fieldset fieldset div,
#sidebar .monkForm fieldset fieldset div p,
#sidebar .monkForm fieldset fieldset div p {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
#content .monkForm fieldset fieldset div,
#sidebar .monkForm fieldset fieldset div {
  margin-bottom: 25px;
}
#content .monkForm p.errorSummary,
#sidebar .monkForm p.errorSummary {
  font-weight: bold;
  font-style: italic;
}
#content .monkForm p.error,
#sidebar .monkForm p.error {
  font-size: 11px;
  margin-bottom: 5px;
}
#content .monkForm input,
#content .monkForm select,
#content .monkForm textarea,
#sidebar .monkForm input,
#sidebar .monkForm select,
#sidebar .monkForm textarea,
#content .hbspt-form input,
#content .hbspt-form select,
#content .hbspt-form textarea {
  font: normal 12px/100% Verdana, Tahoma, sans-serif;
  border: 1px solid #aaa;
}
#content .monkForm input[type=text],
#content .monkForm input[type=file],
#sidebar .monkForm input[type=text],
#sidebar .monkForm input[type=file],
#content .hbspt-form input[type=text],
#content .hbspt-form input[type=file] {
  padding: 5px;
  width: 250px;
}
#content .monkForm select,
#sidebar .monkForm select,
#content .hbspt-form select {
  display: inline-block;
  padding: 2px;
}
#content .monkForm select option,
#sidebar .monkForm select option,
#content .hbspt-form select option {
  padding: 2px 4px;
}
#content .monkForm textarea,
#sidebar .monkForm textarea,
#content .hbspt-form textarea {
  padding: 6px;
  width: 250px;
}
#content .monkForm .radio .data,
#content .monkForm .checkbox .data,
#sidebar .monkForm .radio .data,
#sidebar .monkForm .checkbox .data,
#content .hbspt-form .hs-form-checkbox,
#content .hbspt-form .hs-form-radio {
  margin-bottom: 12px;
}
#content .monkForm .radio label,
#content .monkForm .checkbox label,
#sidebar .monkForm .radio label,
#sidebar .monkForm .checkbox label,
#content .hbspt-form .hs-form-checkbox label,
#content .hbspt-form .hs-form-radio label {
  display: inline;
  margin-left: 5px;
  vertical-align: middle;
}
#content .hbspt-form .hs-form-checkbox{
  margin-left: 0;
  padding-left: 0;
}
#content .hs-input{
  moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#content .monkForm input[type=checkbox],
#content .monkForm input[type=radio],
#sidebar .monkForm input[type=checkbox],
#sidebar .monkForm input[type=radio],
#content .hbspt-form input[type=checkbox],
#content .hbspt-form input[type=radio]{
  background: none;
  border: 0;
  vertical-align: middle;
}
#content .monkForm fieldset fieldset fieldset p,
#sidebar .monkForm fieldset fieldset fieldset p {
  padding: 0;
  margin: 7px 10px;
  margin-top: 0;
}
#content .monkForm span.asterisk,
#sidebar .monkForm span.asterisk {
  font-weight: normal;
  display: inline;
}
#content .monkForm .captcha img,
#sidebar .monkForm .captcha img {
  margin-bottom: 8px;
}
#content .monkForm .captcha input,
#sidebar .monkForm .captcha input {
  width: 120px;
}
#content .monkForm input[type=submit],
#sidebar .monkForm input[type=submit],
#content .hbspt-form input[type=submit] {
  background: #eaeaea;
  padding: 9px 9px;
  margin: 15px 0;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content .monkForm .monkFormsubmit input[src*=png],
#content .monkForm .monkFormsubmit input[src*=jpg],
#content .monkForm .monkFormsubmit input[src*=jpeg],
#content .monkForm .monkFormsubmit input[src*=gif],
#sidebar .monkForm .monkFormsubmit input[src*=png],
#sidebar .monkForm .monkFormsubmit input[src*=jpg],
#sidebar .monkForm .monkFormsubmit input[src*=jpeg],
#sidebar .monkForm .monkFormsubmit input[src*=gif] {
  border: none;
  margin-bottom: 35px;
}
#content .monkForm input[type=submit]:hover,
#sidebar .monkForm input[type=submit]:hover,
#content .hbspt-form input[type=submit]:hover {
  background: #fbfbfb;
  cursor: pointer;
}
#content .monkForm input[type=image],
#sidebar .monkForm input[type=image],
#content .hbspt-form input[type=image] {
  border: 0;
}
#content .monkForm label,
#content .monkForm legend,
#content .monkForm p,
#content .monkForm input[type=submit],
#content .monkForm input[type=submit]:hover,
#sidebar .monkForm label,
#sidebar .monkForm legend,
#sidebar .monkForm p,
#sidebar .monkForm input[type=submit],
#sidebar .monkForm input[type=submit]:hover,
#content .hbspt-form label,
#content .hbspt-form legend,
#content .hbspt-form p,
#content .hbspt-form input[type=submit],
#content .hbspt-form input[type=submit]:hover {
  color: #555;
}
#content .monkForm p.errorSummary,
#content .monkForm span.asterisk,
#content form.monkForm p.error,
#sidebar .monkForm p.errorSummary,
#sidebar .monkForm span.asterisk,
#sidebar form.monkForm p.error {
  color: red;
}
#content .monkForm input,
#content .monkForm select,
#content .monkForm textarea,
#sidebar .monkForm input,
#sidebar .monkForm select,
#sidebar .monkForm textarea,
#content .hbspt-form input,
#content .hbspt-form select,
#content .hbspt-form textarea {
  /* background:#fdfdfd;  */
  background: none;
}
#content .monkForm input,
#content .monkForm select,
#content .monkForm textarea,
#sidebar .monkForm input,
#sidebar .monkForm select,
#sidebar .monkForm textarea,
#content .hbspt-form input,
#content .hbspt-form select,
#content .hbspt-form textarea {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#content .monkForm input:focus,
#content .monkForm select:focus,
#content .monkForm textarea:focus,
#sidebar .monkForm input:focus,
#sidebar .monkForm select:focus,
#sidebar .monkForm textarea:focus,
#content .hbspt-form input:focus,
#content .hbspt-form select:focus,
#content .hbspt-form textarea:focus {
  /* background:#fff;  */
  border: 1px solid #999;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
}
#content .mcms_form_thank_you,
#sidebar .mcms_form_thank_you {
  font-family: Helvetica, sans-serif;
  font-size: 2em;
  line-height: 1.6;
  font-weight: bold;
}
#content #mc_embed_signup .monkForm div.mc-field-group,
#sidebar #mc_embed_signup .monkForm div.mc-field-group {
  padding-bottom: 14px;
}
#content #mc_embed_signup .monkForm div.mc-field-group input,
#sidebar #mc_embed_signup .monkForm div.mc-field-group input {
  padding: 5px;
}
#content #mc_embed_signup .monkForm .mc-field-group ul li,
#sidebar #mc_embed_signup .monkForm .mc-field-group ul li {
  list-style: none;
}
#content #mc_embed_signup .monkForm .mc-field-group div.phonefield,
#sidebar #mc_embed_signup .monkForm .mc-field-group div.phonefield {
  display: inline;
}
#content #mc_embed_signup .monkForm .mc-field-group div.phonefield input,
#sidebar #mc_embed_signup .monkForm .mc-field-group div.phonefield input {
  width: auto;
}
#content #mc_embed_signup div.mc-field-group.input-group,
#sidebar #mc_embed_signup div.mc-field-group.input-group {
  margin-left: 258px;
}
#content #mc_embed_signup div.mc-field-group.input-group ul,
#sidebar #mc_embed_signup div.mc-field-group.input-group ul {
  margin-left: 0;
}
#content #mc_embed_signup div.mc-field-group.input-group input,
#sidebar #mc_embed_signup div.mc-field-group.input-group input {
  margin-right: 5px;
}
#content #mc_embed_signup .monkForm div.mc-field-group label[for*=EMAILTYPE],
#sidebar #mc_embed_signup .monkForm div.mc-field-group label[for*=EMAILTYPE] {
  width: auto;
}
#content #mc_embed_signup input[type="submit"],
#sidebar #mc_embed_signup input[type="submit"] {
  margin-bottom: 25px;
  float: right;
}

#sidebar {
  /* Input */
  /* Select */
  /* Textarea */
}
#sidebar .monkForm label {
  font-size: 13px;
  margin-bottom: 5px;
  padding-right: 2%;
  width: 98%;
  vertical-align: top;
}
#sidebar .monkForm input[type=text],
#sidebar .monkForm input[type=file] {
  padding: 1%;
  width: 98%;
}
#sidebar .monkForm select {
  display: inline-block;
  padding: 2px;
}
#sidebar .monkForm select option {
  padding: 2px 4px;
}
#sidebar .monkForm textarea {
  padding: 2%;
  width: 98%;
}
#sidebar .monkForm .text {
  padding-bottom: 0px;
  margin-bottom: 12px;
}

a.large-btn,
p.large-btn a,
a.medium-btn,
p.medium-btn a,
p.small-btn a,
a.small-btn,
button,
input[type='submit'] {
  display: inline-block;
  outline: none;
  text-decoration: none;
  margin: 0 0.3em;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em;
  -ms-border-radius: 0.6em;
  -o-border-radius: 0.6em;
  border-radius: 0.6em;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.025)));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 -0.1em 0.1em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 -0.1em 0.1em inset;
  box-shadow: rgba(0, 0, 0, 0.25) 0 -0.1em 0.1em inset;
}
a.large-btn:hover,
p.large-btn a:hover,
a.medium-btn:hover,
p.medium-btn a:hover,
p.small-btn a:hover,
a.small-btn:hover,
button:hover,
input[type='submit']:hover {
  text-decoration: none !important;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.025)));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.025));
}

a.large-btn:active,
p.large-btn a:active,
a.medium-btn:active,
p.medium-btn a:active,
p.small-btn a:active,
a.small-btn:active,
button:active,
input[type='submit']:active {
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0.2em 0.45em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0.2em 0.45em inset;
  box-shadow: rgba(0, 0, 0, 0.35) 0 0.2em 0.45em inset;
}

a.large-btn,
p.large-btn a,
section#feat-footer .continue-link {
  padding: 0.4em 1em;
  font-size: 16px;
  line-height: 2.2em;
  text-transform: uppercase;
}
a.large-btn:active,
p.large-btn a:active,
section#feat-footer .continue-link:active {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.2em 0.45em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0.2em 0.45em inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0.2em 0.45em inset;
}

a.medium-btn,
p.medium-btn a {
  padding: 0.4em 1.5em;
  font-size: 16px;
  line-height: 2.2em;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

a.small-btn,
p.small-btn a {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.4em 1em;
  font-size: 14px;
  line-height: 2em;
  vertical-align: bottom;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.025)));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.025));
}
a.small-btn:hover,
p.small-btn a:hover {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.025)));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.025));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.025));
}

#sidebar {
  width: 100%;
  float: left;
  margin-right: 2.05192%;
  display: inline;
}
@media (min-width: 61.5em) {
  #sidebar {
    float: none;
    width: auto;
    margin-right: auto;
    float: right;
    width: 25%;
  }
}

#sidebar {
  border: none;
  -webkit-box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.08);
  box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.08);
}
#sidebar #sidebar-nav {
  margin-bottom: 0em;
}
#sidebar #sidebar-nav header {
  padding: 1.4em 1em 1.2em 1em;
}
#sidebar section {
  margin-bottom: 2em;
}
#sidebar section.sidebar-section {
  padding: 2em 1.8em;
}
#sidebar section.sidebar-section .more {
  margin-bottom: 0;
}
#sidebar section.sidebar-section .more a {
  font-style: italic;
  text-align: left;
  font-size: 1em;
  display: block;
  padding: 0.5em 0;
}
#sidebar section .sidebar-title {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.25em;
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}
#sidebar section#sidebar-nav .sidebar-title {
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
}
#sidebar section #subnav {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#sidebar section #subnav li.hasChildren {
  background: url("/_img/subnav-more.png") 95% 8px no-repeat;
}
#sidebar section #subnav li.hasChildren.hover {
  background: url("/_img/subnav-less.png") 95% 8px no-repeat;
}
#sidebar section #subnav li a {
  display: block;
  font-size: 1.1em;
  line-height: 2.1em;
  font-weight: bold;
  text-decoration: none;
  padding-left: 6.45241%;
  padding-right: 6.45241%;
}
@media (min-width: 61.5em) {
  #sidebar section #subnav li a {
    padding-left: 1em;
    padding-right: 1em;
  }
}
#sidebar section #subnav > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#sidebar section #subnav > li > ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#sidebar section #subnav > li > ul a {
  font-size: 1em;
  line-height: 2em;
  padding-left: 11.45241%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
@media (min-width: 61.5em) {
  #sidebar section #subnav > li > ul a {
    padding-left: 2.5em;
  }
}
#sidebar section #subnav > li.current > a {
  background: url("/_img/nav-active-arrow.png") left no-repeat;
  margin-left: -0.8em;
  padding-left: 1.8em;
}
#sidebar section div.text {
  padding: 6.45241%;
}
@media (min-width: 61.5em) {
  #sidebar section div.text {
    padding: 1em;
  }
}
#sidebar section header {
  padding: 1.4em 2em 1.2em 2em;
}
@media (min-width: 61.5em) {
  #sidebar section header {
    padding: 6.45241% 0;
  }
}
#sidebar section.sidebar-section .text {
  padding: 6.45241%;
}
@media (min-width: 61.5em) {
  #sidebar section.sidebar-section .text {
    padding: 1.5em 0;
    padding-top: 0;
  }
}
#sidebar section#sidebar-nav .text {
  padding-left: 0;
  padding-right: 0;
}
#sidebar section p, #sidebar section .byline {
  line-height: 1.4em;
}
#sidebar section h3 {
  font-size: 1.4em;
  line-height: 1.3em;
  margin-bottom: 0.2em;
}
#sidebar section h3 a {
  font-weight: normal;
}
#sidebar section img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
#sidebar section .newsletter p {
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 1em;
}
#sidebar .text {
  font-size: 10px;
}
#sidebar .text h2 {
  font-size: 2.8em;
  margin: 1em 0 .5em 0;
}
#sidebar .text h3 {
  font-size: 2.3em;
  margin: 0.5em 0;
}
#sidebar .text h4 {
  font-size: 2.0em;
  margin: 1.5em 0 0.6em 0;
}
#sidebar .text h5 {
  font-size: 1.6em;
  margin: 0.5em 0 0.6em 0;
}
#sidebar .text h6 {
  font-size: 1.4em;
  margin: 0 0 0.6em 0;
}
#sidebar .text h5 {
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
#sidebar .text p {
  margin-bottom: 1.5em;
}
#sidebar .text a:hover {
  color: #62d8b6;
}
#sidebar .text p, #sidebar .text li, #sidebar .text span {
  font-size: 1.25em;
  line-height: 1.78em;
}
#sidebar .text p > span {
  font-size: 1em;
}
#sidebar .text em {
  font-style: italic;
}
#sidebar .text li {
  line-height: 2em;
  font-weight: 500;
  list-style-image: url("/_img/list-bullet.png");
  padding-left: 20px;
  margin-left: 1.5em;
}
#sidebar .text ul {
  margin-bottom: 1.5em;
}
#sidebar .text blockquote {
  padding: 1em 0 1em 0;
  margin-bottom: 1.5em;
  font-size: 2em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
#sidebar .text blockquote p {
  line-height: 1em;
  margin: 0;
}
#sidebar .text blockquote p span {
  line-height: 1.5em;
}
#sidebar iframe {
  max-width: 100%;
}

header.mobile {
  position: relative;
  width: 100%;
  z-index: 2001;
  overflow: hidden;
}
header.mobile a {
  text-decoration: none;
}
header.mobile h1 {
  position: absolute;
  text-align: center;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  font-size: 1.5em;
  line-height: 3em;
}
header.mobile div.search {
  float: right;
  width: 1em !important;
  height: auto !important;
  font-size: 2em;
  line-height: inherit !important;
  padding: 0.2em 0.7em !important;
  margin: 2% 3% !important;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
}

nav.mobile {
  position: absolute;
  width: 70%;
  top: 0;
}
nav.mobile div.search {
  font-size: 1.8em;
}
nav.mobile div.search {
  float: right;
  margin-left: 4%;
  padding: .64em 0;
  width: 2.5em;
  background: url("/_img/feat-bg.png") left repeat-y;
}
nav.mobile div.search a {
  display: block;
  text-align: center;
}
nav.mobile div.search a.expanded {
  font-size: 0.8em;
  line-height: 1.2em;
}

.contact.mobile {
  visibility: hidden;
  position: absolute;
  width: 60%;
  padding: 5%;
  top: 0;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
.contact.mobile h3:first-child br {
  display: none;
}

#nav-search {
  overflow: hidden;
  width: 90%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: table;
  margin: 5% auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#nav-search form {
  position: relative;
  background: rgba(255, 255, 255, 0.1);
}
#nav-search fieldset {
  width: 100%;
}
#nav-search input, #nav-search a {
  height: 37px;
  line-height: 37px;
}
#nav-search input {
  border: 0;
  height: 37px;
  width: 75%%;
  padding: 0 3%;
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.4);
  background: transparent;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
#nav-search a {
  position: absolute;
  width: 21%;
  text-align: center;
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.3);
}
#nav-search a:hover {
  color: rgba(255, 255, 255, 0.5);
}

#search-mobile {
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0.3em 0.8em 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0.3em 0.8em 0 inset;
  box-shadow: rgba(0, 0, 0, 0.35) 0 0.3em 0.8em 0 inset;
}
#search-mobile, #search-mobile fieldset {
  width: 100%;
  overflow: hidden;
}
#search-mobile input {
  border: 0;
  height: 3em;
  width: 92%;
  padding: 0 3%;
  font-size: 1.5em;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#search-mobile a {
  position: absolute;
  right: 0.5em;
  font-size: 2.3em;
  line-height: 2em;
  /* 
   Easy Edit
   color:black(0.3);
   @include emboss(1px, 1px, 0.3);
   &:hover{
       color:black(0.5);
   }*/
}

#menu-more {
  float: left;
  width: 1em !important;
  height: auto !important;
  font-size: 2em;
  line-height: inherit !important;
  padding: 0.2em 0.7em !important;
  margin: 2% 3% !important;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5) inset;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
}

ul#menu-more-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#menu-more-links > li {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}
ul#menu-more-links li a {
  display: inline-block;
  font-size: 1.5em;
  padding: 5%;
}
ul#menu-more-links > li > a {
  width: 60%;
}
ul#menu-more-links li .hotspot {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 20%;
  height: 90%;
  padding-left: 5%;
  padding-right: 5%;
}
ul#menu-more-links li ul {
  display: none;
  -webkit-transition: max-height 0.4s ease-in-out;
  -moz-transition: max-height 0.4s ease-in-out;
  -o-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
}
ul#menu-more-links li ul a {
  border: none;
  padding: 3% 5%;
  width: 90%;
}
ul#menu-more-links li ul > a {
  font-size: 1.1em;
}
ul#menu-more-links li ul ul {
  display: block;
  margin: .8em 0;
}
ul#menu-more-links li ul ul a {
  font-size: 1.25em;
  margin-bottom: .5em;
  margin-left: 5%;
}
ul#menu-more-links li.hasChildren a {
  position: relative;
  background: none;
}
ul#menu-more-links li.hasChildren > .hotspot {
  background: url("/_img/mobile-expand.png") 75% center no-repeat;
}
ul#menu-more-links li.hasChildren > ul > li:last-child > a {
  background: none;
}
ul#menu-more-links li:not(.hasChildren) a {
  width: 100%;
}
ul#menu-more-links li.hasChildren.active {
  padding-bottom: 0.5em;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.2em 0.9em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0.2em 0.9em inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0.2em 0.9em inset;
}
ul#menu-more-links li.hasChildren.active > .hotspot {
  border-bottom: none;
  cursor: pointer;
  background: url("/_img/mobile-collapse.png") 75% center no-repeat;
}

#menu-more-close {
  width: 100%;
  text-align: center;
  padding: 3.55% 0;
  background: url("../img/more-up.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  cursor: pointer;
}
#menu-more-close img {
  width: 7.58%;
}

.js #inner-wrap {
  left: 0;
}

.js-nav #inner-wrap {
  left: 70%;
}

.js-contact #inner-wrap {
  left: -70%;
}

.csstransforms3d.csstransitions.js nav.mobile {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.csstransforms3d.csstransitions.js #inner-wrap {
  left: 0 !important;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.csstransforms3d.csstransitions.js nav.mobile .block {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
  -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
  transition: opacity 300ms 100ms ease, transform 500ms ease;
  -webkit-transform: translate3d(70%, 0, 0);
  -moz-transform: translate3d(70%, 0, 0);
  -ms-transform: translate3d(70%, 0, 0);
  -o-transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
  -webkit-transform-origin: 50% 0% 50%;
  -moz-transform-origin: 50% 0% 50%;
  -ms-transform-origin: 50% 0% 50%;
  -o-transform-origin: 50% 0% 50%;
  transform-origin: 50% 0% 50%;
}

.csstransforms3d.csstransitions.js-nav #inner-wrap {
  -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
}

.csstransforms3d.csstransitions.js-nav nav.mobile .block {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.csstransforms3d.csstransitions.js .mobile.contact {
  left: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.csstransforms3d.csstransitions.js .mobile.contact {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
  -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
  transition: opacity 300ms 100ms ease, transform 500ms ease;
  -webkit-transform: translate3d(143%, 0, 0);
  -moz-transform: translate3d(143%, 0, 0);
  -ms-transform: translate3d(143%, 0, 0);
  -o-transform: translate3d(143%, 0, 0);
  transform: translate3d(143%, 0, 0);
  -webkit-transform-origin: 50% 0% 50%;
  -moz-transform-origin: 50% 0% 50%;
  -ms-transform-origin: 50% 0% 50%;
  -o-transform-origin: 50% 0% 50%;
  transform-origin: 50% 0% 50%;
}

.csstransforms3d.csstransitions.js-contact #inner-wrap {
  -webkit-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
}

.csstransforms3d.csstransitions.js-contact .mobile.contact {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translate3d(143%, 0, 0);
  -moz-transform: translate3d(143%, 0, 0);
  -ms-transform: translate3d(143%, 0, 0);
  -o-transform: translate3d(143%, 0, 0);
  transform: translate3d(143%, 0, 0);
}

#curtain {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
}

#curtain.visible {
  display: block;
}

#newsletter-wrap {
  position: fixed;
  display: none;
  z-index: 2000;
  width: 800px;
  height: 418px;
  top: 0;
  left: 50%;
  margin-top: 150px;
  margin-left: -400px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid rgba(255, 255, 255, 0.15);
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  overflow: hidden;
}

#newsletter-wrap.visible {
  display: block;
}

#newsletter-wrap .text {
  padding: 50px 80px 0 80px;
  font-size: 14px;
  line-height: 24px;
}

#newsletter-wrap .text p {
  font-size: 14px;
  line-height: 16px;
}

#newsletter-wrap .text h2 {
  font-size: 34px;
  font-weight: 100;
  text-align: center;
  margin-bottom: 20px;
}

#newsletter-wrap form {
  padding: 0 80px 0 80px;
}

#newsletter-wrap form label {
  display: none;
}

#newsletter-wrap form fieldset {
  display: block;
  padding: 5px;
  width: 512px;
  margin: 0 auto;
}

#newsletter-wrap form #email,
#newsletter-wrap form #newsletter_text {
  width: 450px !important;
  height: 35px !important;
  padding: 15px !important;
  color: #757575;
  background: #FFF;
  font-weight: 100;
  font-size: 23px !important;
  outline: none;
  border: 4px solid #eaeaea !important;
  border-right: none;
  text-align: left;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  float: left;
}

#newsletter-wrap form #BMS_SUBMIT,
#newsletter-wrap form input[type='submit'] {
  outline: none;
  background: #4ea68d center !important;
  border: none;
  text-transform: uppercase;
  padding: 25px 20px;
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) !important;
  font-size: 23px !important;
  margin-left: -10px;
  border: 4px solid #eaeaea;
  border-left: none;
  cursor: pointer;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}

#newsletter-wrap form #BMS_SUBMIT:hover,
#newsletter-wrap form input[type='submit']:hover {
  background: white no-repeat 83% center !important;
  color: #4ea68d;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

#newsletter-wrap .close {
  position: absolute;
  width: 100%;
  height: 54px;
  padding-top: 21px;
  bottom: 0;
}

#newsletter-wrap .close a {
  display: block;
  width: 95px;
  height: 33px;
  line-height: 33px;
  text-align: left;
  color: #a4a4a4;
  text-decoration: none;
  margin-left: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#newsletter-wrap .close a:hover {
  color: #4ea68d;
}

#newsletter-wrap .formareacontents {
  background: transparent !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#newsletter-wrap #html_header,
#newsletter-wrap .labelEdit {
  display: none;
}
#newsletter-wrap #html_submit {
  background: transparent !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#newsletter-wrap .formareacontents ul li {
  display: block;
  float: left;
  border: none;
  padding: 0;
}

.module a.blog-comment-number {
  float: right;
  font-size: 2.5em;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: -12px;
  margin-left: 25px;
  vertical-align: middle;
}
@media (min-width: 61.5em) {
  .module a.blog-comment-number {
    top: 4px;
  }
}
.module a.blog-comment-number:hover {
  color: #333;
}
.module a.blog-comment-number div {
  text-align: center;
  margin-top: -31px;
  font-size: 0.4em;
  color: #FFF;
  line-height: 2.1em;
  vertical-align: middle;
}

#sidebar .blogs .post {
  overflow: hidden;
  margin-bottom: 1em;
}
@media (min-width: 37.5em) {
  #sidebar .blogs h3 {
    font-size: 1.1em;
    margin: 0.8em 0;
  }
  #sidebar .blogs h3 a {
    line-height: 1.2em;
  }
}

.module .events .event {
  clear: both;
  overflow: hidden;
  margin-bottom: 1.2em;
}
.module .events .event .date,
.module .events .event .day,
.module .events .event .month {
  display: block;
}
.module .events .event .date {
  width: 68px;
  float: left;
  margin-right: 10px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 0.18em;
  border-top-width: 2px;
  border-top-style: solid;
}
.module .events .event .day {
  line-height: 1.3em;
  font-size: 1.7em;
  padding-bottom: 8px;
}
.module .events .event .month {
  padding: 8px 0 0 0;
  font-size: 1em;
  line-height: 1em;
}
.module .events .event .dateTime {
  font-style: normal;
}
.module .events .event .details {
  width: 75%;
}
@media (min-width: 37.5em) {
  .module .events .event .details {
    width: 69%;
  }
}

#sidebar .event h3 {
  font-size: 1.1em;
}
#sidebar .event .date {
  width: 48px;
  float: left;
  margin-right: 10px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 0.18em;
  margin-top: 1em;
}
#sidebar .event .description {
  display: none;
}
#sidebar .event .thumb {
  display: block;
  margin-top: 1.5em;
}
#sidebar .event .thumb img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
#sidebar .event .dateTime {
  font-size: 1em;
  padding: 5px 0;
}

.module .sermons .details {
  width: 100%;
}
@media (min-width: 61.5em) {
  .module .sermons .details {
    width: 60%;
  }
}
.module .sermons .byline {
  width: 41%;
  float: left;
}
.module .sermons .byline a:hover {
  text-decoration: underline;
}
.module .sermons .media {
  overflow: hidden;
  clear: both;
  padding: 1em 0 2em 0;
}
.module .sermons .media ul {
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 -0.1em 0.1em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 -0.1em 0.1em inset;
  box-shadow: rgba(0, 0, 0, 0.45) 0 -0.1em 0.1em inset;
}
.module .sermons .media li {
  float: left;
  width: 25%;
}
.module .sermons .media a {
  display: block;
  font-size: 1.5em;
  padding: 0.8em 0.4em;
  text-align: center;
  background: url("/_img/feat-bg.png"), url("/_img/textures/grain1.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
  background: url("/_img/feat-bg.png"), url("/_img/textures/grain1.png"), -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background: url("/_img/feat-bg.png"), url("/_img/textures/grain1.png"), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background: url("/_img/feat-bg.png"), url("/_img/textures/grain1.png"), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background: url("/_img/feat-bg.png"), url("/_img/textures/grain1.png"), linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-position: center right, center, center;
  background-repeat: repeat-y, repeat, repeat;
}
.module .sermons .media a:active {
  -webkit-box-shadow: rgba(0, 0, 0, 0.55) 0 0.2em 0.45em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.55) 0 0.2em 0.45em inset;
  box-shadow: rgba(0, 0, 0, 0.55) 0 0.2em 0.45em inset;
}
.module .sermons .media li.notes a,
.module .sermons .media li:last-child a {
  background: url("/_img/textures/grain1.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
  background: url("/_img/textures/grain1.png"), -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background: url("/_img/textures/grain1.png"), -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background: url("/_img/textures/grain1.png"), -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background: url("/_img/textures/grain1.png"), linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-position: center, center;
  background-repeat: repeat, repeat;
}

#sidebar .sermons .byline,
#sidebar .sermons .summary,
#sidebar .sermons .description {
  float: none;
  width: 100%;
}
#sidebar .sermons h3 {
  font-size: 1.3em;
}
#sidebar .sermons h3 a {
  line-height: 1.3em;
  text-decoration: none;
}
#sidebar .sermons h3 a:hover {
  text-decoration: underline;
}
#sidebar .sermons .thumb {
  display: none;
}
#sidebar .sermons .media a {
  font-size: 1.2em;
}
#sidebar .sermons .byline {
  margin-bottom: 1.5em;
}

/* =================================================
                        GRIDS
   ================================================= */
.container {
  position: relative;
  max-width: 86.28099%;
  padding-left: 6.41918%;
  padding-right: 6.41918%;
}
@media (min-width: 61.5em) {
  .container {
    max-width: 81.73em;
    padding-left: 0.83em;
    padding-right: 0.83em;
    margin-left: auto;
    margin-right: auto;
  }
  .container:after {
    content: "";
    display: table;
    clear: both;
  }
}

.container.mobile {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 37.5em) {
  .container.mobile {
    max-width: 81.73em;
    padding-left: 0.83em;
    padding-right: 0.83em;
    margin-left: auto;
    margin-right: auto;
  }
  .container.mobile:after {
    content: "";
    display: table;
    clear: both;
  }
}

#feat-footer .featured-item {
  width: 100%;
  float: right;
  margin-right: 0;
  *margin-left: -0.83em;
  display: inline;
}
@media (min-width: 37.5em) {
  #feat-footer .featured-item {
    padding-left: 1.83531%;
    padding-right: 1.83531%;
    width: 28.98568%;
    float: left;
    margin-right: 1.01554%;
  }
}

#footer-nav > li,
#footer-quick-links,
#footer-social-links {
  padding-left: 0%;
  padding-right: 0%;
  float: left;
  width: 48.75%;
}
@media (min-width: 61.5em) {
  #footer-nav > li,
  #footer-quick-links,
  #footer-social-links {
    width: 16.52%;
  }
}

@media (max-width: 61.5em) {
  nav.footer {
    display: none;
  }
}

.subpage #head-wrap .meta,
.subpage #head-wrap #page-title {
  padding-left: 7.41656%;
  padding-right: 7.41656%;
  width: 85.16687%;
  float: right;
  margin-right: 0;
  *margin-left: -0.83em;
  display: inline;
}
@media (min-width: 61.5em) {
  .subpage #head-wrap .meta,
  .subpage #head-wrap #page-title {
    padding-left: 0%;
    padding-right: 0%;
    width: 74.74612%;
    float: left;
    margin-right: 1.01554%;
  }
}
.subpage #content {
  padding-left: 7.41656%;
  padding-right: 7.41656%;
  width: 85.16687%;
  float: right;
  margin-right: 0;
  *margin-left: -0.83em;
  display: inline;
}
@media (min-width: 61.5em) {
  .subpage #content {
    float: none;
    width: auto;
    margin-right: auto;
    padding: 4em 5.5%;
    float: left;
    width: 64%;
  }
}
.subpage #breadcrumbs {
  padding-left: 7.41656%;
  padding-right: 7.41656%;
  width: 85.16687%;
  float: left;
  margin-right: 2.05192%;
  display: inline;
}
@media (min-width: 37.5em) {
  .subpage #breadcrumbs {
    padding-left: 4.89416%;
    padding-right: 4.89416%;
    width: 90.21167%;
    float: right;
    margin-right: 0;
  }
}
.subpage .container.mobile {
  max-width: 100%;
  background: white;
  margin-bottom: 3.3em;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 37.5em) {
  .subpage .container.mobile {
    max-width: 81.73em;
    padding-left: 0.83em;
    padding-right: 0.83em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .subpage .container.mobile:after {
    content: "";
    display: table;
    clear: both;
  }
}

.fullwidth #head-wrap .meta,
.fullwidth #head-wrap #page-title {
  padding-left: 7.41656%;
  padding-right: 7.41656%;
  width: 85.16687%;
  float: right;
  margin-right: 0;
  *margin-left: -0.83em;
  display: inline;
}
@media (min-width: 61.5em) {
  .fullwidth #head-wrap .meta,
  .fullwidth #head-wrap #page-title {
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
    float: left;
    margin-right: 1.01554%;
  }
}
.fullwidth #content,
.fullwidth #breadcrumbs {
  padding-left: 7.41656%;
  padding-right: 7.41656%;
  width: 85.16687%;
  float: left;
  margin-right: 2.05192%;
  display: inline;
}
@media (min-width: 37.5em) {
  .fullwidth #content,
  .fullwidth #breadcrumbs {
    padding-left: 4.89416%;
    padding-right: 4.89416%;
    width: 90.21167%;
    float: right;
    margin-right: 0;
  }
}

#text .half {
  padding-left: 7.41656%;
  padding-right: 7.41656%;
  width: 85.16687%;
  float: right;
  margin-right: 0;
  *margin-left: -0.83em;
  display: inline;
}
@media (min-width: 61.5em) {
  #text .half {
    padding-left: 1.22354%;
    padding-right: 1.22354%;
    width: 47.04515%;
    float: left;
    margin-right: 1.01554%;
  }
  #text .half.omega {
    padding-left: 1.22354%;
    padding-right: 1.22354%;
    width: 47.04515%;
    float: right;
    margin-right: 0;
  }
}

/* =================================================
                     ANIMATIONS
   ================================================= */
.container {
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

a {
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

#nav *,
.button,
.module h2 a,
footer#footer a,
#search-desktop input,
#sidebar section .more a,
#sidebar section .media a,
#footer #footer-nav > li,
#footer #footer-quick-links,
#footer #footer-social-links,
#footer #footer-nav li a,
#footer #footer-quick-links li a,
#footer #footer-social-links li a {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.1s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.1s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.1s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.1s ease-in-out, background-color 0.2s ease-in-out;
}

#thumb-pager li a,
#thumb-pager li a span {
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

a.large-btn,
p.large-btn a,
a.medium-btn,
p.medium-btn a,
a.small-btn,
p.small-btn a,
.mask #thumb-pager #carousel-next {
  -webkit-transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

/* =================================================
                     TYPOGRAPHY
   ================================================= */
html, body {
  font-size: 12px !important;
}

h1, h2, h3, h4, h5, h6,
a.large-btn,
p.large-btn a,
a.medium-btn,
p.medium-btn a,
button,
input[type='submit'],
#nav a,
ol.cycle-slideshow .meta p {
  font-family: "myriad-pro", sans-serif;
}

blockquote,
blockquote a,
blockquote p,
blockquote span {
  font-family: "myriad-pro-condensed";
  font-style: italic;
}

#feat-footer p,
ul, ol, li, strong, em,
div, p, span, table, form {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

strong,
h1, h3, h6,
a.large-btn,
p.large-btn a,
a.medium-btn,
p.medium-btn a,
button,
input[type='submit'],
#nav a,
#text caption,
#footer #footer-nav > li > a,
#footer #footer-quick-links li a,
#footer #footer-social-links li a {
  font-weight: 700;
}

#footer #footer-quick-links .icon
#footer #footer-social-links .icon {
  font-weight: normal;
}

.tweet h5,
#breadcrumbs strong,
ol.cycle-slideshow .meta p {
  font-weight: 600;
}

h2, h4, h5 {
  font-weight: 400;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 0.5em;
}

em {
  font-style: italic;
}

h1 {
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: .7em;
  text-transform: none;
}

.text h2,
#text h2 {
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 10px;
}
.text h3,
#text h3 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
}
.text h4,
#text h4 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 10px;
}
.text h5,
#text h5 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 5px;
}
.text h6,
#text h6 {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 12px;
}
.text h5,
#text h5 {
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
.text p,
#text p {
  margin-bottom: 1.5em;
}
.text a:hover,
#text a:hover {
  color: #62d8b6;
}
.text p, .text li, .text span,
#text p,
#text li,
#text span {
  font-size: 16px;
  line-height: 1.78em;
}
.text p > span,
#text p > span {
  font-size: 1em;
}
.text em,
#text em {
  font-style: italic;
}
.text li,
#text li {
  line-height: 2em;
  font-weight: 500;
  padding-left: 20px;
  margin-left: 1.5em;
}
.text li p,
#text li p {
  font-size: 1em;
}
.text ul,
#text ul {
  margin-bottom: 1.5em;
}
.text ul li,
#text ul li {
  list-style-image: url("/_img/list-bullet.png");
}
.text ol li,
#text ol li {
  list-style-type: decimal;
  margin-left: 34px;
}
.text ul ul, .text ul ol, .text ol ul, .text ol ol,
#text ul ul,
#text ul ol,
#text ol ul,
#text ol ol {
  margin-left: 3em;
}
.text ul ul ul, .text ul ul ol, .text ul ol ul, .text ul ol ol, .text ol ul ul, .text ol ul ol, .text ol ol ul, .text ol ol ol,
#text ul ul ul,
#text ul ul ol,
#text ul ol ul,
#text ul ol ol,
#text ol ul ul,
#text ol ul ol,
#text ol ol ul,
#text ol ol ol {
  margin-left: 3em;
}
.text blockquote,
#text blockquote {
  padding: 1em 0 1em 0;
  margin-bottom: .5em;
  font-size: 32px;
  line-height: 42px;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
.text blockquote p,
#text blockquote p {
  line-height: 42px;
  margin: 0;
  font-size: 1em;
}
.text blockquote p span,
#text blockquote p span {
  font-size: 1em;
  line-height: 42px;
}
.text table,
#text table {
  width: 100%;
  margin: 4em 0;
}
.text th,
#text th {
  font-size: 1.2em;
  font-weight: 700;
}
.text th, .text td,
#text th,
#text td {
  padding: 1em 0.4em;
}
.text th, .text td, .text table,
#text th,
#text td,
#text table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.text th:nth-of-type(odd),
.text td:nth-of-type(odd),
#text th:nth-of-type(odd),
#text td:nth-of-type(odd) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.text caption,
#text caption {
  font-size: 2.3em;
  line-height: 2em;
  padding: 0 0.5em;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}

ol.cycle-slideshow .meta h2, ol.cycle-slideshow .meta p {
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}

/* =================================================
                       GLOBAL
   ================================================= */
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.5);
}

#head-wrap {
  position: relative;
}
#head-wrap h1 {
  display: none;
  padding: 25px 0;
  vertical-align: middle;
  margin-bottom: 0;
  text-align: left;
}
@media (min-width: 37.5em) {
  #head-wrap h1 {
    display: block;
  }
}
@media (min-width: 61.5em) {
  #head-wrap h1 {
    display: table-cell;
  }
}
#head-wrap .meta {
  margin-bottom: 1.5em;
}
#head-wrap img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}

#footer,
#content,
#head-wrap,
#feat-footer,
#latest-footer {
  overflow: hidden;
}

header.header {
  position: relative;
  z-index: 1000;
}
header.header.mobile {
  display: block;
}
header.header.desktop {
  display: none;
}
header.header.mobile #logo img {
  max-width: 60%;
  vertical-align: middle;
  margin-top: -7px;
}
header.header #logo {
  display: block;
  text-align: center;
}
@media (min-width: 61.5em) {
  header.header #logo {
    display: inline-block;
    float: left;
    margin-left: 0;
  }
}
@media (min-width: 37.5em) {
  header.header {
    padding-top: 2.7em;
    padding-bottom: 2.7em;
  }
  header.header.desktop {
    display: block;
  }
  header.header.mobile {
    display: none;
  }
  header.header .container {
    max-width: 81.73em;
    padding-left: 0.83em;
    padding-right: 0.83em;
    margin-left: auto;
    margin-right: auto;
  }
  header.header .container:after {
    content: "";
    display: table;
    clear: both;
  }
}

/*-----Navigation-----*/
nav.primary {
  z-index: 1000;
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 0;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
nav.primary.mobile {
  display: block;
}
nav.primary.desktop {
  display: none;
}
nav.primary #nav {
  margin: 0;
  margin-top: 30px;
}
@media (min-width: 37.5em) {
  nav.primary.desktop {
    display: table;
  }
  nav.primary.mobile {
    display: none;
  }
}
@media (min-width: 61.5em) {
  nav.primary {
    float: right;
    clear: none;
  }
  nav.primary.desktop {
    display: block;
  }
  nav.primary #nav {
    margin-top: 0;
  }
}

#search-desktop {
  float: right;
  margin-right: 5%;
  margin-top: 10px;
}
#search-desktop form,
#search-desktop fieldset {
  position: relative;
}
#search-desktop input {
  height: 36px;
  width: 110px;
  margin-left: 15px;
  padding: 0 0.5em 0 30px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#search-desktop a {
  display: none;
}
#search-desktop a.icon-search {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 11px 0 0 24px;
  color: rgba(0, 0, 0, 0.3);
}
#search-desktop a.icon-search:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 61.5em) {
  #search-desktop {
    margin-right: 0;
  }
}

#nav > li {
  padding: 0 16px;
}
#nav > li:hover > a, #nav > li.current > a {
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
#nav > li:hover > ul {
  display: none;
}
#nav > li#nav_contact {
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#nav > li#nav_contact:hover > a {
  border-bottom: none !important;
}
#nav > li > ul {
  padding: 10px 0;
  margin-top: -1px;
  margin-left: -12px;
  position: absolute;
  display: none;
  z-index: 4000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#nav > li > ul * {
  text-transform: none;
  text-decoration: none;
  line-height: 14.4px;
}
#nav > li > ul > li > a {
  display: block;
  font-weight: bold;
}
#nav > li > ul > li > ul {
  margin-bottom: 5px;
}
#nav > li > ul > li > a, #nav > li > ul > li > ul > li > a, #nav > li > ul > li > ul > li > ul > li > a {
  padding: 10px 15px;
  min-width: 165px;
}
#nav > li > ul > li > ul > li a {
  font-size: 0.8em;
  font-weight: 700;
  text-decoration: none;
}
#nav > li > ul > li > ul > li a:hover {
  text-decoration: underline;
}
#nav > li > ul > li > ul > li > ul > li a {
  font-size: 0.7em;
  font-weight: 700;
  text-decoration: none;
}
#nav > li > ul > li > ul > li > ul > li a:hover {
  text-decoration: underline;
}

nav#primary,
#nav > li,
#nav > li > a {
  display: inline-block;
  height: 36px;
  text-decoration: none;
  font-size: 1em;
}

#nav > li,
#nav > li > a {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 36px;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}

#nav > li > a {
  font-size: 1.16em;
}

#page-wrap {
  overflow: hidden;
  repeat: both;
  width: 100%;
}

.module h2 {
  display: block;
  height: 42px;
  margin-bottom: 1.2em;
  padding: 0 0 0 10px;
  line-height: 45px;
  font-size: 1.4em;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 200;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
.module h2 a {
  float: right;
  font-size: 0.8em;
  width: 4.5em;
  height: 42px;
  line-height: 42px;
  text-align: center;
  text-transform: none;
  font-style: italic;
  padding-left: 0.8em;
}
.module h2 a span {
  margin-left: 3px;
}
.module p {
  line-height: 1.1em;
}
.module .thumb {
  float: left;
  margin-bottom: 1.5em;
  width: 100%;
  padding-bottom: 6px;
  background-image: url("/_img/image-shadow-small.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 37.5em) {
  .module .thumb {
    width: 150px;
    margin-bottom: 0;
    margin-right: 1.5em;
  }
}
.module .thumb img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.module .thumb img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.module .details {
  float: left;
}
.module .details h3 {
  font-size: 1.3em;
  padding-top: 0.2em;
}
.module .details h3 a {
  font-weight: 200;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}
.module .details h3 a:hover {
  text-decoration: underline;
}
.module .meta,
.module .dateTime,
.module .dateTime span {
  font-style: italic;
  line-height: 1em;
  margin-bottom: 0.5em;
}
.module .continue-link {
  font-size: 1.4em;
  width: 5em;
  display: table;
  margin: 1.3em auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0;
}

#rotator {
  margin-top: -12.36em;
}
@media (min-width: 61.5em) {
  #rotator {
    margin-top: -7.16em;
  }
}

#latest-footer {
  padding: 3em 0 3.5em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
#latest-footer .module.omega {
  margin-right: 0;
}
#latest-footer .module:last-child {
  margin-right: 0;
}
#latest-footer .item,
#latest-footer .post {
  clear: both;
  overflow: hidden;
  margin-bottom: 1.2em;
}

#feat-footer {
  padding: 1.1% 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#feat-footer .featured-item {
  margin: 0;
  text-align: center;
  padding-top: 2.4em;
  padding-bottom: 2.4em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media (min-width: 37.5em) {
  #feat-footer .featured-item {
    margin: 0 1% 0 0;
  }
}
#feat-footer .featured-item:hover {
  background: rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: 0 0 3em 0.4em rgba(0, 0, 0, 0.07) inset;
  -moz-box-shadow: 0 0 3em 0.4em rgba(0, 0, 0, 0.07) inset;
  box-shadow: 0 0 3em 0.4em rgba(0, 0, 0, 0.07) inset;
}
#feat-footer .featured-item.omega {
  margin-right: 0;
}
#feat-footer .featured-item:last-child {
  margin-right: 0;
}
#feat-footer .featured-item.pos-3 {
  margin-right: 0;
}
#feat-footer .featured-item a {
  text-decoration: none;
}
#feat-footer .featured-item p {
  font-size: 1.17em;
  line-height: 1.5em;
  margin-bottom: 1.7em;
}
#feat-footer .featured-item .thumb {
  width: 80%;
  background-position: bottom center;
  background-repeat: no-repeat;
  display: table;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  #feat-footer .featured-item .thumb {
    width: 100%;
  }
}
#feat-footer .featured-item img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
#feat-footer .featured-item h4 {
  display: block;
  margin-bottom: 1em;
  font-size: 1.41em;
  line-height: 1.2em;
  font-weight: 700;
}

footer#footer {
  clear: both;
  padding: 35px 0 35px 0;
  text-align: center;
}
footer#footer .tweet {
  display: block;
  text-align: left;
  margin-bottom: 4.4em;
  line-height: 1.8em;
}
footer#footer .tweet h5 {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.6em;
}
@media (min-width: 37.5em) {
  footer#footer .tweet h5 {
    display: inline-block;
    text-align: left;
  }
}
footer#footer .tweet p {
  display: inline-block;
  font-size: 1.1em;
}
footer#footer #footer-nav li a {
  font-size: 0.95em;
}
footer#footer #footer-nav > li > a {
  font-size: 1.1em;
  margin-bottom: 1.5em;
  text-transform: uppercase;
}
footer#footer #footer-nav > li,
footer#footer #footer-quick-links,
footer#footer #footer-social-links {
  float: left;
  padding: 1.4em 0;
  margin: 0;
  text-align: left;
  border-left-width: 1px;
  border-left-style: solid;
}
@media (min-width: 61.5em) {
  footer#footer #footer-nav > li,
  footer#footer #footer-quick-links,
  footer#footer #footer-social-links {
    width: 13.52%;
  }
}
footer#footer #footer-quick-links li,
footer#footer #footer-social-links li {
  font-size: 1.1em;
}
footer#footer #footer-nav li a,
footer#footer #footer-quick-links li a,
footer#footer #footer-social-links li a {
  display: block;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
footer#footer #footer-quick-links li a,
footer#footer #footer-social-links li a {
  text-transform: uppercase;
  margin-bottom: 10px;
}
footer#footer #footer-quick-links .icon,
footer#footer #footer-social-links .icon {
  display: inline-block;
  margin-right: 15px;
}
footer#footer #footer-nav #footer-nav_blog,
footer#footer #footer-nav #footer-nav_contact,
footer#footer #footer-nav #footer-nav_our-work,
footer#footer #footer-nav #footer-nav_who-we-are,
footer#footer #footer-nav #footer-nav_what-we-do,
footer#footer #footer-nav #footer-nav_our-thinking {
  display: none;
}
@media (min-width: 61.5em) {
  footer#footer #footer-nav #footer-nav_our-work,
  footer#footer #footer-nav #footer-nav_who-we-are,
  footer#footer #footer-nav #footer-nav_what-we-do,
  footer#footer #footer-nav #footer-nav_blog,
  footer#footer #footer-nav #footer-nav_our-thinking {
    display: block;
  }
}
footer#footer #footer-social-links {
  margin-right: 0;
  border-right-width: 1px;
  border-right-style: solid;
}
footer#footer #footer-logo {
  line-height: 0;
  display: table;
  margin: 0 auto;
}
@media (min-width: 61.5em) {
  footer#footer #footer-logo {
    float: left;
    margin: 0;
    margin-right: 1em;
    display: inline-block;
  }
}
footer#footer #footer-wrap {
  overflow: hidden;
}
footer#footer #ekklogo {
  clear: left;
  float: none;
  display: table;
  margin: 0 auto;
}
@media (min-width: 61.5em) {
  footer#footer #ekklogo {
    clear: none;
    display: block;
    margin: 15px 15px 0 0;
    float: right;
  }
}
footer#footer #ekklogo a, footer#footer #ekklogo span {
  display: inline-block;
}
footer#footer #ekklogo a {
  width: 92px;
  height: 23px;
  background: url("/_img/ekk_logo_gray.png");
}
footer#footer #ekklogo span {
  font: 10px/10px helvetica, sans-serif;
  vertical-align: top;
  padding-top: 7px;
  margin-right: 9px;
}
footer#footer .backtotop {
  clear: both;
  display: table;
  margin: 1em auto 0 auto;
}
@media (min-width: 61.5em) {
  footer#footer .backtotop {
    display: none;
  }
}

.mask footer#footer #footer-logo img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mask footer#footer #ekklogo a {
  background: transparent;
  -webkit-mask-image: url("/_img/ekk_mask.png");
  -o-mask-image: url("/_img/ekk_mask.png");
  -moz-mask-image: url("/_img/ekk_mask.png");
  mask-image: url("/_img/ekk_mask.png");
}

/* =================================================
                        HOME
   ================================================= */
.no-js #home #content {
  height: 414px;
  overflow: hidden;
}

#tagline {
  margin: 40px 0 30px 0;
}
#tagline h1 {
  font-size: 1.83em;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 61.5em) {
  #home #content {
    float: none;
    padding-bottom: 2em;
  }
}

#home .more {
  display: none;
}

/* =================================================
                       Subpage
   ================================================= */
.subpage .header.desktop {
  position: absolute;
  top: 0;
  width: 100%;
}
.subpage #page-title {
  margin-top: 25px;
  font-size: 3.5em;
}
@media (min-width: 37.5em) {
  .subpage #page-title {
    margin-top: 0;
    font-size: 4.5em;
  }
}
.subpage #page-wrap {
  float: left;
  background-image: url("/_img/page-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
@media (min-width: 37.5em) {
  .subpage #page-wrap {
    float: none;
    padding-top: 15.5em;
  }
}
@media (min-width: 61.5em) {
  .subpage #page-wrap {
    padding-top: 10.5em;
  }
}
.subpage .hasHeader #content {
  padding-top: 3em;
}
@media (min-width: 37.5em) {
  .subpage .hasHeader #content {
    margin-top: -35px;
  }
}
.subpage #content {
  padding-top: 4em;
  padding-bottom: 4em;
  margin-right: 0;
}
.subpage #content br {
  line-height: 2em;
}
.subpage #breadcrumbs {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}
.subpage #breadcrumbs strong, .subpage #breadcrumbs a {
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.45);
}
.subpage #breadcrumbs .delimiter {
  padding: 0 1em;
}

.fullwidth #page-title {
  margin-top: 25px;
  font-size: 3.5em;
}
@media (min-width: 37.5em) {
  .fullwidth #page-title {
    margin-top: 0;
    font-size: 4.5em;
  }
}
.fullwidth .header.desktop {
  position: absolute;
  top: 0;
  width: 100%;
}
.fullwidth #page-wrap {
  float: left;
  background-image: url("/_img/page-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
@media (min-width: 37.5em) {
  .fullwidth #page-wrap {
    float: none;
    padding-top: 15.5em;
  }
}
@media (min-width: 61.5em) {
  .fullwidth #page-wrap {
    padding-top: 10.5em;
  }
}
.fullwidth #content {
  margin-right: 0;
  padding-top: 3.4em;
  padding-bottom: 3.4em;
}
@media (min-width: 37.5em) {
  .fullwidth #content {
    padding-top: 70px;
  }
}
.fullwidth #breadcrumbs {
  margin-bottom: 3.3em;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}
.fullwidth #breadcrumbs strong, .fullwidth #breadcrumbs a {
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.45);
}
.fullwidth #breadcrumbs .delimiter {
  padding: 0 1em;
}

#events #event-nav li:last-child {
  display: none;
}
@media (min-width: 37.5em) {
  #events #event-nav li:last-child {
    display: block;
  }
}
#events #event_categories {
  margin-right: 20px;
  display: none;
}
@media (min-width: 37.5em) {
  #events #event_categories {
    display: block;
  }
}
#events .calendar th,
#events .list-time-month {
  /*! $bgNav */
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
}
#events td ul li a:hover {
  text-decoration: u;
}
#events .list-controls {
  float: none;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  #events .list-controls {
    float: left;
    margin: auto;
  }
}

#sermons .filters strong {
  display: block;
}
#sermons .filters select.sorter {
  width: 90%;
  margin-bottom: 1em;
}
@media (min-width: 61.5em) {
  #sermons .filters .filters strong {
    display: inline;
  }
  #sermons .filters select.sorter {
    width: auto;
    margin-bottom: auto;
  }
}
#sermons .media a {
  font-size: 2em;
}
#sermons .media a:hover {
  text-decoration: none;
}
@media (min-width: 37.5em) {
  #sermons .media a {
    font-size: 1em;
  }
  #sermons .media a:hover {
    text-decoration: underline;
  }
}
#sermons p.meta {
  margin-bottom: 0;
}

#articles .media a {
  font-size: 2em;
}
#articles .media a:hover {
  text-decoration: none;
}
@media (min-width: 37.5em) {
  #articles .media a:hover {
    text-decoration: none;
  }
}
#articles article.featured .title h2 a {
  line-height: 1.2em;
}
#articles #sidebar section#sidebar-nav .sidebar-title {
  font-size: 1.1em;
}
#articles #sidebar section#sidebar-nav .sidebar-title span {
  margin-right: 0.6em;
}
#articles #sidebar .sidebar-article a {
  line-height: 1.1em;
}

#blogs .image {
  float: left;
  margin-right: 25px;
}
#blogs a.blog-comment-number {
  float: right;
  font-size: 2.5em;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  top: -12px;
  margin-left: 25px;
  vertical-align: middle;
}
#blogs a.blog-comment-number:hover {
  color: #333;
}
#blogs a.blog-comment-number div {
  text-align: center;
  margin-top: -31px;
  font-size: 0.4em;
  color: #FFF;
  line-height: 2.1em;
  vertical-align: middle;
}

#landingpage #page-wrap {
  padding-top: 5em;
}
@media (min-width: 37.5em) {
  #landingpage #page-wrap {
    padding-top: 15.5em;
  }
}
#landingpage #logo {
  display: block;
  margin: 0 auto;
  float: none;
}
#landingpage #billboard {
  margin-bottom: 30px;
}
#landingpage #billboard img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
#landingpage .sidebar-section.alpha {
  padding-bottom: 0;
}
#landingpage .sidebar-section.omega {
  padding: 0em 1.8em 2.5em 1.8em;
}
#landingpage .sidebar-section.omega h4:first-child {
  margin-top: 0;
}
#landingpage #articles {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 30px;
}

.page-contact #sidebar-nav,
.page-contact .sidebar-section header {
  display: none;
}
.page-contact #sidebar section.sidebar-section .text {
  padding-top: 0;
}
.page-contact #sidebar .sidebar-section .text h3:first-child br {
  display: none;
}
.page-contact #cboxLoadedContent {
  overflow: hidden !important;
}
.page-contact #footer {
  display: none;
}
@media (min-width: 37.5em) {
  .page-contact #footer {
    display: block;
  }
}

#content-entry label.error {
  color: red;
}

#formcontents li {
  margin-left: 0;
  padding-left: 0;
}

img.image-shadow,
p.image-shadow img {
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

p.responsive-img img,
img.responsive-img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  max-width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}
@media (min-width: 37.5em) {
  p.responsive-img img,
  img.responsive-img {
    display: auto;
    width: auto;
    height: auto;
    min-width: auto;
    max-width: auto;
    line-height: 0;
    padding: 0;
    margin: 0;
  }
}

.hasCustomSelect {
  cursor: pointer;
}

.customSelect.customSelectHover {
  background: white;
}

.customSelectInner {
  vertical-align: middle;
  margin-right: 2.1em;
  font-size: 1.2em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.5);
}

div#wardrobe_container,
div#mcms_easy_edit_toggle {
  position: absolute !important;
  display: none !important;
  top: 60px !important;
}
@media (min-width: 37.5em) {
  div#wardrobe_container,
  div#mcms_easy_edit_toggle {
    top: 15px !important;
  }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../_img/overlay.png) repeat 0 0;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../_img/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../_img/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../_img/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../_img/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(../_img/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(../_img/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(../_img/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(../_img/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(../_img/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(../_img/ajax-loader.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../_img/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../_img/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../_img/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
