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, main, menu, nav, section, summary {
  display: block;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.after, #content #text .filters:after, #content #text .filters .filter-wrap:after, .div-col-2:after, .div-col-3:after, .container:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#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;
}

#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 14px;
  height: 14px;
  background: url(/_assets/img/colorbox/controls.png) no-repeat 0 0;
}

#cboxTopCenter {
  height: 14px;
  background: url(/_assets/img/colorbox/border.png) repeat-x top left;
}

#cboxTopRight {
  width: 14px;
  height: 14px;
  background: url(/_assets/img/colorbox/controls.png) no-repeat -36px 0;
}

#cboxBottomLeft {
  width: 14px;
  height: 43px;
  background: url(/_assets/img/colorbox/controls.png) no-repeat 0 -32px;
}

#cboxBottomCenter {
  height: 43px;
  background: url(/_assets/img/colorbox/border.png) repeat-x bottom left;
}

#cboxBottomRight {
  width: 14px;
  height: 43px;
  background: url(/_assets/img/colorbox/controls.png) no-repeat -36px -32px;
}

#cboxMiddleLeft {
  width: 14px;
  background: url(/_assets/img/colorbox/controls.png) repeat-y -175px 0;
}

#cboxMiddleRight {
  width: 14px;
  background: url(/_assets/img/colorbox/controls.png) repeat-y -211px 0;
}

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

.cboxIframe {
  background: #fff;
}

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

#cboxLoadedContent {
  margin-bottom: 5px;
}

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

#cboxLoadingGraphic {
  background: url(/_assets/img/colorbox/loading.gif) no-repeat center center;
}

#cboxTitle {
  position: absolute;
  bottom: -25px;
  left: 0;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #7C7C7C;
}

#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
  display: none !important;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  background: url(/_assets/img/colorbox/controls.png) no-repeat 0px 0px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}

#cboxPrevious:hover {
  background-position: -51px 0px;
}

#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}

#cboxNext:hover {
  background-position: -75px 0px;
}

#cboxClose {
  right: 0;
  background-position: -100px -25px;
}

#cboxClose:hover {
  background-position: -100px 0px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}

#content .filters a {
  text-decoration: none;
}

.ui-selectmenu-button {
  display: block;
  position: relative;
  width: 150px;
  height: auto;
  line-height: 1;
  text-decoration: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  outline: none !important;
  text-decoration: none;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  background-color: #fefefe;
}
.ui-selectmenu-button span.ui-icon {
  display: none !important;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  position: relative;
  display: block;
  line-height: 2.25em;
  padding: 0 1.75em 0 .5em;
  font-size: 1em;
  font-weight: 700;
  color: #8f2b00;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-selectmenu-button span.icon-selectmenu {
  color: #8f2b00;
  font-size: .75em;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  font-weight: normal !important;
}
.ui-selectmenu-button.ui-state-focus {
  background-color: #8f2b00;
}
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text {
  color: white;
}
.ui-selectmenu-button.ui-state-focus span.icon-selectmenu {
  color: white;
}
.ui-selectmenu-button.ui-state-disabled {
  cursor: default;
  opacity: .5;
}
.ui-selectmenu-button.ui-state-disabled span.icon-arrow-down {
  display: none;
}

.ui-selectmenu-menu {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px 0 0 0;
  display: none;
  z-index: 999;
}

.ui-selectmenu-menu .ui-menu {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 150px;
  max-height: 300px !important;
  list-style: none;
  background-color: #8f2b00;
  border: 0;
}
.ui-selectmenu-menu .ui-menu li {
  margin: 0;
  padding: .5em;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: .875em;
  font-weight: 700;
  text-transform: none;
  list-style: none;
  cursor: pointer;
  color: white;
}
.ui-selectmenu-menu .ui-menu li:hover {
  background-color: rgba(255, 255, 255, 0.35);
}

.ui-selectmenu-open {
  display: block;
}

.cycle-ss,
.cycle-slideshow,
.cycle-slideshow * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cycle-ss,
.cycle-slideshow {
  /* width: 100%; */
  margin: 0;
  padding: 0;
  position: relative;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}

.cycle-ss .slide,
.cycle-slideshow .slide {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  /* background-color:rgba(255, 255, 255, 0.9); */
}

.cycle-ss .slide,
.cycle-slideshow .slide {
  display: none;
}

.cycle-ss .slide.first,
.cycle-slideshow .slide.first {
  display: block;
}

