@charset "UTF-8";
/*!
Theme Name: 9Marks
Author URI: http://openbox9.com
*/
@import url(fonts/styles.css?a);
img.sample {
  background: #00aaee;
}

/* @group Grid Layout */
.row {
  position: relative;
  margin-bottom: 20px;
  zoom: 1;
}
.row:after {
  content: " ";
  display: block;
  clear: both;
}
.row:last-child {
  margin-bottom: 0;
}
.row.group {
  margin-bottom: 0;
}

/*! 16 grid, 15px margins */
.row > [class*=span],
.row > [class*=col],
.wpb_row.vc_row-fluid > [class*=vc_span] {
  float: left;
  box-sizing: border-box;
}

.row {
  margin-left: -15px;
  margin-left: calc(-15px);
}

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

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

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

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

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

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

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

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

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

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

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

.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: calc(50% - 15px);
}

.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: calc(50% + 15px);
}

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

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

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

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

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

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

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

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

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

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

.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: calc(100% - 15px);
}

.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: calc(100% + 15px);
}

.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: calc(33.333% - 15px);
}

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

.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: calc(66.667% - 15px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
  color: #fff;
}

@media screen and (max-width: 600px) {
  .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 */
/* test */
xmp {
  background: yellow;
  color: #000;
  overflow: hidden;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  line-height: 1.85;
  color: #252525;
  background: none;
  text-align: left;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
  background: #fff;
  max-width: 2400px;
}

body {
  min-width: 1100px;
  max-width: 2400px;
}

@media screen and (max-width: 1100px) {
  body {
    min-width: 320px;
  }
}
body {
  margin-bottom: -65px;
  /*
  &:after {
      display: none;
      position: fixed;
      z-index: 2;
      top: 60px;
      left: calc(100% - 175px);
      content: ' ';
      border: 50px solid rgba(0,0,0,0.05);
      border-right: 112px solid transparent;
      border-left: 0;
      border-bottom: 0;
      @media screen and (max-width:1100px) {
          left: 925px;
      }
  }
  */
}
body:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: " ";
  display: block;
  width: 100%;
  background: #003471;
  transition: height 0.1s linear;
}
body.scrolled:before {
  height: 60px;
}
@media screen and (max-width: 1020px) {
  body:before, body:after {
    display: none !important;
  }
}

body.admin-bar:after {
  margin-top: 32px;
}

html {
  border-bottom: 65px solid #003471;
}

body.font-size-small {
  font-size: 12px;
}

body.font-size-large {
  font-size: 18px;
}

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

@media screen and (min-width: 600px) {
  .desktop-hide {
    display: none !important;
  }
}
.mobile-only {
  display: none !important;
}

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

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

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

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

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

iframe {
  max-width: 100%;
}

a img {
  border: 0;
}

a {
  color: #0095da;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  line-height: normal;
  font-weight: 500;
}

h1 + h2, h1 + h3, h2 + h3, h2 + h4, h3 + h4, h3 + h5, h4 + h5, h4 + h6, h5 + h6 {
  margin-top: 0;
}

h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
}

h1 {
  font-size: 200%;
}

h2.journal {
  clear: both;
  font-family: Georgia, serif;
  font-size: 200%;
}

.hentry + h2.journal {
  margin-top: 40px;
}

h3 {
  font-size: 16px;
}

th, td {
  border: 0;
}

p {
  margin: 0 0 1em 0;
}

ul.check-marks {
  margin-left: 0;
  padding-left: 3em;
}

ul.check-marks > li {
  position: relative;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

ul.check-marks > li:before {
  position: absolute;
  left: -1.5em;
  top: 0px;
  margin: 0px 0 0 0em;
  color: #0096d6;
  font-size: 140%;
  font-family: "9marks" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "L";
}

ul.check-marks.bigger {
  margin-bottom: 2em;
  padding-left: 3.5em;
}

ul.check-marks.bigger > li {
  margin-bottom: 0.5em;
}

ul.check-marks.bigger > li:before {
  font-size: 180%;
}

/* Bookstore list */
.booklist {
  margin-bottom: 2em;
  padding: 0px;
  list-style-type: none;
}

.booklist li {
  padding: 1em 0px;
  border-bottom: 1px solid #999;
}

.booklist li a {
  padding-left: 0.5em;
}

.hr {
  border: 1px solid #f5f5f5;
  margin: 2.5em 0;
  display: block;
}

.hr hr {
  visibility: hidden;
  display: none;
}

.oembed {
  display: block;
  margin: 2em 0;
}
.oembed iframe {
  display: block;
  width: 100%;
  min-height: 340px;
}
.oembed.host-spreaker-com iframe {
  min-height: 200px;
}

.intro {
  font-weight: bold;
  font-size: 105%;
  line-height: 1.65;
}

blockquote {
  line-height: 1.85em;
}

blockquote.quote2 {
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: bold;
  color: #003e7e;
  float: right;
  margin: 0 -50px 0 30px;
  max-width: 220px;
  min-width: 220px;
  min-height: 150px;
  background: url(images/angle.png) no-repeat -35px 0px;
  padding: 30px 0 0 30px;
}

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

.expandable > .i {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0px 0 0 10px;
  transition: all 0.3s linear;
}

.expandable:hover {
  color: #0095da;
}
.expandable:hover.button {
  color: white;
}

.expandable:after {
  content: " +";
}

.expandable.opened:after {
  content: " -";
}

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

#header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1020px;
  height: 116px;
  padding: 0 180px 0 260px;
  box-sizing: border-box;
  background: url(images/bg.jpg) repeat-x left top;
  transition: height 0.1s linear;
}
body.admin-bar #header {
  margin-top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar #header {
    margin-top: 46px;
  }
}
#header .logo {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 0;
  transition: margin 0.1s linear;
}
#header .logo img {
  display: block;
}
#header > .nav-menu {
  height: 100%;
}
#header > .nav-menu > .wrap {
  width: auto;
  height: 100%;
  transition: opacity 0.1s linear, margin 0.1s linear;
}
body.scrolled #header {
  position: fixed;
  height: 60px;
}
@media screen and (max-width: 1200px) {
  #header {
    position: fixed;
    height: 45px;
    min-width: 10px;
    padding: 0;
    transition: top 0.1s linear;
  }
  #header > .nav-menu > .wrap {
    position: static;
    margin: auto;
  }
  body.scrolled #header {
    height: 45px;
  }
  #header .logo {
    top: auto;
    margin-top: auto;
  }
  #header .logo img {
    height: 45px;
    width: auto;
  }
}
@media screen and (max-width: 375px) {
  #header .logo a {
    display: block;
    width: 45px;
    overflow: hidden;
  }
  #header .logo a img {
    max-width: none;
  }
}

#menu-close {
  display: none;
}

.nav {
  position: relative;
}

.nav ul,
.nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: white;
  font-size: 11px;
}

.nav ul li a {
  color: white;
  text-decoration: none;
}

#nav {
  position: absolute;
  left: -15px;
  /*@media screen and (max-width:1200px) {
      left: 5%;
      width: 90%;
      > ul {
          > li {
              > a {
                  padding: 0 5px;
              }
          }
      }
  }*/
  /*
  @media screen and (max-width:460px) {
      > ul {
          margin-left: -5px;
          padding-right: 0px;
          > li {
              margin-left: 0px;
              width: 30%;
              > a {
                  white-space: nowrap;
              }
              &.browse.on:after {
                  display: none;
              }
          }
      }
  }
  */
}
#nav ul, #nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav > ul {
  text-align: justify;
}
@media screen and (min-width: 601px) {
  #nav > ul {
    display: flex;
    justify-content: space-between;
  }
}
#nav > ul:after {
  content: " ";
  display: inline-block;
  width: 100%;
}
#nav > ul > li {
  position: relative;
  display: inline-block;
  padding: 28px 0 0 0;
  margin: 0 15px;
  transition: padding 0.1s linear;
}
body.scrolled #nav > ul > li {
  padding-top: 0;
}
#nav > ul > li > a {
  position: relative;
  display: inline-block;
  padding: 0px 0px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 500;
  line-height: 60px;
  letter-spacing: 0.065em;
  text-decoration: none;
  white-space: nowrap;
}
#nav > ul > li.browse > a {
  padding-right: 15px;
}
#nav > ul > li.browse > a:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -2px 0 0 0;
  content: " ";
  display: block;
  border: 6px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0;
  transition: all 0.2s linear;
}
#nav > ul > li.browse.on > a:after {
  transform: rotate(180deg);
}
#nav > ul > li.browse.on:after {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  border: 28px solid #363636;
  border-left: 100px solid transparent;
  border-right: 0;
  border-top: 0;
}
#nav > ul > li.language > a {
  text-decoration: none;
  padding-right: 12px;
}
#nav > ul > li.language > a span {
  padding-left: 4px;
}
@media screen and (min-width: 601px) {
  #nav > ul > li.language > a span {
    display: none;
  }
}
#nav > ul > li.language > a:before {
  position: relative;
  top: 2px;
}
@media screen and (max-width: 1200px) {
  #nav {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    background: #0087ca url(images/bg.jpg) 0px -45px;
    color: white;
    overflow: hidden;
    max-height: 0px;
    transition: all 0.1s linear;
  }
  body.menu-active #nav {
    max-height: 100px;
  }
  #nav > ul {
    text-align: right;
    padding: 15px 1em 15px 0;
  }
  #nav > ul:after {
    display: none;
  }
  #nav > ul > li {
    padding: 0px 0;
    margin: 1px 10px 0;
  }
  #nav > ul > li > a {
    line-height: 30px;
  }
}
@media screen and (max-width: 600px) {
  body.menu-active #nav {
    max-height: 500px;
  }
  #nav > ul {
    text-align: center;
    padding: 5px;
  }
  #nav > ul > li {
    display: block;
    margin: 10px 5px;
  }
  #nav > ul > li.browse > a {
    padding-right: 15px;
  }
  #nav > ul > li.browse.on:after {
    top: auto;
    bottom: -10px;
    border-left: 50px solid transparent;
    border-bottom: 14px solid #363636;
  }
  #nav > ul > li > a {
    font-size: 14px;
  }
}

#nav-right {
  position: absolute;
  bottom: 0;
  right: 50px;
  height: 116px;
  padding: 0 0px 0 3px;
  background: rgba(0, 51, 113, 0.2);
  transition: padding 0.1s linear, width 0.1s linear;
  display: flex;
}
#nav-right:after {
  position: absolute;
  z-index: -1;
  bottom: -50px;
  left: 0;
  display: block;
  content: " ";
  border: 50px solid rgba(0, 0, 0, 0.05);
  border-right: 112px solid transparent;
  border-left: 0;
  border-bottom: 0;
}
#nav-right ul, #nav-right li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav-right > ul {
  display: flex;
  align-items: center;
}
#nav-right > ul > li {
  position: relative;
}
#nav-right > ul > li a {
  display: inline-block;
  padding: 4px 12px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.065em;
  text-decoration: none;
  color: white;
}
#nav-right > ul > li.browse > a {
  padding-right: 20px;
  margin-right: 20px;
}
#nav-right > ul > li.browse > a:after {
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -2px 0 0 0;
  content: " ";
  display: block;
  border: 6px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0;
  transition: all 0.2s linear;
}
#nav-right > ul > li.browse.on > a:after {
  transform: rotate(180deg);
}
#nav-right > ul > li.donate {
  display: block;
}
#nav-right > ul > li.donate a {
  display: block;
}
#nav-right a.donate {
  position: absolute;
  bottom: 50%;
  left: 0;
  margin-left: 0px;
  display: block;
  width: 100%;
  padding: 0px 0 0 0px;
  line-height: 1.1;
  text-align: center;
  transform: translate(0, 50%);
}
@media screen and (min-width: 1201px) {
  body.scrolled #nav-right {
    height: 100%;
  }
  #nav-right > ul > li {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #nav-right {
    background: none;
    height: 45px;
    right: 142px;
    /*
    a.donate {
        left: auto;
        right: 0;
        width: auto;
        top: 0;
        height: 45px;
        line-height: 45px;
        @include transform(none);
    }
    */
  }
  #nav-right:after {
    display: none;
  }
  #nav-right #lang {
    right: 100px;
  }
}
@media screen and (max-width: 600px) {
  #nav-right {
    right: 130px;
    padding: 0;
    width: auto;
  }
  #nav-right #lang {
    right: 60px;
  }
  #nav-right > ul > li {
    display: none;
  }
}
@media screen and (max-width: 350px) {
  #nav-right {
    right: 120px;
  }
  #nav-right #lang {
    right: 55px;
  }
}

