@charset "UTF-8";
/*!
Theme Name: St. Marks 201208

DO NOTE EDIT style.css DIRECTLY. 

Use style.scss.
*/
img.sample {
  background: #00aaee; }

/* @group Grid Layout */
.row {
  position: relative;
  margin-bottom: 20px;
  zoom: 1; }

.row:last-child {
  margin-bottom: 0; }

.row.group {
  margin-bottom: 0; }

.row:before, .row:after {
  display: table;
  line-height: 0;
  content: ""; }

.row:after {
  content: ' ';
  display: block;
  clear: both; }

[class*="span"] {
  float: left; }

/*! 16 grid, 25px margins */
/* 16 grid, 25px margins */
.row {
  position: relative;
  margin-bottom: 20px;
  zoom: 1; }

.row:after {
  content: ' ';
  display: block;
  clear: both; }

.row > [class*="span"], .row > [class*="col"], .wpb_row.vc_row-fluid > [class*="vc_span"] {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  margin-left: 0%;
  margin-left: calc(-25px); }

.row > [class*="span"], .row > [class*="col"], .wpb_row.vc_row-fluid > [class*="vc_span"] {
  margin-left: 0%;
  margin-left: calc(25px); }

.row > .col1_10 {
  width: 10%;
  width: -webkit-calc(10% - 25px);
  width: -moz-calc(10% - 25px);
  width: calc(10% - 25px); }

.row > .offset1_10 {
  margin-left: 10%;
  margin-left: -webkit-calc(10% + 25px);
  margin-left: -moz-calc(10% + 25px);
  margin-left: calc(10% + 25px); }

.row > .col1_5, .row > .col2_10, .row > .col3_15 {
  width: 20%;
  width: -webkit-calc(20% - 25px);
  width: -moz-calc(20% - 25px);
  width: calc(20% - 25px); }

.row > .offset1_5, .row > .offset2_10, .row > .offset3_15 {
  margin-left: 20%;
  margin-left: -webkit-calc(20% + 25px);
  margin-left: -moz-calc(20% + 25px);
  margin-left: calc(20% + 25px); }

.row > .col1_4, .row > .col2_8, .row > .col3_12, .row > .col4_16, .row > .span3, .wpb_row.vc_row-fluid > .vc_span3 {
  width: 25%;
  width: -webkit-calc(25% - 25px);
  width: -moz-calc(25% - 25px);
  width: calc(25% - 25px); }

.row > .offset1_4, .row > .offset2_8, .row > .offset3_12, .row > .offset4_16, .row > .offset3 {
  margin-left: 25%;
  margin-left: -webkit-calc(25% + 25px);
  margin-left: -moz-calc(25% + 25px);
  margin-left: calc(25% + 25px); }

.row > .col3_10 {
  width: 30%;
  width: -webkit-calc(30% - 25px);
  width: -moz-calc(30% - 25px);
  width: calc(30% - 25px); }

.row > .offset3_10 {
  margin-left: 30%;
  margin-left: -webkit-calc(30% + 25px);
  margin-left: -moz-calc(30% + 25px);
  margin-left: calc(30% + 25px); }

.row > .col2_5, .row > .col4_10, .row > .col6_15 {
  width: 40%;
  width: -webkit-calc(40% - 25px);
  width: -moz-calc(40% - 25px);
  width: calc(40% - 25px); }

.row > .offset2_5, .row > .offset4_10, .row > .offset6_15 {
  margin-left: 40%;
  margin-left: -webkit-calc(40% + 25px);
  margin-left: -moz-calc(40% + 25px);
  margin-left: calc(40% + 25px); }

.row > .col1_2, .row > .col2_4, .row > .col3_6, .row > .col4_8, .row > .col5_10, .row > .col6_12, .row > .col7_14, .row > .col8_16, .row > .span6, .wpb_row.vc_row-fluid > .vc_span6 {
  width: 50%;
  width: -webkit-calc(50% - 25px);
  width: -moz-calc(50% - 25px);
  width: calc(50% - 25px); }

.row > .offset1_2, .row > .offset2_4, .row > .offset3_6, .row > .offset4_8, .row > .offset5_10, .row > .offset6_12, .row > .offset7_14, .row > .offset8_16, .row > .offset6 {
  margin-left: 50%;
  margin-left: -webkit-calc(50% + 25px);
  margin-left: -moz-calc(50% + 25px);
  margin-left: calc(50% + 25px); }

.row > .col3_5, .row > .col6_10, .row > .col9_15 {
  width: 60%;
  width: -webkit-calc(60% - 25px);
  width: -moz-calc(60% - 25px);
  width: calc(60% - 25px); }

.row > .offset3_5, .row > .offset6_10, .row > .offset9_15 {
  margin-left: 60%;
  margin-left: -webkit-calc(60% + 25px);
  margin-left: -moz-calc(60% + 25px);
  margin-left: calc(60% + 25px); }

.row > .col7_10 {
  width: 70%;
  width: -webkit-calc(70% - 25px);
  width: -moz-calc(70% - 25px);
  width: calc(70% - 25px); }

.row > .offset7_10 {
  margin-left: 70%;
  margin-left: -webkit-calc(70% + 25px);
  margin-left: -moz-calc(70% + 25px);
  margin-left: calc(70% + 25px); }

.row > .col3_4, .row > .col6_8, .row > .col9_12, .row > .col12_16, .row > .span9, .wpb_row.vc_row-fluid > .vc_span9 {
  width: 75%;
  width: -webkit-calc(75% - 25px);
  width: -moz-calc(75% - 25px);
  width: calc(75% - 25px); }

.row > .offset3_4, .row > .offset6_8, .row > .offset9_12, .row > .offset12_16, .row > .offset9 {
  margin-left: 75%;
  margin-left: -webkit-calc(75% + 25px);
  margin-left: -moz-calc(75% + 25px);
  margin-left: calc(75% + 25px); }

.row > .col4_5, .row > .col8_10, .row > .col12_15 {
  width: 80%;
  width: -webkit-calc(80% - 25px);
  width: -moz-calc(80% - 25px);
  width: calc(80% - 25px); }

.row > .offset4_5, .row > .offset8_10, .row > .offset12_15 {
  margin-left: 80%;
  margin-left: -webkit-calc(80% + 25px);
  margin-left: -moz-calc(80% + 25px);
  margin-left: calc(80% + 25px); }

.row > .col9_10 {
  width: 90%;
  width: -webkit-calc(90% - 25px);
  width: -moz-calc(90% - 25px);
  width: calc(90% - 25px); }

.row > .offset9_10 {
  margin-left: 90%;
  margin-left: -webkit-calc(90% + 25px);
  margin-left: -moz-calc(90% + 25px);
  margin-left: calc(90% + 25px); }

.row > .col1_1, .row > .col2_2, .row > .col3_3, .row > .col4_4, .row > .col5_5, .row > .col6_6, .row > .col7_7, .row > .col8_8, .row > .col9_9, .row > .col10_10, .row > .col11_11, .row > .col12_12, .row > .col13_13, .row > .col14_14, .row > .col15_15, .row > .col16_16, .row > .span12, .wpb_row.vc_row-fluid > .vc_span12 {
  width: 100%;
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px); }

.row > .offset1_1, .row > .offset2_2, .row > .offset3_3, .row > .offset4_4, .row > .offset5_5, .row > .offset6_6, .row > .offset7_7, .row > .offset8_8, .row > .offset9_9, .row > .offset10_10, .row > .offset11_11, .row > .offset12_12, .row > .offset13_13, .row > .offset14_14, .row > .offset15_15, .row > .offset16_16, .row > .offset12 {
  margin-left: 100%;
  margin-left: -webkit-calc(100% + 25px);
  margin-left: -moz-calc(100% + 25px);
  margin-left: calc(100% + 25px); }

.row > .col1_3, .row > .col2_6, .row > .col3_9, .row > .col4_12, .row > .col5_15, .row > .span4, .wpb_row.vc_row-fluid > .vc_span4 {
  width: 33.333%;
  width: -webkit-calc(33.333% - 25px);
  width: -moz-calc(33.333% - 25px);
  width: calc(33.333% - 25px); }

.row > .offset1_3, .row > .offset2_6, .row > .offset3_9, .row > .offset4_12, .row > .offset5_15, .row > .offset4 {
  margin-left: 33.333%;
  margin-left: -webkit-calc(33.333% + 25px);
  margin-left: -moz-calc(33.333% + 25px);
  margin-left: calc(33.333% + 25px); }

.row > .col2_3, .row > .col4_6, .row > .col6_9, .row > .col8_12, .row > .col10_15, .row > .span8, .wpb_row.vc_row-fluid > .vc_span8 {
  width: 66.667%;
  width: -webkit-calc(66.667% - 25px);
  width: -moz-calc(66.667% - 25px);
  width: calc(66.667% - 25px); }

.row > .offset2_3, .row > .offset4_6, .row > .offset6_9, .row > .offset8_12, .row > .offset10_15, .row > .offset8 {
  margin-left: 66.667%;
  margin-left: -webkit-calc(66.667% + 25px);
  margin-left: -moz-calc(66.667% + 25px);
  margin-left: calc(66.667% + 25px); }

.row > .col1_6, .row > .col2_12, .row > .span2, .wpb_row.vc_row-fluid > .vc_span2 {
  width: 16.667%;
  width: -webkit-calc(16.667% - 25px);
  width: -moz-calc(16.667% - 25px);
  width: calc(16.667% - 25px); }

.row > .offset1_6, .row > .offset2_12, .row > .offset2 {
  margin-left: 16.667%;
  margin-left: -webkit-calc(16.667% + 25px);
  margin-left: -moz-calc(16.667% + 25px);
  margin-left: calc(16.667% + 25px); }

.row > .col5_6, .row > .col10_12, .row > .span10, .wpb_row.vc_row-fluid > .vc_span10 {
  width: 83.333%;
  width: -webkit-calc(83.333% - 25px);
  width: -moz-calc(83.333% - 25px);
  width: calc(83.333% - 25px); }

.row > .offset5_6, .row > .offset10_12, .row > .offset10 {
  margin-left: 83.333%;
  margin-left: -webkit-calc(83.333% + 25px);
  margin-left: -moz-calc(83.333% + 25px);
  margin-left: calc(83.333% + 25px); }

.row > .col1_7, .row > .col2_14 {
  width: 14.286%;
  width: -webkit-calc(14.286% - 25px);
  width: -moz-calc(14.286% - 25px);
  width: calc(14.286% - 25px); }