.cycle-ss img,
.cycle-slideshow img {
  width: 100%;
  /* max-height: 500px; */
  /*border: 5px solid rgba(255, 255, 255, 0.9);*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 64em) {
  .cycle-ss img,
  .cycle-slideshow img {
    border-width: 10px;
  }
}

.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
}

.cycle-pager {
  text-align: center;
  width: 100%;
  z-index: 100;
  position: absolute;
  bottom: -30px;
  overflow: hidden;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
@media (min-width: 64em) {
  .cycle-pager {
    display: none;
  }
}

.cycle-pager span {
  font-size: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: white;
  cursor: pointer;
  margin: 0 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.cycle-pager span:hover {
  opacity: .6;
}

.cycle-pager span.cycle-pager-active {
  background-color: #ee6622;
}

.cycle-pager > * {
  cursor: pointer;
}

.cycle-prev, .cycle-next {
  display: none;
  position: absolute;
  font-size: 2em;
  top: 50%;
  margin-top: -.5em;
  color: white;
  z-index: 500;
  cursor: pointer;
  opacity: .4;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
}
.cycle-prev:hover, .cycle-next:hover {
  opacity: 1;
}
@media (min-width: 64em) {
  .cycle-prev, .cycle-next {
    font-size: 4em;
  }
}

.cycle-prev {
  left: .5em;
}

.cycle-next {
  right: .5em;
}

.cycle-slideshow .pager, .cycle-ss .pager {
  display: none;
}
.cycle-slideshow:hover .pager, .cycle-ss:hover .pager {
  display: block;
}

.rotator:hover .cycle-prev, .rotator:hover .cycle-next {
  display: block;
}

.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
}

body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background-color: #a57b44;
  background-image: url(/_assets/img/bg_body.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
  -moz-background-size: 350% auto;
  -o-background-size: 350% auto;
  -webkit-background-size: 350% auto;
  background-size: 350% auto;
}
@media (min-width: 64em) {
  body {
    background-attachment: fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

body,
table td,
table caption,
table th,
table td,
textarea,
#search_term,
#search_term2 {
  color: #5c5c5c;
  font-style: normal;
  font-weight: 400;
}

body,
table caption,
table th,
table td,
textarea,
#search_term,
#search_term2,
.button-small,
.button-medium,
.button-large {
  font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Open Sans", sans-serif;
}

h6,
blockquote,
.mcms_form_thank_you {
  font-family: "Lora", serif;
}

a {
  color: #8f2b00;
  text-decoration: none;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
a span {
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a:hover {
  color: #ee6622;
}

#content .monkForm input[type=submit] {
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4em;
  margin-bottom: .45em;
}
h1 [class^="icon-"], h1 [class*=" icon-"],
h2 [class^="icon-"],
h2 [class*=" icon-"],
h3 [class^="icon-"],
h3 [class*=" icon-"],
h4 [class^="icon-"],
h4 [class*=" icon-"],
h5 [class^="icon-"],
h5 [class*=" icon-"],
h6 [class^="icon-"],
h6 [class*=" icon-"] {
  float: right;
  font-size: 1em;
  vertical-align: middle;
  margin-left: .25em;
  color: inherit;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit !important;
}

h1 {
  color: white;
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
@media (min-width: 64em) {
  h1 {
    font-size: 2.75em;
  }
}

h2 {
  color: #a57b44;
  font-size: 2.25em;
  font-weight: 300;
}

h3 {
  color: #ee6622;
  font-weight: 300;
  font-size: 1.5em;
}

h4 {
  color: #baa78f;
  font-weight: 800;
  font-size: 1.25em;
  letter-spacing: .125em;
  text-transform: uppercase;
}

h5 {
  color: #ee6622;
  font-weight: 300;
  font-size: 1.125em;
}

h6 {
  color: #baa78f;
  font-weight: 400;
  font-size: .875em;
  margin-bottom: .25em;
}

p {
  line-height: 1.75em;
  margin-bottom: 1.25em;
}

#content ul {
  margin: 0 0 1.25em 3em;
}
#content ul li {
  list-style: disc;
  line-height: 1.75em;
}
#content ul li li {
  font-size: 100%;
}
#content nav ul {
  margin: 0;
}
#content nav ul li {
  list-style: none;
  line-height: 1;
}
#content ol {
  margin: 0 0 1.25em 3em;
}
#content ol li {
  list-style: decimal;
  line-height: 1.75em;
}
#content ol li li {
  font-size: 100%;
}

i, em {
  font-style: italic;
}

b, strong {
  font-weight: 700;
}

pre, code {
  font-family: "Courier New", Courier, monospace;
  margin-bottom: 1em;
}

ins {
  text-decoration: none;
}

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
  font-size: 12px;
}

sup {
  bottom: 0.4em;
}

sub {
  top: 0.4em;
}

dl {
  margin: 0 0 1.5em 0;
}

dl dt {
  font-weight: normal;
}

dd {
  margin-left: 1.5em;
}

blockquote {
  font-size: 1.625em;
  font-style: italic;
  line-height: 1.45em;
  font-weight: 400;
  color: #ee6622;
  padding: 1.25em;
  margin: 1.25em 0;
  text-shadow: 1px 1px 1px white;
  background-color: rgba(238, 102, 34, 0.15);
  text-align: center;
}
blockquote b, blockquote strong {
  display: block;
  margin-top: 1em;
  color: #baa78f;
  font-size: .6275em;
  text-align: center;
  font-style: normal;
}
blockquote p {
  display: inline;
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}

#content hr {
  display: block;
  margin: 1.25em 0;
  padding: 0;
  width: 100%;
  height: 4px;
  border: 0;
  color: #a57b44;
  background-color: #a57b44;
  overflow: hidden;
}
#content hr.hr-light {
  color: #baa78f;
  background-color: #baa78f;
}

#content ul.media {
  margin: 0;
}
#content ul.media li {
  list-style: none;
  line-height: 1;
  margin-top: .25em;
  font-size: .875em;
  font-weight: 800;
  text-transform: uppercase;
}
#content ul.media li a {
  display: block;
  text-align: center;
  padding: .75em 1em;
  background-color: rgba(186, 167, 143, 0.15);
  border-bottom: 2px solid rgba(186, 167, 143, 0.15);
}
#content ul.media li a:hover {
  color: white;
  background-color: #8f2b00;
}

#content .product-detail input[type=submit],
#content .monkCart input[type=submit],
#content #cart-checkout input[type=submit],
#content #cart-empty input[type=submit],
#content a.thickbox[title="Checkout"],
.cart-page a.thickbox[title="Log In"],
.checkout-page a.thickbox[title="Log In"],
[class^="button-"], [class*=" button-"], .rsvp a {
  display: inline-block;
  margin: .25em;
  cursor: pointer;
}

.button-small {
  font-size: .875em;
  font-weight: 700;
  color: #8f2b00;
  padding: .25em 1.25em;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(186, 167, 143, 0.15);
  background-color: rgba(186, 167, 143, 0.15);
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.button-small:hover {
  color: #fefefe;
  background-color: #8f2b00;
  border-color: #8f2b00;
}

#content .product-detail input[type=submit],
#content .monkCart input[type=submit],
#content #cart-checkout input[type=submit],
#content #cart-empty input[type=submit],
#content a.thickbox[title="Checkout"],
.cart-page a.thickbox[title="Log In"],
.checkout-page a.thickbox[title="Log In"],
.button-medium,
.rsvp a,
#content .monkForm input[type=submit],
#comment-submit,
#newsletter_submit {
  outline: none;
  font-size: .875em;
  font-weight: 400;
  color: #ee6622;
  padding: .25em 1.25em;
  border-bottom: 2px solid rgba(238, 102, 34, 0.15);
  background-color: rgba(238, 102, 34, 0.15);
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
#content .product-detail input[type=submit]:after,
#content .monkCart input[type=submit]:after,
#content #cart-checkout input[type=submit]:after,
#content #cart-empty input[type=submit]:after,
#content a.thickbox[title="Checkout"]:after,
.cart-page a.thickbox[title="Log In"]:after,
.checkout-page a.thickbox[title="Log In"]:after,
.button-medium:after,
.rsvp a:after,
#content .monkForm input[type=submit]:after,
#comment-submit:after,
#newsletter_submit:after {
  font-family: "mk025";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
  margin-left: 1em;
}
#content .product-detail input[type=submit]:hover,
#content .monkCart input[type=submit]:hover,
#content #cart-checkout input[type=submit]:hover,
#content #cart-empty input[type=submit]:hover,
#content a.thickbox[title="Checkout"]:hover,
.cart-page a.thickbox[title="Log In"]:hover,
.checkout-page a.thickbox[title="Log In"]:hover,
.button-medium:hover,
.rsvp a:hover,
#content .monkForm input[type=submit]:hover,
#comment-submit:hover,
#newsletter_submit:hover {
  color: #fefefe;
  background-color: #ee6622;
  border-color: #ee6622;
}

.button-large {
  font-size: 1.25em;
  font-weight: 300;
  color: #8f2b00;
  text-transform: uppercase;
  padding: .25em 1.25em;
  border: 2px solid;
  border-bottom-color: 2px solid rgba(186, 167, 143, 0.15);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background-color: rgba(186, 167, 143, 0.15);
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.button-large:after {
  font-family: "mk025";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
  margin-left: 1em;
}
.button-large:hover {
  border-color: rgba(143, 43, 0, 0.3);
  background-color: transparent;
}

table {
  margin: 0 0 40px 0;
  border-collapse: separate;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
table caption {
  color: #fefefe;
  font-weight: 300;
  font-size: 1.5em;
  padding: .85em;
  text-align: left;
  background-color: #baa78f;
}
table th {
  color: #baa78f;
  font-weight: 800;
  font-size: 1.25em;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
}
table td {
  padding: 1em;
  line-height: 1.25em;
  background-color: transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
table td p {
  font-size: inherit;
  margin: 0;
}
table td:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

/*---------------[ECOMM CART]---------------*/
table.monkCart tr {
  border-bottom: 1px solid #f1f1f1;
}
table.monkCart tr td {
  font-size: 1em;
  line-height: 1.2em;
  vertical-align: middle;
}
table.monkCart tr.total td {
  border-top: 1px solid #f1f1f1;
}
table.monkCart tr.total span#mcms_subtotal_tax {
  font-size: .9em;
  line-height: 1.2em;
  font-weight: normal;
  font-style: italic;
}

#content .monkCart input[type=submit][value=Update] {
  margin-top: .25em;
  line-height: 1.1em;
  font-size: .875em;
}

@media (min-width: 64em) {
  #cart-checkout {
    float: left;
  }
}

@media (min-width: 64em) {
  #cart-empty {
    float: right;
    margin-right: 20px;
  }
}

table.orderHistory {
  margin-top: 2em;
}
table.orderHistory td {
  border-top: 1px solid #f1f1f1;
}