/*
#lang {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 0px;
    padding: 0 23px 0 15px;
	max-width: 100px;
	overflow: hidden;
	-o-transition: max-width .5s linear, opacity .2s linear;
	-moz-transition: max-width .5s linear, opacity .2s linear;
	-webkit-transition: max-width .5s linear, opacity .2s linear;
	transition: max-width .5s linear, opacity .2s linear;
    &:before {
        color: white;
        position: absolute;
        left: 5px;
        top: 0px;
        line-height: 30px;
        font-size: 16px;
    }
    > ul {
        white-space: nowrap;
        > li {
            display: none;
            &.selected {
                display: block;
            }
            > a {
                display: block;
                padding: 0 10px;
                height: 30px;
                line-height: 30px;
                font-size: 13px;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
    &.on {
        background: #003471;
        max-width: 1000px;
        > ul > li {
            display: inline-block;
        }
        @media screen and (max-width:600px) {
            > ul {
                > li {
                    display: block;
                }
            }
        }
    }

    @media screen and (max-width:350px) {
        display: none;
        body.menu-active & {
            display: block;
        }
    }

}
*/
#nav-expand-menus {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #363636;
  color: white;
  overflow: hidden;
  /*
  @media screen and (min-width:$mobile-breakpoint+1) and (max-width:$tablet-breakpoint) {
      //margin-top: 59px;
  }
  */
}
#nav-expand-menus .nav-expand {
  display: none;
  overflow: hidden;
  padding: 50px 0;
}
#nav-expand-menus .nav-expand > .wrap {
  width: auto;
  max-width: 1200px;
}
#nav-expand-menus .nav-expand > .wrap:after {
  content: " ";
  display: block;
  clear: both;
}
#nav-expand-menus .nav-expand:after {
  content: " ";
  display: block;
  clear: both;
}
#nav-expand-menus .nav-expand > .bottom {
  display: flex;
  clear: both;
  margin: 20px 0 -50px 0;
  padding: 0;
  text-align: center;
  background: #1a1a1a;
  color: white;
  font-weight: bold;
  line-height: 25px;
  font-size: 120%;
  letter-spacing: 0.05em;
}
#nav-expand-menus .nav-expand > .bottom a {
  flex-grow: 1;
  width: 100%;
  display: inline-block;
  padding: 10px;
  color: inherit;
}
#nav-expand-menus .nav-expand > .bottom a:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.25em 0 0;
  line-height: 25px;
  font-size: 26px;
}
#nav-expand-menus .nav-expand > .bottom a:nth-child(odd) {
  background: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 600px) {
  #nav-expand-menus .nav-expand > .bottom {
    font-size: 80%;
  }
  #nav-expand-menus .nav-expand > .bottom a {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 500px) {
  #nav-expand-menus .nav-expand > .bottom {
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) {
  #nav-expand-menus #menu-about .channels {
    width: 100%;
  }
  #nav-expand-menus #menu-about .channels > ul {
    width: 29%;
  }
}
@media screen and (max-width: 600px) {
  #nav-expand-menus #menu-about .channels:after {
    content: " ";
    display: block;
    clear: both;
  }
  #nav-expand-menus #menu-about .channels > ul {
    float: left;
    margin-top: 0;
  }
}
#nav-expand-menus .journals {
  text-align: center;
}
#nav-expand-menus .journals .cover {
  display: inline-block;
  vertical-align: middle;
  width: 163px;
  height: 210px;
  margin: 0 10px 0px 10px;
  background: rgba(0, 0, 0, 0.5) center no-repeat;
  background-size: cover;
}
#nav-expand-menus .journals .cover img {
  display: inline-block;
  width: 100%;
  height: auto;
}
#nav-expand-menus .journals .window-wrap {
  position: relative;
  height: 210px;
  overflow: hidden;
}
#nav-expand-menus .journals .window-wrap .window {
  position: relative;
  top: 0px;
  width: 100%;
  height: 210px;
  padding: 0 20px 50px 0;
  overflow: scroll;
}
#nav-expand-menus .journals .window-wrap .window .slider {
  display: block;
  white-space: nowrap;
}
#nav-expand-menus .journals .window-wrap .window .slider:after {
  content: " ";
  display: inline-block;
  position: relative;
  width: 50px;
  height: 100%;
}
#nav-expand-menus .journals.on .window .slider {
  visibility: visible;
}
#nav-expand-menus .journals .nav {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin: -35px 0 0 0;
  width: 45px;
  height: 65px;
  background: #999;
  cursor: pointer;
  transition: all 0.1s ease;
}
#nav-expand-menus .journals .nav.prev {
  margin-left: -80px;
}
#nav-expand-menus .journals .nav.prev.on {
  left: 0;
  margin-left: 0;
}
#nav-expand-menus .journals .nav.prev.on:hover {
  margin-left: -5px;
}
#nav-expand-menus .journals .nav.prev:before {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -8px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid white;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 0;
}
#nav-expand-menus .journals .nav.prev:after {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -10px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid #999;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 0;
}
#nav-expand-menus .journals .nav.next {
  margin-right: -80px;
  right: 0;
}
#nav-expand-menus .journals .nav.next.on {
  margin-right: 0;
}
#nav-expand-menus .journals .nav.next.on:hover {
  margin-right: -5px;
}
#nav-expand-menus .journals .nav.next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid white;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-right: 0;
}
#nav-expand-menus .journals .nav.next:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid #999;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-right: 0;
}
#nav-expand-menus .channels {
  display: block;
  width: 60%;
  float: left;
  font-size: 20px;
}
#nav-expand-menus .channels ul, #nav-expand-menus .channels li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav-expand-menus .channels > ul {
  display: inline-block;
  vertical-align: text-top;
  width: 45%;
  margin: -18px 2% 0;
  line-height: normal;
}
#nav-expand-menus .channels > ul > li {
  border-bottom: 1px solid #555;
  margin: 0;
}
#nav-expand-menus .channels > ul > li > a {
  display: block;
  color: white;
  padding: 8px 20px;
  text-decoration: none;
}
#nav-expand-menus .channels > ul > li > a:before {
  margin: 0 20px 0 -10px;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
#nav-expand-menus .post {
  display: block;
  width: 20%;
  float: left;
  clear: none;
}
#nav-expand-menus .post .hentry {
  max-width: 120px;
  margin: 0 auto;
}
#nav-expand-menus .post .hentry .thumb:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: rgba(0, 134, 202, 0.1);
  opacity: 1;
  transition: opacity 0.2s linear;
}
#nav-expand-menus .post .hentry .thumbnail {
  display: block;
  margin: 0 0 20px 0;
}
#nav-expand-menus .post .hentry .title {
  color: white;
  font-size: 15px;
  margin-top: 15px;
}
#nav-expand-menus .post .hentry .title a {
  color: inherit;
}
#nav-expand-menus .languages {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-weight: 500;
  display: flex;
  justify-self: flex-start;
  flex-wrap: wrap;
  text-align: left;
}
#nav-expand-menus .languages li {
  box-sizing: border-box;
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0 1em;
  list-style: none;
}
#nav-expand-menus .languages li a {
  color: white;
}
#nav-expand-menus #menu-lang {
  text-align: center;
  padding: 30px 0;
}
#nav-expand-menus #menu-lang .wrap {
  max-width: none;
}
@media screen and (min-width: 1201px) {
  #nav-expand-menus {
    margin-top: auto !important;
  }
}
@media screen and (max-width: 600px) {
  #nav-expand-menus .journals .window-wrap {
    height: 168px;
  }
  #nav-expand-menus .journals .cover {
    width: 130px;
    height: 168px;
  }
  #nav-expand-menus .channels {
    width: auto;
    float: none;
    margin: 0 0 50px 0;
    font-size: 14px;
  }
  #nav-expand-menus .channels > ul {
    margin: -40px 2% 0;
  }
  #nav-expand-menus .channels > ul > li > a {
    padding: 8px;
  }
  #nav-expand-menus .channels > ul > li > a:before {
    margin: 0 10px 0 -8px;
    font-size: 14px;
  }
  #nav-expand-menus .channels > ul.category {
    width: 55%;
  }
  #nav-expand-menus .channels > ul.post-type {
    width: 35%;
  }
  #nav-expand-menus .post {
    width: 50%;
  }
  #nav-expand-menus .languages {
    font-size: 12px;
    padding: 0;
  }
  #nav-expand-menus .languages li {
    width: 45%;
    margin: 0.5em;
  }
  #nav-expand-menus .nav-expand > .wrap {
    margin: 0 15px;
  }
}
@media screen and (max-width: 320px) {
  #nav-expand-menus .post {
    width: 50%;
  }
  #nav-expand-menus .post .hentry .thumb {
    display: none;
  }
  #nav-expand-menus .post .hentry .title {
    margin-top: 0;
    font-size: 13px;
  }
}

#menu-toggle {
  display: none;
  position: absolute;
  right: 45px;
  bottom: 0;
  height: 60px;
  width: 117px;
  overflow: hidden;
  padding: 0 0 0 9px;
  text-align: left;
  line-height: 60px;
  letter-spacing: 0.065em;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: white;
  cursor: pointer;
}
#menu-toggle:before {
  position: absolute;
  bottom: -3px;
  content: " ";
  display: block;
  left: 0px;
  border: 9px solid white;
  border-top: 0;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  transition: bottom 0.1s linear;
}
#menu-toggle:hover:before {
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  #menu-toggle {
    display: block;
    line-height: 45px;
    height: 45px;
    right: 50px;
    text-align: center;
  }
  #menu-toggle:before {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #menu-toggle {
    width: 75px;
    padding: 0;
  }
}

#search {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  background: #003471;
  transition: width 0.1s linear;
}
#search .close {
  display: none;
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  right: 60px;
  background: rgba(0, 149, 218, 0);
  font-size: 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 34px;
  text-align: center;
  color: #0095da;
  cursor: pointer;
}
#search .close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#search button {
  position: absolute;
  right: 0;
  height: 100%;
  width: 50px;
  margin: 0;
  text-align: center;
  border-radius: 0;
  color: #0095da;
  background: none;
  cursor: pointer;
  font-size: 28px;
  box-sizing: border-box;
}
#search button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#search input[type=text] {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  background: none;
  padding: 0 20px 0 40px;
  border: none;
  font-size: 20px;
  border-radius: 0;
  filter: none;
}
#search.on {
  width: 80%;
  width: calc(100% - 280px);
}
#search.on .close {
  display: block;
}
#search.on input[type=text] {
  display: block;
  color: white;
}
@media screen and (max-width: 1020px) {
  #search.on {
    width: 100%;
  }
  #search input[type=text] {
    padding: 0 10px 0 10px;
  }
  #search button {
    font-size: 150%;
  }
}

#search input[type=text]::-webkit-input-placeholder {
  color: #0095da;
}

#search input[type=text]:-moz-placeholder {
  color: #0095da;
}

#search input[type=text]::-moz-placeholder {
  color: #0095da;
}

#search input[type=text]:-ms-input-placeholder {
  color: #0095da;
}

.gsc-tabHeader.gsc-tabhActive {
  border-color: #ccc !important;
  border-bottom-color: white !important;
}

.gsc-tabsArea {
  display: block !important;
  border-color: #ccc !important;
}
.gsc-tabsArea > div {
  display: block !important;
}
@media screen and (max-width: 600px) {
  .gsc-tabsArea {
    height: 100px !important;
  }
  .gsc-tabsArea > div {
    height: 120px !important;
    text-align: center !important;
  }
}

.gsc-input-box {
  height: auto !important;
}

.hentry {
  position: relative;
  clear: both;
  box-sizing: border-box;
}
.hentry:after {
  content: " ";
  display: block;
  clear: both;
}
.hentry .thumb img {
  display: block;
}
.hentry .thumb .icon.play {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 34px;
  font-size: 16px;
  text-align: center;
  background: #000;
  color: white;
  text-decoration: none;
  transition: background 0.1s linear;
}
.hentry .thumb.home:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 134, 202, 0.1);
  opacity: 1;
  transition: opacity 0.2s linear;
}
.hentry .thumb:hover:after {
  opacity: 0;
}
.hentry .thumb:hover .icon.play {
  background: #0095da;
}

.hentry.clickable {
  cursor: pointer;
}

.hentry.excerpt {
  padding: 20px 0 0;
  margin: 0 0 30px 0;
  border-top: 3px solid #ccc;
}

.hentry.excerpt .content,
.hentry.excerpt strong.meta {
  display: block;
  margin-left: 30px;
}

.hentry.excerpt .content .meta {
  float: left;
  margin-right: 1em;
  margin-left: 0;
}

.hentry.excerpt .meta a,
.hentry.excerpt .content .meta a {
  color: #252525;
}

.hentry.excerpt .title a:hover,
.hentry.excerpt .content .meta a:hover,
.widget.author a:hover {
  color: #0095da;
  text-decoration: none;
}

.hentry.excerpt .title:hover ~ .hentry.excerpt.has-thumbnail .thumb:after {
  background: none;
}

.hentry.excerpt .content > p:last-of-type {
  margin-bottom: 0;
}

.hentry.excerpt .post_type {
  float: left;
  margin: 2px 0 0 0;
  font-size: 18px;
  height: 1em;
  color: #636363;
  text-decoration: none;
}

.hentry.excerpt .title {
  color: #252525;
  font-size: 19px;
}

.hentry.excerpt .title a {
  color: #252525;
}

.hentry.excerpt a.thumb:hover:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: rgba(0, 134, 202, 0.1);
  opacity: 1;
  transition: opacity 0.2s linear;
}
.hentry.excerpt a.thumb:hover ~ h3.title a {
  color: #0086c9 !important;
}

.hentry.excerpt.has-thumbnail .post_type {
  margin: 0 0.5em 0 0;
}

.hentry.excerpt.has-thumbnail .content {
  margin-left: 0;
}

.hentry.excerpt.has-thumbnail .thumb {
  position: relative;
  float: right;
  display: block;
  margin: 0 0 20px 20px;
  width: 100px;
  height: 100px;
  background: #003471 url(images/logo-mark.png) no-repeat center;
}

.hentry.excerpt.has-thumbnail .thumb .featured-image,
.hentry.excerpt.has-thumbnail .thumb img {
  display: block;
}

.hentry.excerpt .content .speakers {
  margin-top: 1em;
}

.hentry.journal {
  padding: 2em;
  border-top: 3px solid #ccc;
}
.hentry.journal .purchase {
  display: block;
  margin: 0.5em 0 0;
  line-height: normal;
}

.post-type-archive-journal .hentry.journal {
  vertical-align: text-top;
  display: block;
  float: left;
  margin: 0px 1% 30px 0;
  width: 32%;
  clear: none;
  border-top: 0;
}

.post-type-archive-journal .hentry.journal .thumb {
  display: block;
  overflow: hidden;
}

.post-type-archive-journal .hentry.journal .thumb img,
.post-type-archive-journal .hentry.journal .thumb .img {
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  height: auto;
  background: #003471;
}

.post-type-archive-journal .hentry.journal .thumb .img {
  width: 192px;
  height: 246px;
}

#query-posts > .hentry.journal:nth-child(3n+1) {
  clear: left;
}

.editors-picks.row {
  margin-left: -8%;
}

.editors-picks.row .span5,
.editors-picks.row .span6 {
  width: 42%;
  margin-left: 8%;
}

.editors-picks.row.second {
  margin-top: 50px;
}

.editors-picks.row .hentry.excerpt {
  border-top: 0;
  padding-top: 0;
}

.editors-picks.row .hentry.excerpt .content {
  margin-left: 0;
}

.editors-picks.row .hentry.excerpt .post_type {
  margin: 0 0.5em 0 0;
}

.editors-picks.row .hentry.excerpt .thumb {
  float: none;
  margin-left: 0;
  width: 100px;
}

.hentry.excerpt.author .thumb:after {
  display: none;
}

.hentry.excerpt.author .thumb,
.hentry.excerpt.author .thumb img {
  border-radius: 50%;
}