.row > .offset1_7, .row > .offset2_14 {
  margin-left: 14.286%;
  margin-left: -webkit-calc(14.286% + 25px);
  margin-left: -moz-calc(14.286% + 25px);
  margin-left: calc(14.286% + 25px); }

.row > .col2_7, .row > .col4_14 {
  width: 28.571%;
  width: -webkit-calc(28.571% - 25px);
  width: -moz-calc(28.571% - 25px);
  width: calc(28.571% - 25px); }

.row > .offset2_7, .row > .offset4_14 {
  margin-left: 28.571%;
  margin-left: -webkit-calc(28.571% + 25px);
  margin-left: -moz-calc(28.571% + 25px);
  margin-left: calc(28.571% + 25px); }

.row > .col3_7, .row > .col6_14 {
  width: 42.857%;
  width: -webkit-calc(42.857% - 25px);
  width: -moz-calc(42.857% - 25px);
  width: calc(42.857% - 25px); }

.row > .offset3_7, .row > .offset6_14 {
  margin-left: 42.857%;
  margin-left: -webkit-calc(42.857% + 25px);
  margin-left: -moz-calc(42.857% + 25px);
  margin-left: calc(42.857% + 25px); }

.row > .col4_7, .row > .col8_14 {
  width: 57.143%;
  width: -webkit-calc(57.143% - 25px);
  width: -moz-calc(57.143% - 25px);
  width: calc(57.143% - 25px); }

.row > .offset4_7, .row > .offset8_14 {
  margin-left: 57.143%;
  margin-left: -webkit-calc(57.143% + 25px);
  margin-left: -moz-calc(57.143% + 25px);
  margin-left: calc(57.143% + 25px); }

.row > .col5_7, .row > .col10_14 {
  width: 71.429%;
  width: -webkit-calc(71.429% - 25px);
  width: -moz-calc(71.429% - 25px);
  width: calc(71.429% - 25px); }

.row > .offset5_7, .row > .offset10_14 {
  margin-left: 71.429%;
  margin-left: -webkit-calc(71.429% + 25px);
  margin-left: -moz-calc(71.429% + 25px);
  margin-left: calc(71.429% + 25px); }

.row > .col6_7, .row > .col12_14 {
  width: 85.714%;
  width: -webkit-calc(85.714% - 25px);
  width: -moz-calc(85.714% - 25px);
  width: calc(85.714% - 25px); }

.row > .offset6_7, .row > .offset12_14 {
  margin-left: 85.714%;
  margin-left: -webkit-calc(85.714% + 25px);
  margin-left: -moz-calc(85.714% + 25px);
  margin-left: calc(85.714% + 25px); }

.row > .col1_8, .row > .col2_16 {
  width: 12.5%;
  width: -webkit-calc(12.5% - 25px);
  width: -moz-calc(12.5% - 25px);
  width: calc(12.5% - 25px); }

.row > .offset1_8, .row > .offset2_16 {
  margin-left: 12.5%;
  margin-left: -webkit-calc(12.5% + 25px);
  margin-left: -moz-calc(12.5% + 25px);
  margin-left: calc(12.5% + 25px); }

.row > .col3_8, .row > .col6_16 {
  width: 37.5%;
  width: -webkit-calc(37.5% - 25px);
  width: -moz-calc(37.5% - 25px);
  width: calc(37.5% - 25px); }

.row > .offset3_8, .row > .offset6_16 {
  margin-left: 37.5%;
  margin-left: -webkit-calc(37.5% + 25px);
  margin-left: -moz-calc(37.5% + 25px);
  margin-left: calc(37.5% + 25px); }

.row > .col5_8, .row > .col10_16 {
  width: 62.5%;
  width: -webkit-calc(62.5% - 25px);
  width: -moz-calc(62.5% - 25px);
  width: calc(62.5% - 25px); }

.row > .offset5_8, .row > .offset10_16 {
  margin-left: 62.5%;
  margin-left: -webkit-calc(62.5% + 25px);
  margin-left: -moz-calc(62.5% + 25px);
  margin-left: calc(62.5% + 25px); }

.row > .col7_8, .row > .col14_16 {
  width: 87.5%;
  width: -webkit-calc(87.5% - 25px);
  width: -moz-calc(87.5% - 25px);
  width: calc(87.5% - 25px); }

.row > .offset7_8, .row > .offset14_16 {
  margin-left: 87.5%;
  margin-left: -webkit-calc(87.5% + 25px);
  margin-left: -moz-calc(87.5% + 25px);
  margin-left: calc(87.5% + 25px); }

.row > .col1_9 {
  width: 11.111%;
  width: -webkit-calc(11.111% - 25px);
  width: -moz-calc(11.111% - 25px);
  width: calc(11.111% - 25px); }

.row > .offset1_9 {
  margin-left: 11.111%;
  margin-left: -webkit-calc(11.111% + 25px);
  margin-left: -moz-calc(11.111% + 25px);
  margin-left: calc(11.111% + 25px); }

.row > .col2_9 {
  width: 22.222%;
  width: -webkit-calc(22.222% - 25px);
  width: -moz-calc(22.222% - 25px);
  width: calc(22.222% - 25px); }

.row > .offset2_9 {
  margin-left: 22.222%;
  margin-left: -webkit-calc(22.222% + 25px);
  margin-left: -moz-calc(22.222% + 25px);
  margin-left: calc(22.222% + 25px); }

.row > .col4_9 {
  width: 44.444%;
  width: -webkit-calc(44.444% - 25px);
  width: -moz-calc(44.444% - 25px);
  width: calc(44.444% - 25px); }

.row > .offset4_9 {
  margin-left: 44.444%;
  margin-left: -webkit-calc(44.444% + 25px);
  margin-left: -moz-calc(44.444% + 25px);
  margin-left: calc(44.444% + 25px); }

.row > .col5_9 {
  width: 55.556%;
  width: -webkit-calc(55.556% - 25px);
  width: -moz-calc(55.556% - 25px);
  width: calc(55.556% - 25px); }

.row > .offset5_9 {
  margin-left: 55.556%;
  margin-left: -webkit-calc(55.556% + 25px);
  margin-left: -moz-calc(55.556% + 25px);
  margin-left: calc(55.556% + 25px); }

.row > .col7_9 {
  width: 77.778%;
  width: -webkit-calc(77.778% - 25px);
  width: -moz-calc(77.778% - 25px);
  width: calc(77.778% - 25px); }

.row > .offset7_9 {
  margin-left: 77.778%;
  margin-left: -webkit-calc(77.778% + 25px);
  margin-left: -moz-calc(77.778% + 25px);
  margin-left: calc(77.778% + 25px); }

.row > .col8_9 {
  width: 88.889%;
  width: -webkit-calc(88.889% - 25px);
  width: -moz-calc(88.889% - 25px);
  width: calc(88.889% - 25px); }

.row > .offset8_9 {
  margin-left: 88.889%;
  margin-left: -webkit-calc(88.889% + 25px);
  margin-left: -moz-calc(88.889% + 25px);
  margin-left: calc(88.889% + 25px); }

.row > .col1_11 {
  width: 9.091%;
  width: -webkit-calc(9.091% - 25px);
  width: -moz-calc(9.091% - 25px);
  width: calc(9.091% - 25px); }

.row > .offset1_11 {
  margin-left: 9.091%;
  margin-left: -webkit-calc(9.091% + 25px);
  margin-left: -moz-calc(9.091% + 25px);
  margin-left: calc(9.091% + 25px); }

.row > .col2_11 {
  width: 18.182%;
  width: -webkit-calc(18.182% - 25px);
  width: -moz-calc(18.182% - 25px);
  width: calc(18.182% - 25px); }

.row > .offset2_11 {
  margin-left: 18.182%;
  margin-left: -webkit-calc(18.182% + 25px);
  margin-left: -moz-calc(18.182% + 25px);
  margin-left: calc(18.182% + 25px); }

.row > .col3_11 {
  width: 27.273%;
  width: -webkit-calc(27.273% - 25px);
  width: -moz-calc(27.273% - 25px);
  width: calc(27.273% - 25px); }

.row > .offset3_11 {
  margin-left: 27.273%;
  margin-left: -webkit-calc(27.273% + 25px);
  margin-left: -moz-calc(27.273% + 25px);
  margin-left: calc(27.273% + 25px); }

.row > .col4_11 {
  width: 36.364%;
  width: -webkit-calc(36.364% - 25px);
  width: -moz-calc(36.364% - 25px);
  width: calc(36.364% - 25px); }

.row > .offset4_11 {
  margin-left: 36.364%;
  margin-left: -webkit-calc(36.364% + 25px);
  margin-left: -moz-calc(36.364% + 25px);
  margin-left: calc(36.364% + 25px); }

.row > .col5_11 {
  width: 45.455%;
  width: -webkit-calc(45.455% - 25px);
  width: -moz-calc(45.455% - 25px);
  width: calc(45.455% - 25px); }

.row > .offset5_11 {
  margin-left: 45.455%;
  margin-left: -webkit-calc(45.455% + 25px);
  margin-left: -moz-calc(45.455% + 25px);
  margin-left: calc(45.455% + 25px); }

.row > .col6_11 {
  width: 54.545%;
  width: -webkit-calc(54.545% - 25px);
  width: -moz-calc(54.545% - 25px);
  width: calc(54.545% - 25px); }

.row > .offset6_11 {
  margin-left: 54.545%;
  margin-left: -webkit-calc(54.545% + 25px);
  margin-left: -moz-calc(54.545% + 25px);
  margin-left: calc(54.545% + 25px); }

.row > .col7_11 {
  width: 63.636%;
  width: -webkit-calc(63.636% - 25px);
  width: -moz-calc(63.636% - 25px);
  width: calc(63.636% - 25px); }

.row > .offset7_11 {
  margin-left: 63.636%;
  margin-left: -webkit-calc(63.636% + 25px);
  margin-left: -moz-calc(63.636% + 25px);
  margin-left: calc(63.636% + 25px); }

.row > .col8_11 {
  width: 72.727%;
  width: -webkit-calc(72.727% - 25px);
  width: -moz-calc(72.727% - 25px);
  width: calc(72.727% - 25px); }

.row > .offset8_11 {
  margin-left: 72.727%;
  margin-left: -webkit-calc(72.727% + 25px);
  margin-left: -moz-calc(72.727% + 25px);
  margin-left: calc(72.727% + 25px); }

.row > .col9_11 {
  width: 81.818%;
  width: -webkit-calc(81.818% - 25px);
  width: -moz-calc(81.818% - 25px);
  width: calc(81.818% - 25px); }

.row > .offset9_11 {
  margin-left: 81.818%;
  margin-left: -webkit-calc(81.818% + 25px);
  margin-left: -moz-calc(81.818% + 25px);
  margin-left: calc(81.818% + 25px); }