@media (max-width: 64em) {
  table.responsive {
    margin-bottom: 0;
  }

  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
  }

  .pinned table {
    margin: 0;
    border-right: none;
    border-left: none;
    width: 100%;
  }

  .pinned table caption {
    text-indent: -9999px;
  }

  .pinned table th, .pinned table td {
    white-space: nowrap;
  }

  .pinned td:last-child {
    border-bottom: 0;
  }

  .scrollable table {
    margin: 0;
  }

  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
  }

  div.table-wrapper div.scrollable {
    margin-left: 35%;
  }

  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }

  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }

  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
  }
}
#pagination {
  font-size: 1.125em;
margin-bottom: 15px;
padding: 0;
text-align: center;
}
#pagination a {
  display: inline-block;
  padding: .1em .5em;
  margin: 0 .125em .125em .125em;
  font-weight: normal;
  text-decoration: none !important;
}
#pagination a:hover {
  text-decoration: underline;
}
#pagination #current {
  color: #ee6622;
  background-color: rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#pagination #off {
  visibility: hidden;
}
#pagination #next {
  background-color: rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#pagination #previous {
  background-color: rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#content .monkForm {
  margin: 0;
  padding: 0;
  width: 100%;
}

#content .monkForm fieldset {
  padding: 0;
  border: 0;
  display: block;
}

#content .monkForm fieldset .text {
  padding: 0;
}

#content .monkForm fieldset, #content .monkForm fieldset div {
  padding: 0;
  margin: 0;
}

#content .monkForm fieldset div {
  margin-bottom: 1em;
}

#content .monkForm fieldset legend {
  display: block;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  line-height: normal;
  white-space: normal;
  width: 90%;
}

#content .monkForm > fieldset > legend {
  display: none;
  white-space: normal;
  zoom: 1;
}

#content .monkForm > fieldset > fieldset > legend {
  padding-top: 10px;
  font-weight: bold;
}

#content .monkForm label {
  margin-bottom: 5px;
  padding-right: 10px;
  width: 242px;
  vertical-align: top;
}

#content .monkForm .radio label, #content .monkForm .checkbox label {
  font-weight: normal;
  line-height: normal;
  clear: none;
}

#content .monkForm p.data {
  margin-bottom: 4px;
}

#content .monkForm .radio p.data:last-child, #content .monkForm .checkbox p.data:last-child {
  margin-bottom: 8px;
}

#content .monkForm .description {
  line-height: normal;
  font-style: italic;
  width: 200px;
  margin-top: 4px;
}

#content .monkForm fieldset fieldset div, #content .monkForm fieldset fieldset div p, #content .monkForm fieldset fieldset div p {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#content .monkForm fieldset fieldset div {
  margin-bottom: 25px;
}

#content .monkForm p.errorSummary {
  font-weight: bold;
  font-style: italic;
}

#content .monkForm p.error {
  font-size: 13px;
  margin-bottom: 5px;
}

#content .monkForm input, #content .monkForm select, #content .monkForm textarea {
  font: normal 12px/100% "Open Sans", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

#content .monkForm input[type=text], #content .monkForm input[type=file] {
  padding: 5px;
  width: 200px;
}

#content .monkForm select {
  display: inline-block;
  padding: 2px;
}

#content .monkForm select option {
  padding: 2px 4px;
}

#content .monkForm textarea {
  padding: 6px;
  width: 200px;
}

#content .monkForm .radio .data, #content .monkForm .checkbox .data {
  margin-bottom: 12px;
}

#content .monkForm .radio label, #content .monkForm .checkbox label {
  display: inline;
  margin-left: 5px;
  vertical-align: middle;
}

#content .monkForm input[type=checkbox], #content .monkForm input[type=radio] {
  background: none;
  border: 0;
  vertical-align: middle;
}

#content .monkForm fieldset fieldset fieldset p {
  padding: 0;
  margin: 7px 10px;
  margin-top: 0;
}

#content .monkForm span.asterisk {
  font-weight: normal;
  display: inline;
}

#content .monkForm .captcha img {
  margin-bottom: 8px;
}

#content .monkForm .captcha input {
  width: 120px;
}

#content .monkForm input[type=submit] {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

#content .monkForm .monkFormsubmit input[src*=png], #content .monkForm .monkFormsubmit input[src*=jpg], #content .monkForm .monkFormsubmit input[src*=jpeg], #content .monkForm .monkFormsubmit input[src*=gif] {
  border: none;
  margin-bottom: 35px;
}

#content .monkForm input[type=image] {
  border: 0;
}

#content .monkForm label,
#content .monkForm legend,
#content .monkForm p {
  color: #5c5c5c;
}

#content .monkForm p.errorSummary,
#content .monkForm span.asterisk,
#content form.monkForm p.error {
  color: #8f2b00;
}

#content .monkForm input, #content .monkForm select, #content .monkForm textarea {
  background: none;
}

#content .monkForm input:focus, #content .monkForm select:focus, #content .monkForm textarea:focus {
  border: 1px solid rgba(0, 0, 0, 0.08);
  -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 1px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 1px;
}

.mcms_form_thank_you {
  font-size: 2em;
  line-height: 1.6;
  font-weight: 700;
}

#content .monkForm fieldset legend,
#content .monkForm > fieldset > legend,
#content .monkForm > fieldset > fieldset > legend {
  font-size: 1.25em;
}

#newsletter label {
  display: block;
  margin-bottom: 1em;
}
#newsletter #newsletter_text {
  padding: 5px;
  width: 200px;
  margin-bottom: 1em;
}
#newsletter #newsletter_submit {
  background: none;
  text-transform: capitalize;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

#content #text .filters {
  padding: 1em;
  background-color: rgba(186, 167, 143, 0.15);
  margin-bottom: 2em;
}
#content #text .filters h6 {
  font-size: 1.125em;
  margin-bottom: .75em;
  text-align: center;
}
@media (min-width: 64em) {
  #content #text .filters h6 {
    float: left;
    margin: .5em 1em 0 0;
    text-align: left;
  }
}
#content #text .filters a {
  text-decoration: none;
}
#content #text .filters .ui-selectmenu-button {
  float: left;
  margin-right: .5em;
}
#content #text .filters select.sorter {
  display: inline-block;
  float: none;
  margin: 0 1em 1em 0;
  vertical-align: top;
  width: 20%;
}

#content #sidebar .filters .ui-selectmenu-button {
  float: none;
  margin-bottom: 1em;
}
#content #sidebar .filters select.sorter {
  display: block;
  float: none;
  width: 60%;
  margin: 0 auto 1em auto;
}

#module-search {
  float: none;
  width: 150px;
  margin: 0 auto 1em auto;
}
@media (min-width: 64em) {
  #module-search {
    float: left;
    border: 0;
    margin: 0;
  }
}

#module-search fieldset {
  border: 0;
  width: 138px;
  padding: 5px;
  background-color: #fefefe;
  overflow: hidden;
}

#module-search-term {
  float: left;
  width: 100px;
  height: 26px;
  line-height: 26px;
  border: 0;
  padding: 0;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 300;
  background-color: transparent;
}

#module-search-term:focus {
  font-style: italic;
}

#module-search-submit {
  float: right;
  font-size: 18px;
  width: 24px;
  height: 24px;
  margin: 2px 0 0 0;
  border: 0;
  outline: none;
  display: block;
  background: none;
  color: #8f2b00;
  cursor: pointer;
  text-align: left;
}
#module-search-submit:hover {
  color: #ee6622;
}

#sidebar form#module-search {
  float: none;
}

#mobile-open {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
  padding: 0 1em;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(254, 254, 254, 0.8);
}
@media (min-width: 64em) {
  #mobile-open {
    display: none;
  }
}
#mobile-open span {
  display: block;
  font-size: 1.25em;
  color: #8f2b00;
  height: 100%;
  line-height: 2.25em;
}