.hentry.excerpt.author .description {
  margin-bottom: 1.5em;
}

.hentry.excerpt.author ul.posts,
.hentry.excerpt.author ul.posts li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hentry.excerpt.author ul.posts {
  line-height: normal;
}

.hentry.excerpt.author ul.posts li {
  margin-bottom: 1em;
}

.search .hentry.church {
  border-bottom: 0;
  padding: 20px 0;
  margin: 0;
}

.search .hentry.church .meta {
  margin-bottom: 0;
}

.search .hentry.excerpt {
  margin: 0;
}

.hentry.author {
  display: inline-block;
  vertical-align: text-top;
  margin: 0 0 30px 0;
  width: 250px;
  text-align: center;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
.hentry.author .thumbnail {
  display: block;
  height: 125px;
  width: 125px;
  margin: 0 auto 15px auto;
  border-radius: 50%;
  background: #0095da center no-repeat;
  background-size: cover;
}
.hentry.author .thumbnail img {
  display: block;
  border-radius: 50%;
  width: 125px;
  height: 125px;
}
.hentry.author .name {
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
}
.hentry.author .name a {
  color: inherit;
}
.hentry.author .name a:hover {
  text-decoration: underline;
}
.hentry.author .recent-post {
  display: block;
  font-size: 16px;
  font-style: italic;
  color: inherit;
  text-decoration: none;
  line-height: normal;
}
.hentry.author .recent-post:hover {
  text-decoration: underline;
}

.hentry.church-story {
  min-height: 200px;
  padding-left: 180px;
}
.hentry.church-story .title {
  margin: 0;
}
.hentry.church-story strong.meta {
  margin-left: 0;
  margin-top: 4px;
  font-size: 0.95em;
}
.hentry.church-story .content {
  margin: 10px 0 0;
}
.hentry.church-story.has-thumbnail .thumb {
  position: absolute;
  left: 0;
  top: 25px;
  width: 150px;
  float: none;
  margin: 0;
}
.hentry.church-story.has-thumbnail .thumb img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) and (min-width: 600px) {
  .hentry.church-story {
    padding-left: 100px;
  }
  .hentry.church-story.has-thumbnail .thumb {
    width: 80px;
    height: 80px;
  }
}

.hentry.book-excerpt {
  position: relative;
  padding: 2em 0 0 0;
  margin: 0 0 3em;
  border-top: 3px solid #ccc;
}
.hentry.book-excerpt.has-thumbnail {
  padding-right: 180px;
  min-height: 210px;
}
.hentry.book-excerpt .thumb {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  width: 130px;
}
.hentry.book-excerpt .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.hentry.book-excerpt .title {
  font-size: 1.8em;
}
.hentry.book-excerpt .meta:before {
  content: " ";
  display: inline-block;
  margin: 0 0.5em 0 0;
  width: 1em;
  height: 1em;
  background: url(images/book.svg) no-repeat 50% 50%;
  background-size: contain;
}
.hentry.book-excerpt .meta a {
  color: inherit;
}

#banner {
  position: relative;
  height: 145px;
}

#banner.tall {
  height: 465px;
  margin-bottom: 60px;
}

#banner.tall:after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  content: " ";
  height: 334px;
  background: url(images/banner.jpg) no-repeat center bottom;
  background-size: 100% auto;
}

#banner > .bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 365px;
  height: 169px;
  background: url(images/bar-green.png) no-repeat;
}

.section-about-9marks #banner > .bar,
.section-about #banner > .bar {
  background-image: url(images/bar-yellow.png);
}

.section-events #banner > .bar {
  background-image: url(images/bar-yellow.png);
}

.section-journal #banner > .bar {
  background-image: url(images/bar-blue.png);
}

#banner .section-page-title {
  position: absolute;
  left: 40px;
  top: 32px;
  width: 200px;
  color: white;
  font-family: "Helvetica Neue", "Open Sans", Arial, Helvetica, Geneva, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 0.9;
  text-transform: capitalize;
}
#banner .section-page-title a {
  color: inherit;
}

.post-type-archive #banner .section-page-title,
.single-post #banner .section-page-title {
  text-transform: none;
}

.section-journal #banner .section-page-title {
  text-transform: none;
}

.section-journal #banner .section-page-title:before {
  content: "9Marks ";
}

#banner .section-page-title br {
  display: none;
}

#banner.journal .page-title {
  position: absolute;
  color: #363636;
  bottom: 44px;
  width: 100%;
  padding: 0 180px 0 260px;
  box-sizing: border-box;
  font-family: Times, Georgia, sans-serif;
}

#banner.journal .page-title h1 {
  background: white;
  padding: 5px;
  top: -5px;
  left: -5px;
}

#banner.journal .page-title h1:after {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  background: white;
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
}

#banner.tall .page-title {
  position: absolute;
  bottom: 80px;
  width: 100%;
  padding: 0 180px 0 260px;
  box-sizing: border-box;
}

#banner.tall .page-title h1 {
  font-size: 42px;
  color: white;
  line-height: 1;
}

.category #banner.tall {
  height: 615px;
}

.category #banner.tall:after {
  display: none;
}

#posts-filter {
  position: relative;
  left: 40px;
  max-width: 760px;
  margin: 0 auto 50px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
#posts-filter .status {
  display: block;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: 10px;
  background: white;
}
#posts-filter.author, #posts-filter.events {
  left: 0;
}
#posts-filter.post-type {
  max-width: none;
  left: auto;
}
#posts-filter > select {
  visibility: hidden;
}
#posts-filter input[type=text] {
  width: 45%;
  margin: 0;
  background: #ddd;
  color: #666;
  font-weight: 600;
  font-size: 14px;
}
#posts-filter input[type=text].highlighted {
  background: #0095da;
  color: white;
}
#posts-filter button[type=submit] {
  margin-right: 5px;
  padding: 5px;
  background: white;
  border: 4px solid #ddd;
  color: #aaa;
  font-size: 20px;
  cursor: pointer;
}
#posts-filter .select.input {
  display: inline-block;
  vertical-align: middle;
  flex-grow: 1;
  margin-right: 5px;
  line-height: 1;
}
#posts-filter .select.input strong {
  padding: 15px 10px 15px 15px;
  text-transform: uppercase;
  font-weight: 600;
  background: #ddd;
  color: #666;
}
#posts-filter .select.input strong .icon {
  font-size: 20px;
}
#posts-filter .select.input.highlighted strong, #posts-filter .select.input:hover strong {
  background: #0095da;
  color: white;
}
#posts-filter .select.input .select {
  background: none;
}
#posts-filter .select.input .select .option {
  padding: 7px 15px;
  background: #ddd;
  color: #666;
  font-weight: 600;
}
#posts-filter .select.input .select .option:hover {
  background: #0095da;
  color: white;
}
#posts-filter .button,
#posts-filter button {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0;
  color: #aaa;
  border: 3px solid #ddd;
  background: none;
  text-transform: uppercase;
  cursor: default;
  outline: 0;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}
#posts-filter .button.enabled,
#posts-filter button.enabled {
  cursor: pointer;
  color: #0095da;
}
#posts-filter .button.enabled:hover,
#posts-filter button.enabled:hover {
  background: #0095da;
  border-color: #0095da;
  color: white;
}
#posts-filter.church-stories {
  max-width: none;
  left: auto;
  flex-wrap: wrap;
}
#posts-filter.church-stories .select.input {
  width: 48%;
  margin: 0 2.5px 5px;
}
#posts-filter.church-stories input[type=text] {
  margin-left: 2.5px;
  flex-grow: 1;
  padding-left: 15px;
}
#posts-filter.church-stories button {
  margin-right: 2.5px;
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  #posts-filter.church-stories .select.input {
    width: 40%;
  }
  #posts-filter.church-stories .select.input.input-by-type {
    width: 53%;
  }
}
@media screen and (min-width: 601px) and (max-width: 1199px) {
  #posts-filter {
    max-width: calc(100% - 440px);
  }
  #posts-filter.author, #posts-filter.events {
    max-width: none;
  }
}
@media screen and (max-width: 600px) {
  #posts-filter {
    left: auto;
    max-width: none;
    margin: 0 15px 10px;
    width: auto;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  #posts-filter .select.input {
    margin: 0 auto;
    width: 45%;
    width: calc(50% - 4px);
  }
  #posts-filter .select.input strong .text {
    min-width: 10px;
  }
  #posts-filter button[type=reset] {
    display: block;
    width: 100%;
    margin: 4px 0 0;
  }
  #posts-filter input[type=text] {
    display: block;
    flex-grow: 1;
    margin: 0 0 4px;
    padding: 15px 10px 15px 15px;
  }
  #posts-filter button[type=submit] {
    box-sizing: border-box;
    margin: 0 0 4px;
  }
  #posts-filter.author, #posts-filter.post-type, #posts-filter.events {
    margin: 0 0 20px;
  }
  #posts-filter.author .select.input, #posts-filter.post-type .select.input, #posts-filter.events .select.input {
    display: block;
    width: 100%;
  }
}

.featured-posts {
  position: relative;
  margin: -8px 0 50px 0;
}

.featured-posts:after {
  content: " ";
  display: block;
  clear: both;
}

.featured-posts .hentry {
  position: relative;
  clear: none;
  float: left;
  margin: 0;
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  width: 20%;
  overflow: hidden;
  height: 240px;
  background: #0087ca;
  color: white;
  transition: width 0.3s ease, height 0.3s ease;
}

.featured-posts .hentry.highlight {
  background-color: #003471;
}

.featured-posts .hentry.highlight .label {
  color: #aaa;
}

.featured-posts .hentry:before {
  position: absolute;
  z-index: 2;
  top: -1px;
  left: -1px;
  display: block;
  content: " ";
  border: 25px solid #fff;
  border-right: 56px solid transparent;
  border-left: 0;
  border-bottom: 0;
}

.featured-posts .hentry.large:before {
  margin: -8px 0 0 0;
  background: url(images/bar-green.png) 0 -138px no-repeat;
  width: 80px;
  height: 40px;
  border: 0;
}

.section-journal .featured-posts .hentry.large:before {
  background-image: url(images/bar-blue.png);
}

.section-journal #sidebar {
  padding-top: 0;
}

.featured-posts .hentry .title a {
  display: block;
  color: white;
  text-decoration: none;
}

.featured-posts .hentry .thumb {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center bottom;
  background-size: cover;
}

.featured-posts .hentry.clickable .thumb:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(70, 70, 70, 0.75);
  transition: opacity 0.1s ease;
}

.featured-posts .hentry.clickable.highlight .thumb:after {
  background-color: rgba(0, 51, 113, 0.6);
}

.featured-posts .hentry.clickable:hover .thumb:after {
  opacity: 0.2;
}

.featured-posts .hentry:hover .post_type,
.featured-posts .hentry:hover {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: white;
}

.featured-posts .hentry:hover {
  background-color: #999;
}

.featured-posts .hentry:hover .content {
  text-shadow: 0 0 8px #363636;
}

/*.featured-posts .hentry:hover .post_type {
	text-shadow: none;
}*/
.featured-posts .hentry .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1310px) {
  .featured-posts .hentry.large .thumb img {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1200px) {
  .featured-posts .hentry .thumb img {
    width: auto;
    height: 100%;
  }
}
.featured-posts .hentry .post_type {
  padding-left: 20px;
  font-size: 12px;
  color: #b7b7b7;
}

.featured-posts .hentry .post_type:before {
  position: absolute;
  left: 0;
  top: 2px;
  color: white;
  font-size: 14px;
}

.featured-posts .hentry .content {
  position: absolute;
  z-index: 5;
  bottom: 12px;
  left: 10px;
  margin: 0 10px 0 0;
  max-width: 200px;
}

.featured-posts .hentry.large {
  margin: 0;
  border-left: 0;
  width: 40%;
  height: 480px;
}

.featured-posts .hentry.large .content {
  left: 40px;
  max-width: 300px;
}

.featured-posts .hentry.large .title {
  font-family: "Helvetica Neue", "Open Sans", Arial, Helvetica, Geneva, sans-serif;
  font-size: 36px;
  margin-bottom: 0.2em;
}

@media screen and (min-width: 1400px) {
  .featured-posts.journal .hentry {
    width: calc((100% - 560px) / 3);
  }
  .featured-posts.journal .hentry.large {
    width: 560px;
  }
}
.featured-posts .hentry h2.title {
  font-size: 18px;
  margin-bottom: 0.25em;
}

.featured-posts .hentry.large .post_type {
  margin-bottom: 1em;
  padding-left: 35px;
}

.featured-posts .hentry.large .post_type:before {
  font-size: 24px;
}

.featured-posts .hentry.answer {
  background: #4ab954;
}

.featured-posts .hentry.answer .author {
  display: none;
}

.featured-posts .hentry.answer:before {
  border: 70px solid #fff;
  border-right: 170px solid transparent;
  border-left: 0;
  border-bottom: 0;
}

.featured-posts .hentry.answer:after {
  position: absolute;
  z-index: 1;
  bottom: -1px;
  left: -1px;
  display: block;
  content: " ";
  border: 140px solid #fff;
  border-left: 340px solid transparent;
  border-right: 0;
  border-top: 0;
}

.featured-posts .hentry.answer .content {
  position: relative;
  bottom: auto;
  left: auto;
  margin: auto;
  padding: 75px 0 0 10px;
  max-width: none;
}

.featured-posts .hentry.answer .title {
  position: relative;
  font-size: 14px;
  display: block;
  max-width: 140px;
}

.featured-posts .hentry.answer .title a {
  position: relative;
  z-index: 3;
  display: block;
}

.featured-posts .hentry.answer .post_type {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 10px;
  z-index: 2;
  line-height: normal;
  background: #4ab954;
}

.featured-posts .hentry.answer .post_type:before {
  display: block;
  padding: 0 2px 0 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
}

.featured-posts.front-page {
  padding: 20px 0;
  margin: 0 0 80px 0;
  background: #363636;
  text-align: center;
}

.featured-posts.front-page .hentry {
  float: none;
  display: inline-block;
  width: 33%;
  max-width: 520px;
  padding: 0 10px;
  height: auto;
  vertical-align: bottom;
  background: none;
  border: 0;
  box-sizing: border-box;
}

.featured-posts.front-page .hentry:before,
.featured-posts.front-page .hentry:after {
  display: none;
}

.featured-posts.front-page .hentry .main {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  display: block;
}
.featured-posts.front-page .hentry .main img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.featured-posts.front-page .hentry .main .icon {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  padding: 0px;
  height: 28px;
  width: 28px;
  text-align: center;
  background: #003471 no-repeat;
  color: white;
  font-size: 18px;
  line-height: 34px;
}
.featured-posts.front-page .hentry .main .label {
  display: block;
  position: absolute;
  bottom: 30px;
  right: 0;
  background: no-repeat;
  color: white;
  font-size: 15px;
  padding: 0 28px 0 0;
}
.featured-posts.front-page .hentry .main .label .text {
  display: block;
  vertical-align: middle;
  padding: 0px 15px;
  line-height: 28px;
  white-space: nowrap;
}
.featured-posts.front-page .hentry .main .label .go {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  display: block;
  font-size: 30px;
  line-height: 24px;
  padding: 0px;
  text-align: center;
}
@media screen and (max-width: 400px) {
  .featured-posts.front-page .hentry .main .label {
    padding-right: 20px;
  }
  .featured-posts.front-page .hentry .main .label .text {
    padding: 0 5px;
  }
  .featured-posts.front-page .hentry .main .label .go {
    width: 20px;
    font-size: 25px;
  }
}

@media screen and (max-width: 600px) {
  .featured-posts.front-page .nth-2.hentry .main .label,
.featured-posts.front-page .nth-3.hentry .main .label {
    font-size: 11px;
  }
}
.featured-events {
  position: relative;
  margin: 0 0 60px 0px;
}

.featured-events:after {
  content: " ";
  display: block;
  clear: both;
}

.featured-events .hentry {
  position: relative;
  float: left;
  clear: none;
  height: 355px;
  width: 295px;
  background: #0087ca;
  overflow: hidden;
  margin-right: 5px;
  color: white;
}

.featured-events .hentry:before {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0;
  display: block;
  content: " ";
  border: 25px solid #fff;
  border-right: 56px solid transparent;
  border-left: 0;
  border-bottom: 0;
}

.featured-events .hentry:hover {
  background: #999;
}

.featured-events .hentry .title {
  margin-bottom: 5px;
}

.featured-events .hentry .info {
  line-height: normal;
  font-size: 85%;
}

.featured-events .hentry .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featured-events .hentry .thumb img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none !important;
}