.row > .col10_11 {
  width: 90.909%;
  width: -webkit-calc(90.909% - 25px);
  width: -moz-calc(90.909% - 25px);
  width: calc(90.909% - 25px); }

.row > .offset10_11 {
  margin-left: 90.909%;
  margin-left: -webkit-calc(90.909% + 25px);
  margin-left: -moz-calc(90.909% + 25px);
  margin-left: calc(90.909% + 25px); }

.row > .col1_12, .row > .span1, .wpb_row.vc_row-fluid > .vc_span1 {
  width: 8.333%;
  width: -webkit-calc(8.333% - 25px);
  width: -moz-calc(8.333% - 25px);
  width: calc(8.333% - 25px); }

.row > .offset1_12, .row > .offset1 {
  margin-left: 8.333%;
  margin-left: -webkit-calc(8.333% + 25px);
  margin-left: -moz-calc(8.333% + 25px);
  margin-left: calc(8.333% + 25px); }

.row > .col5_12, .row > .span5, .wpb_row.vc_row-fluid > .vc_span5 {
  width: 41.667%;
  width: -webkit-calc(41.667% - 25px);
  width: -moz-calc(41.667% - 25px);
  width: calc(41.667% - 25px); }

.row > .offset5_12, .row > .offset5 {
  margin-left: 41.667%;
  margin-left: -webkit-calc(41.667% + 25px);
  margin-left: -moz-calc(41.667% + 25px);
  margin-left: calc(41.667% + 25px); }

.row > .col7_12, .row > .span7, .wpb_row.vc_row-fluid > .vc_span7 {
  width: 58.333%;
  width: -webkit-calc(58.333% - 25px);
  width: -moz-calc(58.333% - 25px);
  width: calc(58.333% - 25px); }

.row > .offset7_12, .row > .offset7 {
  margin-left: 58.333%;
  margin-left: -webkit-calc(58.333% + 25px);
  margin-left: -moz-calc(58.333% + 25px);
  margin-left: calc(58.333% + 25px); }

.row > .col11_12, .row > .span11, .wpb_row.vc_row-fluid > .vc_span11 {
  width: 91.667%;
  width: -webkit-calc(91.667% - 25px);
  width: -moz-calc(91.667% - 25px);
  width: calc(91.667% - 25px); }

.row > .offset11_12, .row > .offset11 {
  margin-left: 91.667%;
  margin-left: -webkit-calc(91.667% + 25px);
  margin-left: -moz-calc(91.667% + 25px);
  margin-left: calc(91.667% + 25px); }

.row > .col1_13 {
  width: 7.692%;
  width: -webkit-calc(7.692% - 25px);
  width: -moz-calc(7.692% - 25px);
  width: calc(7.692% - 25px); }

.row > .offset1_13 {
  margin-left: 7.692%;
  margin-left: -webkit-calc(7.692% + 25px);
  margin-left: -moz-calc(7.692% + 25px);
  margin-left: calc(7.692% + 25px); }

.row > .col2_13 {
  width: 15.385%;
  width: -webkit-calc(15.385% - 25px);
  width: -moz-calc(15.385% - 25px);
  width: calc(15.385% - 25px); }

.row > .offset2_13 {
  margin-left: 15.385%;
  margin-left: -webkit-calc(15.385% + 25px);
  margin-left: -moz-calc(15.385% + 25px);
  margin-left: calc(15.385% + 25px); }

.row > .col3_13 {
  width: 23.077%;
  width: -webkit-calc(23.077% - 25px);
  width: -moz-calc(23.077% - 25px);
  width: calc(23.077% - 25px); }

.row > .offset3_13 {
  margin-left: 23.077%;
  margin-left: -webkit-calc(23.077% + 25px);
  margin-left: -moz-calc(23.077% + 25px);
  margin-left: calc(23.077% + 25px); }

.row > .col4_13 {
  width: 30.769%;
  width: -webkit-calc(30.769% - 25px);
  width: -moz-calc(30.769% - 25px);
  width: calc(30.769% - 25px); }

.row > .offset4_13 {
  margin-left: 30.769%;
  margin-left: -webkit-calc(30.769% + 25px);
  margin-left: -moz-calc(30.769% + 25px);
  margin-left: calc(30.769% + 25px); }

.row > .col5_13 {
  width: 38.462%;
  width: -webkit-calc(38.462% - 25px);
  width: -moz-calc(38.462% - 25px);
  width: calc(38.462% - 25px); }

.row > .offset5_13 {
  margin-left: 38.462%;
  margin-left: -webkit-calc(38.462% + 25px);
  margin-left: -moz-calc(38.462% + 25px);
  margin-left: calc(38.462% + 25px); }

.row > .col6_13 {
  width: 46.154%;
  width: -webkit-calc(46.154% - 25px);
  width: -moz-calc(46.154% - 25px);
  width: calc(46.154% - 25px); }

.row > .offset6_13 {
  margin-left: 46.154%;
  margin-left: -webkit-calc(46.154% + 25px);
  margin-left: -moz-calc(46.154% + 25px);
  margin-left: calc(46.154% + 25px); }

.row > .col7_13 {
  width: 53.846%;
  width: -webkit-calc(53.846% - 25px);
  width: -moz-calc(53.846% - 25px);
  width: calc(53.846% - 25px); }

.row > .offset7_13 {
  margin-left: 53.846%;
  margin-left: -webkit-calc(53.846% + 25px);
  margin-left: -moz-calc(53.846% + 25px);
  margin-left: calc(53.846% + 25px); }

.row > .col8_13 {
  width: 61.538%;
  width: -webkit-calc(61.538% - 25px);
  width: -moz-calc(61.538% - 25px);
  width: calc(61.538% - 25px); }

.row > .offset8_13 {
  margin-left: 61.538%;
  margin-left: -webkit-calc(61.538% + 25px);
  margin-left: -moz-calc(61.538% + 25px);
  margin-left: calc(61.538% + 25px); }

.row > .col9_13 {
  width: 69.231%;
  width: -webkit-calc(69.231% - 25px);
  width: -moz-calc(69.231% - 25px);
  width: calc(69.231% - 25px); }

.row > .offset9_13 {
  margin-left: 69.231%;
  margin-left: -webkit-calc(69.231% + 25px);
  margin-left: -moz-calc(69.231% + 25px);
  margin-left: calc(69.231% + 25px); }

.row > .col10_13 {
  width: 76.923%;
  width: -webkit-calc(76.923% - 25px);
  width: -moz-calc(76.923% - 25px);
  width: calc(76.923% - 25px); }

.row > .offset10_13 {
  margin-left: 76.923%;
  margin-left: -webkit-calc(76.923% + 25px);
  margin-left: -moz-calc(76.923% + 25px);
  margin-left: calc(76.923% + 25px); }

.row > .col11_13 {
  width: 84.615%;
  width: -webkit-calc(84.615% - 25px);
  width: -moz-calc(84.615% - 25px);
  width: calc(84.615% - 25px); }

.row > .offset11_13 {
  margin-left: 84.615%;
  margin-left: -webkit-calc(84.615% + 25px);
  margin-left: -moz-calc(84.615% + 25px);
  margin-left: calc(84.615% + 25px); }

.row > .col12_13 {
  width: 92.308%;
  width: -webkit-calc(92.308% - 25px);
  width: -moz-calc(92.308% - 25px);
  width: calc(92.308% - 25px); }

.row > .offset12_13 {
  margin-left: 92.308%;
  margin-left: -webkit-calc(92.308% + 25px);
  margin-left: -moz-calc(92.308% + 25px);
  margin-left: calc(92.308% + 25px); }

.row > .col1_14 {
  width: 7.143%;
  width: -webkit-calc(7.143% - 25px);
  width: -moz-calc(7.143% - 25px);
  width: calc(7.143% - 25px); }

.row > .offset1_14 {
  margin-left: 7.143%;
  margin-left: -webkit-calc(7.143% + 25px);
  margin-left: -moz-calc(7.143% + 25px);
  margin-left: calc(7.143% + 25px); }

.row > .col3_14 {
  width: 21.429%;
  width: -webkit-calc(21.429% - 25px);
  width: -moz-calc(21.429% - 25px);
  width: calc(21.429% - 25px); }

.row > .offset3_14 {
  margin-left: 21.429%;
  margin-left: -webkit-calc(21.429% + 25px);
  margin-left: -moz-calc(21.429% + 25px);
  margin-left: calc(21.429% + 25px); }

.row > .col5_14 {
  width: 35.714%;
  width: -webkit-calc(35.714% - 25px);
  width: -moz-calc(35.714% - 25px);
  width: calc(35.714% - 25px); }

.row > .offset5_14 {
  margin-left: 35.714%;
  margin-left: -webkit-calc(35.714% + 25px);
  margin-left: -moz-calc(35.714% + 25px);
  margin-left: calc(35.714% + 25px); }

.row > .col9_14 {
  width: 64.286%;
  width: -webkit-calc(64.286% - 25px);
  width: -moz-calc(64.286% - 25px);
  width: calc(64.286% - 25px); }

.row > .offset9_14 {
  margin-left: 64.286%;
  margin-left: -webkit-calc(64.286% + 25px);
  margin-left: -moz-calc(64.286% + 25px);
  margin-left: calc(64.286% + 25px); }

.row > .col11_14 {
  width: 78.571%;
  width: -webkit-calc(78.571% - 25px);
  width: -moz-calc(78.571% - 25px);
  width: calc(78.571% - 25px); }

.row > .offset11_14 {
  margin-left: 78.571%;
  margin-left: -webkit-calc(78.571% + 25px);
  margin-left: -moz-calc(78.571% + 25px);
  margin-left: calc(78.571% + 25px); }

.row > .col13_14 {
  width: 92.857%;
  width: -webkit-calc(92.857% - 25px);
  width: -moz-calc(92.857% - 25px);
  width: calc(92.857% - 25px); }

.row > .offset13_14 {
  margin-left: 92.857%;
  margin-left: -webkit-calc(92.857% + 25px);
  margin-left: -moz-calc(92.857% + 25px);
  margin-left: calc(92.857% + 25px); }

.row > .col1_15 {
  width: 6.667%;
  width: -webkit-calc(6.667% - 25px);
  width: -moz-calc(6.667% - 25px);
  width: calc(6.667% - 25px); }

.row > .offset1_15 {
  margin-left: 6.667%;
  margin-left: -webkit-calc(6.667% + 25px);
  margin-left: -moz-calc(6.667% + 25px);
  margin-left: calc(6.667% + 25px); }

