/*
Theme Name: Greyfriars
Author: Vision Tank
Author URI: http://visiontank.co.uk
Version: 2.5.15
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html,
*,
*:before,
*:after {
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

input:focus {
  outline: none; }

.inner {
  width: 1200px;
  margin: 0 auto;
  padding: 0 20px; }

.inner--thin {
  width: 940px;
  margin: 0 auto; }

.inner--thinner {
  width: 760px;
  margin: 0 auto; }

.inner--thinnest {
  width: 560px;
  margin: 0 auto; }

.grid {
  letter-spacing: -1em;
  font-size: 0;
  margin: 20px -10px; }
  .grid > [class*="grid_"] {
    padding: 0 10px; }

.grid > [class*='grid_'] {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  font-size: 18px; }

.grid_1-2 {
  width: 50%; }

.grid_1-3 {
  width: 33.33333%; }

.grid_2-3 {
  width: 66.66667%; }

.grid_1-4 {
  width: 25%; }

.grid_3-4 {
  width: 75%; }

.grid_1-5 {
  width: 20%; }

.grid_2-5 {
  width: 40%; }

.grid_3-5 {
  width: 60%; }

.grid_4-5 {
  width: 80%; }

.grid_1-6 {
  width: 16.66667%; }

.grid_5-6 {
  width: 83.33333%; }

.grid_1-8 {
  width: 12.5%; }

.grid_3-8 {
  width: 37.5%; }

.grid_5-8 {
  width: 62.5%; }

.grid_7-8 {
  width: 87.5%; }

.grid_1-10 {
  width: 10%; }

.grid_3-10 {
  width: 30%; }

.grid_7-10 {
  width: 70%; }

.grid_9-10 {
  width: 90%; }

.grid_1-12 {
  width: 8.33333%; }

.grid_5-12 {
  width: 41.66667%; }

.grid_7-12 {
  width: 58.33333%; }

.grid_11-12 {
  width: 91.66667%; }

.grid_in {
  background-color: #5a5a5a;
  color: #ffffff;
  padding: 20px 0;
  text-align: center; }

@media screen and (max-width: 1200px) {
  .inner {
    width: 100%; } }

@media screen and (max-width: 980px) {
  .inner--thin {
    width: 100%;
    padding: 0 20px; } }

@media screen and (max-width: 800px) {
  .inner--thinner {
    width: 100%;
    padding: 0 20px; } }

@media screen and (max-width: 600px) {
  .inner--thinnest {
    width: 100%;
    padding: 0 2%; } }

body {
  color: #474747;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  line-height: 1.6; }

.poly {
  font-family: "Poly", serif;
  font-style: italic; }

ul li {
  list-style: disc; }

strong,
b {
  font-weight: 600; }

em,
i {
  font-style: italic; }

h1 {
  font-size: 68px;
  line-height: 68px;
  font-weight: 700;
  color: #fff; }

h2 {
  font-size: 42px;
  font-weight: 600;
  color: #fff; }

h3 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  color: #fff; }

h4 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  color: #fff; }

.content p {
  margin: 0 0 20px; }

.content a {
  color: #e1283b; }
  .content a:hover {
    color: #bc2131; }

.content h2,
.content h3,
.content h4 {
  line-height: 1.2; }

.content h1 {
  font-size: 45px;
  font-weight: 600; }

.content h1,
.content h2,
.content h3 {
  color: #15688a; }

.content h2 {
  margin: 0 0 10px; }

.content h3 {
  color: #7fb7be;
  margin: 0 0 10px; }

.content h4 {
  font-family: "Poly", serif;
  color: #7fb7be;
  margin: 0 0 20px; }

.content ol {
  list-style: decimal;
  padding: 20px 0 20px 20px; }
  .content ol li {
    margin: 10px 0; }

.content ul {
  display: inline-block;
  text-align: left;
  margin: 10px 0;
  list-style: disc;
  padding: 20px 0 20px 20px; }
  .content ul li {
    margin: 10px 0; }

.content hr {
  height: 2px;
  display: block;
  border: none;
  background-color: #c2e3e8;
  margin: 30px 0; }

.button--left {
  text-align: left; }

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

.button--right {
  text-align: right; }

.button {
  display: inline-block;
  position: relative;
  padding: 2px 30px;
  transition: 0.2s;
  cursor: pointer;
  font-size: 22px;
  line-height: 1.5;
  border-width: 2px;
  border-style: solid; }

.button--white {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5); }
  .button--white:hover {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #474747; }

.button--blue {
  color: #086788;
  border-color: rgba(8, 103, 136, 0.5); }
  .button--blue:hover {
    border-color: #086788;
    background-color: #086788;
    color: #ffffff; }

.frm_submit {
  text-align: center; }
  .frm_submit button,
  .frm_submit input[type="submit"] {
    border: 2px solid rgba(230, 57, 70, 0.5);
    padding: 2px 30px;
    margin: 5px 0 0;
    font-size: 22px;
    color: #e63946;
    cursor: pointer;
    transition: 0.5s;
    line-height: 1.6; }
    .frm_submit button:hover,
    .frm_submit input[type="submit"]:hover {
      background: #e1283b;
      color: #ffffff;
      border-color: #e63946; }
  .frm_submit img {
    display: none; }

/***MOBILE MENU***/
.mobile_menu_button {
  display: none;
  cursor: pointer;
  vertical-align: middle;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0; }
  .mobile_menu_button p {
    float: right;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    color: #eeeeee;
    margin: 0 0 0 5px; }

.lines-button {
  float: left;
  vertical-align: middle;
  padding: 8px 0 8px 5px;
  margin: 5px 0 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase; }
  .lines-button.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  .lines-button.x.close .lines {
    background: transparent; }
    .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 2rem; }
    .lines-button.x.close .lines:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .lines-button.x.close .lines:after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }
  .lines-button.x2 .lines {
    -webkit-transition: background 0.3s 0.5s ease;
    transition: background 0.3s 0.5s ease; }
    .lines-button.x2 .lines:before, .lines-button.x2 .linesafter {
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
      transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
      transition: top 0.3s 0.6s ease, transform 0.3s ease; }
  .lines-button.x2.close .lines {
    -webkit-transition: background 0.3s 0s ease;
    transition: background 0.3s 0s ease;
    background: transparent; }
    .lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after {
      -webkit-transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
      transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
      transition: top 0.3s ease, transform 0.3s 0.5s ease;
      top: 0;
      width: 2rem; }
    .lines-button.x2.close .lines:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .lines-button.x2.close .lines:after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.lines {
  display: inline-block;
  float: left;
  width: 25px;
  margin-right: 2px;
  height: 3px;
  background: #eeeeee;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 25px;
    height: 3px;
    background: #eeeeee;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: "";
    -webkit-transform-origin: 0.14286rem center;
    -ms-transform-origin: 0.14286rem center;
    transform-origin: 0.14286rem center; }
  .lines:before {
    top: 0.5rem; }
  .lines:after {
    top: -0.5rem; }

::-webkit-input-placeholder {
  color: #474747; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #474747; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #474747; }

:-ms-input-placeholder {
  color: #474747; }

.frm_forms {
  text-align: center;
  margin: 50px 0 0; }
  .frm_forms .frm_form_field {
    text-align: left;
    width: 50%;
    display: inline-block;
    margin: 0 0 12px; }
    .frm_forms .frm_form_field input[type="text"],
    .frm_forms .frm_form_field input[type="email"],
    .frm_forms .frm_form_field input[type="phone"],
    .frm_forms .frm_form_field input[type="tel"],
    .frm_forms .frm_form_field textarea,
    .frm_forms .frm_form_field select {
      font-size: 18px;
      font-family: "proxima-nova", sans-serif;
      border: 1px solid #cecece;
      border-radius: 0;
      padding: 6px 10px;
      color: #474747;
      appearance: none;
      width: 100%;
      height: 50px; }
      .frm_forms .frm_form_field input[type="text"]:focus,
      .frm_forms .frm_form_field input[type="email"]:focus,
      .frm_forms .frm_form_field input[type="phone"]:focus,
      .frm_forms .frm_form_field input[type="tel"]:focus,
      .frm_forms .frm_form_field textarea:focus,
      .frm_forms .frm_form_field select:focus {
        outline: none; }
    .frm_forms .frm_form_field select {
      cursor: pointer; }
  .frm_forms .frm_checkbox {
    width: 50%;
    float: left;
    font-size: 16px; }
  .frm_forms .vertical_radio .frm_primary_label {
    font-weight: bold; }
  .frm_forms .frm_radio {
    position: relative;
    padding: 5px 0 5px 30px; }
    .frm_forms .frm_radio input {
      position: absolute;
      left: 0;
      top: 10px; }

.frm_primary_label {
  width: 100%;
  margin: 0 0 2px;
  display: block; }

#form_5n1os {
  width: 100%;
  margin-top: -50px; }
  #form_5n1os #frm_field_105_container {
    width: 100%; }
    #form_5n1os #frm_field_105_container .frm_checkbox {
      width: 100%;
      position: relative;
      padding-left: 30px;
      margin-top: 20px; }
      #form_5n1os #frm_field_105_container .frm_checkbox input {
        position: absolute;
        left: 0;
        top: 3px; }

.giving__forms .frm_form_field {
  width: 100%; }

.giving__forms h3 {
  border-bottom: solid;
  margin-bottom: 20px;
  padding-bottom: 10px; }

.giving__forms .frm_checkbox {
  width: 100%;
  position: relative;
  padding-left: 30px; }
  .giving__forms .frm_checkbox input {
    position: absolute;
    left: 0;
    top: 3px; }

.giving__forms textarea {
  min-height: 200px; }

.giving__forms .frm_message p {
  color: #e63946;
  font-weight: 600; }

.giving__forms .frm_html_container p {
  font-size: 12px; }

.giving__forms .frm_html_container .tax_note {
  font-weight: 600;
  margin-bottom: 0; }

/*
########## RESPONSIVE ###########
*/
/*** Tablet STYLING ***/
/*** Landscape Phone ***/
@media only screen and (max-width: 719px) {
  .frm_forms .frm_form_field {
    width: 80%; }
  .giving__forms .frm_form_field {
    width: 100%; } }

/*** PHONE STYLING ***/
@media only screen and (max-width: 499px) {
  .frm_forms .frm_form_field {
    width: 100%; } }

.popup_wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1000%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
  display: none; }

.popup {
  width: 800px;
  position: fixed;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  background-color: #282828;
  display: none; }
  .popup iframe {
    width: 100%;
    display: block; }