#metanav {
  background-color: rgba(254, 254, 254, 0.8);
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}
#metanav .top-links {
  float: right;
  margin-left: 65px;
  padding: 0 0 0.75em;
}
#metanav .top-links li {
  float: left;
  margin: 0.8125em 1.25em 0 0;
  font-size: .8125em;
  font-weight: 300;
}
#metanav .top-links li a {
  display: block;
  color: #a57b44;
}
#metanav .top-links li a span {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  margin-right: .25em;
  padding: .25em;
  color: #fefefe;
  text-align: center;
  background-color: #ee6622;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
}
#metanav .top-links li a:hover span {
  background-color: #8f2b00;
}
@media (min-width: 48em) {
  #metanav .top-links {
    margin-left: 0;
    padding: 0;
  }
  #metanav .top-links li {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

#searchForm {
  display: none;
  float: right;
  border: 0;
  outline: none;
}

.teaching-languages {
  position: relative;
  min-width: 260px;
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.languages-change {
  color: #3b3b3b;
  font-size: 14px;
  display: block;
  padding: 1.3em 1em;
}

.teaching-languages:hover .languages-change {
  font-style: italic;
  background-color: white;
  color: #3b3b3b;
}

.teaching-languages .icon-globe {
  position: absolute;
  right: 20px;
  color: #ee6622;
}

.teaching-languages:hover ul.lang-links {
  display: block;
}

.teaching-languages ul.lang-links {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  min-width: 260px;
  top: 100%;
  z-index: 105;
  display: none;
}

.teaching-languages ul.lang-links li {
  padding: 15px 20px;
  font-size: 14px;
  color: #002c78;

}

@media (min-width: 64em) {
  #searchForm {
    display: block;
  }
}
#searchForm fieldset {
  min-width: 260px;
  position: relative;
  border: 0;
  overflow: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background-color: transparent;
}
#searchForm #search_term {
  float: left;
  width: 75%;
  height: 24px;
  line-height: 24px;
  font-size: .8125em;
  color: #a57b44;
  font-weight: 300;
  text-transform: capitalize;
  padding: 1em 17.5% 1em 7.5%;
  border: 0;
  outline: none !important;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#searchForm #search_term:focus {
  font-style: italic;
  background-color: white;
}
#searchForm #search_go {
  display: block;
  position: absolute;
  right: 1.125em;
  top: 50%;
  margin-top: -.65em;
  font-size: 1.125em;
  color: #ee6622;
}
#searchForm #search_go:hover {
  color: #8f2b00;
}

#header {
  padding: 2em 0 0 0;
  position: relative;
  margin-bottom: 1em;
}
@media (min-width: 64em) {
  #header {
    margin-bottom: .5em;
  }
}
#header .logo {
  /* width: 70%; */
  margin: 0 auto;
  text-align: center;
  color: #fefefe;
  text-shadow: 1px 1px 1px black;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#header .logo a {
  color: #fefefe;
}
@media (min-width: 64em) {
  #header .logo {
    float: left;
    text-align: left;
    margin: 0;
    max-width: 20em;
  }
}

nav.desktop {
  display: none;
  float: right;
  max-width: 50em;
}
@media (min-width: 64em) {
  nav.desktop {
    display: block;
  }
}

#nav {
  float: right;
  text-align: right;
}
#nav > li {
  display: inline-block;
  margin-left: .5em;
  background-color: 0;
}
#nav > li > a {
  display: block;
  position: relative;
  color: #fefefe;
  font-size: 1em;
  padding: .5em .75em 2em .75em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#nav > li:first-child {
  margin-left: 0;
}
#nav > li:last-child > a {
  padding-right: 0;
}
#nav > li:hover > a, #nav > li.current > a {
  color: #fefefe;
  color: rgba(254, 254, 254, 0.65);
}
#nav > li.dropdown > a:after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  margin-left: -.5em;
  width: 0;
  height: 0;
  border-left: .5em solid transparent;
  border-right: .5em  solid transparent;
  border-bottom: 0.5em solid rgba(254, 254, 254, 0.6);
  z-index: 2100;
}

#nav > li > .meganav {
  position: absolute;
  left: -999em;
  width: 64em;
  padding: 2em 0;
  margin-top: -1px;
  background-color: #fefefe;
  z-index: 1999;
  border-top: 10px solid rgba(254, 254, 254, 0.6);
  border-bottom: 10px solid rgba(254, 254, 254, 0.6);
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
}

#nav > li:hover > a:after,
.no-js #nav > li:hover > a:after,
.no-touch #nav > li:hover > a:after {
  display: block;
}
#nav > li:hover .meganav,
.no-js #nav > li:hover .meganav,
.no-touch #nav > li:hover .meganav {
  left: 0;
  display: inline;
}

#nav .meganav section {
  float: left;
  width: 50%;
  text-align: center;
}
#nav .meganav section .text {
  padding-left: 2em;
}
#nav .meganav section:first-child .text {
  padding-left: 0;
}
#nav .meganav .sections-1 {
  width: 100%;
}
#nav .meganav .sections-2.hasnav {
  width: 34%;
}
#nav .meganav .sections-2.hasnav:first-child {
  width: 66%;
}
#nav .meganav .sections-3 {
  width: 33.33333333333333%;
}
#nav .meganav .links {
  text-align: left;
  padding-left: 1em;
  margin-left: 1em;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
#nav .meganav .links ul {
  display: none;
}
#nav .meganav .links li {
  font-size: 1.125em;
  margin-top: 1em;
}
#nav .meganav .links li a {
  display: block;
  color: #8f2b00;
  text-transform: uppercase;
}
#nav .meganav .links li a:hover {
  color: #ee6622;
}
#nav .meganav .links li:first-child {
  margin-top: 0;
}
#nav .meganav .sections-1 .links {
  border: 0;
  position: relative;
}
#nav .meganav .sections-1 .links li {
  float: left;
  width: 50%;
  margin: 0 0 1em 0;
}
#nav .meganav .sections-1 .links li a {
  padding-right: 1em;
}
#nav .meganav .sections-1 .links li:nth-child(odd) {
  clear: left;
}
#nav .meganav blockquote {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

nav.mobile {
  position: absolute;
  top: 0;
  left: -82.5%;
  width: 82.5%;
  height: 100%;
  background: #fefefe;
  z-index: 4000;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 2px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 2px inset;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 2px inset;
}
@media (min-width: 48em) {
  nav.mobile {
    left: -35.2%;
    width: 35.2%;
  }
}
@media (min-width: 64em) {
  nav.mobile {
    display: none;
  }
}
nav.mobile .nav-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
nav.mobile .nav-inner:before {
  display: none;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 82.5%;
  height: 100%;
  background-color: #fefefe;
  z-index: 3900;
}
@media (min-width: 48em) {
  nav.mobile .nav-inner:before {
    width: 35.2%;
  }
}

#wrap {
  right: 0;
}

.mobile-nav #wrap {
  right: -82%;
}
@media (min-width: 48em) {
  .mobile-nav #wrap {
    right: -35.2%;
  }
}
@media (min-width: 64em) {
  .mobile-nav #wrap {
    right: 0;
  }
}