.row > .col2_15 {
  width: 13.333%;
  width: -webkit-calc(13.333% - 25px);
  width: -moz-calc(13.333% - 25px);
  width: calc(13.333% - 25px); }

.row > .offset2_15 {
  margin-left: 13.333%;
  margin-left: -webkit-calc(13.333% + 25px);
  margin-left: -moz-calc(13.333% + 25px);
  margin-left: calc(13.333% + 25px); }

.row > .col4_15 {
  width: 26.667%;
  width: -webkit-calc(26.667% - 25px);
  width: -moz-calc(26.667% - 25px);
  width: calc(26.667% - 25px); }

.row > .offset4_15 {
  margin-left: 26.667%;
  margin-left: -webkit-calc(26.667% + 25px);
  margin-left: -moz-calc(26.667% + 25px);
  margin-left: calc(26.667% + 25px); }

.row > .col7_15 {
  width: 46.667%;
  width: -webkit-calc(46.667% - 25px);
  width: -moz-calc(46.667% - 25px);
  width: calc(46.667% - 25px); }

.row > .offset7_15 {
  margin-left: 46.667%;
  margin-left: -webkit-calc(46.667% + 25px);
  margin-left: -moz-calc(46.667% + 25px);
  margin-left: calc(46.667% + 25px); }

.row > .col8_15 {
  width: 53.333%;
  width: -webkit-calc(53.333% - 25px);
  width: -moz-calc(53.333% - 25px);
  width: calc(53.333% - 25px); }

.row > .offset8_15 {
  margin-left: 53.333%;
  margin-left: -webkit-calc(53.333% + 25px);
  margin-left: -moz-calc(53.333% + 25px);
  margin-left: calc(53.333% + 25px); }

.row > .col11_15 {
  width: 73.333%;
  width: -webkit-calc(73.333% - 25px);
  width: -moz-calc(73.333% - 25px);
  width: calc(73.333% - 25px); }

.row > .offset11_15 {
  margin-left: 73.333%;
  margin-left: -webkit-calc(73.333% + 25px);
  margin-left: -moz-calc(73.333% + 25px);
  margin-left: calc(73.333% + 25px); }

.row > .col13_15 {
  width: 86.667%;
  width: -webkit-calc(86.667% - 25px);
  width: -moz-calc(86.667% - 25px);
  width: calc(86.667% - 25px); }

.row > .offset13_15 {
  margin-left: 86.667%;
  margin-left: -webkit-calc(86.667% + 25px);
  margin-left: -moz-calc(86.667% + 25px);
  margin-left: calc(86.667% + 25px); }

.row > .col14_15 {
  width: 93.333%;
  width: -webkit-calc(93.333% - 25px);
  width: -moz-calc(93.333% - 25px);
  width: calc(93.333% - 25px); }

.row > .offset14_15 {
  margin-left: 93.333%;
  margin-left: -webkit-calc(93.333% + 25px);
  margin-left: -moz-calc(93.333% + 25px);
  margin-left: calc(93.333% + 25px); }

.row > .col1_16 {
  width: 6.25%;
  width: -webkit-calc(6.25% - 25px);
  width: -moz-calc(6.25% - 25px);
  width: calc(6.25% - 25px); }

.row > .offset1_16 {
  margin-left: 6.25%;
  margin-left: -webkit-calc(6.25% + 25px);
  margin-left: -moz-calc(6.25% + 25px);
  margin-left: calc(6.25% + 25px); }

.row > .col3_16 {
  width: 18.75%;
  width: -webkit-calc(18.75% - 25px);
  width: -moz-calc(18.75% - 25px);
  width: calc(18.75% - 25px); }

.row > .offset3_16 {
  margin-left: 18.75%;
  margin-left: -webkit-calc(18.75% + 25px);
  margin-left: -moz-calc(18.75% + 25px);
  margin-left: calc(18.75% + 25px); }

.row > .col5_16 {
  width: 31.25%;
  width: -webkit-calc(31.25% - 25px);
  width: -moz-calc(31.25% - 25px);
  width: calc(31.25% - 25px); }

.row > .offset5_16 {
  margin-left: 31.25%;
  margin-left: -webkit-calc(31.25% + 25px);
  margin-left: -moz-calc(31.25% + 25px);
  margin-left: calc(31.25% + 25px); }

.row > .col7_16 {
  width: 43.75%;
  width: -webkit-calc(43.75% - 25px);
  width: -moz-calc(43.75% - 25px);
  width: calc(43.75% - 25px); }

.row > .offset7_16 {
  margin-left: 43.75%;
  margin-left: -webkit-calc(43.75% + 25px);
  margin-left: -moz-calc(43.75% + 25px);
  margin-left: calc(43.75% + 25px); }

.row > .col9_16 {
  width: 56.25%;
  width: -webkit-calc(56.25% - 25px);
  width: -moz-calc(56.25% - 25px);
  width: calc(56.25% - 25px); }

.row > .offset9_16 {
  margin-left: 56.25%;
  margin-left: -webkit-calc(56.25% + 25px);
  margin-left: -moz-calc(56.25% + 25px);
  margin-left: calc(56.25% + 25px); }

.row > .col11_16 {
  width: 68.75%;
  width: -webkit-calc(68.75% - 25px);
  width: -moz-calc(68.75% - 25px);
  width: calc(68.75% - 25px); }

.row > .offset11_16 {
  margin-left: 68.75%;
  margin-left: -webkit-calc(68.75% + 25px);
  margin-left: -moz-calc(68.75% + 25px);
  margin-left: calc(68.75% + 25px); }

.row > .col13_16 {
  width: 81.25%;
  width: -webkit-calc(81.25% - 25px);
  width: -moz-calc(81.25% - 25px);
  width: calc(81.25% - 25px); }

.row > .offset13_16 {
  margin-left: 81.25%;
  margin-left: -webkit-calc(81.25% + 25px);
  margin-left: -moz-calc(81.25% + 25px);
  margin-left: calc(81.25% + 25px); }

.row > .col15_16 {
  width: 93.75%;
  width: -webkit-calc(93.75% - 25px);
  width: -moz-calc(93.75% - 25px);
  width: calc(93.75% - 25px); }

.row > .offset15_16 {
  margin-left: 93.75%;
  margin-left: -webkit-calc(93.75% + 25px);
  margin-left: -moz-calc(93.75% + 25px);
  margin-left: calc(93.75% + 25px); }

.grid {
  position: relative; }

.grid:after {
  content: ' ';
  display: block;
  clear: both; }

.grid > [class*="col"] {
  float: left; }

.grid > .col1_4 {
  width: 25%; }

.grid > .col1_2,
.grid > .col2_4,
.grid > .col3_6 {
  width: 50%; }

.grid > .col3_4 {
  width: 75%; }

.grid > .col1_1,
.grid > .col2_2,
.grid > .col3_3,
.grid > .col4_4,
.grid > .col5_5,
.grid > .col6_6 {
  width: 100%; }

.grid > .col1_3,
.grid > .col2_6 {
  width: 33.333%; }

.grid > .col2_3,
.grid > .col4_6 {
  width: 66.666%; }

.grid > .col1_5 {
  width: 20%; }

.grid > .col2_5 {
  width: 40%; }

.grid > .col3_5 {
  width: 60%; }

.grid > .col4_5 {
  width: 80%; }

.grid > .col1_6 {
  width: 16.666%; }

.grid > .col5_6 {
  width: 83.333%; }

.grid > .col1_7 {
  width: 14.285%; }

.grid > .col1_8 {
  width: 12.5%; }

.grid > .col1_9 {
  width: 11.111%; }

.grid > .col1_10 {
  width: 10%; }

.grid > .offset1_1 {
  margin-left: 100%; }

.grid > .offset1_2 {
  margin-left: 50%; }

.grid > .offset1_3 {
  margin-left: 33.333%; }

.grid > .offset1_4 {
  margin-left: 25%; }

.grid > .offset1_5 {
  margin-left: 20%; }

.grid > .offset1_6 {
  margin-left: 16.666%; }

.grid > .offset1_7 {
  margin-left: 14.285%; }

.grid > .offset1_8 {
  margin-left: 12.5%; }

.grid > .offset1_9 {
  margin-left: 11.111%; }

.grid > .offset1_10 {
  margin-left: 10%; }

.table-grid {
  display: table;
  border-collapse: separate; }

.table-grid > .row {
  display: table-row;
  margin-left: 0;
  margin-bottom: 5px; }

.table-grid > .row > [class*="col"] {
  display: table-cell;
  float: none;
  width: auto; }

.table-grid > .row > .col1_3 {
  width: 33.333%; }

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px; }