.featured-events .hentry .thumb:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(70, 70, 70);
  background-color: rgba(70, 70, 70, 0.75);
}

.featured-events .hentry:hover .thumb:after {
  background: rgba(0, 135, 202, 0.75);
}

.featured-events .hentry .content {
  position: absolute;
  z-index: 5;
  bottom: 12px;
  left: 10px;
  margin: 0 10px 0 0;
  max-width: 200px;
}

.featured-events .hentry .title a {
  display: block;
  color: white;
  text-decoration: none;
}

.expandable-box {
  margin: 0 auto 2em 0;
  padding: 0 0 1.5em 0;
}
.expandable-box > .content {
  position: relative;
  max-height: 6em;
  overflow: hidden;
  transition: max-height, 0.2s linear;
}
.expandable-box > .content:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
}
.expandable-box > .more {
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
  text-align: right;
  font-size: 15px;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #0095da;
  text-transform: uppercase;
}
.expandable-box > .more:after {
  margin-left: 0.5em;
}
.expandable-box.on > .content {
  max-height: 1000px;
}
.expandable-box.on > .content:after {
  display: none;
}
.letter {
  clear: both;
  margin: 3em 0 2em;
  padding: 2em 2em 0.5em;
  background-color: whitesmoke;
  border-left: 5px solid #0095DA;
}
.letter h2 {
  margin-bottom: 1rem;
  font-size: 18px;
  color: #003471;
}

.wrap {
  position: relative;
  margin: 0 auto;
  max-width: 760px;
}

#wrap {
  padding: 116px 0 0 0;
}
@media screen and (max-width: 1200px) {
  #wrap {
    padding: 45px 0 0 0;
  }
}

#main {
  position: relative;
}

#content {
  float: right;
  width: auto;
  width: calc(100% - 440px);
  min-height: 600px;
  margin: 0 180px 0 0;
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  body.archive-church-stories #content {
    margin-right: 50px;
    width: calc(100% - 250px);
  }
}

#main-content ol,
#main-content ul {
  overflow: hidden;
}

#pagetitle {
  margin: 0 0 60px 0;
  color: #003471;
  font-size: 40px;
  font-weight: 200;
}

#pagetitle + .single-meta {
  margin-top: -50px;
  margin-bottom: 50px;
}

.single-meta .terms a {
  color: #252525;
}

.author-bottom .widget {
  background: none;
  min-height: 100% !important;
}
.author-bottom .thumb {
  display: none;
}
.author-bottom .description {
  display: none;
}
@media screen and (max-width: 600px) {
  .author-bottom {
    display: none;
  }
}

.enclosure {
  clear: both;
  margin: 0 0 5px;
}
.enclosure .oembed {
  margin: 0 auto;
}

.meta-top {
  float: left;
  margin: 5px 40px 1.5em 0;
  width: 50px;
  color: #003471;
  font-size: 75%;
  font-weight: bold;
}
.meta-top .post-type {
  display: block;
  color: #003471;
  font-weight: bold;
}
.meta-top .post-type:hover {
  text-decoration: none;
  color: #0095da;
}
.meta-top .post-type:before {
  display: block;
  margin: 0 0 5px 0;
  font-size: 24px;
}
.meta-top.media {
  display: flex;
  align-items: center;
  width: auto;
  float: none;
  padding: 0px;
  margin: 0 0 3em 0;
  background: #f5f5f5;
  flex-wrap: wrap;
}
.meta-top.media .button {
  margin: 0 4px 0 0;
}
.meta-top.media .button .icon {
  margin: 0 0 0 1em;
  font-size: 14px;
  transform: rotate(0deg);
  transition: all 0.2s;
}
body.media-links-on .meta-top.media .button .icon {
  transform: rotate(90deg);
}
.meta-top.media .post-type {
  margin: 0 4px 0 0;
  color: white;
}
.meta-top.media .post-type:before {
  display: none;
}
.meta-top.media .date {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em;
  font-size: 15px;
}
.meta-top.media .authors {
  display: inline-block;
  vertical-align: middle;
  margin: -15px 15px -15px -15px;
  white-space: nowrap;
}
.meta-top.media .authors .author {
  display: inline-block;
  vertical-align: middle;
}
.meta-top.media .authors .author img {
  display: inline-block;
  vertical-align: middle;
}
.meta-top.media .authors .author + .author {
  margin-left: 2px;
}
.meta-top.media.archive {
  background: none;
}

.media-links {
  flex-basis: 100%;
  display: none;
  flex-wrap: wrap;
  margin: 4px 0 0;
}
.media-links a {
  margin: 2px 4px 2px 0;
}
body.media-links-on .media-links {
  display: flex;
}

body.single-talk .meta-bottom {
  margin-top: 4em;
}

.meta-bottom .taxonomy {
  margin: 30px 0;
}

.meta-bottom .taxonomy .terms {
  margin: 0 0 20px 0;
}

.meta-bottom .taxonomy .terms .label {
  display: block;
  color: #b7b7b7;
  font-weight: normal;
}

.meta-bottom .taxonomy .terms a {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 5px 10px;
  background: #f5f5f5;
  color: #252525;
  font-size: 75%;
}

.meta-bottom .taxonomy .terms a:hover {
  background-color: #0095da;
  color: white;
  text-decoration: none;
}

.featured-image {
  position: relative;
  overflow: hidden;
}

.featured-image:before {
  position: absolute;
  top: -1px;
  left: -1px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 25px solid white;
  border-right: 85px solid transparent;
  border-bottom: 6px solid transparent;
  transform: scale(1.00001, 1.00001);
}

.featured-image:after {
  position: absolute;
  bottom: -1px;
  right: -1px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 25px solid white;
  border-left: 85px solid transparent;
  border-top: 6px solid transparent;
  transform: scale(1.00001, 1.00001);
}

.featured-image img {
  display: block;
}

.featured-image.alignright {
  float: right;
  margin: 0 -3em 1.5em 2em;
}

.featured-image.alignleft {
  float: left;
  margin: 0 2em 1.5em 0;
}

.featured-image.alignright .alignright,
.featured-image.alignleft .alignleft {
  float: none;
  margin: 0;
}

.featured-image.alignright.auto-insert {
  margin-top: 5px;
}

#sidebar {
  position: static;
  float: left;
  margin: 0;
  padding: 30px 0 0 40px;
  width: 130px;
}

#banner.tall + #main > #sidebar {
  margin-top: -375px;
  padding-top: 375px;
}

.home #sidebar {
  padding-top: 0;
}

.single-meta .widget.author {
  display: inline-block;
  margin: 0 1em 0.5em 0;
  padding: 0;
  min-height: 10px;
  background: none;
}

.single-meta .widget.author .thumb {
  display: inline-block;
  vertical-align: middle;
}

.single-meta .widget.author .avatar {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  width: 60px;
  height: 60px;
}

.single-meta .widget.author strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 100%;
}

.single-meta .widget.author .description {
  display: none;
}

.section-about h3 {
  font-size: 22px;
}
.section-about .recent-posts .post {
  display: block;
  width: 33.3333%;
  float: left;
  clear: none;
}
.section-about .recent-posts .post .hentry {
  max-width: 120px;
  margin: 0 auto;
}
.section-about .recent-posts .post .hentry .thumb:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: rgba(0, 134, 202, 0.1);
  opacity: 1;
  transition: opacity 0.2s linear;
}
.section-about .recent-posts .post .hentry .thumbnail {
  display: block;
  margin: 0 0 20px 0;
}
.section-about .recent-posts .post .hentry .title {
  color: #252525;
  font-size: 15px;
  margin-top: 15px;
}
.section-about .recent-posts .post .hentry .title a {
  color: inherit;
}
.section-about .recent-posts .post .hentry.journal {
  padding: 0;
  border-top: none;
}
@media screen and (max-width: 600px) {
  .section-about .recent-posts .post {
    width: 100%;
    margin-bottom: 25px;
  }
  .section-about .recent-posts .post .hentry {
    max-width: 100%;
  }
  .section-about .recent-posts .post .hentry .thumb {
    display: none;
  }
  .section-about .recent-posts .post .hentry .title {
    margin-top: 0;
    font-size: 13px;
  }
}

.event-featured-image {
  position: relative;
  margin: 0 0 1em;
}
.event-featured-image img {
  display: block;
}

.section-donate h1#pagetitle {
  display: none;
}

.alpha-index {
  text-align: center;
  margin: 0 0 -50px;
  font-size: 1.2em;
}
.alpha-index a {
  display: inline-block;
  color: inherit;
  text-transform: uppercase;
  padding: 5px;
  text-decoration: none;
}
.alpha-index a:hover {
  background: #0095da;
  color: white;
}

.authors-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.authors-list .section-heading {
  display: block;
  width: 100%;
  padding-top: 80px;
  font-size: 2em;
}
body.admin-bar .authors-list .section-heading {
  padding-top: 100px;
}

.archive-banner {
  margin: -50px 0 50px;
}
.archive-banner img {
  display: block;
  margin: 0 auto;
}
.tag-pastors-talk .archive-banner a {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  margin: 0 0 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background: #003471;
  background-clip: padding-box;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 1;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  transition: all 0.2s linear;
}
.tag-pastors-talk .archive-banner a:hover {
  background: #0095da;
  text-decoration: none;
}
.archive-banner-promo + .archive-banner {
  margin-top: 0;
}