/*#######
Issues with css 3d animations and using parallax bg's on home page
if a fix is found un-comment and use animations
#######*/
/*
.csstransforms3d.csstransitions #mobile-nav {
    right: 0;
    @include transform( translate3d(121.2%, 0, 0));
    @include backface-visibility( hidden);
    @include breakpoint($small-break) {
        @include transform( translate3d(284%, 0, 0));
    }
}
.csstransforms3d.csstransitions #wrap {
    right: 0 !important;
    @include transform( translate3d(0, 0, 0));
    @include transition( transform 500ms ease);
    @include backface-visibility( hidden);
}

.csstransforms3d.csstransitions .mobile-nav #wrap {
    @include transform( translate3d(82%, 0, 0) scale3d(1, 1, 1));
    @include breakpoint($small-break) {
        @include transform( translate3d(35.2%, 0, 0) scale3d(1, 1, 1));
    }
    @include breakpoint($container-break) {
        @include transform( translate3d(0%, 0, 0) scale3d(1, 1, 1));
    }
}
*/
#searchForm2 {
  border: 0;
  outline: none;
  width: 100%;
}
#searchForm2 fieldset {
  width: 90%;
  padding: .75em 5%;
  background-color: transparent;
  border: none;
  overflow: hidden;
}
#searchForm2 #search_term2 {
  width: 80%;
  padding: 0 5% 0 0;
  border: 0;
  outline: none;
  font-size: 1em;
  font-weight: 300;
  text-transform: capitalize;
  outline: none !important;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#searchForm2 #search_go2 {
  color: #ee6622;
  display: block;
  float: right;
  width: 15%;
  font-size: 1.25em;
  text-align: center;
}
#searchForm2 #search_go2:hover {
  color: #8f2b00;
}

#mobilenav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#mobilenav > li {
  line-height: 1;
}
#mobilenav > li > a {
  position: relative;
  display: block;
  padding: .75em;
  color: #5c5c5c;
  font-size: 1.125em;
  font-weight: 400;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#mobilenav > li > a span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5em;
  height: 100%;
  line-height: 2.25em;
  padding: 0 .5em;
  text-align: center;
}
#mobilenav > li.open > a {
  color: #8f2b00;
}
#mobilenav > li.open > a span {
  color: #8f2b00;
}
#mobilenav .meganav {
  display: none;
}

#mobilenav .meganav section {
  text-align: center;
}
#mobilenav .meganav section .text {
  padding: 1em;
}
#mobilenav .meganav .links {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#mobilenav .meganav .links ul {
  display: none;
}
#mobilenav .meganav .links li {
  font-size: 1.125em;
}
#mobilenav .meganav .links li a {
  display: block;
  color: #8f2b00;
  padding: 1em .25em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#mobilenav .meganav .links li a:hover {
  color: #ee6622;
}
#mobilenav .meganav blockquote {
  font-size: 1.25em;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.js-rotator .loading {
  display: none;
}
.js-rotator .cycle-ss {
  opacity: 1;
}
.js-rotator .pager {
  visibility: visible !important;
}

.rotator {
  position: relative;
  margin-bottom: 3em;
  /* padding: 0 5%; */
}
@media (min-width: 64em) {
  .rotator {
    padding: 0;
  }
}
.rotator .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -20px;
}
@media (min-width: 64em) {
  .rotator .loading {
    margin-top: -20px;
    margin-left: -35px;
    width: 70px;
  }
}
.rotator .cycle-ss {
  /* min-height: 100%; */
  opacity: 1;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
@media (min-width: 64em) {
  .rotator .cycle-ss {
    height: auto;
    overflow: hidden;
  }
}
.rotator .caption {
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  padding: 7.5% 5% 1em 5%;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 48em) {
  .rotator .caption {
    padding-top: 12.5%;
  }
}
@media (min-width: 64em) {
  .rotator .caption {
    padding: 17.5% 1.5% 1em 1.5%;
    width: 97%;
  }
}
.rotator .caption .title {
  color: white;
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
@media (min-width: 48em) {
  .rotator .caption .title {
    font-size: 2.75em;
  }
}
.rotator .caption .desc {
  color: white;
  font-family: "Lora", serif;
  font-size: 1.125em;
  line-height: 1.4em;
  margin-top: .5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.rotator .caption .desc:after {
  font-family: "mk025";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: .8125em;
  margin-left: .5em;
}
@media (min-width: 48em) {
  .rotator .caption .desc {
    font-size: 1.625em;
  }
}

#billboard {
  overflow: hidden;
}
#billboard img {
  display: block;
  width: 100%;
  border: 5px solid rgba(255, 255, 255, 0.9);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 64em) {
  #billboard img {
    border-width: 10px;
  }
}
#billboard h1 {
  text-align: center;
  padding: .5em 0;
  background: rgba(165, 123, 68, 0.2) url(/_assets/img/textures/grid1.png);
}
@media (min-width: 64em) {
  #billboard h1 {
    padding: 1em 0;
  }
}

#billboard.hasimage {
  position: relative;
  padding: 0 5%;
  margin-bottom: 2em;
}
@media (min-width: 64em) {
  #billboard.hasimage {
    padding: 0;
  }
}
#billboard.hasimage h1 {
  position: absolute;
  top: 25%;
  left: 0;
  width: 90%;
  padding: 0 5%;
  background: none;
}
@media (min-width: 64em) {
  #billboard.hasimage h1 {
    top: 35%;
  }
}
#billboard.hasimage h1 span {
  display: block;
  width: 90%;
  padding: 0 5%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 64em) {
  #billboard.hasimage h1 span {
    width: 980px;
    padding: 0 22px;
  }
}

#content {
  background-color: #fefefe;
}
#content .container {
  background-image: none;
}
@media (min-width: 64em) {
  #content .container {
    background-image: url(/_assets/img/bg_content.png);
    background-repeat: repeat-y;
    background-position: 69.33594% top;
  }
}

#text {
  padding: 2em 5%;
  margin-bottom: 2em;
}
@media (min-width: 64em) {
  #text {
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 66.40625%;
  }
}

#content.fullwidth .container {
  background-image: none;
}
#content.fullwidth #text {
  padding: 2em 5%;
}
@media (min-width: 64em) {
  #content.fullwidth #text {
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
  }
}

#sidebar {
  padding: 2em 5%;
}
@media (min-width: 64em) {
  #sidebar {
    padding-left: 0;
    padding-right: 0;
    float: right;
    width: 29.29688%;
  }
}
#sidebar section {
  margin-bottom: 3em;
}
#sidebar section .title {
  font-size: 1.125em;
  color: #a57b44;
  text-transform: uppercase;
  padding-bottom: .75em;
  margin-bottom: .5em;
  font-weight: 800;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
#sidebar section .title a {
  display: block;
  color: #a57b44;
}
#sidebar section .title a:hover span {
  background-color: #8f2b00;
}
#sidebar section .title span {
  position: relative;
  float: right;
  font-size: .75em;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  padding: .25em;
  margin-left: .5em;
  margin-top: -3px;
  color: #fefefe;
  text-align: center;
  opacity: .5;
  background-color: #ee6622;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.div-col-2, .div-col-3 {
  margin-bottom: 2em;
}
.div-col-2 .div-col, .div-col-3 .div-col {
  position: relative;
  margin-bottom: 2em;
  text-align: center;
}
@media (min-width: 48em) {
  .div-col-2 .div-col, .div-col-3 .div-col {
    float: left;
    width: 47.058823529412%;
    margin: 0 0 0 5.882352941176%;
  }
}
@media (min-width: 48em) {
  .div-col-2 .div-col:first-child, .div-col-3 .div-col:first-child {
    margin-left: 0;
  }
}

@media (min-width: 48em) {
  .div-col-3 .div-col {
    width: 29.411764705882%;
  }
}

.div-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em;
}
.div-embed img {
  display: block;
  width: 100%;
  height: auto;
}
.div-embed iframe, .div-embed object, .div-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

nav.sidebar {
  margin-bottom: 2em;
}

#subnav > li > a {
  display: block;
  font-size: 1.125em;
  color: #a57b44;
  text-transform: uppercase;
  font-weight: 800;
  padding-left: .5em;
  margin-bottom: .5em;
}