.show-grid [class*="span"],
.show-grid [class*="col"] {
  background-color: #578ec8;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
  color: #fff; }

@media screen and (max-width: 767px) {
  .row,
  .row > [class*="span"],
  .row > [class*="col"],
  .grid,
  .grid > [class*="col"] {
    width: auto;
    float: none;
    display: block;
    margin-left: 0; }

  .table-grid,
  .table-grid > .grid,
  .table-grid > .grid > [class*="col"] {
    float: none;
    display: block;
    width: auto; } }
/* @end */
xmp {
  margin: 0 0 1em;
  background: yellow;
  color: #000;
  overflow: hidden;
  font-size: 10px; }

html, body {
  margin: 0;
  padding: 0;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.55;
  color: #4d4d4d;
  text-align: left;
  min-width: 320px; }

html {
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: #f5f5f5; }

body {
  padding: 0;
  background: #f5f5f5 url(images/lightpaperfibers.jpg) center top; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

em strong,
strong em {
  font-weight: bold;
  font-style: italic; }

.mobile-only {
  display: none; }

.hidden {
  display: block;
  position: absolute;
  top: -10000px;
  height: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden; }

.clear {
  clear: both; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.entity {
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial, Helvetica, sans-serif; }

.text-sans-serif {
  font-family: Lato, sans-serif; }

.text-serif {
  font-family: Merriweather, serif; }

.text-aligncenter,
.text-center {
  text-align: center; }

.text-alignright,
.text-right {
  text-align: right; }

.text-alignleft,
.text-left {
  text-align: left; }

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

img[align=left],
img.alignleft {
  margin: 7px 15px 20px 0; }

img[align=right],
img.alignright {
  margin: 7px 0 20px 15px; }

img.aligncenter {
  display: block;
  margin: 15px auto 15px auto; }

img.circle {
  border-radius: 50%; }

img,
a > img {
  border: 0; }

a {
  color: #569eb5;
  text-decoration: none;
  font-weight: 400;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  a:hover {
    text-decoration: underline;
    color: #5f5394; }
  a.more {
    white-space: nowrap; }

p {
  margin: 0 0 1em 0; }

p:last-child {
  margin-bottom: 0; }

iframe {
  max-width: 100%; }

.intro {
  margin: 0.5em 0 1em;
  font-size: 1.28em; }

.clickable {
  cursor: pointer; }

.anchor:before {
  content: "";
  display: block;
  height: 120px;
  margin: -120px 0 0; }

h1, h2, h5, h6 {
  margin: 1.25em 0 0.1em;
  padding: 0;
  clear: both;
  font-family: "Open Sans", Lato, sans-serif, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25; }
  h1.inline, h2.inline, h5.inline, h6.inline {
    display: inline;
    margin-right: 1em; }
  h1 a, h2 a, h5 a, h6 a {
    text-decoration: none; }

h3, h4 {
  margin: 1.25em 0 0.1em;
  padding: 0;
  clear: both;
  font-family: Merriweather, serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;
  color: #5f5394; }
  h3.inline, h4.inline {
    display: inline;
    margin-right: 1em; }
  h3 a, h4 a {
    text-decoration: none; }

h1 {
  margin: 0 0 20px 0;
  font-size: 250%;
  line-height: 1.1; }

h2 {
  margin: 1.3em 0 0.25em;
  font-size: 170%;
  color: #4d4d4d; }

.single-sermons h2 {
  margin: 0 0 0.45em; }

h3 {
  font-size: 128%; }

h4 {
  font-size: 115%; }

h5 {
  font-size: 100%; }

h6 {
  margin-bottom: .25em;
  font-size: 80%;
  text-transform: uppercase;
  font-weight: 600;
  color: #777; }

ul {
  margin: 0 0 1em; }

hr {
  margin: 2.5em auto;
  width: 100%;
  border-bottom: 2px solid #ddd;
  border-top: none;
  border-left: none;
  border-right: none; }

.wp-caption-text {
  padding-bottom: 15px;
  font-style: italic;
  font-size: 90%; }

.headshot {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin: 50px auto 15px auto !important; }

th, td {
  border: 0; }

blockquote {
  box-sizing: border-box;
  position: relative;
  margin: 1.7em 0;
  padding: 10px 20px;
  font-family: Merriweather, serif;
  font-style: italic;
  color: #5f5394; }
  blockquote p {
    position: relative;
    z-index: 1;
    line-height: 1.75em; }
  blockquote footer {
    display: block;
    font: inherit;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    font-size: .85em;
    font-style: normal;
    letter-spacing: 0.05em;
    font-weight: bold; }
  blockquote cite {
    display: block;
    margin: 10px 0 0 0;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 85%;
    line-height: normal;
    letter-spacing: 0.05em; }
    blockquote cite:before {
      content: '\2014';
      margin-right: 0.25em; }
  blockquote.alignright {
    width: 50%;
    margin: 0 0 1em 1em; }
  blockquote.alignleft {
    width: 50%;
    margin: 0 1em 1em 0; }

input[type="submit"],
input[type="button"],
button,
.button {
  position: relative;
  display: inline-block;
  margin: 0em 0 0;
  padding: 10px 30px;
  font-family: Lato, sans-serif;
  font-size: 0.75em;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1;
  cursor: pointer;
  color: #5f5394;
  -webkit-appearance: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background: none;
  background-clip: padding-box;
  border: 2px solid #5f5394;
  border-radius: 4px;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  input[type="submit"].aligncenter, input[type="submit"].center,
  input[type="button"].aligncenter,
  input[type="button"].center,
  button.aligncenter,
  button.center,
  .button.aligncenter,
  .button.center {
    display: block;
    max-width: 250px;
    margin: 0 auto 1em;
    text-align: center; }
  input[type="submit"]:hover,
  input[type="button"]:hover,
  button:hover,
  .button:hover {
    background-color: #5f5394;
    color: white;
    text-decoration: none; }
  input[type="submit"].white,
  input[type="button"].white,
  button.white,
  .button.white {
    color: white;
    border-color: white; }
    input[type="submit"].white:hover,
    input[type="button"].white:hover,
    button.white:hover,
    .button.white:hover {
      background-color: white;
      color: #4d4d4d; }
  input[type="submit"].loading:after,
  input[type="button"].loading:after,
  button.loading:after,
  .button.loading:after {
    position: absolute;
    right: -40px;
    top: 50%;
    margin: -15px 0 0 0;
    display: block;
    background: url(images/loading.png) no-repeat center top;
    width: 30px;
    height: 30px;
    content: ' ';
    -webkit-animation: loading 1s steps(19) infinite;
    -moz-animation: loading 1s steps(19) infinite;
    -ms-animation: loading 1s steps(19) infinite;
    -o-animation: loading 1s steps(19) infinite;
    animation: loading 1s steps(19) infinite; }
  input[type="submit"].done,
  input[type="button"].done,
  button.done,
  .button.done {
    cursor: default;
    color: #555;
    border-color: #555; }
    input[type="submit"].done:hover,
    input[type="button"].done:hover,
    button.done:hover,
    .button.done:hover {
      color: #555;
      background: none; }

button.unstyled,
.button.unstyled {
  padding: 3px 5px;
  background: none;
  color: #363636;
  font-size: 100%;
  font-family: arial,sans-serif;
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

button.unstyled:hover {
  background: #eeeeee; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  line-height: 1;
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px; }

textarea {
  width: 100%; }

.toggle {
  cursor: pointer; }

.question {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e3e6; }

.expandable img {
  margin-bottom: 0.5em; }
.expandable:hover {
  text-decoration: underline; }
  .expandable:hover img {
    opacity: 0.7; }
.expandable:after {
  margin-right: 17px;
  font-size: 1em;
  font-weight: 600;
  position: relative;
  content: "\20+";
  bottom: 0; }
.expandable.opened:after {
  content: '\20\2013'; }

.expandable {
  cursor: pointer;
  position: relative; }

.expandable > .i {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0px 0 0 10px;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear; }

.expand-content {
  display: none;
  margin: 0 0 20px 0; }

h2.section {
  margin-bottom: 2em;
  padding: 1em 0;
  text-align: center;
  font-weight: 600;
  border-bottom: 3px solid #F44336; }

/*@media screen and (max-width:767px) {
    body {
        font-size: 16px;
    }
}*/
@media screen and (max-width: 767px) {
  /*body {
      font-size: 14px;
  }*/
  .mobile-hide {
    display: none; }

  .mobile-only {
    display: block; } }
.fb_iframe_widget,
.fb_iframe_widget > span {
  max-width: 100%;
  width: 100%; }

#banner {
  position: relative;
  height: 400px;
  background: url(images/banner.jpg) no-repeat center;
  background-size: cover;
  border-bottom: 5px solid #eaae36; }
  #banner:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: -webkit-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: -o-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: -ms-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4)); }
  #banner:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/fuzz2.png) center; }
  .section-about #banner {
    background-image: url(images/banner_about.jpg); }
  .section-services #banner {
    background-image: url(images/banner_services.jpg); }
  .section-st-marks-community #banner {
    background-image: url(images/banner_community.jpg); }
  .section-learning #banner {
    background-image: url(images/banner_learning.jpg); }
  .section-get-involved #banner {
    background-image: url(images/banner_get-involved.jpg); }
  .section-service-justice #banner {
    background-image: url(images/banner_justice.jpg); }
  .section-youth-family-ministries #banner {
    background-image: url(images/banner_youth.jpg); }
  #banner > .wrap {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
    #banner > .wrap > .content {
      position: relative;
      z-index: 1;
      display: table-cell;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      vertical-align: middle;
      text-align: center; }
      #banner > .wrap > .content h1 {
        font-size: 450%;
        font-family: Lato, sans-serif;
        color: white;
        font-weight: normal;
        text-shadow: 0px 2px 70px gray;
        text-transform: uppercase;
        max-width: 800px;
        margin: 0 auto; }
        #banner > .wrap > .content h1:last-child {
          margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          #banner > .wrap > .content h1 {
            font-size: 300%; } }

#subnav {
  display: none;
  position: relative;
  z-index: 10;
  background: #c7cdcd;
  text-align: center;
  padding: 9px 0 10px; }
  #subnav ul, #subnav li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #subnav > ul > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px; }
    #subnav > ul > li > ul {
      position: absolute;
      display: none;
      left: 0;
      top: 100%;
      padding: 15px 0;
      width: 100%;
      background: #f5f5f5;
      font-size: 80%;
      text-transform: uppercase; }
      #subnav > ul > li > ul.sub-menu {
        border-bottom: 1px solid #ccc; }
      #subnav > ul > li > ul > li {
        display: inline-block;
        margin: 0 0.5em;
        color: #5f5394; }
        @media screen and (max-width: 767px) {
          #subnav > ul > li > ul > li {
            margin: 0.3em 0.5em; } }
        #subnav > ul > li > ul > li a {
          color: gray; }
      #subnav > ul > li > ul > li.current-menu-ancestor > a,
      #subnav > ul > li > ul > li.current-menu-item > a,
      #subnav > ul > li > ul > li.current_page_item > a,
      #subnav > ul > li > ul > li.current_page_ancestor > a,
      #subnav > ul > li > ul > li > a:hover {
        color: #5f5394;
        text-decoration: none; }
    #subnav > ul > li > a {
      position: relative;
      display: inline-block;
      padding: 10px 0px;
      font-weight: 600;
      font-size: 16px;
      color: #454746;
      line-height: 1;
      text-transform: uppercase;
      text-decoration: none; }
      #subnav > ul > li > a:after {
        content: ' ';
        display: none;
        position: absolute;
        width: 0;
        height: 0;
        top: 100%;
        left: 50%;
        margin: 9px 0 0 -16px;
        border: 12px solid #c7cdcd;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 0;
        z-index: 10; }
      @media screen and (max-width: 767px) {
        #subnav > ul > li > a:after {
          content: none; } }
      #subnav > ul > li > a:hover {
        color: #5f5394; }
    #subnav > ul > li.current-menu-item > a, #subnav > ul > li.current-page-ancestor.menu-item-has-children > a, #subnav > ul > li.current-menu-ancestor > a, #subnav > ul > li.selected > a {
      color: #5f5394; }
      #subnav > ul > li.current-menu-item > a:after, #subnav > ul > li.current-page-ancestor.menu-item-has-children > a:after, #subnav > ul > li.current-menu-ancestor > a:after, #subnav > ul > li.selected > a:after {
        display: block; }
  #subnav > ul > li.selected > ul, #subnav > ul #subnav > ul > li.current-menu-item > ul,
  #subnav > ul > li.current-menu-ancestor > ul,
  #subnav > ul > li.current_page_item > ul,
  #subnav > ul > li.current_page_ancestor > ul {
    display: block; }
  #subnav > ul > li.current-menu-ancestor > a {
    color: #5f5394; }