.archive-banner-promo {
  margin: 0 0 1em;
  padding: 1.5em;
  background: #dfdfdf;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.archive-banner-promo .promo {
  margin: 1em auto;
  max-width: 200px;
  width: 17%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.archive-banner-promo .promo p {
  flex-grow: 1;
}
.archive-banner-promo .promo .img,
.archive-banner-promo .promo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
  border-radius: 10px;
  box-shadow: 1px 1px 8px #d4d4d4;
}
.archive-banner-promo .promo .links {
  font-weight: bold;
  text-transform: uppercase;
  color: #0095da;
}
@media screen and (max-width: 600px) {
  .archive-banner-promo .promo {
    margin: 0.3em auto;
    width: 48%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .archive-banner-promo .promo h4 {
    width: 100%;
  }
  .archive-banner-promo .promo p {
    margin: 0 0 0 1em;
    width: 50%;
  }
  .archive-banner-promo .promo .links {
    margin: 1em 0 0;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 500px) {
  .archive-banner-promo {
    margin-left: -15px;
    margin-right: -15px;
    padding: 1em;
  }
  .archive-banner-promo .promo {
    font-size: 12px;
  }
}

.archive-header {
  position: relative;
  z-index: 9000;
  margin: 0 0 10px;
  background: #dfdfdf;
}
@media screen and (min-width: 1024px) {
  .archive-header .layout {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "image content";
  }
}
.archive-header .block-image {
  grid-area: image;
}
.archive-header .block-image img {
  display: block;
  max-width: 100%;
  max-height: 400px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.archive-header .block-content {
  grid-area: content;
  padding: 2em;
  align-self: center;
}
.archive-header + .archive-title {
  display: none;
}

.subscribe-dropdown {
  display: inline-block;
  z-index: 9000;
  position: relative;
}
.subscribe-dropdown .toggle {
  margin: 0;
  font-weight: bold;
}
.subscribe-dropdown .toggle .icon {
  margin-left: 0.5em;
  transition: all 0.2s;
  transform: rotate(0deg);
  font-size: 14px;
}
.subscribe-dropdown ul, .subscribe-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.subscribe-dropdown ul {
  display: none;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  min-width: 100%;
  padding: 0 0 0.5em;
  white-space: nowrap;
  line-height: 1;
  background: #003471;
  color: white;
}
.subscribe-dropdown ul a {
  display: block;
  padding: 0.5em 1em;
  color: inherit;
}
body.subscribe-links-on .subscribe-dropdown .toggle .icon {
  transform: rotate(90deg);
}
body.subscribe-links-on .subscribe-dropdown ul {
  display: block;
}

.section.archive-title {
  color: #003471;
  font-weight: 200;
  font-size: 40px;
}

body.gutenberg #content {
  float: none;
  max-width: 980px;
  margin: 0 auto;
  width: auto;
}
body.gutenberg #sidebar {
  display: none !important;
}

.post-featured-image {
  margin: 0 0 2em;
}
.post-featured-image img {
  display: block;
  width: 100%;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
}

.post-bottom-promo {
  margin: 2em auto;
}

.recent-posts:after {
  content: " ";
  display: block;
  clear: both;
}
.recent-posts .recent-media {
  clear: both;
  margin: 30px auto;
  padding: 20px 15px;
  background: #f5f5f5;
  text-align: center;
}
.recent-posts .recent-media > h3 {
  font-size: 19px;
  margin: 0 0 15px 0;
}
.recent-posts .recent-media .hentry {
  display: inline-block;
  vertical-align: top;
  margin: 0 50px;
  width: 48%;
  width: calc(50% - 100px);
  text-align: left;
}
.recent-posts .recent-media .hentry .thumb {
  position: relative;
  display: block;
  margin: 0 0 15px 0;
}
.recent-posts .recent-media .hentry .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.recent-posts .recent-media .hentry .title {
  margin: 0;
  font-size: 18px;
}
.recent-posts .recent-media .hentry .meta {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .recent-posts .recent-media {
    padding: 0;
  }
  .recent-posts .recent-media > h3 {
    font-size: 150%;
  }
  .recent-posts .recent-media .hentry {
    margin: 0 7px;
    width: calc(50% - 14px);
  }
  .recent-posts .recent-media .hentry .title {
    font-size: 14px;
  }
  .recent-posts .recent-media .hentry .meta {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .recent-posts {
    margin-left: -15px;
    margin-right: -15px;
    padding: 35px 15px 0px 0;
    background: #f5f5f5;
  }
  .recent-posts > .hentry {
    margin-left: 15px;
    float: left;
    width: calc(50% - 20px);
    clear: none;
    border-top: 0;
  }
  .recent-posts > .hentry.has-thumbnail .thumb {
    display: none;
  }
  .recent-posts > .hentry:nth-child(odd) {
    clear: left;
  }
}

.widget {
  position: relative;
  margin: 0 0 50px -40px;
  padding: 40px 0 0 40px;
  min-height: 120px;
  background: url(images/angle.png) no-repeat -90px 0;
  font-size: 14px;
  line-height: 1.65;
}

.widget.green {
  padding-top: 90px;
  background-image: url(images/angle-green.png);
  background-position: 0 0;
}

.widget.eoy {
  background: none;
}
#sidebar .scroll-in {
  position: fixed;
  width: 160px;
  top: 150px;
  margin-left: -225px;
  padding: 0 0 1px 0;
  transition: margin-left 0.3s ease;
}

#sidebar.scrolled .scroll-in {
  margin-left: 0;
}

#sidebar.bottom .scroll-in {
  position: absolute;
  top: auto;
  bottom: 0px;
}

.scroll-in form.signup button {
  font-size: 14px;
}

#sidebar .fixed-bottom {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 0 0 40px;
  width: 160px;
}

#sidebar .fixed-bottom .widget.ad {
  margin-bottom: 0;
}

.pinched-zoom #sidebar .scroll-in,
#sidebar.no-fixed .scroll-in {
  position: relative;
  top: auto;
  margin-left: 0;
}

#sidebar.no-fixed .fixed-bottom {
  position: relative;
  bottom: auto;
  margin-left: -40px;
}

.widget > h3 {
  color: #363636;
}

.widget > h3 a,
.widget.ad > h3 a {
  color: #363636;
}

.widget .icon-article:hover {
  text-decoration: none;
  color: #999;
}

.widget p:last-of-type {
  margin-bottom: 0;
}

#sidebar .widget.ad {
  background: none;
  font-size: 14px;
  min-height: 10px;
}

#sidebar ul {
  padding-left: 0;
}

.widget.ad h3 {
  display: block;
  padding: 0 0 8px 40px;
  margin: 0 0 10px -40px;
  font-size: 100%;
  font-weight: bold;
  border-bottom: 2px solid #d7d7d7;
}

.widget.ad2 h3 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #003471;
}

.widget.ad2 h3:before {
  font-size: 50px;
  line-height: 1;
}

.widget.ad2 strong {
  font-size: 14px;
}

.widget.ad.bottom h3.post_type {
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: none;
}

.widget.event {
  margin: 0 0 0px -40px;
}

.author-bottom-list {
  color: #000;
  font-size: 15px;
}
.author-bottom-list a {
  color: #000;
  font-size: 15px;
}
.author-bottom-list a:hover {
  color: #0095da;
  text-decoration: none;
}

.widget.author {
  min-height: 150px;
  margin-right: -60px;
  padding-right: 30px;
  background-position: 0 0;
}

.widget.author .avatar {
  display: block;
  border-radius: 50%;
  margin: -40px 0 15px 0;
}

.widget.author span.avatar {
  display: block;
  width: 100px;
  height: 100px;
  background: #eee;
}

.widget.author strong {
  display: block;
  font-size: 120%;
}

.widget.author strong a {
  display: block;
  color: #000;
}

.widget h3.post_type {
  position: relative;
  font-weight: bold;
  margin: 0 0 20px 0;
}

.widget h3.post_type:before {
  position: absolute;
  top: -1.5em;
  font-size: 16px;
}

.widget.more-posts .hentry {
  margin: 0 0 20px 0;
}

.widget.more-posts .hentry .title {
  font-weight: bold;
  display: block;
  font-size: 15px;
}

.widget.more-posts .hentry .author,
.widget.more-posts .hentry .date {
  display: block;
  color: #464646;
  /*font-size: 90%;*/
  font-size: 14px;
}

.widget.more-posts .hentry .author a,
.widget.more-posts .hentry .date a {
  color: #464646;
}

.widget.journal,
.widget.mailbag {
  background: none;
  padding-top: 0;
  line-height: 1.4;
}

.widget.journal .bookthumb img {
  display: block;
  margin: 0 0 20px -15px;
  max-width: 205px;
  height: auto;
}

.widget.journal .download-options h3 {
  white-space: nowrap;
}

.widget.journal .download-options ul,
.widget.journal .download-options li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget.journal .download-options ul {
  margin: 0 0 2em 0;
}

.widget.journal p a,
.widget.journal .download-options li {
  font-size: 15px;
  font-weight: bold;
}

.widget.journal .download-options li {
  margin: 0 0 0.5em 0;
}

.widget.journal .download-options li a {
  text-decoration: none;
}

.widget.journal .download-options li a:before {
  margin: 0 0.5em 0 0;
  font-size: 20px;
}

.widget.journal .download-options li a:hover {
  color: #999;
}

.widget .posts {
  list-style: none;
}

.wide #content {
  width: auto;
  float: none;
  margin: 0;
}

.wide #content > .wrap {
  width: auto;
  max-width: none;
}

.wide #sidebar {
  display: none;
}

/* @group Church Search */
#address-search {
  margin-top: -40px;
  padding: 0;
}
#address-search form {
  position: relative;
  width: 100%;
  margin: 0 0 15px;
}
#address-search input[type=text] {
  display: inline-block;
  vertical-align: middle;
  width: 330px;
  width: calc(100% - 50px);
  padding: 10px;
  font-size: 18px;
}
#address-search button {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 10px;
  margin: 0;
  font-size: 18px;
}
#address-search .icon {
  display: inline-block;
  font-weight: bold;
  margin: 0 30px 0 0;
  cursor: pointer;
}
#address-search .icon .fa, #address-search .icon:before {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  width: 18px;
  text-align: center;
  color: #555;
}
#address-search .icon:last-child {
  margin-right: 0;
}
@media screen and (min-width: 601px) {
  #address-search .icon.toggle-map {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #address-search input[type=text], #address-search button {
    font-size: 12px;
  }
}
#address-search #message {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  font-size: 12px;
}

#results-wrap {
  padding: 0 15px;
}
#results-wrap .status {
  display: block;
  color: #ccc;
}
#results-wrap .status span,
#results-wrap .status strong {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
#results-wrap .status strong {
  margin: 0 5px 0 0;
  font-size: 30px;
  min-width: 30px;
  min-height: 40px;
  background: url(images/loading.gif) no-repeat center;
}
#results-wrap .status.on {
  color: #003471;
}
#results-wrap .status.on strong {
  font-size: 40px;
  background: none;
}
#results-wrap #results-wrap2 {
  position: relative;
}
#results-wrap #results-wrap2:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), white);
}
#results-wrap #results {
  position: relative;
  margin: 25px 0 0;
  height: 600px;
  overflow: scroll;
}
@media screen and (max-width: 600px) {
  #results-wrap {
    padding: 0;
  }
  #results-wrap #results-wrap2:after {
    display: none;
  }
  #results-wrap #results {
    height: auto;
    overflow: visible;
  }
}

#map-wrap {
  position: relative;
}
#map-wrap .disclaimer {
  margin: 20px 0 0;
  color: #851313;
}
#map-wrap .disclaimer strong {
  color: #db3131;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  #map-wrap .disclaimer {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
  }
}

#map {
  height: 660px;
  background: #f5f5f5;
}
@media screen and (max-width: 600px) {
  #map {
    display: none;
    height: 300px;
  }
}

@media screen and (max-width: 600px) {
  #results-map {
    display: table;
    width: 100%;
  }
  #results-map #results-wrap {
    display: table-footer-group;
  }
  #results-map #map-wrap {
    display: table-header-group;
  }
}

.church-infobubble {
  position: relative;
  padding: 5px 0 0 130px;
  min-height: 115px;
}
.church-infobubble .image {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 120px;
  height: 120px;
  background: #ccc no-repeat;
}

.hentry.church {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 20px 0;
  border-bottom: 2px solid #e3e3e3;
}
.hentry.church.hasImage {
  min-height: 130px;
}
.hentry.church .title {
  margin: 0;
  font-size: 18px;
}
.hentry.church .meta {
  margin: 0 0 0.2em;
}
.hentry.church .image {
  float: right;
  margin: 0 0 1em 1em;
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(images/loading.gif) center no-repeat;
}
.hentry.church .more-info {
  display: inline-block;
  color: #0095da;
  cursor: pointer;
}
.hentry.church .content {
  display: none;
}

/* @end */
/* @group Subnav */
#subnav {
  position: relative;
  margin-bottom: 50px;
  width: 170px;
  margin: 0 0 200px 0px;
  padding: 0 0 0 0px;
}

#main > #subnav {
  float: left;
  margin: 30px 0 50px 40px;
}

#subnav .menu-toggle {
  display: none;
}

#subnav ul,
#subnav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#subnav > ul > li {
  margin: 0 0 0 -40px;
  padding: 0 0 0 40px;
  border-bottom: 2px solid #d7d7d7;
  line-height: normal;
}

#subnav > ul > li > a {
  position: relative;
  display: block;
  padding: 8px 0;
  font-weight: bold;
  text-decoration: none;
}

#subnav > ul > li > a:after {
  display: none;
  position: absolute;
  top: 10px;
  left: -40px;
  content: " ";
  width: 12px;
  height: 12px;
  background: #999;
}

#subnav > ul > li.selected > a,
#subnav > ul > li.current_page_item > a,
#subnav > ul > li.current_page_ancestor > a {
  color: #999;
}

#subnav > ul > li.selected > a:after,
#subnav > ul > li.current_page_item > a:after,
#subnav > ul > li.current_page_ancestor > a:after {
  display: block;
}

#subnav > ul > li > a:hover {
  text-decoration: underline;
}

#banner.tall + #main > #sidebar > #subnav {
  margin-top: -375px;
}

.tall-banner #subnav {
  width: 170px;
  min-height: 315px;
  margin-bottom: 260px;
}

.tall-banner #subnav > ul {
  position: relative;
  background: white;
  padding: 10px 30px 10px 20px;
}

.tall-banner #subnav > ul:before {
  position: absolute;
  top: -60px;
  left: 0;
  content: " ";
  display: block;
  border: 170px solid white;
  border-top: 60px solid transparent;
  border-left: 0;
  border-bottom: 0;
}

.tall-banner #subnav > ul:after {
  position: absolute;
  bottom: -60px;
  left: 0;
  content: " ";
  display: block;
  border: 170px solid white;
  border-bottom: 60px solid transparent;
  border-right: 0;
  border-top: 0;
}

.tall-banner #subnav > ul > li {
  margin: 0 0 10px 0;
}

.tall-banner #subnav > ul > li:last-of-type {
  margin-bottom: 0;
}

/* @end */
/* @group Related */
#related {
  position: relative;
  margin: 130px 0 0 0;
  padding: 0 180px 0 280px;
  height: auto;
  background: #f5f5f5;
}

#related:before {
  position: absolute;
  top: 0px;
  left: 0;
  content: " ";
  display: block;
  height: 35px;
  border: 100px solid white;
  border-right: 280px solid transparent;
  border-left: 0;
  border-bottom: 0;
}

#related .posts {
  position: relative;
  z-index: 1;
  margin: 0;
  top: -30px;
  padding-left: calc((100% - 440px) / 2 - 100px);
  background: #f5f5f5;
  line-height: 1.65;
}

#related .posts:after {
  content: " ";
  display: block;
  clear: both;
}

#related .posts > .col {
  position: relative;
  width: 290px;
  padding: 15px 0 0 10px;
  float: left;
  background: #f5f5f5;
  height: auto;
}

#related .posts > .col:after {
  position: relative;
  content: " ";
  display: block;
  clear: both;
}

#related .posts > .col .label {
  display: block;
  position: absolute;
  top: -2em;
  font-weight: normal;
  font-style: normal;
  color: #b7b7b7;
}

#related .posts > .col + .col {
  border-left: 2px solid white;
}

@media screen and (max-width: 1080px) and (min-width: 1020px) {
  #related .posts > .col + .col {
    margin-top: 2.5em;
  }
}
#related .posts .hentry.excerpt.title {
  float: left;
  clear: none;
  width: 140px;
  margin: 0px;
  padding: 0px 30px 0 0px;
  font-size: 85%;
  color: #464646;
  border: 0;
}

#related .posts .hentry.excerpt.title .post_type {
  float: none;
  display: block;
  margin: 0 0 10px;
}

#related .posts .hentry.title a {
  display: block;
  color: #464646;
  text-decoration: none;
}