.popup__close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: -30px;
  right: -30px;
  display: block;
  cursor: pointer; }
  .popup__close svg {
    fill: #ffffff;
    transition: 0.2s; }
    .popup__close svg:hover {
      fill: #8abbc3; }

.sgpb-content {
  min-width: 520px !important; }
  .sgpb-content .sgpb-main-html-content-wrapper {
    padding: 30px 30px;
    text-align: center; }
    .sgpb-content .sgpb-main-html-content-wrapper h3 {
      color: #15688a;
      margin: 0 0 15px;
      font-weight: 600; }
  .sgpb-content .frm_forms .frm_form_field {
    width: 100%; }

@media screen and (max-width: 550px) {
  .sgpb-content {
    min-width: 0 !important; } }

.featured_events {
  padding: 0 0 20px;
  margin: 20px -20px;
  text-align: center; }
  .featured_events > [class*="grid_"] {
    padding: 0 20px; }

.featured_event {
  text-align: center;
  position: relative; }
  .featured_event:hover .featured_event__image {
    opacity: 0.8; }
  .featured_event:hover .featured_event__title {
    color: #e63946; }

.featured_event__image {
  margin: 0 0 10px;
  transition: 0.2s; }
  .featured_event__image:after {
    content: "";
    display: block;
    padding-bottom: 75%; }

.featured_event__title {
  min-height: 52px;
  font-size: 22px;
  color: #15688a;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 10px;
  transition: 0.2s; }

.featured_event__date {
  color: #8abbc3; }

@media screen and (max-width: 800px) {
  .featured_events {
    text-align: center; }
    .featured_events .grid_1-3 {
      width: 100%;
      max-width: 420px;
      margin: 0 0 40px; }
      .featured_events .grid_1-3 .featured_event__title {
        min-height: auto; } }

.calendar_wrap {
  margin: 40px 0 0;
  padding: 60px 0 0;
  border-top: 2px solid #e1e1e1; }

.calendar_views {
  margin: 20px -20px;
  margin-top: 40px;
  margin-bottom: 60px; }
  .calendar_views > [class*="grid_"] {
    padding: 0 20px; }
  .calendar_views .button {
    width: 100%;
    font-size: 26px;
    text-align: center; }
    .calendar_views .button.active {
      background-color: #15688a;
      border-color: #15688a;
      color: #ffffff; }

.week_day {
  margin: 0 0 30px; }

.week_day__title {
  color: #8abbc3;
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 10px;
  transition: 0.2s; }

.weekly_event {
  margin: 0 0 5px;
  line-height: 1.2;
  position: relative; }
  .weekly_event .poly {
    font-size: 24px;
    color: #8f8f8f;
    transition: 0.2s; }
  .weekly_event:hover .weekly_event__title,
  .weekly_event:hover .poly {
    color: #e63946; }

.weekly_event__title,
.weekly_event__date,
.weekly_event__venue {
  display: inline-block;
  vertical-align: top; }

.weekly_event__title {
  width: 49%;
  font-size: 22px;
  font-weight: 600;
  padding: 0 10px 0 0;
  transition: 0.2s; }

.weekly_event__date {
  width: 29%; }

.weekly_event__venue {
  width: 20%; }

.events_loop_months h3 {
  color: #474747; }

.month {
  margin: 0 0 30px; }
  .month h3 {
    color: #8abbc3;
    font-size: 32px;
    font-weight: 600;
    display: inline-block; }

.controls {
  float: right; }
  .controls h4 {
    color: #15688a;
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 600;
    margin: 0 10px 0 0; }

.control {
  width: 16px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 0 5px;
  cursor: pointer; }

.prev_mon {
  background-image: url(assets/images/whats-on/prev.png); }

.next_mon {
  background-image: url(assets/images/whats-on/next.png); }

.monthly_event {
  line-height: 1.3;
  margin: 0 0 10px;
  position: relative; }
  .monthly_event:hover .monthly_event__title,
  .monthly_event:hover .monthly_event__time {
    color: #e63946; }

.monthly_event__date,
.monthly_event__title,
.monthly_event__time {
  display: inline-block;
  vertical-align: top;
  transition: 0.2s; }

.monthly_event__date {
  width: 23%;
  color: #15688a;
  font-size: 21px;
  font-weight: 700; }

.monthly_event__title {
  width: 51%;
  font-size: 22px;
  font-weight: 600;
  color: #474747;
  padding: 0 10px 0 0; }

.monthly_event__time {
  width: 24%;
  font-size: 24px;
  color: #8f8f8f; }

@media screen and (max-width: 760px) {
  .week_day {
    margin: 0 0 30px; }
  .weekly_event {
    margin: 0 0 10px; }
  .weekly_event__title,
  .weekly_event__date,
  .weekly_event__venue,
  .monthly_event__date,
  .monthly_event__title,
  .monthly_event__time {
    width: 100%;
    display: block; }
  .monthly_event__date {
    margin: 0 0 5px; } }

@media screen and (max-width: 800px) {
  .calendar_views {
    text-align: center; }
    .calendar_views .grid_1-3 {
      width: 100%;
      max-width: 400px;
      margin: 0 0 10px; }
  .monthly_event {
    margin-bottom: 20px; }
  .month h3 {
    margin: 0 0 10px; }
  .controls {
    float: none; } }

.series_grid {
  margin: 20px -20px;
  margin-top: 60px; }
  .series_grid > [class*="grid_"] {
    padding: 0 20px; }

.series {
  position: relative;
  margin: 0 0 40px; }
  .series:hover .series__image {
    opacity: 0.8; }
  .series:hover .series__title {
    color: #e63946; }

.series__image {
  margin: 0 0 15px;
  transition: 0.2s; }
  .series__image:after {
    content: '';
    display: block;
    padding-bottom: 100%; }

.series__title {
  font-size: 22px;
  font-weight: 600;
  transition: 0.2s; }

@media screen and (max-width: 900px) {
  .series_grid .grid_1-4 {
    width: 33.333%; } }

@media screen and (max-width: 700px) {
  .series_grid .grid_1-4 {
    width: 50%; } }

@media screen and (max-width: 500px) {
  .series_grid .grid_1-4 {
    width: 100%;
    max-width: 360px; } }

.slick-arrow {
  height: 40px;
  z-index: 1; }
  .slick-arrow:before {
    content: '';
    width: 20px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    transition: 0.2s; }
  .slick-arrow:focus:before {
    opacity: 0.5; }
  .slick-arrow:hover:before {
    opacity: 1; }

.slick-prev {
  left: 20px; }
  .slick-prev:before {
    background-image: url(assets/images/icons/arrow-left.svg); }

.slick-next {
  right: 20px; }
  .slick-next:before {
    background-image: url(assets/images/icons/arrow-right.svg); }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  bottom: 20px; }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ffffff; }
  .slick-dots li button {
    color: #ffffff; }
    .slick-dots li button:before {
      color: #ffffff;
      opacity: 0.5;
      font-size: 8px; }

.hero--slide__content {
  width: 100%;
  max-width: 760px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 50px auto 0;
  text-align: center;
  color: #ffffff;
  transform: translateY(-50%); }

.hero--slide__content__button {
  margin: 20px 0 0; }

@media screen and (max-width: 760px) {
  .hero--slide {
    padding: 0 0 40px; } }

.content iframe {
  max-width: 100%; }

.map {
  width: 100%;
  border-top: 5px solid #fff;
  height: 404px;
  overflow: hidden;
  background-position: center; }
  .map .inner {
    position: relative; }
  .map .grid {
    margin: 0 -10px; }

.map__content {
  top: 0;
  position: absolute;
  height: 415px;
  overflow: hidden;
  width: 33%; }
  .map__content img {
    width: 100%;
    display: block; }

.map__content__text {
  background: #8abbc3;
  display: block;
  width: 100%;
  padding: 22px 50px 47px; }
  .map__content__text span {
    height: 42px;
    width: 32px;
    background-position: -1px -39px;
    display: inline-block;
    vertical-align: middle; }
  .map__content__text h3 {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle; }
  .map__content__text p {
    color: #fff;
    font-weight: 300;
    margin: 15px 0 0; }
    .map__content__text p a {
      color: #fff; }
      .map__content__text p a:hover {
        text-decoration: underline; }

.teaching_filter {
  background-color: #e63946;
  padding: 20px 0; }

.searchandfilter {
  margin: 0 auto;
  display: block; }
  .searchandfilter ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    column-gap: 20px; }
  .searchandfilter li {
    position: relative;
    padding: 0;
    margin: 0 20px; }
    .searchandfilter li:after {
      content: "";
      width: 20px;
      height: 12px;
      display: block;
      background-size: 20px;
      background-image: url(assets/images/icons/select_arrow_sprite.svg);
      background-position: 0px 0px;
      background-repeat: no-repeat;
      position: absolute;
      top: 14px;
      right: 10px; }
    .searchandfilter li:hover:after {
      background-position: 0px -12px; }
    .searchandfilter li:last-child input {
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.5);
      background-color: transparent;
      display: inline-block;
      position: relative;
      padding: 2px 30px;
      transition: 0.2s;
      cursor: pointer;
      font-size: 18px;
      line-height: 1.5;
      border-width: 2px;
      border-style: solid; }
      .searchandfilter li:last-child input:hover {
        border-color: #ffffff;
        background-color: #ffffff;
        color: #e63946; }
    .searchandfilter li:last-child:after {
      display: none; }
  .searchandfilter select {
    cursor: pointer;
    font-size: 18px;
    font-family: "proxima-nova", sans-serif;
    border: none;
    border-radius: 0;
    padding: 8px 40px 8px 10px;
    color: #ffffff;
    appearance: none;
    width: 100%;
    background-color: transparent;
    transition: 0.2s; }
    .searchandfilter select:hover {
      background-color: #ff6472; }
    .searchandfilter select:focus {
      outline: none; }

@media screen and (max-width: 1200px) {
  .searchandfilter {
    width: 100%; }
    .searchandfilter li {
      width: 300px;
      margin: 5px 15px; }
      .searchandfilter li:last-child {
        width: auto; } }

.slick-arrow {
  height: 40px;
  z-index: 1; }
  .slick-arrow:before {
    content: '';
    width: 20px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    transition: 0.2s; }
  .slick-arrow:focus:before {
    opacity: 0.5; }
  .slick-arrow:hover:before {
    opacity: 1; }

.slick-prev {
  left: 20px; }
  .slick-prev:before {
    background-image: url(assets/images/icons/arrow-left.svg); }

.slick-next {
  right: 20px; }
  .slick-next:before {
    background-image: url(assets/images/icons/arrow-right.svg); }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  bottom: 20px; }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ffffff; }
  .slick-dots li button {
    color: #ffffff; }
    .slick-dots li button:before {
      color: #ffffff;
      opacity: 0.5;
      font-size: 8px; }

body {
  background: #dff0ef; }

a {
  text-decoration: none; }

ul,
ol {
  padding: 0 0 0 20px; }

.full_link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10; }

.sprite {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 285px;
  background-image: url(assets/images/sprite.png); }
  .sprite.sprite--before {
    background-image: none;
    background-size: auto; }
    .sprite.sprite--before:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0;
      display: block;
      background-size: 100px;
      background-image: url(assets/images/sprite.png); }

.background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.fade {
  transition: all 0.2s ease-in-out; }

img {
  height: auto; }

.brush265 {
  width: 260px;
  background: url("assets/images/brush265.png") no-repeat center;
  background-size: 265px; }

.brush396 {
  text-align: center; }

.image_overlay {
  position: absolute;
  background: rgba(21, 104, 138, 0.1);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.dates_list {
  display: inline-block;
  width: 100%; }
  .dates_list .dates_list_single {
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    letter-spacing: -1em;
    font-size: 0; }
    .dates_list .dates_list_single:last-of-type {
      margin-bottom: 0; }
    .dates_list .dates_list_single .dates_list_single--date {
      background: #fff;
      display: inline-block;
      padding: 20px 0;
      width: 14%;
      margin: 0 2% 0 0;
      letter-spacing: normal;
      font-size: 18px;
      vertical-align: top; }
      .dates_list .dates_list_single .dates_list_single--date h3 {
        color: #474747;
        margin: 0 0 5px; }
      .dates_list .dates_list_single .dates_list_single--date h4 {
        color: #474747;
        margin: 0; }
    .dates_list .dates_list_single .dates_list_single--text {
      background: #fff;
      display: inline-block;
      letter-spacing: normal;
      font-size: 18px;
      width: 84%;
      vertical-align: top;
      padding: 32px 20px;
      text-align: left; }
      .dates_list .dates_list_single .dates_list_single--text p {
        margin: 0; }

/*
########## RESPONSIVE ###########
*/
/*** Tablet STYLING ***/
/*** Landscape Phone ***/
@media only screen and (max-width: 600px) {
  .brush396 {
    background: transparent; } }

/*** PHONE STYLING ***/
@media only screen and (max-width: 499px) {
  .brush396 {
    background-size: 280px; } }

.site_wrap {
  overflow: hidden; }

.header {
  position: relative; }

.header__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0f0f0f;
  opacity: 0.8;
  z-index: 2;
  display: none; }
  .header__overlay.header__overlay--scroll {
    height: 430px;
    top: 60px;
    background-color: #15688a;
    opacity: 0.95;
    bottom: initial; }

.header__logo {
  width: 170px;
  vertical-align: middle;
  transition: 0.6s; }

.header__nav {
  padding: 20px 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 12;
  transition: 0.6s; }
  .header__nav .inner {
    position: relative; }

.atrium_logo {
  position: absolute;
  right: 0px;
  top: -10px;
  width: 80px; }
  .atrium_logo svg {
    width: 80px;
    height: 80px; }
    .atrium_logo svg .cls-1 {
      fill: #244b5a;
      transition: 0.2s; }
    .atrium_logo svg .cls-2 {
      fill: #fff; }
  .atrium_logo:hover svg .cls-1 {
    fill: #142a32; }

.atrium_logo--hero:hover svg .cls-1 {
  fill: #244b5a; }

.header__nav--scroll {
  background-color: rgba(21, 104, 138, 0.95);
  padding: 10px 0; }
  .header__nav--scroll .header__logo {
    width: 130px; }
  .header__nav--scroll .mobile_menu_button {
    top: 16px; }
  .header__nav--scroll .header__menu {
    width: 1025px; }

.header__menu {
  width: 984px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  transition: 0.6s; }
  .header__menu ul {
    padding: 0 0 0 30px; }

.menu-item {
  margin: 0 0 0 30px;
  display: inline-block;
  list-style: none;
  font-size: 17px;
  font-weight: 600; }
  .menu-item:first-of-type {
    margin-left: 0; }
  .menu-item:hover > a, .menu-item.current-menu-item > a {
    color: #8abbc3; }
  .menu-item a {
    color: #ffffff;
    transition: 0.2s; }

.menu-item-7770 a {
  color: #e63946; }
  .menu-item-7770 a:hover {
    color: #8abbc3; }

.menu-item-has-children .sub-menu {
  padding-left: 0;
  padding-top: 10px; }

.menu-item-has-children:hover .sub-menu {
  visibility: visible;
  opacity: 1; }

.sub-menu {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  padding: 20px 0;
  transition: 0.5s; }
  .sub-menu .menu-item {
    display: block;
    text-align: left;
    margin: 0 0 10px;
    font-weight: 500; }

.hero {
  height: 450px;
  position: relative;
  -webkit-box-shadow: inset 0px 90px 76px -17px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 90px 76px -17px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 90px 76px -17px rgba(0, 0, 0, 0.6);
  overflow: hidden; }

.hero__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0; }

.hero--large {
  height: 680px; }

.hero__text {
  text-shadow: 0px 0px 30px #0000008a;
  font-size: 32px;
  letter-spacing: 0.4px;
  line-height: 1.3; }

.hero--home {
  background-image: url(assets/images/head_bg.webp); }

.hero--easter {
  background-image: url(assets/images/easter.jpg);
  padding: 93px 0 0; }

.hero--xmas {
  background-image: url(https://greyfriars.org.uk/wp-content/uploads/2022/11/Greyfriars-Christmas2022-Title-Slide.jpg); }

.atrium_hero {
  background: #244c5a;
  border-radius: 50%;
  position: absolute;
  height: 450px;
  width: 450px;
  bottom: -220px;
  right: -220px;
  transition: 0.2s; }
  .atrium_hero svg {
    width: 160px;
    position: absolute;
    top: 90px;
    left: 50px; }
    .atrium_hero svg .cls-1 {
      fill: #fff;
      stroke: #1d1d1b;
      stroke-miterlimit: 10;
      stroke-width: 0.25px; }
  .atrium_hero:hover {
    background: #142a32; }

.slide--dark_text h2 {
  color: black; }

.slide--dark_text p {
  color: black; }

.slide--dark_text span {
  color: black;
  border-color: black; }
  .slide--dark_text span:hover {
    border-color: black;
    background-color: black;
    color: white; }

.hero--event {
  height: 360px; }

.hero--series {
  height: 400px; }

.hero__welcome {
  width: 100%;
  max-width: 700px;
  position: absolute;
  bottom: 140px;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  padding: 0 20px; }
  .hero__welcome h2 {
    font-size: 23px;
    font-weight: normal;
    margin: 0 0 20px; }
  .hero__welcome p {
    font-size: 18px;
    line-height: 26px; }
  .hero__welcome img {
    display: inline-block; }
  .hero__welcome .button {
    display: block;
    max-width: 230px;
    margin: 0 auto;
    background: #fff;
    color: #15688a;
    font-weight: 600;
    border: none;
    padding: 9px 10px 8px; }
    .hero__welcome .button:hover {
      background: #8abbc3;
      color: #fff; }

.hero__welcome__image {
  width: 100%;
  margin: 0 0 20px;
  max-width: 450px; }

.hero__title {
  text-align: center;
  position: absolute;
  top: 52%;
  right: 0;
  left: 0;
  transform: translateY(-50%); }

.hero__title--series {
  font-size: 50px;
  top: 48%; }

.front_video {
  margin: 30px 0 0;
  position: relative;
  cursor: pointer; }
  .front_video .full_link {
    display: none; }
  .front_video img {
    width: 20px;
    vertical-align: middle;
    margin: 0 10px 0 0; }
  .front_video h5 {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    font-weight: 600; }

.venu_hire_menu_item {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  list-style: none;
  font-size: 17px;
  font-weight: 600; }
  .venu_hire_menu_item a {
    color: #e63946; }

@media screen and (max-width: 1200px) {
  .no_scroll {
    overflow: hidden;
    height: 100%; }
  .header__logo {
    width: 130px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10; }
  .mobile_menu_button {
    display: inline-block;
    z-index: 10; }
  .header__nav {
    width: 100%; }
  .header__menu {
    width: 100%;
    text-align: left;
    display: none;
    background-color: rgba(21, 104, 138, 0.95);
    position: absolute;
    top: 50px;
    right: 0;
    bottom: -10000%;
    left: 0;
    padding: 40px 0 0 30px; }
    .header__menu ul {
      padding: 0; }
  .menu-item {
    display: block;
    margin: 0 0 10px; }
    .menu-item a {
      cursor: pointer; }
  .menu-item-has-children {
    position: relative; }
    .menu-item-has-children:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 4px 0 4px;
      border-color: #ffffff transparent transparent transparent;
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      top: 10px;
      right: 30px; }
  ul.sub-menu {
    position: static;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
    overflow: hidden;
    padding: 10px 0 0 30px; }
    ul.sub-menu .menu-item {
      opacity: 0.8;
      margin: 0 0 5px; }
  .atrium_logo {
    right: 20px;
    display: none; }
  .atrium_header_logo--mobile {
    display: block;
    position: static; }
  .menu-item-7770 {
    display: none; }
  .venu_hire_menu_item {
    display: block;
    right: 20px; } }

@media screen and (max-width: 960px) {
  .front_video .full_link {
    display: block; } }

@media screen and (max-width: 730px) {
  .atrium_hero {
    display: none; } }

@media screen and (max-width: 400px) {
  .mobile_menu_button p {
    display: none; }
  .hero--easter {
    background-size: 900px;
    background-color: #558db9; } }

.coffee_footer {
  background-color: #282828;
  text-align: center;
  padding: 15px 0; }
  .coffee_footer p {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    margin: 10px 0; }
    .coffee_footer p a {
      color: #e1283b; }
      .coffee_footer p a:hover {
        color: #bc2131; }

.footer {
  background-color: #e63946;
  padding: 80px 0;
  overflow: hidden;
  clear: both; }
  .footer b {
    font-weight: 500; }
  .footer a {
    color: #ffffff; }

.footer__left {
  width: 32%;
  float: left; }
  .footer__left h1 {
    font-size: 45px; }
  .footer__left h3 {
    font-size: 23px;
    margin: 0 0 20px; }
  .footer__left .button:hover {
    color: #e63946; }

.footer__signup {
  padding: 20px 0 0; }
  .footer__signup .charlie {
    font-weight: 600;
    margin: 0 0 15px;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle; }
  .footer__signup .frm_fields_container {
    display: flex; }
  .footer__signup .frm_forms {
    text-align: right;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 70.95%;
    padding-left: 40px; }
    .footer__signup .frm_forms .frm_form_field {
      width: 78%; }
      .footer__signup .frm_forms .frm_form_field input[type="text"] {
        display: inline-block;
        vertical-align: middle;
        width: 83%;
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.7);
        color: #fff;
        height: 40px; }
    .footer__signup .frm_forms .frm_primary_label {
      color: #fff;
      display: inline-block;
      vertical-align: middle;
      width: 14%; }
    .footer__signup .frm_forms .frm_submit {
      text-align: left;
      display: inline-block;
      vertical-align: middle;
      width: 21%; }
      .footer__signup .frm_forms .frm_submit button {
        margin: 0;
        font-size: 18px;
        padding: 4px 13px;
        border-color: #fff;
        background: rgba(255, 255, 255, 0.9); }

.footer__right {
  width: 68%;
  float: left;
  color: #ffffff; }

.footer__right__top {
  margin: 20px -39px;
  margin-bottom: 25px;
  line-height: 1.6;
  font-weight: 300; }
  .footer__right__top > [class*="grid_"] {
    padding: 0 39px; }
  .footer__right__top .grid_1-2 {
    vertical-align: top; }

.footer__right__top__half {
  min-height: 115px;
  border-top: 2px solid #ffffff;
  padding: 25px 0 0;
  font-size: 18px; }
  .footer__right__top__half a {
    color: #ffffff;
    transition: 0.5s; }
    .footer__right__top__half a:hover {
      opacity: 0.5; }

.footer__right__top__half__social {
  overflow: hidden; }
  .footer__right__top__half__social p {
    display: inline-block;
    vertical-align: sub; }

.footer__right__top__half__social__icons {
  display: inline-block;
  vertical-align: baseline; }
  .footer__right__top__half__social__icons svg {
    width: 24px;
    fill: #ffffff;
    transition: 0.5s;
    vertical-align: middle;
    margin: 0 2px 0 0; }
    .footer__right__top__half__social__icons svg:hover {
      opacity: 0.5; }

.footer__right__bottom {
  border-top: 2px solid #ffffff;
  padding: 25px 0 0;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300; }

.footer__right__bottom__link {
  list-style: none;
  display: inline-block;
  margin: 0 27px 0 0; }
  .footer__right__bottom__link a {
    color: #ffffff;
    transition: 0.5s; }
    .footer__right__bottom__link a:hover {
      opacity: 0.5; }

.footer__right__bottom__copy {
  margin: 10px 0 0;
  opacity: 0.5; }

.churchapp_footer {
  background-color: #282828;
  padding: 50px 0;
  text-align: center; }
  .churchapp_footer h2 {
    font-size: 32px;
    margin: 0 0 15px; }
  .churchapp_footer h3 {
    margin: 0 0 30px;
    font-size: 23px; }

/*
########## RESPONSIVE ###########
*/
@media screen and (max-width: 1200px) {
  .footer__left {
    width: 100%;
    max-width: 560px;
    float: none;
    margin: 0 auto 40px;
    text-align: center; }
  .footer__right {
    width: 100%;
    max-width: 790px;
    float: none;
    margin: 0 auto; } }

@media (max-width: 830px) {
  .footer__signup {
    padding: 0; }
    .footer__signup .charlie {
      width: 100%;
      display: block;
      text-align: center; }
    .footer__signup .frm_forms {
      width: 100%;
      padding-left: 0;
      text-align: center; } }

@media (max-width: 800px) {
  .footer {
    padding: 40px 0; }
  .footer__left,
  .footer__right {
    width: 100%;
    max-width: 520px;
    float: none;
    margin: 0 auto;
    text-align: center; }
  .footer__left {
    margin: 0 auto 30px; }
  .footer__right__top {
    margin-top: 0;
    margin-bottom: 0; }
    .footer__right__top .grid_1-2 {
      width: 100%; }
  .footer__right__top__half {
    margin: 0 0 25px; }
  .footer__right__bottom__links,
  .footer__right__bottom__copy {
    width: 100%;
    float: none; }
  .footer__right__bottom__links {
    margin: 0 0 20px; }
  .footer__right__bottom__link {
    margin: 0 15px 10px; }
  .footer__right__bottom__copy {
    text-align: center; }
  .churchapp_footer p {
    text-align: center;
    margin: 0 auto;
    display: block; }
  .churchapp_footer a {
    float: none;
    text-align: center;
    margin: 20px auto 0;
    display: block;
    width: 120px; } }

@media screen and (max-width: 560px) {
  .footer__signup {
    padding: 10px 0 30px; }
    .footer__signup .charlie {
      margin: 0 0 8px; }
    .footer__signup .frm_forms {
      text-align: center; }
      .footer__signup .frm_forms .frm_form_field {
        width: 100%; }
        .footer__signup .frm_forms .frm_form_field input[type="text"] {
          width: 100%;
          max-width: 300px;
          display: block;
          margin: 0 auto; }
      .footer__signup .frm_forms .frm_primary_label {
        width: 100%;
        display: block;
        text-align: center; }
      .footer__signup .frm_forms .frm_submit {
        width: 100%;
        text-align: center; } }

.front__sundays {
  background-color: #e63946;
  padding: 40px 0;
  overflow: hidden; }

.front__sundays__left {
  width: 25%;
  padding: 0 20px 0 0;
  display: inline-block;
  vertical-align: middle; }
  .front__sundays__left h1 {
    font-size: 50px; }
  .front__sundays__left h3 {
    font-size: 23px; }

.front__sundays__right {
  width: 74%;
  display: inline-block;
  vertical-align: middle; }
  .front__sundays__right .grid {
    margin: 0 -10px; }

.front__sundays__service {
  border: 2px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  padding: 12px 20px;
  position: relative;
  transition: 0.2s; }
  .front__sundays__service:hover {
    background-color: #ffffff; }
    .front__sundays__service:hover h3,
    .front__sundays__service:hover h4 {
      color: #e63946; }
  .front__sundays__service h3,
  .front__sundays__service h4 {
    transition: 0.2s; }
  .front__sundays__service h3 {
    font-size: 26px;
    font-weight: 600; }
  .front__sundays__service h4 {
    font-size: 18px;
    opacity: 0.6; }

.front__upcoming__cont {
  padding: 80px 0;
  background-color: #ffffff;
  background-image: url(assets/images/upcoming.jpg); }

.front__upcoming__grid {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.front__upcoming {
  position: relative;
  text-align: left;
  margin: 10px 0; }
  .front__upcoming:hover .front__upcoming__image {
    opacity: 0.8; }
  .front__upcoming:hover .front__upcoming__title {
    color: #e63946; }
  .front__upcoming h4 {
    min-height: 48px;
    font-size: 22px;
    font-weight: 600;
    color: #15688a; }
  .front__upcoming h5 {
    font-size: 20px;
    color: #7fb7be;
    font-weight: 300; }

.front__upcoming__image {
  margin: 0 0 20px;
  transition: 0.2s; }
  .front__upcoming__image:after {
    content: "";
    display: block;
    padding-bottom: 75%; }

.front__upcoming__title {
  transition: 0.2s; }

.front__new {
  padding: 100px 0;
  text-align: center;
  background-color: #000000;
  background-image: url(assets/images/new.jpg);
  background-attachment: fixed; }
  .front__new h3 {
    font-size: 23px; }

.front__new__image {
  width: 100%;
  max-width: 425px;
  margin: 0 0 10px; }

.front__new__buttons {
  width: 100%;
  max-width: 620px;
  margin: 0 auto; }
  .front__new__buttons .grid {
    margin: 20px -10px;
    margin-top: 40px; }
    .front__new__buttons .grid > [class*="grid_"] {
      padding: 0 10px; }

.front__new__button {
  width: 100%; }

.front__teaching {
  overflow: hidden;
  padding: 100px 0;
  background-color: #ffffff;
  background-image: url(assets/images/talks.jpg); }

.front__teaching__left {
  width: 32%;
  display: inline-block;
  vertical-align: middle; }
  .front__teaching__left h1 {
    font-size: 45px;
    color: #15688a; }
  .front__teaching__left h3 {
    font-size: 23px;
    margin: 0 0 20px;
    color: #15688a; }

.front__teaching__right {
  width: 67%;
  display: inline-block;
  vertical-align: middle; }

.front__teaching__talk {
  position: relative; }
  .front__teaching__talk:hover .front__teaching__talk__image {
    opacity: 0.8; }
  .front__teaching__talk:hover .front__teaching__talk__title {
    color: #e63946; }

.front__teaching__talk__image {
  margin: 0 0 10px;
  transition: 0.2s; }
  .front__teaching__talk__image:after {
    content: "";
    display: block;
    padding-bottom: 100%; }

.front__teaching__talk__title {
  font-size: 22px;
  color: #15688a;
  font-weight: 600;
  position: relative;
  padding: 0 0 0 30px;
  transition: 0.2s; }
  .front__teaching__talk__title svg {
    width: 22px;
    position: absolute;
    top: 8px;
    left: 0;
    fill: #8abbc3; }

.front__prayer {
  padding: 100px 0;
  text-align: center;
  background-color: #000000;
  background-image: url(assets/images/prayer.jpg);
  background-attachment: fixed; }
  .front__prayer h3 {
    font-size: 23px; }

.front__prayer__image {
  width: 100%;
  max-width: 430px;
  margin: 0 0 10px; }

.front__prayer .frm_forms .frm_form_field {
  margin: 0 0 20px;
  text-align: center; }
  .front__prayer .frm_forms .frm_form_field ::-webkit-input-placeholder {
    color: #898989;
    text-align: center; }
  .front__prayer .frm_forms .frm_form_field :-moz-placeholder {
    /* Firefox 18- */
    color: #898989;
    text-align: center; }
  .front__prayer .frm_forms .frm_form_field ::-moz-placeholder {
    /* Firefox 19+ */
    color: #898989;
    text-align: center; }
  .front__prayer .frm_forms .frm_form_field :-ms-input-placeholder {
    color: #898989;
    text-align: center; }
  .front__prayer .frm_forms .frm_form_field input {
    text-align: center;
    border: none; }
  .front__prayer .frm_forms .frm_form_field .frm_primary_label {
    display: none; }

.front__prayer .frm_forms .frm_submit button {
  display: inline-block;
  position: relative;
  padding: 2px 30px;
  transition: 0.2s;
  cursor: pointer;
  font-size: 22px;
  border-width: 2px;
  border-style: solid;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  background-color: transparent; }
  .front__prayer .frm_forms .frm_submit button:hover {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #474747; }

@media screen and (max-width: 1200px) {
  .front__sundays__left,
  .front__sundays__right,
  .front__upcoming__grid,
  .front__teaching__left,
  .front__teaching__right {
    width: 100%;
    float: none;
    display: block; }
  .front__sundays,
  .front__upcoming__grid,
  .front__teaching__left {
    text-align: center; }
  .front__sundays__left h1 {
    margin: 0 0 30px; }
  .front__teaching__left {
    margin: 0 0 40px; } }

@media screen and (max-width: 760px) {
  .front__sundays__right .grid_1-4,
  .front__teaching__right .grid_1-4 {
    max-width: 360px;
    width: 100%; }
  .front__teaching__right .grid_1-3 {
    display: block;
    margin: 0 auto 20px; }
  .front__sundays__service {
    margin: 0 0 20px; } }

@media screen and (max-width: 660px) {
  .front__new__buttons .grid_1-3 {
    width: 100%; }
  .front__new__button {
    width: 100%;
    max-width: 194px;
    margin: 0 0 20px; } }

@media screen and (max-width: 560px) {
  .front__upcoming__grid .grid_1-3 {
    max-width: 360px;
    width: 100%; }
  .front__upcoming__cont {
    margin: 0 0 20px; } }

.page {
  background-color: #ffffff; }
  .page .page__head {
    position: relative; }
    .page .page__head .page__head-featimg {
      padding: 145px 20px;
      text-align: center; }
      .page .page__head .page__head-featimg h1.page__title {
        position: relative;
        z-index: 10;
        text-shadow: 0 0 15px #444; }
  .page .content {
    padding: 75px 0;
    text-align: center; }
  .page.page_leftaligned .content {
    text-align: left; }

.title_logo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 0 0;
  width: 102px;
  height: 126px;
  background: url("assets/images/logo.png") no-repeat center;
  background-size: 103px; }

.title_logo.green:before {
  background-image: url("assets/images/logo_green.png"); }

.service_images {
  margin: 40px 0 0; }
  .service_images img {
    width: 62px;
    margin: 0 10px; }

.vision_icon {
  width: 102px;
  margin-bottom: 5px; }

.jobs_loop {
  margin: 40px 0 0; }
  .jobs_loop h2 {
    margin-bottom: 30px; }
  .jobs_loop .jobs_loop_single {
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    letter-spacing: -1em;
    font-size: 0; }
    .jobs_loop .jobs_loop_single .jobs_loop_single-date {
      background: #fff;
      display: inline-block;
      padding: 20px 0;
      width: 14%;
      margin: 0 2% 0 0;
      letter-spacing: normal;
      font-size: 21px;
      vertical-align: top; }
      .jobs_loop .jobs_loop_single .jobs_loop_single-date h3 {
        color: #474747;
        margin: 0 0 5px; }
      .jobs_loop .jobs_loop_single .jobs_loop_single-date h4 {
        color: #474747;
        margin: 0; }
    .jobs_loop .jobs_loop_single .jobs_loop_single-text {
      background: #fff;
      display: inline-block;
      letter-spacing: normal;
      font-size: 21px;
      width: 84%;
      vertical-align: top;
      padding: 32px 20px;
      text-align: left; }
      .jobs_loop .jobs_loop_single .jobs_loop_single-text p {
        margin: 0; }

@media only screen and (max-width: 599px) {
  .title_logo:before {
    display: none; } }

/*** PHONE STYLING ***/
.team_header {
  position: relative;
  padding: 220px 0;
  background-image: url("assets/images/team.jpg"); }
  .team_header h1.page__title {
    position: relative;
    z-index: 10;
    font-size: 48px;
    text-shadow: 0 0 15px #444; }

.team_sec {
  padding: 60px 0;
  text-align: center;
  background: #79a6ad; }
  .team_sec .team_list {
    margin: 45px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center; }
    .team_sec .team_list .single_team {
      width: 38%;
      max-width: 25%;
      padding: 30px 50px; }
      .team_sec .team_list .single_team img {
        width: 100%;
        border-radius: 50%;
        max-width: 190px;
        margin: 0 auto; }
      .team_sec .team_list .single_team h4 {
        font-size: 22px;
        font-weight: 600;
        margin: 0 0 6px; }
      .team_sec .team_list .single_team p {
        font-style: italic;
        line-height: 1.6em; }
    .team_sec .team_list .single_team--1,
    .team_sec .team_list .single_team--2 {
      max-width: 50%; }
  .team_sec.pcc .team_list {
    margin-bottom: 60px; }
    .team_sec.pcc .team_list .single_team {
      padding: 10px 10px; }
      .team_sec.pcc .team_list .single_team h4 {
        font-size: 20px;
        margin: 0; }

.history_head {
  background-image: url("assets/images/history_head.jpg");
  position: relative;
  padding: 140px 0; }
  .history_head h1.page__title {
    position: relative;
    z-index: 10;
    font-size: 48px; }

.history p {
  margin: 0 0 20px; }

@media (max-width: 1100px) {
  .team_sec .team_list .single_team {
    max-width: 25%;
    padding: 30px 20px; } }

@media (max-width: 760px) {
  .team_sec .team_list .single_team {
    max-width: 33.33333%; } }

@media (max-width: 620px) {
  .team_sec .team_list .single_team {
    max-width: 50%; } }

@media (max-width: 450px) {
  .team_sec .team_list .single_team {
    max-width: 350px; } }

.baptism_page .dates_list {
  margin: 40px 0 0; }
  .baptism_page .dates_list h2 {
    margin-bottom: 30px; }

@media only screen and (max-width: 719px) {
  .dates_list .dates_list_single {
    text-align: left; }
    .dates_list .dates_list_single .dates_list_single--date {
      width: 40%;
      margin: 0;
      text-align: center;
      padding-bottom: 0; }
    .dates_list .dates_list_single .dates_list_single--text {
      width: 100%; } }

.page.children_page .content .children_group {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  margin: 20px 0;
  padding: 0 10px; }
  .page.children_page .content .children_group img {
    border-radius: 50%;
    width: 80%; }
  .page.children_page .content .children_group p {
    color: #15688a;
    font-size: 26px; }

.page.children_page .content .children_contact {
  display: inline-block;
  width: 45%;
  text-align: center;
  margin: 25px 0; }

/* 
########## RESPONSIVE ########### */
/*** Tablet STYLING ***/
@media only screen and (max-width: 920px) {
  .page.children_page .content .children_group p {
    font-size: 23px; }
  .page.children_page .content .children_contact {
    width: 100%;
    margin: 15px 0; } }

/*** PHONE STYLING ***/
@media only screen and (max-width: 499px) {
  .page.children_page .content .children_group {
    width: 100%; }
    .page.children_page .content .children_group img {
      width: 50%; } }

.page_talks .content {
  padding: 40px 0; }

.page_talks__view_all a {
  border-bottom: 1px solid #8abbc3;
  color: #8abbc3;
  transition: 0.2s; }
  .page_talks__view_all a:hover {
    color: #15688a;
    border-color: #15688a; }

.mission_partners {
  letter-spacing: -1em;
  font-size: 0;
  margin: 30px 0 0; }
  .mission_partners a {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 18px;
    padding: 0px 30px;
    margin: 0 0 15px; }
    .mission_partners a img {
      width: 100%;
      opacity: 0.8;
      display: block; }
    .mission_partners a:hover img {
      opacity: 1; }

.bulletin_loop {
  margin: 40px 0 0; }
  .bulletin_loop .bulletin_loop_single {
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    letter-spacing: -1em;
    font-size: 0; }
    .bulletin_loop .bulletin_loop_single .bulletin_loop_single-date {
      background: #eaeaea;
      display: inline-block;
      padding: 20px 0;
      width: 22%;
      margin: 0 2% 0 0;
      letter-spacing: normal;
      font-size: 21px;
      vertical-align: top; }
      .bulletin_loop .bulletin_loop_single .bulletin_loop_single-date h3 {
        color: #474747;
        margin: 0 0 5px; }
      .bulletin_loop .bulletin_loop_single .bulletin_loop_single-date h4 {
        color: #474747;
        margin: 0; }
    .bulletin_loop .bulletin_loop_single .bulletin_loop_single-text {
      background: #eaeaea;
      display: inline-block;
      letter-spacing: normal;
      font-size: 21px;
      width: 76%;
      vertical-align: top;
      padding: 36px 20px 37px;
      text-align: left; }

@media only screen and (max-width: 599px) {
  .bulletin_loop .bulletin_loop_single .bulletin_loop_single-date {
    width: 24%;
    margin: 0;
    height: 92px; }
  .bulletin_loop .bulletin_loop_single .bulletin_loop_single-text {
    height: 92px; } }

.page_whats_on {
  padding: 60px 0; }
  .page_whats_on .content {
    padding: 0; }

.page_whats_on__content {
  margin: 0 0 60px; }

.single_resarc .filters {
  margin: 0 0 45px; }
  .single_resarc .filters span {
    background: #8abbc3;
    color: #fff;
    margin: 0 10px;
    padding: 8px 10px;
    text-align: center;
    min-width: 165px;
    display: inline-block;
    cursor: pointer; }
    .single_resarc .filters span.active_filter, .single_resarc .filters span:hover {
      background: #15688a; }

.single_resarc .resource_loop_single {
  margin: 10px 0;
  width: 100%;
  display: inline-block;
  font-size: 0;
  letter-spacing: -1em; }
  .single_resarc .resource_loop_single_txt {
    background: #fff;
    width: 84%;
    margin: 0 3% 0 0;
    padding: 30px 40px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: normal; }
    .single_resarc .resource_loop_single_txt p {
      color: #474747;
      width: 79%;
      display: inline-block;
      font-size: 18px;
      margin: 0; }
    .single_resarc .resource_loop_single_txt small {
      width: 20%;
      display: inline-block;
      font-size: 17px;
      font-style: italic;
      text-align: right; }
  .single_resarc .resource_loop_single_button {
    background: #fff;
    width: 13%;
    padding: 28px 40px 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: normal; }
    .single_resarc .resource_loop_single_button span {
      background: url(assets/images/download_sprite.png) no-repeat 0px 0px;
      background-size: 32px;
      width: 32px;
      height: 38px;
      display: block;
      margin: 0 auto; }
    .single_resarc .resource_loop_single_button:hover span {
      background-position: 0px -39px; }

.single_post .talk_meta {
  margin: 0 0 40px; }
  .single_post .talk_meta img {
    border-radius: 50%;
    width: 200px;
    margin: 0 0 15px; }
  .single_post .talk_meta small {
    font-weight: 600;
    color: #474747; }
  .single_post .talk_meta h2 {
    margin: 0 0 10px; }
  .single_post .talk_meta h4 {
    color: #e1283b;
    font-weight: 600;
    font-size: 20px; }

.single_post .powerpress_player .mejs-container {
  max-width: 500px;
  text-align: center;
  display: inline-block; }

.single_post .powerpress_links {
  font-size: 17px;
  margin: 5px 0 0; }

.single_event .eventorganiser-event-meta h4 {
  color: #474747;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 10px; }

.single_event .eventorganiser-event-meta .eo-event-meta li {
  list-style: none; }

.single_event__image {
  max-width: 480px;
  width: 100%;
  margin: -70px auto -130px;
  transform: translateY(-50%);
  position: relative; }
  .single_event__image:after {
    content: '';
    display: block;
    padding-bottom: 75%; }

.single_event__content {
  margin: 0 0 40px; }

.single_event__location {
  overflow: hidden; }

.single_event__location__address {
  width: 33.333%;
  height: 300px;
  float: left;
  background-color: #8abbc3;
  padding: 30px 30px;
  color: #ffffff;
  text-align: left; }
  .single_event__location__address h2 {
    color: #ffffff; }
  .single_event__location__address h4 {
    font-size: 28px;
    color: #ffffff;
    margin: 0 0 5px; }

.single_event__location__map {
  width: 66.666%;
  float: left;
  position: relative;
  z-index: 5; }

.eo-venue-map {
  height: 300px; }

@media screen and (max-width: 900px) {
  .single_event__location__address,
  .single_event__location__map {
    max-width: 600px;
    width: 100%;
    float: none;
    margin: 0 auto; }
  .single_event__location__address {
    height: auto; } }

@media screen and (max-width: 420px) {
  .single_event__image {
    margin: -70px auto -90px; } }

.single_series__image {
  max-width: 260px;
  width: 100%;
  margin: -75px auto -80px;
  transform: translateY(-50%);
  position: relative; }
  .single_series__image:after {
    content: '';
    display: block;
    padding-bottom: 100%; }

.talks {
  margin: 0 0 60px; }

.talk {
  width: 100%;
  padding: 0 20px;
  text-align: left;
  margin: 0 0 10px;
  transition: 0.2s; }
  .talk:hover .talk__top__title,
  .talk:hover .talk__top__speaker,
  .talk:hover .talk__top__date {
    color: #e63947; }
  .talk.active {
    background-color: #eff7f7; }
    .talk.active .talk__top__title,
    .talk.active .talk__top__speaker,
    .talk.active .talk__top__date {
      color: #e63947; }
  .talk .powerpress_player {
    margin: 0 0 10px; }

.talk__top {
  width: 100%;
  overflow: hidden;
  padding: 20px 0 0;
  cursor: pointer; }
  .talk__top p {
    margin: 0; }

.talk__top__title,
.talk__top__speaker,
.talk__top__date {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
  font-size: 22px;
  float: left;
  margin: 0; }

.talk__top__title {
  width: 54%;
  font-weight: 600; }

.talk__top__speaker,
.talk__top__date {
  width: 23%;
  color: #8f8f8f; }

.talk__top__date {
  text-align: right;
  padding: 0 2px 0 0; }

.talk__bottom {
  width: 100%;
  color: #8f8f8f;
  display: none;
  padding: 0 0 20px; }
  .talk__bottom p.powerpress_links {
    margin: 0; }

.talk__bottom__content {
  padding: 20px 0 0; }

.more_series_wrap {
  margin: 50px 0 0;
  padding: 30px 0 0;
  border-top: 2px solid #e1e1e1; }

.more_series__grid {
  margin: 20px -20px;
  margin-top: 40px; }
  .more_series__grid > [class*="grid_"] {
    padding: 0 20px; }

.more_series {
  position: relative; }
  .more_series:hover .more_series__image {
    opacity: 0.8; }
  .more_series:hover .more_series__title {
    color: #e63946; }

.more_series__image {
  margin: 0 0 15px;
  transition: 0.2s; }
  .more_series__image:after {
    content: '';
    display: block;
    padding-bottom: 100%; }

.more_series__title {
  font-size: 22px;
  font-weight: 600;
  transition: 0.2s; }

@media screen and (max-width: 800px) {
  .talk {
    position: relative; }
    .talk:after {
      content: '';
      position: absolute;
      top: 34px;
      right: 20px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 5px 0 5px;
      border-color: #e63947 transparent transparent transparent; }
  .talk__top__title,
  .talk__top__speaker,
  .talk__top__date {
    width: 100%;
    float: none;
    text-align: left; }
  .talk__top__title {
    padding: 0 20px 0 0; } }

@media screen and (max-width: 700px) {
  .more_series__grid .grid_1-3 {
    width: 100%;
    max-width: 320px;
    margin: 0 0 40px; } }

.all_talks .grid_1-8,
.all_talks .grid_7-8 {
  vertical-align: top; }

.talk--all {
  min-height: 100px;
  margin: 0 0 10px;
  text-align: left; }
  .talk--all .talk__top__title,
  .talk--all .talk__top__speaker,
  .talk--all .talk__top__date {
    min-height: 1px;
    display: block; }
  .talk--all .talk__top {
    min-height: 44px; }

.talk__image {
  position: relative; }
  .talk__image:after {
    content: '';
    display: block;
    padding-bottom: 100%; }

@media screen and (max-width: 600px) {
  .all_talks .grid_1-8 {
    display: none; }
  .all_talks .grid_7-8 {
    width: 100%; } }

.course {
  margin: 0 0 40px; }

@media screen and (max-width: 900px) {
  .courses .grid_1-3 {
    max-width: 360px;
    width: 50%; } }

@media screen and (max-width: 600px) {
  .courses .grid_1-3 {
    max-width: 360px;
    width: 100%; } }

.project__section {
  padding: 0 0 60px; }

.project_slider {
  margin-top: -120px;
  box-shadow: -1px 1px 50px 2px rgba(0, 0, 0, 0.5); }
  .project_slider .project_slider__single {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center; }
  .project_slider .slick-slide:focus {
    outline: none; }
  .project_slider .slick-initialized .slick-slide {
    display: flex;
    justify-content: center; }

.project_slider__img {
  width: 100%;
  height: 450px;
  margin: 0 auto; }

.project_slider .slick-arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50px);
  background-color: rgba(0, 0, 0, 0.4);
  height: 65px;
  width: 50px;
  display: block;
  background-repeat: no-repeat;
  background-size: 20px;
  transition: 0.2s;
  cursor: pointer; }
  .project_slider .slick-arrows svg {
    width: 20px;
    height: 40px;
    position: absolute;
    fill: white;
    transition: 0.2s; }
  .project_slider .slick-arrows:hover {
    background-color: rgba(0, 0, 0, 0.8); }

.project_slider .prev-arrow {
  background-position-x: 16px;
  background-position-y: 11px;
  left: 0; }
  .project_slider .prev-arrow svg {
    top: 11px;
    left: 14px; }

.project_slider .next-arrow {
  background-position-x: 21px;
  background-position-y: 11px;
  right: 0; }
  .project_slider .next-arrow svg {
    transform: rotate(180deg);
    top: 11px;
    left: 16px; }

.project_slider .slick-disabled .slick-arrows {
  opacity: 0.5;
  cursor: auto; }

.project_slider .slick-dots {
  margin-top: 20px;
  padding: 0;
  text-align: center;
  bottom: -40px; }
  .project_slider .slick-dots li {
    display: inline-block;
    list-style: none;
    margin: 0 5px; }
  .project_slider .slick-dots button {
    background-color: rgba(1, 1, 1, 0.3);
    font-size: 0;
    border-radius: 50%;
    letter-spacing: 0;
    width: 8px;
    height: 8px;
    padding: 0;
    transition: 0.2s;
    border: none;
    cursor: pointer;
    margin: 0 auto; }
    .project_slider .slick-dots button:before {
      visibility: hidden; }
    .project_slider .slick-dots button:focus {
      outline: none; }

.project_slider .slick-active button {
  background-color: black; }

.project_posts {
  padding-bottom: 75px; }

.project_post__single {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-bottom: solid 2px #e63946; }
  .project_post__single:last-of-type {
    border-bottom: none; }

.project_post__single__img {
  min-width: 200px;
  flex-basis: 200px;
  height: 200px;
  background-size: cover;
  background-position: center; }

.project_post__single__text {
  padding: 0 0 40px 40px;
  position: relative; }
  .project_post__single__text h2 {
    color: #e63946;
    margin-bottom: 10px;
    line-height: 1.2; }
  .project_post__single__text span {
    position: absolute;
    bottom: 0;
    right: 0; }

.project_team_sec h2 {
  color: #15688a; }

.project_single_team h3 {
  color: #15688a;
  font-size: 27px;
  margin: 6px 0 0; }

.project_single_team h4 {
  color: #8abbc3;
  font-size: 18px;
  margin: 5px 0 0; }

.project_team_sec .team_list .project_single_team {
  width: 220px;
  margin: 20px 30px !important; }

@media screen and (max-width: 800px) {
  .project_slider__img {
    height: 300px; }
  .project__grid {
    text-align: center; }
    .project__grid .grid_1-4 {
      display: block;
      margin: 0 auto 20px;
      max-width: 160px;
      width: 100%; }
  .project_post__single {
    flex-direction: column; }
  .project_post__single__img {
    max-width: 200px;
    margin: 0 auto; }
  .project_post__single__text {
    padding: 0;
    text-align: center; }
    .project_post__single__text span {
      display: block;
      max-width: 170px;
      width: 100%;
      margin: 20px auto 0;
      position: relative; } }

.giving__page {
  padding-bottom: 60px; }

.giving__content {
  text-align: center;
  padding-bottom: 30px;
  border-bottom: solid 3px #e1e1e1; }
  .giving__content h2 {
    font-weight: 600; }
  .giving__content h5 {
    font-size: 22px;
    font-weight: 700;
    color: #15688a; }
  .giving__content h6 {
    margin-top: 10px;
    font-size: 20px;
    color: #7fb7be; }

.giving__options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.giving__option__single {
  width: 360px;
  transition: 0.2s;
  margin-bottom: 40px;
  position: relative;
  text-align: center; }
  .giving__option__single span {
    color: #e63946;
    border-color: #e63946; }
    .giving__option__single span:hover {
      background-color: #e63946;
      color: white; }

.giving__img {
  width: 100%;
  height: 270px;
  position: relative;
  text-align: center; }
  .giving__img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #15688a;
    transition: 0.2s;
    opacity: 0; }
  .giving__img h2 {
    left: 0;
    right: 0;
    font-size: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1; }

.give_now {
  background-image: url(assets/images/give-now.jpg); }

.pledge {
  background-image: url(assets/images/pledge.jpg); }

.loan {
  background-image: url(assets/images/loan.jpg); }

.other_giving {
  background-image: url(assets/images/other-giving.jpg); }

.giving__single__content {
  text-align: center;
  padding: 20px 10px;
  color: #086788;
  transition: 0.2s;
  min-height: 210px; }

.giving_text__bottom {
  border-top: solid 3px #e1e1e1;
  padding: 40px 0 20px;
  color: #086788;
  font-style: italic; }

@media only screen and (max-width: 800px) {
  .giving__options {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center; }
  .giving_text__bottom {
    text-align: center; } }

.hero--atrium {
  height: 600px; }

.atrium_logo--header {
  width: 380px;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%); }
  .atrium_logo--header svg {
    width: 380px;
    height: 380px; }

.atrium_header_logo {
  top: 6px; }
  .atrium_header_logo svg {
    width: 80px;
    height: 30px; }
    .atrium_header_logo svg .cls-1 {
      fill: #fff;
      stroke: #1d1d1b;
      stroke-miterlimit: 10;
      stroke-width: 0.25px; }
  .atrium_header_logo:hover svg .cls-1 {
    fill: #f4b122; }

.atrium_links {
  background: #244b5a;
  padding: 50px 0;
  letter-spacing: -1em;
  font-size: 0; }

.atrium_links__cont {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  font-size: 18px; }
  .atrium_links__cont h2 {
    font-size: 50px;
    margin: 0 0 10px;
    line-height: 1em; }
  .atrium_links__cont h4 {
    color: white;
    font-weight: 500;
    line-height: 1.3em; }

.atrium_links__buttons {
  width: 75%;
  padding: 0 0 0 62px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  font-size: 18px; }
  .atrium_links__buttons .button {
    border: none;
    text-align: center;
    padding: 15px 20px;
    width: 246px;
    margin: 0 10px; }
  .atrium_links__buttons h3 {
    font-weight: 500; }
  .atrium_links__buttons p {
    color: white;
    font-size: 19px;
    font-weight: 300;
    margin: 0; }

.atrium_links__onpage .atrium_links__cont {
  width: 40%; }

.atrium_links__onpage .atrium_links__buttons {
  width: 60%; }

.atrium_book_link {
  background: #00837e; }
  .atrium_book_link:hover {
    background: #006a66; }

.atrium_event_link {
  background: #f4b122; }
  .atrium_event_link:hover {
    background: #d39819; }

.atrium_coffee_link {
  background: #ca602c; }
  .atrium_coffee_link:hover {
    background: #ab5024; }

.atrium_page .content h1 {
  margin: 0 0 50px;
  color: #244b5a;
  font-size: 68px;
  font-weight: 700; }

.atrium_page .content h2 {
  font-size: 50px;
  color: #244b5a;
  font-weight: 700; }

.team_sec.atrium_team .single_team {
  width: auto;
  max-width: 100%; }
  .team_sec.atrium_team .single_team img {
    width: 100%;
    max-width: 230px;
    margin: 0 0 25px; }
  .team_sec.atrium_team .single_team h3 {
    color: #244b5a;
    font-weight: 600;
    margin: 0; }
  .team_sec.atrium_team .single_team p {
    font-weight: 600; }

.footer--atrium {
  background-color: #ca602c; }

.atrium_title--page {
  display: block;
  position: absolute;
  transform: translateY(-50%);
  left: 20px;
  right: 20px; }
  .atrium_title--page .atrium_logo {
    display: block;
    position: relative;
    width: 130px;
    top: auto;
    right: auto;
    left: auto;
    margin: 0 auto; }
    .atrium_title--page .atrium_logo svg {
      width: 130px;
      height: 130px; }
    .atrium_title--page .atrium_logo:hover svg .cls-1 {
      fill: #244b5a; }
  .atrium_title--page .hero__title {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    transform: none; }

.atrium__hours {
  margin: 40px 0; }
  .atrium__hours h3 {
    color: #8abbc3;
    font-weight: 600; }
  .atrium__hours p {
    color: #244b5a;
    font-size: 23px;
    font-weight: 500; }

.atrium__shop_link {
  background-image: url("assets/images/atrium/shop_bg.jpg");
  padding: 100px 40px; }
  .atrium__shop_link h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 25px; }
  .atrium__shop_link .button {
    background: #00837e;
    color: white;
    border: none;
    font-size: 26px;
    padding: 14px 20px; }
    .atrium__shop_link .button:hover {
      color: white;
      background: #006a66; }

.atrium_partners h2 {
  font-size: 50px;
  font-weight: 700;
  margin: 0 0 20px; }

.atrium_partners a {
  display: inline-block;
  vertical-align: middle; }
  .atrium_partners a img {
    height: 125px;
    width: 125px; }
  .atrium_partners a.victoriaarduino {
    margin: 0 20px; }
    .atrium_partners a.victoriaarduino img {
      height: 125px;
      width: 275px; }

.atrium_events h2 {
  font-size: 50px;
  font-weight: 700;
  margin: 0 0 20px; }

@media screen and (max-width: 1200px) {
  .atrium_links,
  .atrium_links__onpage {
    text-align: center; }
  .atrium_links__buttons {
    width: auto; }
    .atrium_links__buttons .button {
      display: block;
      margin: 10px 0; } }

@media screen and (max-width: 850px) {
  .atrium_logo--header {
    max-width: 200px; }
    .atrium_logo--header svg {
      width: 200px;
      height: 200px; }
  .team_sec.atrium_team {
    padding-bottom: 0; }
    .team_sec.atrium_team .grid_1-3 {
      width: 100%; } }

@media screen and (max-width: 820px) {
  .atrium_links .atrium_links__cont,
  .atrium_links__onpage .atrium_links__cont {
    width: 100%;
    display: block; }
  .atrium_links .atrium_links__buttons,
  .atrium_links__onpage .atrium_links__buttons {
    width: 100%;
    display: block;
    padding: 20px 0 0; }
    .atrium_links .atrium_links__buttons .button,
    .atrium_links__onpage .atrium_links__buttons .button {
      margin: 10px auto; } }

@media screen and (max-width: 650px) {
  .atrium_partners a {
    display: block;
    width: 100%;
    margin: 15px 0; }
    .atrium_partners a.victoriaarduino {
      margin: 15px 0; } }

@media screen and (max-width: 350px) {
  .atrium_header_logo {
    top: 14px;
    right: 10px; } }

.hewhope__welcome {
  text-align: center;
  position: absolute;
  top: 57%;
  right: 0;
  left: 0;
  transform: translateY(-50%); }
  .hewhope__welcome .hero__title {
    transform: none;
    top: inherit;
    position: static;
    font-size: 68px;
    color: #ffffff;
    text-align: center;
    line-height: 32px;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.71); }

.hewhope__welcome_text {
  font-size: 110px;
  font-weight: 700;
  color: #606060;
  background-color: #fff;
  max-width: 811px;
  width: 100%;
  margin: 0 auto;
  letter-spacing: 20px;
  text-transform: uppercase;
  line-height: 1;
  padding: 12px 0;
  margin-bottom: 40px;
  padding-left: 20px; }

.newhope__community_banner {
  background-color: #616475;
  color: white;
  width: 100%;
  text-align: center;
  padding: 20px 0; }
  .newhope__community_banner h1 {
    font-size: 50px;
    font-weight: 600; }

.newhope__sundays_banner {
  background-color: #bac504;
  color: white;
  padding: 50px 0; }

.newhope__sundays_banner__content {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 30px; }
  .newhope__sundays_banner__content h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 52px;
    margin-right: 10px; }

.newhope__sundays_banner__content__button {
  position: relative;
  appearance: none;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  color: white;
  background-color: #616475;
  padding: 12px 20px;
  text-align: center;
  border: none;
  transition: 0.2s; }
  .newhope__sundays_banner__content__button:hover {
    background-color: white;
    color: #616475; }

.newhope__content h2 {
  font-size: 50px;
  color: #606060;
  margin-bottom: 40px; }

.newhope__content .tablepress tbody .row-1,
.newhope__content .tablepress tbody .row-3,
.newhope__content .tablepress tbody .row-6,
.newhope__content .tablepress tbody .row-8,
.newhope__content .tablepress tbody .row-11 {
  background-color: #bac504; }
  .newhope__content .tablepress tbody .row-1 td,
  .newhope__content .tablepress tbody .row-3 td,
  .newhope__content .tablepress tbody .row-6 td,
  .newhope__content .tablepress tbody .row-8 td,
  .newhope__content .tablepress tbody .row-11 td {
    padding: 14px 50px; }

.newhope__content .tablepress tbody td {
  padding: 14px 50px;
  border-bottom: none;
  border-top: none;
  font-size: 22px;
  color: #474747;
  font-weight: 600; }

.newhope__content .tablepress tbody h3 {
  color: white;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 0; }

.newhope__featured_event {
  padding: 60px 0;
  background-color: #f5f5f5;
  text-align: center; }
  .newhope__featured_event h2 {
    font-size: 50px;
    color: #606060;
    margin-bottom: 40px; }

.newhope__featured_event__item {
  max-width: 605px;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  .newhope__featured_event__item h4 {
    font-size: 22px;
    font-weight: 600;
    color: #474747;
    transition: 0.2s;
    margin-bottom: 10px; }
  .newhope__featured_event__item p {
    font-size: 18px;
    font-weight: 600;
    color: #474747; }
  .newhope__featured_event__item:hover h4 {
    color: #bac504; }
  .newhope__featured_event__item:hover .newhope__featured_event__item__img {
    transform: scale(1.05); }

.newhope__featured_event__item__img_wrap {
  width: 100%;
  position: relative;
  height: 280px;
  margin-bottom: 30px;
  overflow: hidden; }

.newhope__featured_event__item__img {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
  transition: 0.4s; }

.footer--newhope {
  background-color: #616475; }
  .footer--newhope .frm_submit button {
    color: #bac504; }

@media screen and (max-width: 1000px) {
  .hewhope__welcome_text {
    max-width: 380px;
    font-size: 40px;
    letter-spacing: 10px;
    padding-left: 10px; }
  .newhope__community_banner {
    padding: 20px 0; }
    .newhope__community_banner h1 {
      font-size: 32px;
      line-height: 1; }
  .newhope__sundays_banner {
    padding: 20px 0 30px; }
  .newhope__sundays_banner__content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 20px; }
    .newhope__sundays_banner__content h3 {
      margin-right: 0; }
  .newhope__sundays_banner__content__button {
    height: 60px;
    max-width: 180px;
    font-size: 24px; } }

@media screen and (max-width: 900px) {
  .newhope__content .tablepress tbody tr td {
    padding: 18px 20px;
    width: 50%; }
  .newhope__content .tablepress tbody .row-1 td,
  .newhope__content .tablepress tbody .row-3 td,
  .newhope__content .tablepress tbody .row-6 td,
  .newhope__content .tablepress tbody .row-8 td,
  .newhope__content .tablepress tbody .row-11 td {
    padding: 18px 20px; } }

@media screen and (max-width: 500px) {
  .hewhope__welcome .hero__title {
    line-height: 1; } }

.room-bookings_enquiry_section {
  background-color: #474747;
  width: 100%;
  padding: 40px 180px;
  display: flex;
  justify-content: space-between; }
  .room-bookings_enquiry_section .room-bookings_enquiry_section__text {
    color: #FFFFFF;
    max-width: 620px; }
    .room-bookings_enquiry_section .room-bookings_enquiry_section__text h1 {
      font-size: 50px; }
    .room-bookings_enquiry_section .room-bookings_enquiry_section__text h3 {
      font-size: 23px;
      font-weight: 500; }
  .room-bookings_enquiry_section .room-booking_enquiry_section__button {
    max-width: 230px;
    width: 100%;
    border-color: #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    padding: 9px 10px 8px;
    margin-top: 20px;
    font-weight: 600;
    align-self: center; }
    .room-bookings_enquiry_section .room-booking_enquiry_section__button:hover {
      background-color: #FFFFFF;
      color: #244b5a; }

.room-bookings__grid__header {
  margin-bottom: 60px; }
  .room-bookings__grid__header h1 {
    font-weight: 700;
    line-height: 35px; }

.room-enquiry_grid {
  margin-bottom: 60px; }

.accessibility {
  margin-top: 60px; }
  .accessibility h1 {
    margin-bottom: 40px;
    margin-top: -80px; }

.grefriars__grid {
  margin-top: -60px; }
  .grefriars__grid h1 {
    font-weight: 700;
    line-height: 40px; }
  .grefriars__grid .greyfriars_description {
    margin-bottom: 60px;
    font-weight: 500;
    padding: 0px 10px; }

.Newhope__grid h1 {
  font-weight: 700;
  line-height: 40px;
  padding: 0px 10px; }

.Newhope__grid .new_hope_description {
  margin-bottom: 60px;
  font-weight: 500;
  padding: 0px 10px; }

.accessibility_title {
  font-weight: 700; }

.room_single {
  display: block;
  width: 100%;
  height: 380px;
  background-color: #244b5a;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden; }
  .room_single:hover .room_single__image {
    transform: scale(1.04); }
  .room_single .room_single__image {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 300px;
    margin-bottom: 0;
    transition: 0.4s; }
  .room_single .room_single__info {
    width: 100%;
    min-height: 96px;
    background-color: #15688a;
    position: absolute;
    bottom: 0;
    padding: 15px 0px;
    line-height: 1; }
    .room_single .room_single__info .room_single__info__title {
      color: #FFFFFF;
      font-size: 28px;
      font-family: "proxima-nova", sans-serif;
      font-weight: 600;
      text-align: center; }
    .room_single .room_single__info .room_single__info__seats {
      color: #FFFFFF;
      font-size: 23px;
      font-family: "proxima-nova", sans-serif;
      font-weight: 500;
      text-align: center; }

.room-booking_content h1 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 50px; }
  .room-booking_content h1 strong {
    font-weight: 700; }

.room-booking_content p {
  margin-bottom: 30px; }

.room-booking_content .wp-container-1 {
  display: block; }

.room-booking_content a {
  background-color: #e63946;
  font-weight: 600;
  margin-top: 40px;
  padding: 9px 10px 8px;
  max-width: 230px;
  width: 100%;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 22px; }
  .room-booking_content a:hover {
    background-color: #244b5a;
    transition: 0.4s;
    color: #FFFFFF; }

@media screen and (max-width: 1200px) {
  .room_grid {
    text-align: center; }
    .room_grid .grid_1-3 {
      max-width: 400px;
      width: 100%; }
  .grefriars__grid {
    padding: 0px 20px; }
  .Newhope__grid {
    padding: 0px 20px; }
  .room_single {
    margin-bottom: 40px; }
  .accessibility {
    margin-top: -60px; }
  .room-bookings_enquiry_section {
    flex-direction: column;
    text-align: center;
    padding: 40px 0px;
    align-items: center; }
  .header__nav--scroll
.mobile_menu_button {
    top: 5px; } }

.single-room_header {
  width: 100%;
  background-color: #15688a; }
  .single-room_header .header__overlay {
    background-color: #15688a; }
  .single-room_header .single-room_header__nav {
    background-color: #15688a; }

.room_booking__single_title-container {
  background-color: #15688a;
  height: 200px;
  width: 100%;
  position: relative;
  text-align: center; }

.room-bookings_enquiry_section__button_container {
  display: flex;
  flex-direction: row;
  max-width: 480px;
  width: 100%; }

.room-bookings_enquiry_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.enquiry_button_spacing {
  margin-right: 20px; }

.room_booking__single_title {
  font-size: 68px;
  font-weight: 600;
  color: #FFFFFF;
  position: relative;
  top: 100px; }

.room-booking_single__featured_img {
  height: 530px;
  margin-bottom: 100px;
  width: 100%;
  object-fit: cover;
  object-position: center; }

.room-booking_single p {
  max-width: 830px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-weight: 500; }

.room-booking_single__fields {
  margin-top: 80px; }

.room-booking_single__blueprint {
  max-width: 780px;
  width: 100%;
  margin-bottom: 20px; }

.room-booking_single__gallery_img {
  width: 100%;
  margin-bottom: 40px;
  object-fit: cover;
  object-position: center;
  padding: 0 10px; }

@media screen and (max-width: 1200px) {
  .room_booking__single_title-container {
    height: 260px; }
  .room-booking_single__featured_img {
    height: 380px; }
  .room-bookings_enquiry_section .room-booking_enquiry_section__button {
    margin-right: 0px; }
  .room-bookings_enquiry_inner {
    flex-direction: column; }
  .room-bookings_enquiry_section__button_container {
    flex-direction: column; }
  .room-booking_single__grid .grid_1-2 {
    width: 100%;
    max-width: 380px; } }

.enquiry-page_header {
  width: 100%;
  background-color: #e63946; }
  .enquiry-page_header .header__overlay {
    background-color: #e63946; }
  .enquiry-page_header .single-room_header__nav {
    background-color: #e63946; }

.make-an-enquiry_title-container {
  background-color: #e63946;
  height: 200px;
  width: 100%;
  position: relative;
  text-align: center; }

.make-an-enquiry p {
  font-weight: 500; }

.make-an-enquiry .frm_forms
.frm_form_field {
  width: 100%; }
  .make-an-enquiry .frm_forms
.frm_form_field h1 {
    font-weight: 700; }
  .make-an-enquiry .frm_forms
.frm_form_field p {
    font-weight: 500; }
  .make-an-enquiry .frm_forms
.frm_form_field textarea {
    min-height: 250px; }

.make-an-enquiry .frm_error {
  color: #e63946; }

.make-an-enquiry .frm_error_style {
  color: #e63946; }

.make-an-enquiry .frm_image_option {
  width: 174px !important;
  transition: 0.5s;
  backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased; }
  .make-an-enquiry .frm_image_option label {
    cursor: pointer;
    height: 100%;
    width: 100%; }
  .make-an-enquiry .frm_image_option:hover {
    transform: scale(1.05); }

.make-an-enquiry .frm_image_options {
  margin-bottom: 30px; }
  .make-an-enquiry .frm_image_options .frm_primary_label {
    margin-bottom: 20px; }

.make-an-enquiry .frm_image_option_container .frm_selected_checkmark {
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 0; }
  .make-an-enquiry .frm_image_option_container .frm_selected_checkmark svg {
    fill: #59b38c;
    border-radius: 0; }

.make-an-enquiry .frm_image_options .frm_image_option_container {
  height: 100%; }
  .make-an-enquiry .frm_image_options .frm_image_option_container .frm_text_label_for_image_inner {
    line-height: 1.2; }

.make-an-enquiry .frm_checkbox .frm_image_option_container {
  border: solid 5px transparent !important;
  cursor: pointer;
  border: none;
  width: 100%;
  overflow: hidden; }

.make-an-enquiry .frm_checkbox input[type="radio"]:checked + .frm_image_option_container,
.make-an-enquiry .frm_checkbox input[type="checkbox"]:checked + .frm_image_option_container {
  border-color: #59b38c !important; }

.make-an-enquiry .frm_checkbox .frm_text_label_for_image {
  background-color: #15688a;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px; }

.make-an-enquiry .frm_form_field h1 {
  line-height: 40px;
  margin: 60px 0px; }

.make-an-enquiry .frm_submit {
  text-align: left; }
  .make-an-enquiry .frm_submit .frm_button_submit {
    background-color: #e63946;
    font-size: 26px;
    padding: 10px 90px;
    color: #FFFFFF;
    border: none; }
    .make-an-enquiry .frm_submit .frm_button_submit:hover {
      background-color: #15688a; }
  .make-an-enquiry .frm_submit .frm_start_over {
    display: none; }

@media screen and (max-width: 1200px) {
  .make-an-enquiry_title-container {
    height: 260px; } }

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