#subnav > ul > li > ul > li.current-menu-ancestor > a,
#subnav > ul > li > ul > li.current-menu-item > a,
#subnav > ul > li > ul > li.current_page_item > a,
#subnav > ul > li > ul > li.current_page_ancestor > a, #subnav > ul > li > ul > li > a:hover {
  text-decoration: none; }

body.post-type-archive-sermons #subnav > ul > li.sermons > a,
body.tax-speakers #subnav > ul > li.sermons > a,
body.tax-book #subnav > ul > li.sermons > a {
  color: #5f5394; }
  body.post-type-archive-sermons #subnav > ul > li.sermons > a:after,
  body.tax-speakers #subnav > ul > li.sermons > a:after,
  body.tax-book #subnav > ul > li.sermons > a:after {
    display: block; }

#header {
  position: relative;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  height: 200px;
  box-sizing: border-box;
  background-color: #666666; }
  #header .logo {
    position: relative;
    max-width: 275px;
    margin: 3px auto; }
  @media screen and (max-width: 767px) {
    #header {
      background: rgba(61, 60, 58, 0.97);
      padding: 12px 15px 14px;
      height: auto; }
      #header > .wrap {
        margin: 0 auto;
        max-width: none; }
      #header .logo {
        left: auto;
        top: auto;
        position: relative;
        margin: 0;
        background: url(/wp-content/themes/stmarks/images/logo_white.png) no-repeat;
        background-size: contain;
        height: 45px; }
        #header .logo img {
          height: 45px;
          width: auto;
          display: none; } }
  @media screen and (max-width: 340px) {
    #header .logo img {
      height: 38px; } }

#top-nav {
  display: block;
  position: relative;
  text-align: center; }
  #top-nav .links {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  #top-nav .item {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 10px 15px;
    vertical-align: middle;
    color: #eaae36;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    /*&.tab.on:after {
        position: absolute;
        bottom: -8px;
        left: 0;
        content: ' ';
        display: block;
        width: 100%;
        height: 8px;
        background: #3d3c3a;
    }
    &.double-height {
        line-height: 15px;
    }*/ }
    #top-nav .item strong {
      font-weight: 400; }
    #top-nav .item.tab {
      margin-left: 5px;
      margin-right: 5px;
      padding-left: 22px; }
    #top-nav .item.tab.on, #top-nav .item.tab:hover {
      background: #3d3c3a; }
    #top-nav .item.has-icon {
      padding-right: 35px; }
      #top-nav .item.has-icon > .icon {
        position: absolute;
        top: 50%;
        right: 10px;
        line-height: 42px;
        height: 40px;
        margin: -22px 0 0 0;
        font-size: 18px; }
      #top-nav .item.has-icon.tab > .icon {
        font-size: 22px; }
  #top-nav form input[type="text"] {
    padding: 0;
    border: 0;
    margin: 0;
    background: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    height: 25px;
    font-size: 12px;
    width: 5em;
    color: #eaae36;
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -ms-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear; }
  #top-nav form ::-webkit-input-placeholder {
    color: #eaae36;
    text-transform: uppercase; }
  #top-nav form ::-moz-placeholder {
    color: #eaae36;
    text-transform: uppercase; }
  #top-nav form :-ms-input-placeholder {
    color: #eaae36;
    text-transform: uppercase; }
  #top-nav form :-moz-placeholder {
    color: #eaae36;
    text-transform: uppercase; }
  #top-nav form button {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 30px;
    color: #eaae36;
    padding: 0;
    margin: -15px 0 0 0;
    border: 0;
    background: none;
    font-size: 16px; }
  .search-on #top-nav a.item,
  .search-on #top-nav div.item {
    opacity: 0; }
  .search-on #top-nav form input[type="text"] {
    width: 260px; }
  @media screen and (max-width: 767px) {
    #top-nav {
      display: block;
      position: absolute;
      top: 50%;
      right: 50px;
      margin: -15px 4px 0 0;
      width: initial; }
      #top-nav .item,
      #top-nav .item.has-icon {
        padding: 0 0 10px;
        width: 33px;
        background: none;
        margin: 0 auto; }
        #top-nav .item strong,
        #top-nav .item.has-icon strong {
          display: none; }
        #top-nav .item > .icon,
        #top-nav .item.has-icon > .icon {
          position: relative;
          top: auto;
          right: auto;
          margin: 0 auto;
          line-height: 30px; }
      #top-nav form.item {
        display: none; }
        #top-nav form.item input[type="text"] {
          display: none;
          width: 260px;
          width: calc(100% - 0px); }
      .search-on #top-nav a.item,
      .search-on #top-nav div.item {
        opacity: 1; } }

#time-location-popout {
  display: block;
  position: absolute;
  z-index: 10;
  top: 50px;
  background-color: #3d3c3a;
  background: rgba(61, 60, 58, 0.97);
  margin-top: 4px;
  padding: 0 10px;
  max-height: 0px;
  color: #ddd;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  box-sizing: border-box;
  margin: 0 auto;
  margin-left: -300px;
  left: 50%; }
  #time-location-popout .grid {
    box-sizing: border-box;
    padding: 10px; }
    #time-location-popout .grid a {
      color: #eaae36;
      font-size: 90%;
      text-transform: uppercase; }
    #time-location-popout .grid a:hover {
      color: white; }
  .location-on #time-location-popout {
    max-height: 420px;
    padding: 25px 32px; }
  .search-on #time-location-popout {
    opacity: 0; }
  #time-location-popout .label {
    margin: 0 0 0.25em;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.05em; }
  #time-location-popout .second {
    margin-top: 15px; }
  #time-location-popout h4 {
    margin: 0;
    font-size: 130%;
    font-weight: 200;
    color: #569eb5; }
  #time-location-popout h4 span {
    font-size: 70%;
    color: #ddd;
    font-style: italic; }
  @media screen and (max-width: 767px) {
    #time-location-popout {
      right: 0;
      top: 74px; }
      .location-on #time-location-popout {
        padding: 15px;
        width: 100%;
        font-size: 90%;
        top: 71px;
        left: 0;
        margin: 0; }
        .location-on #time-location-popout .col2_5 {
          margin-top: 15px; }
        .location-on #time-location-popout .grid > [class*="col"] {
          float: left;
          padding-right: 40px;
          margin-top: 0;
          margin-bottom: 20px; } }

#nav {
  position: relative;
  margin-top: 14px;
  font-family: Lato, sans-serif;
  text-align: center; }
  #nav ul, #nav li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #nav > ul > li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    line-height: 1; }
    #nav > ul > li > a {
      position: relative;
      display: inline-block;
      color: white;
      padding: 10px;
      font-size: 18px;
      font-weight: 500; }
      #nav > ul > li > a:after {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        margin: -8px 0 0 -10px;
        content: ' ';
        border: 10px solid #eaae36;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 0; }
      #nav > ul > li > a:hover {
        color: #eaae36;
        text-decoration: none; }
    #nav > ul > li > ul {
      display: none;
      position: absolute;
      z-index: 100;
      top: 60px;
      left: 50%;
      width: 200px;
      margin: 0px 0 0 -100px;
      background: #eaae36;
      text-align: center;
      font-size: 13px;
      padding: 5px 0;
      font-family: Lato, sans-serif; }
      #nav > ul > li > ul:before {
        position: absolute;
        top: -8px;
        left: 50%;
        margin: 0 0 0 -10px;
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border: 8px solid #eaae36;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 0; }
      #nav > ul > li > ul:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 5px;
        background: rgba(148, 99, 0, 0.3); }
      #nav > ul > li > ul > li {
        position: relative;
        z-index: 1; }
        #nav > ul > li > ul > li.has-submenu:after {
          font-family: "fontawesome";
          font-weight: normal;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-transform: none !important;
          content: "";
          display: block;
          position: absolute;
          top: 0px;
          right: 0;
          width: 40px;
          height: 40px;
          margin: 0px 0 0 0;
          color: white;
          text-align: center;
          line-height: 40px;
          font-weight: normal;
          font-size: 20px; }
        #nav > ul > li > ul > li.hover:after {
          content: ""; }
        #nav > ul > li > ul > li > a {
          display: block;
          padding: 12px 36px 12px 20px;
          line-height: normal;
          color: white;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: 400;
          font-size: 14px;
          text-align: left; }
          #nav > ul > li > ul > li > a:hover {
            background-color: rgba(148, 99, 0, 0.3); }
        #nav > ul > li > ul > li > ul {
          display: none;
          position: relative;
          z-index: 100;
          top: 0px;
          left: 50%;
          width: 200px;
          margin: 0px 0 0 -100px;
          background: #cf9117;
          text-align: center;
          font-size: 13px;
          padding: 5px 0;
          font-family: Lato, sans-serif; }
          #nav > ul > li > ul > li > ul > li {
            position: relative;
            z-index: 1; }
            #nav > ul > li > ul > li > ul > li > a {
              display: block;
              padding: 12px 30px;
              line-height: normal;
              color: white;
              text-transform: uppercase;
              text-decoration: none;
              font-weight: 400;
              font-size: 13px;
              text-align: left; }
              #nav > ul > li > ul > li > ul > li > a:hover {
                background-color: rgba(148, 99, 0, 0.4); }
    #nav > ul > li.current-menu-item > a, #nav > ul > li.current-menu-ancestor > a {
      color: #eaae36; }
      #nav > ul > li.current-menu-item > a:after, #nav > ul > li.current-menu-ancestor > a:after {
        display: block; }
  #nav form {
    position: relative;
    padding: 0 40px 0 10px; }
    #nav form input[type="text"] {
      padding: 5px;
      border: 0;
      margin: 0;
      background: none;
      display: inline-block;
      vertical-align: middle;
      line-height: 25px;
      font-size: 12px;
      width: 100%;
      color: #eaae36;
      -webkit-transition: width 0.2s linear;
      -moz-transition: width 0.2s linear;
      -ms-transition: width 0.2s linear;
      -o-transition: width 0.2s linear;
      transition: width 0.2s linear;
      box-sizing: border-box; }
    #nav form ::-webkit-input-placeholder {
      color: #eaae36;
      text-transform: uppercase; }
    #nav form ::-moz-placeholder {
      color: #eaae36;
      text-transform: uppercase; }
    #nav form :-ms-input-placeholder {
      color: #eaae36;
      text-transform: uppercase; }
    #nav form :-moz-placeholder {
      color: #eaae36;
      text-transform: uppercase; }
    #nav form button {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 30px;
      height: 30px;
      color: #eaae36;
      padding: 0;
      margin: -15px 0 0 0;
      border: 0;
      background: none;
      font-size: 16px; }
    @media screen and (max-width: 767px) {
      #nav form {
        margin: 20px 10px 0;
        padding: 10px 0 0;
        border-top: 1px solid gray; }
        #nav form input[type="text"] {
          font-size: 15px; }
        #nav form .fa-search {
          padding-top: 10px; } }
  @media screen and (max-width: 1040px) {
    #nav > ul > li {
      margin: 0; } }
  @media screen and (max-width: 980px) {
    #nav > ul > li a {
      font-size: 16px;
      padding: 10px 8px; } }
  @media screen and (max-width: 850px) {
    #nav {
      width: 100%; }
      #nav > ul > li a {
        padding: 10px 5px; } }
  @media screen and (max-width: 800px) {
    #nav > ul > li a {
      font-size: 15px; } }
  @media screen and (max-width: 767px) {
    #nav {
      position: absolute;
      left: 0;
      width: 100%;
      background: rgba(61, 60, 58, 0.97);
      max-height: 0;
      padding: 0;
      overflow: hidden;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      box-sizing: border-box;
      text-align: left; }
      .nav-on #nav {
        max-height: 5000px;
        padding: 20px 5px; }
      #nav > ul {
        margin: 0 5px;
        position: relative; }
        #nav > ul > li {
          position: relative;
          display: block; }
          #nav > ul > li > a {
            display: block;
            font-size: 18px;
            color: white; }
            #nav > ul > li > a:after {
              display: none !important; }
          #nav > ul > li.has-submenu:after {
            font-family: "fontawesome";
            font-weight: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-transform: none !important;
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            right: 5px;
            width: 40px;
            height: 40px;
            margin: 0px 0 0 0;
            color: white;
            text-align: center;
            line-height: 40px;
            font-weight: bold;
            font-size: 25px; }
          #nav > ul > li.hover:after {
            content: ""; }
          #nav > ul > li > ul {
            display: none;
            position: relative;
            top: auto;
            left: auto;
            width: auto;
            text-align: left;
            margin: 0 0 15px 0;
            padding: 5px 0 5px 30px;
            background: rgba(0, 0, 0, 0.1); }
            #nav > ul > li > ul:before {
              display: none; }
            #nav > ul > li > ul > li.has-submenu:after {
              font-family: "fontawesome";
              font-weight: normal;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              text-transform: none !important;
              content: "";
              display: block;
              position: absolute;
              top: 0px;
              right: 5px;
              width: 40px;
              height: 40px;
              margin: 0px 0 0 0;
              color: white;
              text-align: center;
              line-height: 40px;
              font-weight: normal;
              font-size: 20px; }
            #nav > ul > li > ul > li.hover:after {
              content: ""; }
            #nav > ul > li > ul > li > a {
              padding: 15px 10px; }
            #nav > ul > li > ul > li > ul {
              display: none;
              position: relative;
              top: auto;
              left: auto;
              width: auto;
              text-align: left;
              margin: 0 0 15px 0;
              padding: 5px 0 5px 30px;
              background: rgba(0, 0, 0, 0.1); }
              #nav > ul > li > ul > li > ul:before {
                display: none; }
              #nav > ul > li > ul > li > ul > li > a {
                padding: 12px 10px; } }