#subnav > li > ul > li > a {
  display: block;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: uppercase;
  padding: .5em 0 .5em .5em;
  color: #8f2b00;
}
#subnav > li > ul > li > a:before {
  font-family: "mk025";
  content: "";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: 1.125em;
  margin-right: .5em;
  text-align: left;
}
#subnav > li > ul > li > a:hover {
  color: #a57b44;
  background-color: rgba(186, 167, 143, 0.15);
}
#subnav > li > ul > li > a:hover:before {
  color: #baa78f;
}
#subnav > li > ul > li.current > a {
  color: #ee6622;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
#subnav > li > ul > li.current > a:before {
  font-family: "mk025";
  content: "";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
}

#subnav > li > ul > li > ul {
  display: none;
  padding: .5em 0;
}
#subnav > li > ul > li > ul > li > a {
  display: block;
  font-weight: 300;
  padding: .25em 0 .25em .5em;
  color: #baa78f;
}
#subnav > li > ul > li > ul > li > a:before {
  font-family: "mk025";
  content: "";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: 1.125em;
  margin-right: .75em;
  text-align: left;
  visibility: hidden;
}
#subnav > li > ul > li > ul > li > a:hover {
  color: #a57b44;
  background-color: rgba(186, 167, 143, 0.15);
}
#subnav > li > ul > li > ul > li > a:hover:before {
  visibility: visible;
  color: #baa78f;
}
#subnav > li > ul > li > ul > li.current > a {
  color: #a57b44;
}

#subnav > li > ul > li.current > ul {
  display: block;
}

#content .widget h3 {
  margin-bottom: 0;
}
#content .widget .meta {
  font-size: .75em;
  color: #baa78f;
  color: rgba(186, 167, 143, 0.7);
  margin-bottom: .5em;
}
#content .widget .meta .date {
  text-transform: uppercase;
  font-weight: 800;
}
#content .widget .meta .time, #content .widget .meta .author, #content .widget .meta .times, #content .widget .meta .location {
  font-family: "Lora", serif;
  font-size: 1.125em;
  font-weight: 300;
}
#content .widget .meta .times, #content .widget .meta .location {
  font-family: "Lora", serif;
  display: block;
}
#content .widget .meta i {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#content .widget .summary {
  margin-bottom: .5em;
}
#content .widget .summary .comments {
  font-size: .875em;
}
/*#content .widget .image img {
  display: block;
  width: 100%;
  height: auto;
}*/

#content .widget.events a {
  display: block;
  padding: .5em;
  border-bottom: 4px solid rgba(0, 0, 0, 0.08);
}
#content .widget.events a:hover .meta {
  color: #8f2b00;
}
#content .widget.events h3 {
  color: #8f2b00;
}
#content .widget.events .meta {
  margin: 0;
}

#content .content-section {
  background-color: white;
}
#content .content-section .content-section-inner {
  padding: 6em 5% 5em;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (min-width: 64em) {
  #content .content-section .content-section-inner {
    padding-left: 0;
    padding-right: 0;
    background-attachment: fixed;
  }
}
#content .content-section .div-col-2, #content .content-section .div-col-3, #content .content-section .div-col-3 {
  margin-bottom: 0;
}
#content .content-section h2 {
  font-size: 1.75em;
  margin-bottom: .35em;
}
@media (min-width: 64em) {
  #content .content-section h2 {
    font-size: 3.125em;
  }
}
#content .content-section .button-large {
  padding-top: .5em;
  padding-bottom: .5em;
}
@media (min-width: 64em) {
  #content .content-section .button-large {
    font-size: 1.5em;
  }
}
#content .content-section h6 {
  margin-bottom: .75em;
}
@media (min-width: 64em) {
  #content .content-section h6 {
    font-size: 1.875em;
  }
}

#content .content-section .widget .summary {
  margin-bottom: 1em;
}
#content .content-section .widget .media {
  text-align: center;
}
#content .content-section .widget .media li {
  display: inline-block;
  margin: .5em;
}
#content .content-section .widget .media li a {
  padding-left: 1em;
  padding-right: 1em;
}
#content .content-section .widget.events .date-wrap {
  display: inline-block;
  margin-bottom: .5em;
  padding: 1em 1.25em;
  background-color: rgba(92, 92, 92, 0.15);
  border: 2px solid transparent;
  -moz-transition: border-color 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
#content .content-section .widget.events .date-wrap span {
  display: block;
}
#content .content-section .widget.events .date-wrap span.month {
  font-size: .875em;
  font-weight: 300;
  text-transform: uppercase;
}
#content .content-section .widget.events .date-wrap span.day {
  padding-top: .25em;
  font-size: 1.25em;
  font-weight: 700;
}
#content .content-section .widget.events a {
  padding: 0;
  border: 0;
}
#content .content-section .widget.events a:hover .date-wrap {
  border-color: rgba(92, 92, 92, 0.3);
  background-color: transparent;
}
#content .content-section .widget.events a:hover .meta {
  color: #5c5c5c;
}

#content .content-section.dark {
  background-color: #a57b44;
}
#content .content-section.dark h2, #content .content-section.dark h3, #content .content-section.dark h4, #content .content-section.dark h5, #content .content-section.dark h6, #content .content-section.dark p, #content .content-section.dark a {
  color: white;
}
#content .content-section.dark .meta {
  color: rgba(255, 255, 255, 0.5);
}
#content .content-section.dark .button-small {
  color: white;
  border-color: rgba(254, 254, 254, 0.15);
  background-color: rgba(254, 254, 254, 0.15);
}
#content .content-section.dark .button-small:hover {
  background-color: #a57b44;
  border-color: #a57b44;
}
#content .content-section.dark .button-medium {
  color: white;
  border-color: rgba(254, 254, 254, 0.15);
  background-color: rgba(254, 254, 254, 0.15);
}
#content .content-section.dark .button-medium:hover {
  background-color: #a57b44;
  border-color: #a57b44;
}
#content .content-section.dark .button-large {
  color: white;
  border-bottom-color: rgba(254, 254, 254, 0.15);
  background-color: rgba(254, 254, 254, 0.15);
}
#content .content-section.dark .button-large:hover {
  border-color: rgba(254, 254, 254, 0.3);
  background-color: transparent !important;
}
#content .content-section.dark .media li a {
  color: white;
  border-color: white;
  background-color: rgba(254, 254, 254, 0.15);
}
#content .content-section.dark .media li a:hover {
  background-color: #a57b44;
  border-color: #a57b44;
}
#content .content-section.dark .widget.events .date-wrap {
  background-color: rgba(254, 254, 254, 0.2);
}
#content .content-section.dark .widget.events a:hover .date-wrap {
  background-color: transparent;
  border-color: rgba(254, 254, 254, 0.3);
}
#content .content-section.dark .widget.events a:hover .meta {
  color: #fefefe;
}

#content .content-section .widget.featured {
  overflow: hidden;
}
#content .content-section .widget.featured article {
  margin-bottom: 1em;
}
@media (min-width: 64em) {
  #content .content-section .widget.featured article {
    float: left;
    width: 29.411764705882%;
    margin-left: 5.882352941176%;
  }
}
@media (min-width: 64em) {
  #content .content-section .widget.featured article.pos-1, #content .content-section .widget.featured article.pos-4, #content .content-section .widget.featured article.pos-7 {
    margin-left: 0;
  }
}
@media (min-width: 64em) {
  #content .content-section .widget.featured article.pos-4, #content .content-section .widget.featured article.pos-5, #content .content-section .widget.featured article.pos-6, #content .content-section .widget.featured article.pos-7, #content .content-section .widget.featured article.pos-8, #content .content-section .widget.featured article.pos-9 {
    margin-top: 1em;
  }
}
#content .content-section .widget.featured article:last-child {
  margin-bottom: 0;
}
#content .content-section .widget.featured article a {
  display: block;
  position: relative;
}
#content .content-section .widget.featured article a:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(238, 102, 34, 0.7);
}
#content .content-section .widget.featured article a img {
  display: block;
  width: 100%;
  height: auto;
}
#content .content-section .widget.featured article a span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 95%;
  color: white;
  line-height: 100%;
  padding: .125em 2.5%;
  margin-top: -.5em;
  font-size: 1.5em;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  z-index: 50;
}
#content .content-section .widget.featured article a:hover:after {
  display: block;
}
#footer { clear:both;}
#footer .top {
  background-color: #f7f7f7;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 2em 5%;
  font-weight: 300;
}
@media (min-width: 64em) {
  #footer .top {
    padding-left: 0;
    padding-right: 0;
  }
}
#footer .top .tagline {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
@media (min-width: 64em) {
  #footer .top .tagline {
    padding-bottom: 2em;
    margin-bottom: 2em;
  }
}
#footer .top .tagline p {
  margin: 0;
  font-size: 1.25em;
  font-style: italic;
}
@media (min-width: 64em) {
  #footer .top .tagline p {
    font-size: 1.5em;
  }
}

