@charset "UTF-8";
/*
  ===============================================================================
  VARIABLES
  ===============================================================================
*/
/*
  ==========================
  colours
  ==========================
*/
/*
  ==========================
  liturgy section colours
  ==========================
*/
/*
  ==========================
  columns
  ==========================
*/
/*
  ===============================================================================
  GLOBAL PRINT STYLES
  ===============================================================================
*/
/*
  ==========================
  common components
  ==========================
*/
#accessibility-links,
#page-head > .lower,
#page-foot .footer-nav,
#page-foot .footer-social,
#page-foot .mid-layout,
#page-foot .lower-layout a,
#section-nav,
.media-social-share-links,
.feed-wrapper,
.slider,
.map-holder,
ul.anchor-list {
  display: none; }

/*
  ==========================
  general
  ==========================
*/
* {
  background: transparent !important;
  color: #333333;
  text-shadow: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@page {
  size: A4 portrait;
  margin: 1cm;
  @bottom-center {
    content: "Page " counter(page) " of " counter(pages);
    /* not supported yet, but might be in the lifecycle of the site */ } }

/*
  ==========================
  lightweight clearfix
  ==========================
*/
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

/*
  ==========================
  visibility options
  ==========================
*/
.hidden {
  display: none !important;
  visibility: hidden; }

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

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

.invisible {
  visibility: hidden; }

/*
  ==========================
  header
  ==========================
*/
/*
  ==========================
  footer
  ==========================
*/
#page-foot {
  margin-top: 2em;
  border-top: solid 1px #cccccc;
  font-size: 86%; }
  #page-foot a {
    text-decoration: none; }
    #page-foot a:after {
      content: none;
      display: none; }

/*
  ==========================
  typography
  ==========================
*/
body,
input,
textarea,
select {
  font-family: sans-serif;
  font-size: 12pt;
  line-height: 1.3;
  font-weight: 400; }

/* headings */
/* -------- */
h1,
h2,
h3,
h4,
h5 {
  page-break-inside: avoid;
  page-break-after: avoid; }

h1,
.h1 {
  font-size: 220%; }

h2,
.h2 {
  font-size: 175%; }

h3,
.h3 {
  font-size: 140%; }

h4,
.h4 {
  font-size: 125%; }

h5,
.h5 {
  font-size: 110%; }

/* paragraphs */
/* ---------- */
.intro {
  font-size: 118%; }

p {
  orphans: 3;
  widows: 3;
  page-break-inside: avoid; }

/* links */
/* ----- */
a {
  text-decoration: underline; }

a[href]:after {
  content: " [" attr(href) "]";
  font-size: 88%; }

/* button styles */
/* ------------- */
a.button {
  text-decoration: none; }
  a.button:hover, a.button:focus {
    text-decoration: none; }

/*
  ==========================
  images
  ==========================
*/
/*
  ==========================
  lists
  ==========================
*/
.typography-wrapper * + ol,
.typography-wrapper * + ul {
  margin-top: 16px; }

.typography-wrapper ol * + li,
.typography-wrapper ul * + li {
  margin-top: 6px; }

.typography-wrapper ol ol,
.typography-wrapper ol ul,
.typography-wrapper ul ol,
.typography-wrapper ul ul {
  margin-top: 6px; }

.typography-wrapper ol {
  padding-left: 30px;
  list-style-type: decimal; }
  .typography-wrapper ol ol {
    list-style-type: lower-alpha; }
    .typography-wrapper ol ol ol {
      list-style-type: lower-roman; }

.typography-wrapper ul {
  padding-left: 30px;
  list-style-type: disc; }

/*
  ==========================
  in-page carousel
  ==========================
*/
.in-page-carousel .rsOverflow {
  position: static !important;
  width: auto !important;
  height: auto !important; }
  .in-page-carousel .rsOverflow .rsContainer {
    position: static !important;
    width: auto !important;
    height: auto !important; }
    .in-page-carousel .rsOverflow .rsContainer .rsSlide {
      page-break-inside: avoid;
      position: static !important;
      width: auto !important;
      height: auto !important; }
      .in-page-carousel .rsOverflow .rsContainer .rsSlide .simpleimageelement > .inner {
        display: table;
        border-collapse: collapse;
        width: 99%;
        table-layout: fixed;
        margin: 0;
        padding: 0; }
        .in-page-carousel .rsOverflow .rsContainer .rsSlide .simpleimageelement > .inner > * {
          display: table-cell;
          vertical-align: top;
          padding: 0; }
        .in-page-carousel .rsOverflow .rsContainer .rsSlide .simpleimageelement > .inner .image-holder img,
        .in-page-carousel .rsOverflow .rsContainer .rsSlide .simpleimageelement > .inner .image-holder img[style],
        .in-page-carousel .rsOverflow .rsContainer .rsSlide .simpleimageelement > .inner .image-holder img.rsImg[style] {
          display: block;
          width: 100% !important;
          height: auto !important;
          margin: 0 !important; }
        .in-page-carousel .rsOverflow .rsContainer .rsSlide .simpleimageelement > .inner .content-holder {
          padding-left: 20px; }
      .in-page-carousel .rsOverflow .rsContainer .rsSlide + .rsSlide {
        margin-top: 20px; }

.in-page-carousel .rsThumbs {
  display: none !important; }

/*
  ==========================
  aside contact
  ==========================
*/
.aside-contact,
.aside-contact[style] {
  position: static !important; }

/*
  ==========================
  letter contacts
  ==========================
*/
.lettergroupedcontacts {
  page-break-inside: avoid; }
  .lettergroupedcontacts a:after {
    content: none;
    display: none; }
  .lettergroupedcontacts + .lettergroupedcontacts {
    margin-top: 2em; }

/*
  ==========================
  home
  ==========================
*/
#page-head > .upper > .wrapper > .inner {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 14px 0 7px 0;
  padding: 0;
  border-collapse: collapse; }
  #page-head > .upper > .wrapper > .inner > * {
    display: table-cell;
    vertical-align: middle; }
    #page-head > .upper > .wrapper > .inner > *:first-child {
      text-align: right; }
    #page-head > .upper > .wrapper > .inner > *.cross-icon {
      width: 51px;
      text-align: center; }
      #page-head > .upper > .wrapper > .inner > *.cross-icon > span {
        display: inline-block;
        width: 21px;
        height: 32px; }
        #page-head > .upper > .wrapper > .inner > *.cross-icon > span:before {
          content: url("../../../themes/catholic/images/icon-church-cross-desktop.png");
          display: block;
          margin: 0;
          padding: 0; }

.home-intro-wrapper .button-links {
  display: none; }