#related .posts .hentry:hover .post_type, #related .posts .hentry:hover a {
  color: #0095da;
  text-decoration: none;
}

/* @end */
/* @group Promos */
#journal-promos {
  position: relative;
  margin: 80px 0 0 0;
  height: 425px;
  background: #999;
  color: white;
}
#journal-promos .nav {
  position: absolute;
  z-index: 10;
  top: 110px;
  width: 74px;
  height: 74px;
  background: #999;
  cursor: pointer;
  transition: all 0.1s ease;
}
#journal-promos .nav.prev {
  margin-left: -80px;
}
#journal-promos .nav.prev.on {
  left: 0;
  margin-left: 0;
}
#journal-promos .nav.prev.on:hover {
  margin-left: -5px;
}
#journal-promos .nav.prev:before {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -8px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid white;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 0;
}
#journal-promos .nav.prev:after {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -10px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid #999;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 0;
}
#journal-promos .nav.next {
  margin-right: -80px;
}
#journal-promos .nav.next.on {
  right: 0;
  margin-right: 0;
}
#journal-promos .nav.next.on:hover {
  margin-right: -5px;
}
#journal-promos .nav.next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid white;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-right: 0;
}
#journal-promos .nav.next:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -24px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 24px solid #999;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-right: 0;
}

#journal-promos .window-wrap {
  position: relative;
  top: -25px;
  height: 450px;
  overflow: hidden;
}

#journal-promos .window {
  position: relative;
  top: 0px;
  width: 100%;
  height: 450px;
  padding: 0 20px 50px 0;
  overflow: scroll;
}

#journal-promos .window .slider {
  display: block;
  white-space: nowrap;
  visibility: hidden;
}

#journal-promos.on .window .slider {
  visibility: visible;
}

#journal-promos .window .slider:after {
  content: " ";
  display: inline-block;
  position: relative;
  width: 50px;
  height: 100%;
}

#journal-promos .hentry {
  float: none;
  vertical-align: text-top;
  display: inline-block;
  margin: 0 15px;
  width: 230px;
  clear: none;
  padding: 0;
  border: 0;
}
#journal-promos .hentry .purchase {
  display: none;
}

#journal-promos .hentry.animate {
  transition: left 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

x#journal-promos .hentry.touch {
  transition: left 0.1s linear;
}

#journal-promos .hentry .thumb {
  display: block;
  margin: 0 0 30px 0;
}

#journal-promos .hentry .thumb img,
#journal-promos .hentry .thumb .img {
  display: block;
  width: 230px;
  height: 295px;
  background: #003471;
}

#journal-promos .hentry .title {
  white-space: normal;
  font-size: 18px;
  color: white;
}

#journal-promos .hentry .title a {
  color: white;
}

#journal-promos .hentry:hover a,
#journal-promos .hentry .title a:hover {
  text-decoration: none;
  color: #003471;
}

#journal-promos .hentry .date {
  font-size: 12px;
}

/*Footer journal images hover */
.slider:after {
  content: " ";
  display: block;
  clear: both;
}

.slider .hentry .thumb:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 295px;
  /*background: rgba(70, 70, 70, 0.75);*/
}

.slider .hentry:hover .thumb:after {
  background: rgba(0, 135, 202, 0.5);
}

.journal-download-form {
  width: 180px;
  margin: 0 0 3em;
}
.journal-download-form > h3 {
  margin: 0;
}
.journal-download-form > h3 .icon {
  display: inline-block;
  vertical-align: middle;
}
.journal-download-form .gform_wrapper {
  margin: 0 auto;
}
.journal-download-form .gform_wrapper form {
  display: table;
  width: 100%;
}
.journal-download-form .gform_wrapper form .gform_heading {
  display: table-footer-group;
}
.journal-download-form .gform_wrapper form .gform_footer {
  padding-top: 0;
  margin-top: 15px;
}
.journal-download-form .gform_wrapper form span.gform_description {
  margin-bottom: 0;
  width: auto;
  font-size: 80%;
  line-height: normal;
}
.journal-download-form .gform_wrapper form ul.gform_fields li.gfield {
  margin: 0;
  padding-right: 0;
}
.journal-download-form .gform_wrapper form ul.gform_fields li.gfield label {
  display: none;
}
.journal-download-form .gform_wrapper form ul.gform_fields li.gfield input {
  width: 100%;
}

#journal-overlay-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.6);
}

#journal-overlay {
  position: fixed;
  top: 150px;
  left: 50%;
  width: 500px;
  margin: 0 0 0 -250px;
  box-sizing: border-box;
  z-index: 100001;
  padding: 50px;
  background: #0095da;
  color: white;
}
#journal-overlay .close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
#journal-overlay .icons {
  text-align: center;
  font-size: 40px;
}
#journal-overlay .icons .icon {
  margin: 0 15px;
}
@media screen and (max-width: 500px) {
  #journal-overlay {
    left: 0;
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
}
@media screen and (max-height: 600px) {
  #journal-overlay {
    position: absolute;
    top: 800px;
  }
}

#footer-promos {
  overflow: hidden;
  position: relative;
  clear: both;
  margin: 0 0 0px 0;
  padding: 0px 180px 0px 260px;
  min-height: 300px;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
}

#footer-promos .boxes {
  margin: 0 auto;
  min-width: 715px;
  max-width: 1024px;
  border-left: 4px solid white;
}

#footer-promos .boxes:after {
  content: " ";
  display: block;
  clear: both;
}

#footer-promos .boxes .box {
  float: left;
  clear: none;
  width: 33%;
  height: 100%;
  overflow: hidden;
  border-right: 4px solid white;
  box-sizing: border-box;
  background: #f5f5f5;
}
#footer-promos .boxes .box a.main {
  display: block;
  position: relative;
}
#footer-promos .boxes .box a.main img {
  display: block;
  width: 100%;
  height: auto;
}
#footer-promos .boxes .box a.main .icon {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  padding: 0px;
  height: 28px;
  width: 28px;
  text-align: center;
  background: #003471 no-repeat;
  color: white;
  font-size: 18px;
  line-height: 34px;
}
#footer-promos .boxes .box a.main .label {
  display: block;
  position: absolute;
  bottom: 30px;
  right: 0;
  background: no-repeat;
  color: white;
  font-size: 15px;
  padding: 0 28px 0 0;
}
#footer-promos .boxes .box a.main .label .text {
  display: block;
  vertical-align: middle;
  padding: 0px 15px;
  line-height: 28px;
}
#footer-promos .boxes .box a.main .label .go {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  display: block;
  font-size: 30px;
  line-height: 24px;
  padding: 0px;
  text-align: center;
}

#footer-promos .promo {
  float: left;
  width: 180px;
  height: 270px;
  margin: -280px 0 0 -260px;
  padding: 0px 30px 0 30px;
  box-sizing: border-box;
  background: #003471;
  font-size: 14px;
}

#footer-promos .promo:after {
  position: absolute;
  content: " ";
  z-index: -1;
  display: block;
  height: 100%;
  width: 50%;
  top: 0;
  left: 0;
  background: #003471;
}

#footer-promos .promo a {
  line-height: normal;
  color: #0095da;
  text-decoration: none;
}

#footer-promos .promo a.icon-map {
  display: block;
  margin: 0 0 30px 0;
}

#footer-promos .promo a.icon-map:before {
  color: white;
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  font-size: 70px;
}

#footer-promos .promo > a:hover {
  color: white;
  text-decoration: none;
}

#footer-promos .promo h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1;
}

#footer-promos .promo h2 a {
  color: white;
  line-height: 0.8;
}

#footer-promos .social {
  margin: -300px -180px 0 0;
  float: right;
}

#footer-promos .social:after {
  position: absolute;
  z-index: -1;
  content: " ";
  display: block;
  height: 100%;
  width: 50%;
  top: 0;
  right: 0;
  background: #696e72 url(images/social.jpg) right bottom repeat-x;
  background-size: auto 100%;
}

#footer-promos .social ul {
  margin: 20px 0 0 0;
  padding: 0 20px;
  list-style: none;
}

#footer-promos .social ul li {
  margin: 0 0 15px 0;
}

#footer-promos .social ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  font-size: 30px;
  border-radius: 50%;
  color: #f5f5f5;
  transition: background 0.5s ease;
}

#footer-promos .social ul li a:hover {
  opacity: 0.75;
}

#footer-promos-short {
  position: relative;
  padding: 15px 180px 15px 260px;
  background: #696e72 url(images/social.jpg) right bottom repeat-x;
}

#footer-promos-short .social {
  position: absolute;
  top: 20px;
  left: 10px;
}

#footer-promos-short .social ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer-promos-short .social ul li {
  display: inline-block;
  margin: 0 10px 0 0;
}

#footer-promos-short .social ul li a,
#footer-promos-short .feed a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  font-size: 30px;
  color: #f5f5f5;
  transition: background 0.5s ease;
}

#footer-promos-short .social ul li a:hover {
  opacity: 0.75;
}

#footer-promos-short .feed {
  position: absolute;
  top: 20px;
  right: 10px;
}

#footer-promos-short .feed:hover {
  opacity: 0.75;
}

/* @end */
#page-tools {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  color: white;
}
#page-tools.fixed {
  position: fixed;
  top: 200px;
  margin-top: 0 !important;
}
#page-tools.bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}
#page-tools > a.toggle {
  display: inline-block;
  padding: 0;
  line-height: 44px;
  height: 44px;
  width: 80px;
  text-align: center;
  background: #4bb752;
  color: inherit;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0;
}
@media screen and (min-width: 601px) {
  #page-tools > a.toggle {
    transform-origin: 100% 100%;
    transform: rotate(-90deg);
  }
}
#page-tools > a.toggle:hover {
  background-color: #348239;
}
#page-tools ul, #page-tools li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#page-tools ul {
  position: absolute;
  right: 0;
  top: 160px;
  width: 44px;
  padding: 5px 0;
  background: #4bb752;
  text-align: center;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  margin: -30px 0 0 0;
  max-height: 0px;
  overflow: hidden;
  border-radius: 0;
}
#page-tools ul:before {
  position: absolute;
  top: -6px;
  left: 50%;
  margin: 0 0 0 -6px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 6px solid #4bb752;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 0;
}
#page-tools ul > li > a {
  display: block;
  padding: 15px 0;
  color: white;
  font-size: 16px;
  text-decoration: none;
}
#page-tools ul > li > a:hover {
  color: #0095da;
  text-decoration: none;
}
body.share-on #page-tools ul {
  z-index: 1;
  opacity: 1;
  margin-top: 0;
  max-height: 500px;
  overflow: visible;
}
#page-tools.home {
  position: absolute;
  top: 0px !important;
  margin-top: -50px !important;
  width: auto;
  transform-origin: right bottom;
  transform: rotate(-90deg);
}
#page-tools.home > a {
  white-space: nowrap;
  display: inline-block;
  margin: 0 0 0 300px;
  padding: 10px 20px;
  width: auto;
  background: #999;
  color: white;
  font-weight: bold;
  font-size: 16px;
}
#page-tools.home > a:hover {
  background-color: #0095da;
  text-decoration: none;
}
@media screen and (max-width: 600px) {
  #page-tools {
    position: relative !important;
    display: block;
    top: auto !important;
    left: auto !important;
    margin: 30px auto !important;
    width: auto;
    text-align: center;
    color: #252525;
  }
  #page-tools > a.toggle {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    background: none;
  }
  #page-tools > a.toggle:hover {
    background: none;
  }
  #page-tools ul {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: auto;
    width: auto;
    max-height: none;
    overflow: visible;
    margin: 0 auto;
    opacity: 1;
    background: none;
  }
  #page-tools ul:before, #page-tools ul:after {
    display: none;
  }
  #page-tools ul li {
    display: inline-block;
  }
  #page-tools ul li a {
    display: inline-block;
    padding: 0.5em;
    color: inherit;
  }
}

/*
#page-tools {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0;
	width: 50px;
	color: white;
	padding-bottom: 1px;
}
.tall-banner #page-tools {
	top: 0px;
}
#page-tools.fixed {
	position: fixed;
	top: 200px;
	margin-top: 0 !important;
}
@media screen and (max-width:1000px) {
	#page-tools.fixed {
		position: absolute;
	}
}
#page-tools.bottom {
	position: absolute;
	top: auto;
	bottom: 0;
}

#page-tools ul,
#page-tools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#page-tools > ul {
	margin-bottom: 50px;
}
#page-tools > ul > li {
	margin: 0;
	position: relative;
}
#page-tools > ul > li > a {
	display: block;
	padding: 10px 0;
	margin: 0 5px;
	text-align: center;
	border-top: 1px solid #dcdcdc;
	color: #bbb;
}
#page-tools > ul > li:last-child > a {
	border-bottom: 1px solid #dcdcdc;
}
#page-tools > ul > li > a:hover {
	text-decoration: none;
	color: #0095da;
}
#page-tools > ul > li.share {
	border-bottom: 0;
	margin: 0 0 5px 0;
}
#page-tools > ul > li.share > a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 50px;
	background: #999;
	color: white;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	border: 0;
}
#page-tools > ul > li.share > a:hover {
	background: #0095da;
}
#page-tools > ul > li a > .at300bs {
	visibility: hidden;
}
#page-tools > ul > li .addthis_button_email > .at300bs,
#page-tools > ul > li .addthis_button_email > .aticon-email {
	display: none;
}
#page-tools > ul > li > a.font-size {
	font-family: Times,serif;
	font-size: 120%;
	line-height: 1;
}
#page-tools ul > li > .select {
	display: none;
	position: absolute;
	top: 0px;
	right: 100%;
	padding: 0 0px;
	font-family: Times,serif;
	white-space: nowrap;
	background: white;
	box-shadow: 0px 0px 5px #444;
}
#page-tools ul > li.on > .select {
	display: block;
}

#page-tools ul > li > .select a {
	display: inline-block;
	padding: 0;
	width: 40px;
	color: #999;
	line-height: normal;
	font-size: 28px;
	line-height: 1.2;
	vertical-align: middle;
	text-align: center;
}
#page-tools ul > li > .select a:hover {
	background: #eee;
	text-decoration: none;
}
#page-tools ul > li > .select .reset {
	position: absolute;
	display: block;
	padding: 2px 0;
	bottom: -1.8em;
	left: 0;
	width: 100%;
	font-size: 13px;
	font-family: sans-serif;
}
#page-tools > ul > li > a.comments-count {
	margin-bottom: 20px;
	color: #7d7d7d;
	line-height: 42px;
	font-size: 18px;
}
#page-tools > ul > li > a.comments-count span {
	position: relative;
	display: block;
}
#page-tools > ul > li > a.comments-count:before {
	position: absolute;
	top: 7px;
	left: 7px;
	content: ' ';
	display: block;
	width: 36px;
	height: 27px;
	border-radius: 5px;
	background: #f4f4f4;
}
#page-tools > ul > li > a.comments-count:after {
	position: absolute;
	left: 18px;
	top: 34px;
	content: ' ';
	width: 0;
	height: 0;
	border: 10px solid #f4f4f4;
	border-bottom: 0;
	border-right: 15px solid transparent;
	border-left: 0;
	-ms-transform: scale(1.00001,1.00001); 
	-webkit-transform: scale(1.00001,1.00001);
	transform: scale(1.00001,1.00001);
}
#page-tools.home {
	position: absolute;
	top: 0px !important;
	margin-top: -50px !important;
	width: auto;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;


	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	transform: rotate(-90deg);
}
#page-tools.home.fixed {
}
#page-tools.home > a {
	white-space: nowrap;
	display: inline-block;
	margin: 0 0 0 300px;
	padding: 10px 20px;
	width: auto;
	background: #999;
	color: white;
	font-weight: bold;
	font-size: 16px;

}
#page-tools.home > a:hover {
	background-color: #0095da;
	text-decoration: none;
}

*/
h3.mark {
  position: relative;
  padding: 12px 12px 12px 75px;
  background: #f5f5f5;
  line-height: 20px;
  transition: background 0.1s linear;
}