#footer .top .connect section {
  float: right;
  width: 100%;
  margin: 0;
}
@media (min-width: 64em) {
  #footer .top .connect section.buttons, #footer .top .connect section.copyright {
    float: right;
    width: 28.25%;
    margin: 0 0 0 3.125%;
  }


}

#footer .top .connect section.social {
  width: 37%;
}

#footer .top .connect section:first-child {
  margin-left: 0;
}

#footer .copyright p {
  margin: 0;
  font-size: .875em;
  text-align: center;
}
@media (min-width: 64em) {
  #footer .copyright p {
    text-align: left;
  }
}
#footer .copyright .address:after {
  font-family: "mk025";
  content: "";
  font-size: 100%;
  font-weight: normal !important;
  vertical-align: middle;
  vertical-align: top;
  margin-left: .5em;
}

#footer .social-links {
  text-align: center;
  font-size: .875em;
  padding-top: 1em;
  margin-bottom: 1em;
}
@media (min-width: 64em) {
  #footer .social-links {
    margin-bottom: 0;
  }
}
#footer .social-links li {
  display: inline-block;
  margin: 0 .5em;
}
#footer .social-links li a {
  display: block;
  color: #5c5c5c;
}
#footer .social-links li a span {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  margin-right: .125em;
  padding: .25em;
  color: #f7f7f7;
  text-align: center;
  opacity: .5;
  background-color: #ee6622;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
}
#footer .social-links li a:hover {
  color: #5c5c5c;
}
#footer .social-links li a:hover span {
  background-color: rgba(143, 43, 0, 0.5);
}
#footer .social-links li:first-child {
  margin-left: 0;
}
#footer .social-links li:last-child {
  margin-right: 0;
}

#footer .buttons {
  overflow: hidden;
  text-align: center;
}
#footer .buttons p {
  margin: 0;
}
@media (min-width: 64em) {
  #footer .buttons {
    text-align: right;
  }
}
#footer .buttons a {
  text-align: center;
}
#footer .buttons a:after {
  display: none;
}
#footer .buttons a span {
  margin-left: .5em;
}

#footer .btm {
  padding: 1em 5%;
}
@media (min-width: 64em) {
  #footer .btm {
    padding-left: 0;
    padding-right: 0;
  }
}
#footer .btm nav {
  margin-bottom: .5em;
}
@media (min-width: 64em) {
  #footer .btm nav {
    float: left;
    margin-bottom: 0;
  }
}
#footer .btm nav ul {
  text-align: center;
}
@media (min-width: 64em) {
  #footer .btm nav ul {
    text-align: left;
  }
}
#footer .btm nav ul li {
  display: inline-block;
  font-size: .875em;
  margin: 0 .5em .5em .5em;
}
@media (min-width: 64em) {
  #footer .btm nav ul li {
    margin: 0 1em 0 0;
  }
}
#footer .btm nav ul li a {
  color: #fefefe;
}
#footer .btm nav ul li a:hover {
  color: #8f2b00;
}
#footer .btm .credits {
  font-size: .875em;
  color: #fefefe;
  text-align: center;
}
@media (min-width: 64em) {
  #footer .btm .credits {
    text-align: right;
    display: inline;
    float: right;
  }
}
#footer .btm .credits a {
  font-size: 1.25em;
  color: #fefefe;
  margin-left: .25em;
}
#footer .btm .credits a:hover {
  color: #ee6622;
}

.homepage #content {
  background-color: transparent;
  text-align: center;
}
.homepage #content #text.welcome {
  padding-top: 0;
  padding-bottom: 1em;
}
.homepage #content #text.welcome h2, .homepage #content #text.welcome h3, .homepage #content #text.welcome h4, .homepage #content #text.welcome h5, .homepage #content #text.welcome h6, .homepage #content #text.welcome p, .homepage #content #text.welcome a {
  color: white;
}
.homepage #content #text.welcome h2 {
  font-size: 1.75em;
  margin-bottom: .35em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
@media (min-width: 64em) {
  .homepage #content #text.welcome h2 {
    font-size: 3.125em;
    text-shadow: none;
  }
}
.homepage #content #text.welcome h6 {
  margin-bottom: .75em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
@media (min-width: 64em) {
  .homepage #content #text.welcome h6 {
    font-size: 1.875em;
    text-shadow: none;
  }
}
.homepage #content #text.welcome .button-small {
  color: white;
  border-color: white;
  background-color: rgba(254, 254, 254, 0.15);
}
.homepage #content #text.welcome .button-small:hover {
  background-color: #a57b44;
  border-color: #a57b44;
}
.homepage #content #text.welcome .button-medium {
  color: white;
  border-color: white;
  background-color: rgba(254, 254, 254, 0.15);
}
.homepage #content #text.welcome .button-medium:hover {
  background-color: #a57b44;
  border-color: #a57b44;
}
.homepage #content #text.welcome .button-large {
  padding-top: .5em;
  padding-bottom: .5em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  color: white;
  border-bottom-color: rgba(254, 254, 254, 0.15);
  background-color: rgba(254, 254, 254, 0.15);
}
@media (min-width: 64em) {
  .homepage #content #text.welcome .button-large {
    font-size: 1.5em;
    text-shadow: none;
  }
}
.homepage #content #text.welcome .button-large:hover {
  border-color: rgba(254, 254, 254, 0.3);
  background-color: transparent;
}

.notice {
  position: fixed;
  z-index: 5000;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
  background: #1293aa;
  background: rgba(18, 147, 170, 0.94);
  width: 100%;
  left: 0;
}
.notice.pos-top {
  top: 0;
}
.notice.pos-bottom {
  bottom: 0;
}
.notice:hover {
  background: #1ea0b6;
  background: rgba(18, 147, 170, 0.98);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
}
.notice p, .notice a {
  position: relative;
  color: #fcfcfc;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
}
.notice:hover p {
  color: #fff;
}
.notice a.notice-link {
  display: inline-block;
  padding: 5px 10px;
}
.notice a.notice-link:hover {
  color: #fff;
}
.notice a.notice-link:active {
  top: 1px;
}
.notice a.notice-close {
  display: block;
  position: absolute;
  top: 25%;
  right: 5%;
  float: right;
  text-align: left;
  text-indent: -999em;
  width: 25px;
  height: 50%;
  background: url(/_assets/img/close-white.png) no-repeat center center;
}
@media (min-width: 61.5em) {
  .notice {
    width: 33%;
    left: 33%;
  }
  .notice.pos-top {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .notice.pos-bottom {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .notice a.notice-close {
    display: none;
  }
  .notice:hover a.notice-close {
    display: block;
  }
}

.container {
  position: relative;
  max-width: 64em;
  margin: 0 auto;
}

#outer-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#wrap {
  position: relative;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

/* teaching and article styles  */

.upcoming-left {
  width: 49%;
  float: left;
}

.article-right {
  width: 49%;
  float: right;
}

.upcoming-left .sermons article {
  clear: both;
  text-align: left;
  margin: 0 0 20px 0;
}

.upcoming-left .sermons article .image, 
.article-right .article-upcoming-scetion .image, 
.article-upcoming-scetion .image {
  display: inline-block;
  vertical-align: top;
}

.upcoming-left .sermons article .info, .article-right .artical-part {
  display: inline-block;
  width: 63%;
  margin: 0 0 0 20px;
  text-align: left;
}

#content .content-section .upcoming-left h2, #content .content-section .article-right h2{
  text-align: left;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 7px;
  background: #ededed;
  margin: 0 0 20px 0;
}

.upcoming-left .icon-plus1, .article-right .icon-plus1 {
  margin: 4px 0 0 0;
}

.widget h3, .widget h3 a, .artical-part h3, .artical-part h3 a {
  font-size: 18px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: #0c4994;
  margin: 0;
}

#content.fullwidth .article-right #text {
  padding: 0;
}