#nav-toggle {
  display: none;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 28px;
  height: 28px;
  margin: -16px 0 0 0;
  background: none;
  cursor: pointer; }
  #nav-toggle:before, #nav-toggle:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    margin: -9px 0 0 0;
    background: white;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0; }
  #nav-toggle:after {
    top: auto;
    bottom: 50%;
    margin: 0 0 -12px 0; }
  #nav-toggle .bar {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0px;
    height: 3px;
    width: 100%;
    background: white;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .nav-on #nav-toggle:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 38px;
    margin: -12px 0 0 30px; }
  .nav-on #nav-toggle:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 36px;
    margin: 0 0 -17px 28px; }
  .nav-on #nav-toggle .bar {
    left: 20px;
    width: 0;
    opacity: 0; }
  @media screen and (max-width: 767px) {
    #nav-toggle {
      display: block; } }

#footer {
  padding: 60px 0 50px;
  background: #393939 url(images/bg-footer.jpg) center no-repeat;
  background-size: cover;
  text-align: center;
  color: white; }
  #footer h4 {
    position: relative;
    margin: 0 auto;
    background: url(/wp-content/uploads/2021/06/house-of-worship-for-all-RAINBOW.png) no-repeat center;
    background-size: contain;
    height: 57px;
    overflow: hidden;
    text-indent: -10000px; }
  #footer a {
    color: white;
    font-weight: normal; }
  #footer a:hover {
    color: #eaae36; }
  #footer .grid {
    margin-bottom: 80px; }
  #footer .btn {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none; }
    #footer .btn .icon {
      display: block;
      padding: 0 0 15px 0;
      color: #eaae36;
      font-size: 24px; }
  #footer .content {
    margin: 0 0 10px 0;
    font-size: 14px; }
  #footer .copyright {
    font-size: 12px; }
  @media screen and (max-width: 767px) {
    #footer .grid .col1_5 {
      margin: 0 0 20px 0;
      display: inline-block;
      vertical-align: text-top;
      width: 25%;
      min-width: 120px; } }

#wrap {
  position: relative; }

.wrap {
  max-width: 1024px;
  margin: 0 auto; }
  @media screen and (max-width: 1054px) {
    .wrap {
      margin: 0 15px; } }

.wrap2 {
  max-width: 670px;
  margin: 0 auto; }
  @media screen and (max-width: 700px) {
    .wrap2 {
      margin: 0 15px; } }

#main {
  position: relative;
  min-height: 400px;
  margin: 50px 0; }
  #main .row.yoga {
    border-bottom: 1px dotted #4d4d4d;
    padding-bottom: 1em; }

#banner.hero {
  height: 620px;
  background-size: cover; }
  #banner.hero > .wrap {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    z-index: 5;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    #banner.hero > .wrap > .content {
      padding-top: 50px;
      padding-bottom: 0;
      vertical-align: middle;
      color: white; }
      #banner.hero > .wrap > .content .message-box {
        position: relative;
        background-color: #2c7dc1;
        width: 75%;
        max-width: 550px;
        height: 330px;
        margin: 0 auto;
        padding: 5em 4em 3em;
        color: white;
        opacity: 0.9;
        line-height: 1.4;
        margin-top: -50px; }
        #banner.hero > .wrap > .content .message-box p {
          font-size: 1.3em;
          font-family: Merriweather, serif;
          font-style: italic;
          margin: 0 auto; }
          #banner.hero > .wrap > .content .message-box p .button {
            font-style: normal;
            margin-top: 2.5em;
            font-size: 0.75rem; }
        #banner.hero > .wrap > .content .message-box .closed-message {
          font-size: 1.4em;
          font-family: Lato, sans-serif;
          font-weight: bold;
          font-style: normal;
          margin: 0 auto;
          padding-top: 1em;
          padding-bottom: 25px; }
        @media screen and (max-width: 768px) {
          #banner.hero > .wrap > .content .message-box {
            width: 80%;
            height: 80%;
            padding: 10%; }
            #banner.hero > .wrap > .content .message-box p {
              font-size: 1.1em; }
            #banner.hero > .wrap > .content .message-box .closed-message {
              font-size: 1.3em; } }
    #banner.hero > .wrap.on {
      opacity: 1;
      z-index: 6; }
  #banner.hero:before {
    z-index: 1; }
  #banner.hero > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    #banner.hero > .bg.on {
      opacity: 1; }

.section {
  position: relative; }
  .section h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.05em; }

#updates {
  position: relative;
  z-index: 20;
  text-align: center;
  padding: 0 0 50px 0;
  margin-top: -25px;
  background: url(images/bg-pattern.png) center 25px no-repeat;
  background-size: 100% auto; }
  @media screen and (max-width: 1200px) {
    #updates {
      background-size: auto; } }
  @media screen and (max-width: 767px) {
    #updates {
      padding: 0 0 20px 0; } }

#calendar {
  padding: 50px;
  background: #f0e6d4;
  text-align: center; }
  #calendar h2 {
    margin: 0;
    text-transform: uppercase; }
  #calendar .posts {
    margin: 30px 0; }
  #calendar .button {
    border-color: #5f5394;
    color: #5f5394; }
    #calendar .button:hover {
      background-color: #5f5394;
      color: white; }

#latest-sermons {
  position: relative;
  padding: 50px 0;
  text-align: center;
  background: url(images/bg-sermons.jpg) repeat-x;
  background-size: cover;
  color: white; }
  #latest-sermons h2 {
    color: white; }
  #latest-sermons:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: -webkit-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: -o-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: -ms-linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4));
    background-image: linear-gradient(top, rgba(183, 151, 67, 0.4), rgba(74, 135, 155, 0.4)); }
  #latest-sermons .button {
    position: relative;
    z-index: 1;
    border-color: white;
    color: white; }
    #latest-sermons .button:hover {
      background-color: white;
      color: #4d4d4d; }
  #latest-sermons > .wrap {
    position: relative;
    z-index: 1;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 40px;
    background: white;
    color: #4d4d4d; }
    @media screen and (max-width: 767px) {
      #latest-sermons > .wrap {
        padding-bottom: 10px; } }