h3.mark:hover {
  color: #999;
}

h3.mark > .num {
  position: absolute;
  left: 5px;
  top: 12px;
  font-size: 20px;
  line-height: 20px;
  color: #999;
}

h3.mark.opened {
  background-color: #0090d5;
  color: white;
}
h3.mark.opened > .num {
  color: white;
}

h3.mark.opened:hover {
  color: white;
}

#the-marks {
  margin: 3em 0 0;
  padding: 0 0 2em 0;
}

body.gutenberg.page-the-nine-marks .oembed {
  margin-top: 2em;
  margin-bottom: 3em;
}

.page-id-12763 #content img.aligncenter {
  border-radius: 50%;
}

#content h3.center {
  font-size: 18px;
}

.page-id-12765 #content img.alignleft {
  border-radius: 50%;
}

.page-id-12767 #content img.alignleft {
  border-radius: 50%;
}

body.page-our-team #banner {
  background: #f5f5f5;
  z-index: 1;
}
body.page-our-team .wp-block-theme-blocks-container.team-leadership {
  position: relative;
  left: 50%;
  width: 100vw;
  margin: 0 0 4em -50vw;
  padding: 0 0 2em;
  background: #f5f5f5;
}
body.page-our-team .wp-block-theme-blocks-container.team-leadership:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 400px solid white;
  border-top: 100px solid transparent;
  border-bottom: 0;
  border-left: 0;
}
body.page-our-team .wp-block-theme-blocks-container.team-leadership > .wp-block-columns {
  max-width: 670px;
  margin: 0 auto;
}

/* @group Footer */
#footer {
  position: relative;
  padding: 20px 20px 20px 260px;
  line-height: 25px;
  background: #003471;
  border-bottom: 3px solid white;
}
#footer .toggle.language {
  position: relative;
  line-height: 30px;
  padding: 0 0 0 35px;
  font-size: 16px;
  color: white;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.065em;
  cursor: pointer;
}
#footer .toggle.language .fa {
  margin-left: 0.3em;
}
#footer .toggle.language:hover {
  text-decoration: underline;
}
#footer .toggle.language:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 22px;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 601px) {
  #footer .toggle.language {
    position: absolute;
    left: 15px;
    top: 50%;
    height: 30px;
    margin: -15px 0 0 0;
  }
}
@media screen and (max-width: 600px) {
  #footer {
    text-align: center;
  }
  #footer .toggle.language {
    display: inline-block;
    margin: 10px auto;
    text-align: center;
  }
}
#footer .languages {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  box-sizing: border-box;
  width: 240px;
  padding: 15px 15px 0 50px;
  background: #003471;
  color: white;
}
#footer .languages ul, #footer .languages li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .languages a {
  color: inherit;
}
@media screen and (max-width: 600px) {
  #footer .languages {
    width: 100%;
    padding: 15px 15px 0;
    text-align: center;
  }
}
body.language-on #footer .languages {
  display: block;
}
body.language-on #footer .toggle.language .fa {
  transform: scaleY(-1);
}

#nav-footer {
  text-align: center;
  letter-spacing: 0.05em;
}

#nav-footer ul {
  text-align: left;
}

#nav-footer > ul > li {
  display: inline-block;
  margin: 0 15px 0 0;
}

#nav-footer > ul > li > a:hover {
  text-decoration: underline;
}

/* @end */
/* @group Paging */
.posts-nav {
  clear: both;
  margin: 0 0 40px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.posts-nav:after {
  content: " ";
  display: block;
  clear: both;
}

.posts-nav ul {
  margin: 0;
  padding: 0;
}

.posts-nav ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 5px;
  list-style: none;
  color: #aaa;
}

.posts-nav ul li.page_info {
  display: none;
}

.posts-nav ul li a {
  line-height: normal;
  display: inline-block;
  padding: 0.2em 0.5em;
  text-decoration: none;
  color: #0095da;
}
.posts-nav ul li a:hover {
  background: #0095da;
  color: white;
}

.posts-nav ul li.active_page a {
  color: white;
  background: #0095da;
}

#more-posts {
  display: block;
  width: 100px;
  text-align: center;
  margin: 0 auto 80px auto;
  padding: 10px;
  color: #0095da;
  text-transform: uppercase;
  background: none;
  font-weight: bold;
}

#more-posts:before {
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 50%;
  margin-left: -30px;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 50px solid #ebebeb;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 0;
  transition: top 0.1s linear;
}

#more-posts:hover:before {
  top: 8px;
}

#more-posts:after {
  position: absolute;
  bottom: -50px;
  right: 50%;
  margin-right: -15px;
  margin-top: -15px;
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  background: url(images/loading.gif) no-repeat -10000px -10000px;
}

#more-posts.loading:after {
  background-position: center;
}

#more-posts.done {
  color: #555;
  cursor: default;
}

#more-posts.done:before {
  display: none;
}

/* @end */
/* @group Comments */
#comments {
  clear: both;
  margin: 50px 0;
}

#comments-load {
  position: relative;
  display: block;
  margin: 0 auto 20px auto;
  width: 165px;
  height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 18px;
  perspective: 800px;
}

#comments-load .num {
  display: block;
}

#comments-load:before {
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -30px;
  z-index: -1;
  content: " ";
  display: block;
  border: 50px solid #ebebeb;
  border-bottom: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}

#comments-load.on:before {
  top: -10px;
  border: 50px solid #ebebeb;
  border-top: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}

/* @end */
form.signup {
  position: relative;
  height: 36px;
  background: #f5f5f5;
  border-radius: 3px;
}

form.signup button {
  position: absolute;
  bottom: 5px;
  right: 0;
  padding: 0;
  margin: 0;
  width: 250px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #e4e4e4;
  color: #0095da;
  font-size: 19px;
  font-weight: bold;
}

form.signup button:hover,
form.signup button:hover a,
form.signup button a:hover,
form.signup button:active,
form.signup button:focus {
  color: #e4e4e4;
  background-color: #0095da;
  text-decoration: none;
}

.icon-play:before {
  float: right;
  line-height: 26px;
  padding: 0 10px 0 0;
}

form.signup label strong {
  display: block;
  float: left;
  padding: 5px 10px;
  line-height: 26px;
  color: #999;
  border-right: 2px solid #fff;
  font-size: 19px;
  border: 0;
}

form.signup input[type=email] ::-webkit-input-placeholder {
  font-size: 14px;
}

form.signup input[type=email] :-moz-placeholder {
  font-size: 14px;
}

form.signup input[type=email] ::-moz-placeholder {
  font-size: 14px;
}

form.signup input[type=email] :-ms-input-placeholder {
  font-size: 14px;
}

form.signup input[type=email] {
  display: block;
  width: 425px;
  float: left;
  line-height: 20px;
  background: none;
  font-size: 14px;
}

#sidebar form.signup {
  margin: 0 -20px 0 -40px;
  height: auto;
}

#sidebar form.signup label strong {
  display: block;
  float: none;
  width: auto;
  padding-left: 40px;
  padding-right: 30px;
  min-height: 110px;
}

#sidebar form.signup input[type=email] {
  width: auto;
  float: none;
  padding-left: 40px;
}

/* @group Captions */
.wp-caption {
  margin-bottom: 1em;
  padding-top: 4px;
  text-align: center;
}

.wp-caption img {
  display: block;
  margin: 0 auto;
  float: none;
}

.wp-caption.alignright {
  margin: 0 0 1.5em 1.5em;
}

.wp-caption.alignleft {
  margin: 0 1.5em 1.5em 0;
}

.wp-caption.alignnone {
  margin: 1.5em 0;
}

.wp-caption .wp-caption-text {
  margin: 8px 0 0;
  font-size: 12px;
  font-style: italic;
  color: #003e7e;
}

.wp-caption .wp-caption-text p {
  margin: 0;
}

/* @end */
input[type=submit],
input[type=button],
button,
.button {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  margin: 0 0 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background: #003471;
  background-clip: padding-box;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 1;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  transition: all 0.2s linear;
}

input[type=submit]:hover,
button:hover,
.button:hover {
  background: #0095da;
  text-decoration: none;
}

button.more,
.button.more {
  background: #f5f5f5;
  color: #0095da;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

button.more:hover,
.button.more:hover {
  background: #d7d7d7;
}

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

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

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
textarea {
  line-height: 1;
  margin: 0;
  padding: 8px;
  border: 0;
  background: #f5f5f5;
  box-sizing: border-box;
}

textarea {
  width: 100%;
}

/* @group Ninja Forms integration */
.ninja-forms-field-error {
  color: red;
}

/* @end */
.input.select {
  position: relative;
  z-index: 1000;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  padding: 0px 0;
  cursor: pointer;
  text-align: left;
}
.input.select strong {
  position: relative;
  display: block;
  margin: 0;
  padding: 8px 30px 7px 10px;
  min-width: 100px;
  font-size: 14px;
  font-weight: normal;
  background: #0095da;
  color: white;
}
.input.select strong .text {
  display: inline-block;
  min-width: 170px;
}
.input.select strong .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  height: 20px;
  line-height: 20px;
  margin: -10px 0 0;
  transition: transform 0.2s linear;
}
.input.select.on strong .icon {
  transform: rotate(180deg);
}
.input.select > select {
  position: absolute;
  z-index: -1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.input.select .select {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-size: 14px;
  padding: 0px 0px 5px;
  background: #0095da;
  color: white;
}
.input.select .select .option {
  display: block;
  padding: 7px 10px;
  cursor: pointer;
  white-space: normal;
  line-height: normal;
  background: #0095da;
  color: white;
}
.input.select .select .option.selected, .input.select .select .option:hover {
  color: #252525;
}
.input.select .select .option:last-child {
  border-bottom: 0;
}
.input.select > .select {
  display: none;
  position: absolute;
  z-index: 1001;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.input.select > .select::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.input.select.on > .select {
  display: block !important;
}
@media screen and (max-width: 600px) {
  .input.select select {
    z-index: 1;
    font-size: 16px;
  }
  .input.select .select {
    display: none !important;
  }
}
@media screen and (max-height: 600px) {
  .input.select select {
    z-index: 1;
  }
  .input.select .select {
    display: none !important;
  }
}

#popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
}

#popup-overlay {
  position: fixed;
  z-index: 10001;
  display: table;
  top: 150px;
  left: 50%;
  width: 560px;
  margin: 0 0 0 -280px;
  background: #0095da;
  color: white;
}
#popup-overlay a {
  color: inherit;
}
#popup-overlay a .icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.2em;
  font-size: 0.7em;
}
#popup-overlay .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  line-height: 1;
  font-size: 20px;
  cursor: pointer;
}
#popup-overlay .cover {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#popup-overlay .cover a {
  display: block;
}
#popup-overlay .cover a img {
  display: block;
  width: 100%;
  height: auto;
}
#popup-overlay .content {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#popup-overlay .content a {
  text-decoration: none;
}
#popup-overlay .content .content-top {
  padding: 40px 20px 100px 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
#popup-overlay .content .content-bottom {
  padding: 0 20px;
  line-height: 1.2;
}
@media screen and (max-width: 560px) {
  #popup-overlay {
    left: 50%;
    width: 300px;
    margin-left: -150px;
  }
  #popup-overlay .cover {
    display: table-footer-group;
    width: 100%;
    padding: 20px;
  }
  #popup-overlay .cover a {
    padding: 20px;
  }
  #popup-overlay .content {
    display: table-header-group;
    width: 100%;
  }
  #popup-overlay .content .content-top {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 16px;
  }
  #popup-overlay .content .content-bottom {
    font-size: 12px;
  }
}