.article-right a.icon-plus1, .upcoming-left a.icon-plus1 {
  color: #eea988;
}

.article-right a.icon-plus1:hover, .upcoming-left a.icon-plus1:hover {
  color: #7d798e;
}

/* Mobile styles */

@media screen and (max-width: 1050px) {

 .container {
  padding: 0px 25px;
 }

 .cycle-ss img, .cycle-slideshow img {
  height: auto;
 }

 .cycle-ss .slide, .cycle-slideshow .slide {
  background-color: transparent;
 }

}
@media screen and (max-width: 1023px) {
#footer .top .connect section.social {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 300px; width:100%
}


}

@media screen and (max-width: 700px) {

.upcoming-left, .article-right {
  width: 100%;
}

/*.teaching-languages {
  display: none;
}*/

#live-stream {
    text-align: center;
    float: none;
}

}

@media screen and (max-width: 479px) {

.upcoming-left .sermons article .info, .article-right .artical-part {
    width: 100%;
    margin: 15px 0;
    text-align: center;
}

.upcoming-left .sermons article .image, 
.article-right .article-upcoming-scetion .image, 
.article-upcoming-scetion .image {
  display: block;
  text-align: center;
}
#footer .container {
  padding: 0;
}
}

/* End Mobile styles */

/* Pop Up */

#inner-wrap .campus-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 105;
}

.campus-popup .main-width {
  width: 565px;
  height: 365px;
  background: #0e243b;
  border: 5px solid #4a5b6c;
  border-radius: 30px;
  text-align: center;
  margin: 110px auto 0; max-width:90%
}

/* Livestream Countdown */

#live-stream {
  float: left;
}

#live-stream .countdown {
  /* padding: 15px 0; */
}
#live-stream .countdown .live {
  display: none;
  font-size: 16px;
  margin-right: 15px;
  margin-top: 15px;
  font-weight: 300;
}
#live-stream .countdown .timer {
  font-size: 14px;
  font-weight: 300;
}
#live-stream .countdown .timer h3 {
  display: inline-block;
  font-size: 16px;
  margin-right: 15px;
  margin-top: 15px;
  font-weight: 300;
}
#live-stream .countdown .timer span {
  text-transform: uppercase;
}
#live-stream .countdown .timer .delimiter {
  margin: 0 7px;
  font-weight: 300;
}

#live-stream.live #live-stream-content {
  display: block;
}
#live-stream.live #rotator {
  display: none;
}
#live-stream.live .countdown .timer {
  display: none;
}
#live-stream.live .countdown .live {
  display: block;
}
#disqus_thread label {
  display: none;
}
#disqus_thread{ overflow:hidden}
#disqus_thread p{ margin-bottom:0}
#disqus_thread input[type='text'] {
background: #ffffff;
border: none;
border-radius: 5px 5px 0 0;
box-shadow: none;
font-size: 16px;
padding: 0 2%;
width: 96%;
vertical-align:bottom;
height:50px; color:#0c4994;
}
#disqus_thread  textarea#comment {
  background: #ffffff;
border: medium none;
border-radius: 0 0 5px 5px;
box-shadow: none;
color: #8f9dba;
font-size: 16px;
height: 140px;
padding: 15px 2% 10px 2%;
vertical-align: top;
width: 96%;
}
.new-comment > form::after {
  clear: both;
  content: "";
  display: block;
}
#disqus_thread input#comment-submit {
  float: right;
  margin: 20px 0 10px;
  padding: 10px;
}
.form-header {
 border-bottom: 1px solid #bfc5cd;
left: 0;
margin: 10px 0 20px;
padding: 10px 3% 5px;
position: absolute;
top: 0;
width: 94%;
}
.new-comment > form {
  margin: 0 auto;
}
/*.form-header::after {
  background: #bfc5cd ;
  bottom: -1px;
  content: "";
  height: 1px;
  left: -30px;
  position: absolute;
  width: 30px;
}
.form-header::before {
  background: #bfc5cd 0;
  bottom: -1px;
  content: "";
  height: 1px;
  right: -30px;
  position: absolute;
  width: 30px;
}*/
.ratings_stars{background:  url("/_assets/img/stars.png") no-repeat -29px center;
float: left;
height: 24px;
margin: 0 4px;
padding: 2px;
width: 20px;}
.ratings_record, .ratings_over {
  background-position: 0 center;
}
.new-comment {
  background: #e6ecf4;
  padding: 85px 3% 10px;
  position: relative;
}
.rate_label {
  color: #8f9dba;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 27%;
  top: 18px;
}
.rate_widget {
  position: absolute;
  right: 2%;
  top: 13px;
  z-index: 99999;
}
#content #disqus_thread {
  background-color: transparent;
  margin: 40px 0;
  padding: 0;
}
.past-comment{background: #e6ecf4;
margin: 20px 0;
padding: 20px 0;
position: relative;}
.past-comment .rate_widget {
  top: 16px;
}
.past-comment .comment-header.clearfix {
  border-bottom: 1px solid #bfc5cd;
  padding: 0 3%;
}
.comment-text {
  line-height: normal;
  padding: 10px 3% 0;
}
#disqus_thread input.error[type="text"], #disqus_thread textarea#comment.error {
  border: 1px solid red;
}
#submit-loader {
  float: right;
  margin: 26px 30px 0 0;
}

/* =Gallery Monklet
---------------------------------------------------------------------
*/


/* resets */
.galleryMonklet li.gM-photo {
	list-style:none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.galleryMonklet {
	margin:25px auto;
	position: relative;
	left: 0;
}

.galleryMonklet:before,
.galleryMonklet:after {
    content: " ";
    display: table;
}
.galleryMonklet:after {
    clear: both;
}

.galleryMonklet,
.galleryMonklet ul.gM-photos {
	width:100%;
	margin-left:auto !important;
	margin-right:auto !important;
	padding:0;
	float:none;
	clear:both;
	list-style:none;
}

.galleryMonklet ul {
	margin-bottom: 0;
}

.galleryMonklet li.gM-photo {
	float:left;
	max-width:50%;/* five images per row */
	padding:0;
	margin:0 0 5%;
}

.galleryMonklet li.gM-photo a {
	display:block;
	max-width:85%;
	margin:auto;
	height:auto;
	padding:2px;
	border:1px solid #c5c5c5;
}

.galleryMonklet li.gM-photo a:hover {
	border:1px solid #999;
}

.galleryMonklet li.gM-photo a img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	float:none;
}

@media (min-width: 37.5em) {
	.galleryMonklet {
		left: -5px;
	}
	.galleryMonklet li.gM-photo {
		max-width:20%;
	}
	.galleryMonklet li.gM-photo {
		margin:0 0 2%;
	}
}