.hentry {
  position: relative; }
  .hentry:after {
    content: ' ';
    display: block;
    clear: both; }
  .hentry .meta-top {
    text-transform: uppercase;
    color: #eaae36;
    font-weight: bold;
    font-size: 12px; }
    .hentry .meta-top a {
      color: inherit;
      font-weight: inherit; }
    .hentry .meta-top .sep {
      margin: 0 1em;
      color: #888; }
  .hentry .date-info {
    margin: 0 auto 15px auto;
    color: #4d4d4d;
    text-align: center;
    text-transform: uppercase; }
    .hentry .date-info strong {
      display: block;
      line-height: 1; }
      .hentry .date-info strong.month {
        font-size: 12px; }
      .hentry .date-info strong.day {
        font-size: 22px; }
    @media screen and (max-width: 767px) {
      .hentry .date-info {
        margin-top: 20px; } }
  .hentry .thumbnail {
    display: block;
    width: 240px;
    height: 240px;
    margin: 0 auto 20px auto;
    background: #eee;
    border-radius: 50%; }
    .hentry .thumbnail img {
      border-radius: 50%; }
  .hentry .title {
    margin: 0 0 10px 0;
    font-family: Merriweather, serif;
    font-weight: 400;
    color: #5f5394; }
    .hentry .title a {
      color: inherit; }
  .hentry .meta {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #888;
    font-style: italic;
    font-family: Merriweather, serif; }
    .hentry .meta a {
      color: inherit;
      font-weight: normal; }
  .hentry.featured .content .more {
    display: block;
    padding: 6px 0;
    margin: 20px auto 0;
    max-width: 176px;
    border: 2px solid #5f5394;
    border-radius: 4px;
    text-transform: uppercase;
    color: #5f5394;
    font-size: 0.75em;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center; }
    .hentry.featured .content .more:hover {
      background-color: #5f5394;
      color: white;
      text-decoration: none; }
  @media screen and (max-width: 767px) {
    .hentry.featured .content, .hentry.sermons .content {
      margin-bottom: 30px; } }

.hentry.search {
  margin: 0 0 40px 0; }
  .hentry.search .url {
    display: block;
    margin: 0em 0 0.5em 0;
    color: #999;
    font-size: 85%; }

.hentry.sermons .title {
  color: #569eb5; }
.hentry.sermons .content .more {
  display: none; }

.posts-filter {
  position: relative;
  z-index: 1;
  padding: 0 0 50px;
  margin: 0 auto;
  max-width: 600px;
  text-align: center; }
  .posts-filter > label {
    display: none; }
  .posts-filter .filter {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    font-size: 90%; }
    .posts-filter .filter > strong {
      position: relative;
      display: block;
      padding: 8px 15px;
      border: 0;
      border-radius: 2px;
      font-weight: 400;
      background: #569eb5;
      cursor: pointer;
      color: white;
      text-transform: uppercase; }
      .posts-filter .filter > strong .icon {
        font-size: 20px;
        margin-left: 0.5em; }
      .posts-filter .filter > strong .selected {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 12px; }
    .posts-filter .filter ul, .posts-filter .filter li {
      margin: 0;
      padding: 0;
      list-style: none; }
    .posts-filter .filter > ul {
      display: none;
      position: absolute;
      z-index: 10;
      overflow: hidden;
      border: 0;
      border-radius: 2px;
      background: #569eb5;
      top: 45px;
      width: 100%;
      left: 0%;
      margin: 0 0 0 0px;
      padding: 10px 20px;
      font-size: 14px;
      text-align: left;
      color: white;
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3; }
      .posts-filter .filter > ul > li > a {
        display: inline;
        color: white;
        text-decoration: none; }
        .posts-filter .filter > ul > li > a:hover {
          text-decoration: underline; }
      .posts-filter .filter > ul > li > strong {
        color: white;
        font-size: 1.2em; }
        .posts-filter .filter > ul > li > strong a {
          color: white; }
    .posts-filter .filter > ul.dates {
      -webkit-column-count: auto;
      -moz-column-count: auto;
      column-count: auto; }
      .posts-filter .filter > ul.dates > li {
        display: inline-block;
        vertical-align: text-top;
        width: 49%;
        box-sizing: border-box;
        padding: 0 20px 0 0px;
        width: 49%; }
    .posts-filter .filter.on > ul {
      display: block; }
    .posts-filter .filter.on :after {
      position: absolute;
      left: 0;
      bottom: -8px;
      content: ' ';
      display: block;
      height: 10px;
      width: 100%;
      background: #569eb5; }
  .posts-filter > .tab {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    padding: 8px 15px;
    border: 0;
    border-radius: 2px;
    font-weight: 300;
    background: #569eb5;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 90%; }
    .posts-filter > .tab.on {
      background-color: #eaae36; }
    .posts-filter > .tab:hover {
      background-color: #eaae36;
      text-decoration: none; }

#query-posts .col1_3 {
  margin-bottom: 60px; }
  #query-posts .col1_3 .hentry {
    text-align: center; }
#query-posts .col1_3:nth-child(3n+1) {
  clear: left; }
#query-posts.single-column .hentry {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
  border-bottom: 1px solid #9ba7a7;
  /*
  &.type-event:before {
      content: 'Event';
      text-transform: uppercase;
      color: $color-orange;
      font-weight: bold;
      font-size: 12px;
  }
  &.type-post:before {
      content: 'Announcement';
      text-transform: uppercase;
      color: $color-orange;
      font-weight: bold;
      font-size: 12px;
  }
  */ }
  #query-posts.single-column .hentry .date-info {
    display: none; }

.meta-top {
  text-transform: uppercase;
  color: #eaae36;
  font-weight: bold;
  font-size: 12px; }
  .meta-top a {
    color: inherit;
    font-weight: inherit; }
  .meta-top .sep {
    margin: 0 1em;
    color: #888; }

.meta-info {
  font-size: 14px;
  color: #888;
  font-style: italic;
  font-family: Merriweather, serif;
  margin-bottom: 20px; }

.posts-nav {
  top: 5em;
  clear: both;
  margin: 4em 0 2em;
  white-space: nowrap; }
  .posts-nav.no-ajax {
    visibility: visible; }
  .posts-nav.ajax-pager {
    visibility: visible;
    text-align: center; }
  .posts-nav:after {
    content: ' ';
    display: block;
    clear: both; }
  .posts-nav ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .posts-nav ul li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px 0 0;
      padding: 0;
      list-style: none;
      color: #aaa; }
      .posts-nav ul li.page_info {
        display: none; }
      .posts-nav ul li a {
        display: block;
        padding: 0.5em 0.7em;
        line-height: normal;
        text-decoration: none;
        border: 0;
        color: #999; }
        .posts-nav ul li a:hover {
          color: white;
          background: gray; }
      .posts-nav ul li.active_page {
        color: white;
        background: #5f5394; }
        .posts-nav ul li.active_page a {
          padding: 0.5em 1em;
          color: #fff; }

.series-list .info h2 {
  margin-top: .5em; }

.series-list {
  display: block;
  margin: 0 0 50px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #000; }
  .series-list > .sermons {
    float: right;
    width: 58%; }
    .series-list > .sermons .hentry.title:last-child {
      border-bottom: 0; }
  .series-list > .info {
    float: left;
    width: 38%; }
    .series-list > .info a {
      color: #454746; }
    .series-list > .info h2 {
      font-size: 200%; }
      .series-list > .info h2 small {
        display: block;
        font-size: 50%;
        text-transform: uppercase; }
    .series-list > .info .thumb {
      display: block;
      width: 100%;
      background: #454746 center no-repeat; }
      .series-list > .info .thumb.no-image {
        height: 200px;
        background-image: url(images/logo_white.png);
        background-size: 230px auto; }
      .series-list > .info .thumb img {
        display: block;
        max-width: 100%;
        height: auto; }
  .series-list:last-child {
    border-bottom: 0; }
  .series-list:after {
    content: ' ';
    display: block;
    clear: both; }

@media screen and (max-width: 600px) {
  .series-list {
    display: table;
    width: 100%; }
    .series-list > .sermons {
      float: none;
      width: auto;
      display: table-footer-group; }
    .series-list > .info {
      float: none;
      width: auto;
      display: table-header-group; }
      .series-list > .info h2 {
        margin: 10px 0 20px 0; } }
#share-tools {
  position: absolute;
  z-index: 100;
  top: 50px;
  right: 0; }
  #share-tools .icons {
    position: relative; }
    #share-tools .icons a {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin: 0 auto 5px auto;
      background: #ccc;
      color: white;
      text-decoration: none;
      text-align: center;
      font-size: 20px; }
      #share-tools .icons a.facebook:hover {
        background-color: #2f5790; }
      #share-tools .icons a.twitter:hover {
        background-color: #2aa7d1; }
      #share-tools .icons a.google-plus:hover {
        background-color: #cd4d39; }
      #share-tools .icons a.plus:hover {
        background-color: #f8694d; }
  #share-tools.fixed {
    position: fixed;
    top: 100px; }
  #share-tools.bottom {
    position: absolute;
    top: auto;
    bottom: 0px; }
  @media screen and (max-width: 767px) {
    #share-tools {
      position: relative !important;
      top: auto !important;
      right: auto !important;
      width: auto !important;
      margin: 2em auto;
      text-align: center; }
      #share-tools .icons a {
        display: inline-block;
        margin: 0 10px; } }

#alert {
  position: relative;
  text-align: center;
  padding: 10px 35px;
  font-family: Merriweather, serif;
  background: #eaae36;
  color: #4d4d4d;
  overflow: hidden;
  max-height: 500px;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear; }
  #alert a {
    color: inherit; }
  #alert .close {
    position: absolute;
    top: 8px;
    right: 5px;
    margin: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer; }
  #alert .content {
    display: none; }
  body.alert-content-on #alert .toggle {
    text-decoration: underline; }
  body.alert-off #alert {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0; }

body.styleguide .clickme {
  margin-bottom: 1em;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  background: #569eb5;
  color: white; }
  body.styleguide .clickme:hover {
    cursor: pointer;
    background: #5f5394; }
body.styleguide .placeholders {
  float: left;
  margin: 20px 20px 20px 0;
  padding: 50px 5px 0;
  box-sizing: border-box;
  text-align: center;
  background-color: #eee; }
body.styleguide article {
  display: none; }
body.styleguide .code_area {
  min-height: 200px;
  padding: 25px;
  margin-bottom: 1em;
  vertical-align: middle;
  box-sizing: border-box;
  overflow-x: hidden;
  color: white;
  font-family: "Consolas", "Lucida Console", Monaco, monospace;
  background-color: #252525;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px; }
body.styleguide .tag {
  color: #86c0ed; }
body.styleguide summary.styleguide {
  cursor: pointer;
  border: 0;
  outline: 0; }
body.styleguide details.primer {
  position: relative;
  display: block;
  clear: both;
  margin: 2.5em 0;
  background-color: #e9e9e9;
  border-bottom: 2px solid #e9e9e9; }
  body.styleguide details.primer summary {
    position: absolute;
    right: 0;
    top: -2.5em;
    padding: 0.75em;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    background-color: #e9e9e9; }
    body.styleguide details.primer summary::-webkit-details-marker {
      display: none; }
  body.styleguide details.primer section {
    overflow: hidden;
    padding: 3% 1.5% 1.5%; }
body.styleguide details .caption {
  margin-bottom: 0; }
body.styleguide .circle {
  width: 100px;
  height: 100px;
  margin: 0 20px 20px 0;
  float: left;
  text-align: center;
  font-size: 75%;
  border-radius: 50%; }
  body.styleguide .circle p {
    margin-top: 25px; }
@media screen and (max-width: 767px) {
  body.styleguide .code_area {
    margin-bottom: 20px; } }

/*# sourceMappingURL=style.css.map */