body.gutenberg {
  /* Styles are loaded into front end and admin */
}
body.gutenberg {
  line-height: 1.65;
  font-size: 17px;
}
body.gutenberg #main .wrap {
  max-width: 670px;
  margin: 0 auto;
}
@media screen and (max-width: 797.619047619px) {
  body.gutenberg #main .wrap {
    margin: 0 8%;
  }
}
body.gutenberg a {
  text-decoration: underline;
}
body.gutenberg a:hover {
  text-decoration: none;
}
body.gutenberg .introduction {
  font-size: 1.2em;
  line-height: 1.5;
  max-width: 600px;
  margin: 0 auto 3em;
  text-align: center;
  color: #666;
}
body.gutenberg .introduction.bigger {
  font-size: 1.6em;
  line-height: 1.4;
  max-width: 500px;
}
@media screen and (max-width: 600px) {
  body.gutenberg .introduction.bigger {
    font-size: 1.3em;
  }
}
body.gutenberg .section-title {
  position: relative;
  font-size: 170%;
}
body.gutenberg .section-title:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  top: -1em;
  left: -50px;
  width: 120px;
  height: 120px;
  background: #f5f5f5;
  -moz-clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);
  -webkit-clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);
  -o-clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);
  -ms-clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);
  clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);
}
body.gutenberg p + .section-title {
  margin-top: 4em;
}
@media screen and (max-width: 600px) {
  body.gutenberg p + .section-title {
    margin-top: 2.5em;
  }
}
body.gutenberg .wp-block-embed {
  margin: 0;
}
body.gutenberg .oembed {
  margin: 3em 0 6em;
}
@media screen and (min-width: 1100px) {
  body.gutenberg .oembed {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media screen and (min-width: 1200px) {
  body.gutenberg .oembed {
    margin-left: -100px;
    margin-right: -100px;
  }
}
body.gutenberg .oembed .inner {
  position: relative;
  padding: 0 0 56.25%;
}
body.gutenberg .oembed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  min-height: 0px;
}
body.gutenberg .wp-block-button {
  margin-top: 2em;
  margin-bottom: 2em;
}
body.gutenberg .wp-block-button a {
  line-height: 1;
  padding: 0.8em 1.5em;
  border-radius: 0;
  background: #003471;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
body.gutenberg .wp-block-button a:hover {
  background-color: #0095da;
}
body.gutenberg .block-editor .wp-block-latest-posts,
body.gutenberg .wp-block-latest-posts {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.gutenberg .block-editor .wp-block-latest-posts li,
body.gutenberg .wp-block-latest-posts li {
  margin: 0 0 1em;
}
body.gutenberg .block-editor .wp-block-latest-posts a,
body.gutenberg .wp-block-latest-posts a {
  font-size: 1.1em;
  color: #252525;
  text-decoration: none;
  font-weight: bold;
}
body.gutenberg .block-editor .wp-block-latest-posts a:hover,
body.gutenberg .wp-block-latest-posts a:hover {
  text-decoration: underline;
}
body.gutenberg .block-editor .wp-block-latest-posts li + li,
body.gutenberg .wp-block-latest-posts li + li {
  margin-top: 1em;
}
body.gutenberg .block-editor .wp-block-latest-posts li + li:before,
body.gutenberg .wp-block-latest-posts li + li:before {
  content: " ";
  display: block;
  height: 2px;
  width: 40px;
  background: #ccc;
  margin: 0 0 1em;
}
body.gutenberg .wp-block-columns.stories {
  justify-content: space-between;
  -moz-column-gap: 2em;
       column-gap: 2em;
}
body.gutenberg .wp-block-columns.stories .wp-block-column {
  margin: 0;
}
body.gutenberg .wp-block-columns.stories .wp-block-column:nth-child(1) {
  flex-basis: 65%;
}
body.gutenberg .wp-block-columns.stories .wp-block-column:nth-child(2) {
  flex-basis: 30%;
}
body.gutenberg .wp-block-columns.stories .wp-block-column:nth-child(2) h6 {
  font-size: 1rem;
  color: #aaa;
  border-top: 2px solid currentColor;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.2em 0 0;
}
@media screen and (min-width: 1024px) {
  body.gutenberg .wp-block-columns.stories .wp-block-column:nth-child(2) h6,
body.gutenberg .wp-block-columns.stories .wp-block-column:nth-child(2) .wp-block-latest-posts {
    margin-right: -100px;
  }
}
@media screen and (max-width: 600px) {
  body.gutenberg .wp-block-columns.stories {
    display: block;
  }
  body.gutenberg .wp-block-columns.stories .wp-block-column:nth-child(2) {
    margin: 50px 0 80px;
  }
}

body.single-book #content > .wrap {
  min-height: 10vh !important;
}
@media screen and (min-width: 768px) {
  body.single-book #content > .wrap {
    display: grid;
    grid-template-columns: 200px 4em auto;
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "image . main" "links . main" "links . main" "form .  main" ".    .  langs";
  }
}
@media screen and (max-width: 1200px) {
  body.single-book #banner {
    z-index: 1;
  }
  body.single-book #content {
    width: auto;
    float: none;
    margin: 0 5%;
  }
}
@media screen and (max-width: 767px) {
  body.single-book #content {
    margin: 0 3%;
  }
  body.single-book .featured-image {
    width: 400px;
  }
  body.single-book .featured-image img {
    max-height: 250px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 0% 0%;
       object-position: 0% 0%;
  }
  body.single-book .book-links.desktop-hide {
    margin: -2em 0 2em;
  }
}
@media screen and (max-width: 430px) {
  body.single-book .featured-image {
    width: 100%;
  }
}
body.single-book .featured-image {
  grid-area: image;
  overflow: visible;
  margin: 0 0 2em;
}
body.single-book .featured-image img {
  position: relative;
  z-index: 1;
  display: block;
  height: auto;
  max-width: 100%;
}
body.single-book .featured-image:before {
  position: absolute;
  top: -80px;
  left: -80px;
  content: " ";
  display: block;
  width: 160px;
  height: 170px;
  background: url(images/angle.png) no-repeat 50% 50%;
  border: 0;
}
html[dir=rtl] body.single-book .featured-image:before {
  left: auto;
  right: -50px;
}
body.single-book .featured-image:after {
  display: none;
}
body.single-book .main-content {
  grid-area: main;
}
body.single-book .main-content .meta.top {
  color: #0095da;
}
body.single-book .main-content .current-lang {
  font-weight: 500;
}
body.single-book .main-content #pagetitle {
  margin: 0 0 0.5em;
}
body.single-book .main-content .authors {
  margin: 0 0 3em;
  font-weight: bold;
}
body.single-book .main-content .authors:before {
  content: " ";
  display: inline-block;
  margin: 0 0.5em 0 0;
  width: 1em;
  height: 1em;
  background: url(images/book.svg) no-repeat 50% 50%;
  background-size: contain;
}
body.single-book .main-content .authors a {
  color: inherit;
}
body.single-book .book-form {
  grid-area: form;
}
@media screen and (max-width: 767px) {
  body.single-book .book-form {
    margin-top: 2em;
  }
}
body.single-book .book-form .gform_wrapper {
  margin: 0 auto;
}
body.single-book .book-form .gform_wrapper form {
  display: table;
  width: 100%;
}
body.single-book .book-form .gform_wrapper form .gform_heading {
  display: table-footer-group;
}
body.single-book .book-form .gform_wrapper form .gform_footer {
  padding-top: 0;
  margin-top: 15px;
}
body.single-book .book-form .gform_wrapper form span.gform_description {
  margin-bottom: 0;
  width: auto;
  font-size: 80%;
  line-height: normal;
}
body.single-book .book-form .gform_wrapper form h1,
body.single-book .book-form .gform_wrapper form h2,
body.single-book .book-form .gform_wrapper form h3 {
  font-weight: 500;
}
body.single-book .book-form .gform_wrapper form ul.gform_fields li.gfield {
  margin: 0;
  padding-right: 0;
}
body.single-book .book-form .gform_wrapper form ul.gform_fields li.gfield label {
  display: none;
}
body.single-book .book-form .gform_wrapper form ul.gform_fields li.gfield input {
  width: 100%;
}
body.single-book .book-form .gform_wrapper form .gform_button {
  background: #4bb752;
}
body.single-book .book-links {
  grid-area: links;
}
body.single-book .also-in-translations {
  grid-area: langs;
}

.book-translations ul,
.book-translations li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.book-translations > ul {
  width: 100%;
}
@media screen and (min-width: 870px) {
  .book-translations > ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    line-height: 1;
    flex-wrap: wrap;
  }
}
.book-translations > ul > li {
  flex-basis: 30%;
  margin: 0 0 1em;
  box-sizing: border-box;
  background: #f4f4f4;
}
.book-translations > ul > li > a {
  display: block;
  padding: 1em;
  text-decoration: none;
  color: inherit;
}
.book-translations > ul > li > a:hover {
  color: white;
  background: #0095da;
}
.book-translations > ul > li strong {
  display: block;
  font-size: 1.2em;
  margin: 0 0 0.2em;
}
.book-translations > ul > li.empty {
  visibility: hidden;
  height: 0;
  margin-bottom: 0;
}

.book-links ul,
.book-links li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.book-links ul {
  margin: 0 0 2em;
}
.book-links .button {
  display: block;
  text-align: center;
}

.also-in-translations {
  margin: 3em 0 0;
  padding: 2em 0 0;
  border-top: 1px solid #ccc;
}
.also-in-translations ul,
.also-in-translations li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.also-in-translations ul {
  font-weight: 500;
}

.wp-block-theme-blocks-mark {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.wp-block-theme-blocks-mark .image {
  position: relative;
  display: block;
  flex-basis: 200px;
}
.wp-block-theme-blocks-mark .image .img,
.wp-block-theme-blocks-mark .image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wp-block-theme-blocks-mark .image .char {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 15px;
  background: #0095da;
  color: white;
  font-size: 35px;
  font-weight: bold;
  line-height: 1;
  width: 66px;
  height: 66px;
  box-sizing: border-box;
  text-align: center;
}
.wp-block-theme-blocks-mark .image .char input {
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: none;
  color: white;
  font-size: 30px;
  text-align: center;
  width: 1em;
  font-weight: bold;
  line-height: 1;
}
.wp-block-theme-blocks-mark .content {
  flex-basis: 70%;
  max-width: 500px;
}
.wp-block-theme-blocks-mark .block-title {
  margin: 0 0 0.2em;
  font-size: 140%;
}
.wp-block-theme-blocks-mark.image-left .image {
  order: -1;
}
.wp-block-theme-blocks-mark.image-left .image .char {
  left: -33px;
}
.wp-block-theme-blocks-mark.image-left .content {
  margin-left: 50px;
}
.wp-block-theme-blocks-mark.image-right .image {
  order: 1;
}
.wp-block-theme-blocks-mark.image-right .image .char {
  right: -33px;
}
.wp-block-theme-blocks-mark.image-right .content {
  margin-right: 50px;
  margin-left: 50px;
}

.theme-block.wp-block-theme-blocks-mark {
  margin: 4em auto;
}
@media screen and (min-width: 1100px) {
  .theme-block.wp-block-theme-blocks-mark {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .theme-block.wp-block-theme-blocks-mark {
    margin-left: -100px;
    margin-right: -100px;
  }
}
@media screen and (max-width: 740px) {
  .theme-block.wp-block-theme-blocks-mark {
    flex-direction: column;
  }
  .theme-block.wp-block-theme-blocks-mark .image {
    order: -1;
    margin: 0 auto 1em;
  }
  .theme-block.wp-block-theme-blocks-mark .content {
    margin: 0 auto;
  }
}
@media screen and (max-width: 400px) {
  .theme-block.wp-block-theme-blocks-mark .image {
    width: 200px;
  }
}

.wp-block-theme-blocks-info-box {
  background: #f5f5f5;
  padding: 2em 3em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wp-block-theme-blocks-info-box .image {
  display: block;
  flex-basis: 250px;
}
.wp-block-theme-blocks-info-box .image img {
  display: block;
  max-width: 250px;
  max-height: 250px;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.wp-block-theme-blocks-info-box .block-title {
  order: -1;
  flex-basis: 30%;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: bold;
}
.wp-block-theme-blocks-info-box .block-content {
  flex-basis: 100%;
}
@media screen and (max-width: 600px) {
  .wp-block-theme-blocks-info-box {
    padding: 2em;
  }
  .wp-block-theme-blocks-info-box .image {
    margin: 30px 0 0 20px;
  }
}

.theme-block.wp-block-theme-blocks-info-box {
  margin: 2.5em auto 3em;
}
.theme-block.wp-block-theme-blocks-info-box .block-title:after {
  display: block;
  margin: 1em 0 0;
  content: "Show More +";
  color: #0095da;
  text-decoration: underline;
  max-width: 7em;
  font-size: 1.1rem;
  cursor: pointer;
}
.theme-block.wp-block-theme-blocks-info-box .block-content {
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.theme-block.wp-block-theme-blocks-info-box.on .block-title:after {
  content: "Show Less –";
}
.theme-block.wp-block-theme-blocks-info-box.on .block-content {
  padding-top: 1.5em;
  max-height: 100vh;
}
@media screen and (max-width: 600px) {
  .theme-block.wp-block-theme-blocks-info-box.on .block-content p {
    margin-bottom: 0;
  }
}

.wp-block-theme-blocks-profile {
  text-align: center;
}
.wp-block-theme-blocks-profile .image, .wp-block-theme-blocks-profile .name, .wp-block-theme-blocks-profile .position, .wp-block-theme-blocks-profile .more {
  cursor: pointer;
}
.wp-block-theme-blocks-profile .image {
  display: block;
  margin: 0 0 0.8em;
}
.wp-block-theme-blocks-profile .image img {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #eee;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
}
.wp-block-theme-blocks-profile .name {
  margin: 16px 0 3px;
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
}
.wp-block-theme-blocks-profile .position {
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.35;
}
.wp-block-theme-blocks-profile .block-content {
  text-align: left;
  font-size: 0.8rem;
}
.wp-block-theme-blocks-profile .block-content p {
  margin: 0 0 1em;
}
.wp-block-theme-blocks-profile .block-content .links {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}

.theme-block.wp-block-theme-blocks-profile {
  margin: 2em auto;
}
.theme-block.wp-block-theme-blocks-profile .more {
  text-align: center;
}
.theme-block.wp-block-theme-blocks-profile .more:after {
  display: block;
  margin: 0 auto;
  content: "Read Bio +";
  color: #999;
  text-decoration: underline;
  max-width: 10em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8rem;
}
.theme-block.wp-block-theme-blocks-profile .block-content {
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.theme-block.wp-block-theme-blocks-profile.on .more:after {
  content: "Show Less –";
}
.theme-block.wp-block-theme-blocks-profile.on .block-content {
  padding-top: 1em;
  max-height: 100vh;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .team-leadership .theme-block.wp-block-theme-blocks-profile {
    margin: 2em;
  }
}

.wp-block-theme-blocks-container.colophon {
  margin: 2em 0;
  padding: 1em;
  background: #f4f4f4;
}
.wp-block-theme-blocks-container.colophon:last-child {
  margin-bottom: 0;
}/*# sourceMappingURL=style.css.map */