.grid-container {
	max-width: 85rem;
	margin: 0 auto;
}

img { max-width: 100%;}

a.svg {
    position: relative;
    display: inline-block; 
  }

  a.svg:after {
    content: ""; 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
  }

h1, h2, blockquote  { 
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}


h3, h4, h5, h6  { 
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

p, li, ul, ol, table, a {
    font-family: interstate, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

h1 {
	color: #fff;
	margin-bottom: 0em;
	font-size: 3.985rem;
    color: #fff;
    line-height: 4rem;
}



    
h2 {
    color: #022E40;
    font-size: 2.7rem;
    margin-bottom: 0em;
}


h3 {
    color: #022E40;
    margin-bottom: 3px;
    font-size: 1.5rem;
    }


p, ul, ol {
	font-size: 1.09rem;
    color: #101010;
    line-height: 2.5rem;
    margin-bottom: 2em;
}

blockquote, blockquote p  {
        font-size: 1.75rem;
        color: #022E40;
        padding: 0em;
        margin: 1rem 0rem 2rem 0rem;
        border-left: none;
}


.active {
    color: #227373}
  
  a {
      transition: .35s all ease;
      color: #B5272C;
  }
  
  a:hover {
      color: #227373;
      transition: .35s all ease;
  }

  a:focus {
    color: #227373;

  }

  
  .link {
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding: 0.5rem 0;
    color: #B5272C;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.15rem;
    font-size: 85%;
  }

  .link:hover {
      color: #022E40;
  }
  

  .teamlink {
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding: 0.5rem 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.15rem;
    font-size: 75%;
  }

  .teamlink:hover {
      color: #000;
  }

  /* hover styles */
  .red-hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #B5272C;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s;
  }
  .red-hover:hover:after {
    transform-origin: bottom left;
    transform: scaleX(1);
  }





  
  .main-btn {
    background-color: #022938;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #022938;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.05em;
    padding: 0.6em 1em;
    line-height: 20px;
    margin-top: 1em;
    display: inline-block;
}


.main-btn:hover,
.main-btn:focus {
  box-shadow: inset 0 -3.25em 0 0 var(--hover);
  color: #022938;
  transition: 0.55s;

}

.main-btn {
  --hover: #fff;
}

.dean-btn {
    margin-left: 1rem;
}




.blueline-btn {
    background-color: #fff;
    color: #022938;
    border-radius: 5px;
    border: 1px solid #022938;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.05rem;
    padding: 0.6rem 1rem;
    line-height: 20px;
    margin-top: 1rem;
    display: inline-block;
}


.blueline-btn:hover,
.blueline-btn:focus {
  box-shadow: inset 0 -3.25rem 0 0 var(--hover);
  color: #fff;
  transition: 0.25s;

}

.blueline-btn {
  --hover: #022E40;
}



.hero-btn {
    background-color: #fff;
    color: #B5272C;
    border-radius: 5px;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.05em;
    padding: 0.5em 0.8em;
    line-height: 20px;
    margin: 1em 1em 0 0;
    display: inline-block;
}


.hero-btn:hover,
.hero-btn:focus {
  box-shadow: inset 0 -3.25rem 0 0 var(--hover);
  color: #fff;
  transition: 0.25s;

}

.hero-btn {
  --hover: #B5272C;
}

.book-btn {
    background-color: #B5272C;
    color: #fff;
    border-radius: 5px;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.85rem;
    padding: 2rem;
    line-height: 20px;
    margin: 1em 1em 0 0;
    display: inline-block;
}


.book-btn:hover,
.book-btn:focus {
  box-shadow: inset 0 -5.25rem 0 0 var(--hover);
  color: #fff;
  transition: 0.25s;

}

.book-btn {
  --hover: #022938;
}


.social {
    margin: 1em 0em;
}
.social-link {
    margin-right: 1rem;
}

.events-banner {
    font-size: 0.9rem;
    padding: 0.3em 1rem;
}



.white-line {
    color: #fff;
    border: solid 1px #fff;
}


/* header section */

header {
    margin: 1em 0em;
}


.logo {
    margin: 0em;
}

.top-links {
    margin-top: 10px;
}


.main-nav {
    padding: 20px 0 10px;
    z-index: 200;
    position: relative;

}

.main-nav li a {
    color: #00457A;
    font-size: 1.1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;  
    margin: 0 2rem;
    text-align: left;
}

.main-nav li a:last-child {
    margin: 0 0 0 1.4rem;
    
}
 
.main-nav a:hover {
    color: #B5272C;
}

.dropdown.menu > li > a {
	padding: 0.7rem 0.8rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: #00457A transparent transparent;
}

.dropdown .is-dropdown-submenu a {
	padding: 0.7rem 1rem;
	text-transform: none;
    line-height: 2rem;
    text-align: left!important;
    margin: 0!important;
    width: 100%;
    padding-left: 20px;
    font-size: 0.95rem;

}

.dropdown.menu > li.is-active > a {
    background: transparent;
    color: #B5272C; }

.is-submenu-item {
    font-size: 1rem;
}


.is-submenu-item a:hover { 
    color: #fff;
background-color: #227373;

}

.is-dropdown-submenu {
	border: 1px solid #E2E2E2;
    background: #FFFDFD;
    padding: 0px!important;
    width: 100%;
    text-align: left;
    margin-left: 0rem;
    border-top: none;
    min-width: 240px;
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {

    left: 40px;
}

.menu .is-active>a {
    background-color: #022938;
}

.top-section {
    background-color: #fff;
}


.menu .active>a {
    background: #022938;
    color: #fefefe;
}


.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    border-color: transparent transparent transparent #fff;
}





::-webkit-input-placeholder {
    color: #022e40;
    font-size: 1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
::-moz-placeholder {
    color: #022e40;
    font-size: 1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
:-ms-input-placeholder {
    color: #022e40;
    font-size: 1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}



::placeholder {
    color: #022E40;
    font-size: 1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;  
}


.search-results h1 {
    color: #022938;
    margin-bottom: 1rem;
}

.search-results h2 {
    font-size: 1.7rem;
}

.search-results p {
    margin-bottom: 0.2rem;
}


tbody, tfoot, thead {
	border: 0px;
	background-color: transparent;
}


/* More navigations section */

.js-off-canvas-overlay {
    background: rgba(0, 0, 0, 0.65);
    z-index: 50;
}



.position-right {
    width: 300px;
    background-color: #fff!important;
    padding: 2rem;
}


.more-menu-icon {
    margin-left: 10px;
}

.more-nav {
    margin-top: 20px;
}

.more-nav li a {
    color: #00457A;
    font-size: 1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;  
    text-align: left;
    line-height: 20px;
}
 
.more-nav a:hover {
    color: #B5272C;
}





.search {
    margin: 20px 0 0 20px;
    padding: 0!important;
    float: right;

}

.search img {
    margin-left: 10px;
}

.search a {
    font-weight: 700;
    padding: 0
}

.search h3 a {
    color: #00457A;
    font-size: 1.1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
}

.search-box {
    margin-top: 3rem;
}

.search-box h2 {
    color: #0d6962;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 3rem;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}


.search-box input {
    border: none;
    border-bottom: #707070 dashed 1px;
    box-shadow: none;
    font-size: 2.8rem;
    font-weight: 200;
    padding-bottom: 1rem;
    text-align: center;
    height: 90px;
}

.search-box input:focus {
    box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: #707070 dashed 1px;


}

.search-btn {
    background-color: #891a1f;
    color: #fff;
    border-radius: 4px;
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.9em;
    padding: 0.5em 0.7em;
    line-height: 20px;
    border: none;
    margin: 0 0 0 1rem;
}

.search-btn:hover {
  background-color: #17958b;
  color: #fff;
  transition: .55s all ease;
}







/* Mobile menu styles */

.off-canvas.is-transition-overlap {
    z-index: 200;
}

.mobile-menu-icon {
    margin-top: 1em;
}


.mobile-head {
    padding: 1rem 1.5rem;
}

.off-canvas.is-transition-overlap {
	z-index: 40;
}
.mobile-nav {
    margin: 2em 1em 0em 1em;
    text-align: left;
}

.mobile-nav li a {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}


.mobile-nav li a:hover {
    font-size: 1.1rem!important;

}


.mobile-nav ul {
    padding-bottom: 0.2rem;
}



.mobile-nav .nested li:last-child {
    margin-bottom: 1rem;
}


.drilldown a {
	padding: 0.7rem 1rem;
	background: none;
}


.close-button {
    color: #fff;
}

.search-close-button {
    color: #000;
}

.drilldown .is-drilldown-submenu-parent > a::after {
	border-color: transparent transparent transparent #fff;
}




.drilldown .js-drilldown-back > a::before {
	border-color: transparent #fff transparent transparent;
}

.mobile-nav a:hover {
	color: #022E40;
    background-color: #fff;

}

.is-drilldown li {
	margin: 0.2rem;
}



.drilldown .is-drilldown-submenu {
	background: #022E40;
}



.off-canvas {
    background-color: #022E40;
}

.position-top {
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: auto;
	-webkit-transform: translateY(-800px);
	-ms-transform: translateY(-800px);
	transform: translateY(-800px);
    height: 800px;
}

.off-canvas.is-transition-overlap {
	z-index: 500;
}


.search-mobile {
    margin: 1.5rem 0.3rem 1rem 2rem;
    text-align: center;
        
}

.mobile-hr {
    width: 75%;
    margin-left: 2rem;
}

.search-mobile input {
    background-color: #022E40;
    border: 1px solid #fff;
    height: 40px;
    box-shadow: none;
    background-image: url("/images/search-white.svg");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border-radius: 5px;
    width: 85%;
    padding: 1.5rem;
    color: #fff;
    font-size: 1rem;
}

.search-mobile ::placeholder {
    color: rgb(255, 255, 255);
}


.search-mobile ::-webkit-input-placeholder {
    color: #fff;
}
.search-mobile ::-moz-placeholder {
    color: #fff;
}
.search-mobile :-ms-input-placeholder {
    color: #fff;
}


.mobile-social {
    margin-top: 2.5rem;
}

.mobile-donation {
    margin: 0rem 0 0 2rem;
    text-align: left;
}



/* hero */


.main-hero {
	position: relative;
    display: block;
}


.banneroverlay {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
    z-index: 2;
}


.hero-caption {
	z-index: 20;
	position: absolute;
    bottom: 3.5rem;
    left: 4rem;
    width: 45%;
}




.events-caption {
	z-index: 40;
	position: absolute;
    bottom: -14rem;
    right: 30px;
	width: 345px;
    background-color: rgba(255, 255, 255, 1);
    padding: 1.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.events-caption h3{
	font-size: 1.6rem;
    color: #022E40;
    text-align: left;
    margin-bottom: 0.5em;
    line-height: 1em;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    font-style: normal;
}


.home-event-container {
    text-align: left;
    margin: 0.0em 0em;
}





.home-event-container p {
    color: #022E40;
    font-style: normal;
    text-align: left;
    margin-bottom: 0;
    font-weight: 500;
}

.home-event-container a {
    color: #022E40;
    font-weight: 500;

}

.home-event-container a:hover {
    color: #B5272C;

}



.home-events-btn {
    margin-top: 2.2rem;
    display: block;
}

.calendar-icon {
    float: right;
    margin-top: 0.2em;
}

.events-caption hr {
    margin: 0.5em 0em;
    padding: 0;
    border:#227373 0.5px solid;
    width:80%;
}

.time {
    color: #B5272C!important;
}




.home-content {
    background-color: #F8F8F8;
    background-image: url("/images/alter-patten.svg");
    background-repeat: no-repeat;
    background-position: 170% 90%;
    margin-bottom: 4em;
}


.dean-photo-home {
    margin: 5em 0 0 0;  
  }
  
  .home-intro {
      margin: 5em 0 6em 4em;
  }

  .home-intro h2, .small-headline {
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    color:#B5272C;
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-bottom: 0;
  }



  .dash {
      float: left;
      margin: 0.55rem 0.5rem 0 0;
  }

.divider {
    margin: 2em 0em;
}

.opener {
    margin: 1em 0em;
}
.opener p {
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-size: 2.125rem;
    line-height: 2.8rem;
    color:#022E40;
    margin-bottom: 0em;
}


.happening-section {
        background-image: url("/images/background-grey.png");
        background-repeat: repeat-x;
        background-position: 0px 100px;
        margin-bottom: 4em;
        padding-bottom: 4em;
    
}

.forthcoming-events-holder {
    margin-top: 3em;
}


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

.home-event-slider-detail {
	z-index: 20;
	position: absolute;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	bottom: 0%;
	left: 0;
	padding: 2em 1em 0.5em 2em;
	width: 100%;
	text-align: left;
}

.home-event-slider-detail p {
    color: #fff;
    font-weight: 500;
    padding: 0;
    margin: 0;
        font-size: 1.4rem;
line-height: 2rem;
}

.orbit-next {
	left: auto;
	right: -60px;
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: rgba(255, 255, 255, 0.2);
 }


/* Middle home section */

.explore-img-holder {
    background-image: url("/images/green-back.png");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    position: relative;
    display: block;
    margin: 0 0 0 3em;
}

.explore-img-holder img {
    margin: 3.3em 0 0 3em;
    border: solid #fff 10px;
}

.exploring-faith-cation {
    z-index: 20;
	position: absolute;
    top: 10em;
    left: 42em;
    width: 35%;
    background-color: #F8F8F8;
    padding: 2em 3em;
}

.exploring-faith-cation p {
    margin-bottom: 0.5em;
}

.home-news {
    margin: 6em 0 0 0;
    background-image: url("/images/background-grey.png");
    background-repeat: repeat-x;
    background-position: 0px 100px;
    padding-bottom: 3em;

}

.home-news-post {
    padding: 3em 3em;
}

.home-news-post h2 {
    font-size: 1.3rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal; 
}

.home-news-post p {
    font-size: 0.95rem;
    margin-bottom: 1em;
}

.date {
    text-transform: uppercase;
    font-size: 0.75rem!important;
    font-weight: 500;
    letter-spacing:0.1rem;
    color: #808080;
}

.home-news-post p .link {
    font-size: 0.85rem;
}

.home-bottom-links {
    margin: 3em 0em;
}

.home-bottom-links-img{
    position: relative;
    display: block;
    margin: 0em 0 1em 0em;
}

.home-bottom-links-title {
    z-index: 40;
	position: absolute;
    bottom: 0em;
    left: 1.4em;
    width: 100%;
}

.home-bottom-links-title h2 {
    color: #fff;
}

.home-bottom-links p {
    padding-left: 1em;
    margin-bottom: 0;
}

.home-bottom-links p .link {
    font-size: 0.85rem;
}



.home-prayer-img {
    position: relative;
    display: block;
}

.banneroverlay-full {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.85);
    z-index: 2;
}
    


.daily-prayer {
    z-index: 40;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 6em;
    width: 80%;
}

.daily-prayer h2, .daily-prayer p {
    color: #fff;
}

.daily-prayer h2 {
    font-size: 3.75em;
}

.daily-prayer p {
    font-size: 1.35rem;
    margin-bottom: 1rem;
    line-height: 2.5rem;
}

.daily-prayer a {
    color: #fff;
}

.daily-prayer a:hover {
    color: #f5a728;
}

/* Footer section */

 
footer {
    margin-top: 4em;
    padding-bottom: 3em;
    padding: 1em;
}

footer h5 {
    color: #000;
    font-size: 0.85rem;
    line-height: 20px;
    font-family: interstate, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}


footer h5 a:hover {
    color: #853F3D;
}

footer h5 a {
    font-weight: 400;
}


footer a {
    color: #272727;
}

.digital-spirit img {
    margin-right: 0.5em;
}

.digital-spirit {
    margin-top: 0em;
}
.digital-spirit, .align-right {
    text-align: right;
}

.digital-spirit a:hover {
    color: #853F3D;
}

footer p {
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-size: 0.875em;
}
footer h3 {
    font-size: 2.2rem;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
}


.footer-links li a {
    color: #272727;
     padding: 1em 0em;
     margin-left: 0em;
     font-family: interstate, sans-serif;
     font-weight: 500;
     font-style: normal;
     text-rendering: optimizeLegibility;
     font-size: 0.975rem;

   }

   .footer-links li a:hover {
       color:#B5272C;
   }

   .footer-address p {
       line-height: 2.3em;
   }

   .mobile-diocese-link {
       margin-right: 2em;
   }


   .copyright {
    border-top: solid #D3DADC 1px;
    padding: 2em 0;
    margin: 2em 0;
   }

   .copyright a:hover {
    color: #B5272C;
   }

   .foot-logos img {
    margin-bottom: 1.5em;
   }

   .social-footer {
       margin: 1em 0em 4em 0em;
   }

   .social-footer-icons{
    margin: 0em 1.5em;
}


/* inner page styles */

.strapline p {
    color: #fff;
    font-size: 1.425rem;
    font-weight: 400;
}

.hero-caption-inner {
	z-index: 20;
	position: absolute;
    bottom: 0rem;
    left: 4em;
    width: 75%;
}

.hero-caption-inner h1 {
    margin-bottom: 0.5rem;
}

.inner-content {
    background-color: #F8F8F8;
    background-image: url("/images/alter-patten.svg");
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding: 4rem 0rem;

}

.body-content {
    padding-left: 1rem;
}


.side-nav {
    margin: 1rem;
    padding-right: 1rem;
}



.side-nav a {
    padding: 1.1rem 1.3rem;
    color: #0B5583;
    border-bottom: 0.95px solid #AEBABE;
    font-size: 1.05rem;
    line-height: 2.2rem;
    font-weight: 500;

}

.side-nav a:hover {
    background-color: #227373;
    color: #fff;
}


.additional-content {
    margin-top: 5rem;
}

.right-caption {
    margin: 3rem 1rem 1rem 4rem;
}

.left-caption {
    margin: 3rem 4rem 1rem 2rem;
}


.img-caption p {
    margin-bottom: 0.5rem;
}

.img-caption .link {
    font-size: 0.9rem;
}

.img-caption-container {
    margin: 4rem 0rem;
}


.media-holder {
    margin: 3rem 0rem;
}

.accordion-title {
	position: relative;
	display: block;
	padding: 3rem 1rem;
	border: 0px;
    border-bottom: 0.9px solid #B3BFC3;
	font-size: 1.3rem;
	line-height: 1;
	color: #022E40;
    font-weight: 500;
}


.accordion-content {
	padding: 1.5rem 1rem 3rem 1rem;
	border: 0px ;
    border-bottom: 0.9px solid #B3BFC3;

}

.accordion-title::before {
	top: 40%;
	right: 1rem;
	content: url(/images/red-arrow-down.svg);
}

.is-active > .accordion-title::before {
	content: url(/images/red-arrow-up.svg);
}

.accordion-title:hover {
	background-color: rgba(215,215,215,0.2);
}
.accordion-title:focus {
	background-color:#fff;
}



.orbit-bullets button {
    border-radius: 0;
    width: 10rem;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 5rem;
    height: 100%;

  }

  .orbit-bullets button:hover {
	background-color: #fff;
}
.orbit-bullets button.is-active {
	background-color: #fff;
}

  .thumbnail {
    margin-bottom: 0;
  }
 

 

  .gallery-caption {
      margin-bottom: 1rem;
  }

  .gallery-caption h2 {
      font-size: 2rem;
  }



  .related-pages {
    padding: 3rem 6rem;
    display: block;
}

.related-pages h2 {
    font-size: 2.25rem;
    color: #fff;
}

.related-pages p {
    font-size: 0.95rem;
    margin-bottom: 1em;
    padding: 0rem 2rem 0rem 1rem;
}

.related-pages-title {
    z-index: 40;
	position: absolute;
    bottom: 0.5rem;
    left: 1rem;
    width: 100%;
}

.related-pages-img {
	position: relative;
	display: block;
	margin: 1rem;
}

.related-holder {
	margin: 6em 0 0 0;
	background-image: url("/images/background-grey.png");
	background-repeat: repeat-x;
	background-position: 0px 100px;
}

.landing-intro {
    padding: 5rem 0rem;
}



.large-link-holder{
    position: relative;
    display: block;
    margin: 0em 4.3rem 1rem 1rem;
}

.landing-caption {
    z-index: 40;
	position: absolute;
    bottom: 0.5rem;
    left: 2rem;
    width: 90%;
}

.landing-caption h2 {
    color: #fff;
    font-size: 2.8rem;
}

.landing-caption p {
    margin-bottom: 0.8rem;
    color: #fff;
    line-height: 2rem;
    font-size: 1.125rem;
}



.secondary-link-holder{
    position: relative;
    display: block;
    margin: 0em 1rem 2.4rem 0rem;
}

.secondary-link-holder img, .landing-bottom-container img {
    width: 100%;
    object-fit: cover;
}

.landing-banneroverlay {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
    z-index: 2;
}




.hover-grey img {
 
    -webkit-filter: grayscale(0);
	filter: grayscale(0);

}
.hover-grey:hover img {

	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.hover-container {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.hover-container:hover+span {
	bottom: -36px;
	opacity: 1;
}

.landing-bottom-caption-holder {
    margin: 1.4rem 0 0 0;
}
.landing-bottom-caption-holder p {
    font-size: 0.938rem;
    margin-bottom: 0;
    padding-right: 2rem;
    line-height: 2.4rem;
}

.landing-bottom-caption-holder a {
    color: #022E40;
    font-size: 1.5rem;
    font-weight: 500;
}

.landing-bottom-container img {
width: 100%;
object-fit: cover;

}

.landing-bottom-container {
    margin-top: 1rem;
}

.team-container {
    padding: 4rem 0rem;
}


.team-intro {
    margin: 4rem 4rem 0 0rem;
}

.team-intro h2 {
    font-size: 2.288rem;
}

.red-strap {
    color: #B5272C;
    font-weight: 500;
}

.team-anchor a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.913rem;
    padding: 0 0.6rem;
    border-right: 1px #B5272C solid;
}



.team-mini-nav {
    margin: 6rem 0 3rem 0;
}

.dean-photo {
    margin-bottom: 4em;
}





.team-img-holder {
    position: relative;
    display: block;
}

.team-img-caption {
    z-index: 40;
	position: absolute;
    bottom: 1.3rem;
    left: 1.2rem;
    width: 80%;
}

.team-img-caption h3 {
    color: #fff;
    font-size: 1.4rem;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
}

.team-img-caption p {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.2rem;
}


.team-img-holder img {
    width: 100%;
    object-fit: cover;
}

.white-arrow {
    float: right;
}






  
  .image-hover-wrapper a {
    display: inline-block;
    letter-spacing: normal;
    line-height: initial;
    margin: 0;
    padding: 0;
    position: relative;
    
    
  }
  
  .image-hover-wrapper a img {
    float: left;
    overflow: hidden;
    width: 100%;
    
  }
  
  .image-hover-wrapper a .image-hover-wrapper-reveal {
    background-color: #227373;
    color: #fefefe;
    display: inline;
    height: 100%;
    margin-left: -100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 80;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.25s;
    
    
  }
  
  .image-hover-wrapper a .image-hover-wrapper-reveal:hover {
    opacity: 0.95;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
  .image-hover-wrapper a .image-hover-wrapper-reveal:hover p {
    opacity: 1;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.25s;
  }
  
  .image-hover-wrapper a .image-hover-wrapper-reveal p {
    top: 90%;
    left: 0.8rem;
    display: block;
    opacity: 0;
    position: absolute;
    text-align: left;
    width: 100%;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    color: #EAF8FC;
    font-size: 1em;
    line-height: 2rem;
    padding: 0em 1em;
  }
  

  
  .image-hover-wrapper .image-hover-wrapper-banner {
    left: 10px;
    padding: 0.5em 1.5em;
    position: absolute;
    bottom: 15px;
    width: 80%;
    z-index: 10;


  }



  .team-title {
    color: #fff;
    font-size: 1.7rem;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }


.team-icons {
    margin-right: 1em;
}



.music-team-heading {
    margin: 2rem 0 1.5em 1rem;
}



.team-wrapper {
    padding: 2rem;
}


.team-divider {
    background-color: #F8F8F8;
    background-image: url("/images/alter-patten.svg");
    background-repeat: no-repeat;
    background-position: 5% -20%;
    padding: 0rem 2rem 5rem 2rem;
    margin: 5rem 0rem 0rem 0rem;

}


.vergers {
        display: inline-block;
        letter-spacing: normal;
        line-height: initial;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .verger-container, .warden-container {
        margin-bottom: 2rem;
    }

    .ministry-team {
        margin: 2rem 2rem;
    }

    .wardens {
        display: inline-block;
        letter-spacing: normal;
        line-height: initial;
        margin: 0 0 20px 0;
        padding: 0;
        position: relative;
    }

    .warden-container p {
        font-size: 0.95rem;
        padding-right: 50px;
        line-height: 25px;
    }



    /* .team-photo-main {
        z-index: 20;
        position: absolute;
        left: 5em;
        width: 45%;
        top:25rem;
    }  */

    .team-photo-main img {
        border: 4px solid #fff;
    }




    .team-main {
        margin: 1rem 0rem 8rem 3rem;
    }
    
    .team-main h2 {
        font-size: 2.288rem;
    }

.team-contact {
    margin-top: 2rem;
}

.team-contact p {
    margin-bottom: 0;
    font-weight: 500;
}

.team-social-contact {
    margin-top: 2rem;
}



.team-social-icons{
    margin: 1.5em 2em 0 0;
}




.news-intro {
    margin: 2rem 0rem;
}

.news-intro p {
    margin: 0;
    padding: 0 2rem 0.5rem 0;
    font-size: 0.938rem;
    line-height: 1.8rem;
}

.news-intro img {
    margin-bottom: 1rem;
}


.news-intro h2 {
    font-size: 1.875rem;
    line-height: 2.4rem;
    margin-bottom: 0.2rem;
}


.news-article-caption {
	z-index: 20;
	position: absolute;
    bottom: 0rem;
    left: 4em;
    width: 85%;
}

.news-article-caption h1 {
    margin-bottom: 0.5rem;
}


.news-img-gallery img {
    margin-right: 1rem;
}



.share {
    margin: 4rem 0rem;
}

.share h3 {
    font-size: 1.7rem;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
}

.contact-header {
    margin-bottom: 2rem;
}


.contact-aditional h3 {
    font-size: 2.1rem;
    font-family: ff-spinoza-web-pro, serif;
    font-weight: 400;
}



/* Events section  */

.calendar-container {
    margin: 4rem 0;
}

.event {
    margin: 1rem 0rem;
}

.day_of_week {
    font-size: 1rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
    width: 14%;
}

.num {
    font-size: 0.8rem;
    font-family: interstate, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-rendering: optimizeLegibility;
}


.event a {
    font-size: 0.9rem;
}

.side-bar-month-btn {
    margin-top: 2rem;
}

.side-bar-month-btn a {
    width: 100%;
    text-align: center;
}


.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}


.month-dropdown h3 {
    text-align: center;
    color: #022E40;
    margin-bottom: 3px;
    font-size: 1.5rem;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

/* 
.mini_calendar_date {
    font-size: 0.8rem;
}

.mini_calendar_days {
    font-size: 0.8rem;
}


#mini_calendar {
	padding: 0.2rem;
}


#mini_calendar .has_events {
        padding: 0.5rem;
    }


#mini_calendar .mini_calendar_days {
    padding: 0.5rem;
} */


.event-details {
    text-align: left;
}

.event-details td {
    padding: 1rem 2rem;
    vertical-align: top;
}

#day_calendar .header div {
	float: left;
	width: 20%;
}
#day_calendar .header div.left {
	padding-left: 10px;
}
#day_calendar .header div.center {
	width: 60%;
	text-align: center;
    margin-top: 1rem;
}
#day_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}

.day-events td {
    padding: 1rem;

}

.day-events  {
    margin-top: 2rem;
}



#week_calendar .header div {
	float: left;
	width: 20%;
}
#week_calendar .header div.left {
	padding-left: 10px;
}
#week_calendar .header div.center {
	width: 60%;
	text-align: center;
    margin-top: 1rem;
}
#week_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}


#week_calendar .header  {
    margin-bottom: 3rem;
}




#month_calendar #month_calendar_inner td {

    vertical-align: top;
}

#month_calendar .day_cell .date {
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0 0 3px 0;
}






.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}


.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}


.list-group-item > .badge {
	float: right;
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}







.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown,
.dropup {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}





.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
    position: relative;
    float: left;
}




















.list-group {
    margin-top:1rem;
    padding-left: 0;
    margin-bottom: 20px;
}


.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
    color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
button.list-group-item {
    width: 100%;
    text-align: left;
}


.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    line-break: auto;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}
.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}
.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}


.day_cell p {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
    line-height: 1.95rem;
}


.chapter-content h2 {
    font-size: 2rem;
    margin-top: 2rem;
}

.chapter-content p {
    margin-bottom: 0;
}


.chapter-content {
    background-color: #F8F8F8;
    padding: 4rem 0rem;

}

.chapter-login {
    margin: 3rem 0;
}

.logout {
   margin-left: 2rem;
}

.chapter-nav {
    margin: 1rem;
    padding-right: 1rem;
}



.chapter-nav a {
    padding: 1.1rem 1.3rem;
    color: #0B5583;
    border-bottom: 0.95px solid #AEBABE;
    font-size: 1.05rem;
    line-height: 2.2rem;
    font-weight: 500;

}

.chapter-nav a:hover {
    background-color: #227373;
    color: #fff;
}

.chapter-btn-link {
    padding: 1rem 2em;
    color: #fff;
    font-size: 1.4rem;
    background-color: #0b5583;
    border-radius: 10px;
    margin: 2rem 1rem 0 0;
    display: inline-block;
    letter-spacing: 0.01rem;
}


.chapter-btn-link:hover {
    background-color: #227373;
    color: #fff;
}

.media-clip-nav {
    margin: 2rem 0rem 0 0;
}
.media-clip-nav li a {
    color: #b5272c;
    margin: 0 0 1rem 0rem;
    padding: 0.7rem 0.5rem;
    font-weight: 500;
    font-size: 1.1rem;
}

.media-clip-nav li a::after {
    content: "|";
    margin-left: 1rem;
    color: #b5272c;
}


.media-clip-nav li a:hover {
    color: #022e40;
}

.media-clip-nav li:first-child {
    margin-left: 0.5rem;
}


.media-clip-nav h3 {
    float: left;
    font-size: 1.5rem;

}

.pagination {
    margin: 2rem 0rem;
    
}

.sponsors {
    margin-top: 3rem;
}

.sponsors h2 {
    font-size: 3.5rem;
}



.gaia-content {
    background-color: #F8F8F8;
    background-image: url("/images/gaia-back.svg");
    background-repeat: no-repeat;
    background-position: 120% 0%;
    margin-bottom: 4em;

}

.ticket-booking {
    position: absolute;
    bottom: -7rem;
    right: 1rem;
    z-index: 800;
}

.ticket-booking p {
    font-size: 1.3rem;
}

.footer-logos {
    margin: 1.5rem 0rem 4rem 0rem;
}

.footer-logos a:hover {
    opacity: 0.5;
    transition: 0.5s;
}


.gaia-booking-heading p {
    color:#b5272c;
    font-weight:700;
    margin-bottom:0;
}

.gaia-booking-spacer {
    margin-top: 2rem;
}


.gaia-booking-holder {
	margin: 5em 0 0 0;
	background-image: url("/images/background-grey.png");
	background-repeat: repeat-x;
	background-position: 0px 100px;
}



.callout h3 {
    color: #fff;
}

.callout p {
    color: #fff;
    margin-bottom: 0;
}

.alert-callout-border {
    width: 400px!important;
    padding: 2rem;
    border-left-width: 0.5rem;
    border-left-color: #cacaca;
    right:0;
  }
  
  .alert-callout-border strong {
    color: #fff;
  }
  
  .alert-callout-border .close-button {
    position: absolute;
    top: 10%;
    -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
            transform: translateY(-10%);
            color: #fff;
  }
  

  
  .alert-callout-border {
    border-left-color: #b5272c;
    background-color: #022e40;
  }

  .alert-callout-border h3 {
  font-weight: 600;
  }
  
  .alert-callout-border p {
    line-height: 2.4rem;
    }


    .sticky.is-stuck {
        position: fixed;
        z-index: 300;

    }
















































































/* Small only */
@media screen and (max-width: 39.9375em) {

header {
    margin: 0em;
}


blockquote, blockquote p  {
    font-size: 1.35rem;
    line-height: 2.4rem;
    padding: 0 0em;
    margin-bottom: 0.85rem;
}


h1 {
    margin-bottom: 0em;
    font-size: 2.3rem;
    margin-top: 0em;
    line-height: 2.5rem;
    }

h2 {
    margin-bottom: 0.3em;
    font-size: 1.95rem;
    }

p, ul, ol {
    font-size: 0.95rem;
    line-height: 30px;
}


.hero-caption {
    width: 95%;
    left: 1em;
    bottom: 1.3em;
}


.banneroverlay {
	height: 80%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}

.home-intro {
    margin: 3rem 0rem;
    padding: 0rem 1rem 0rem 1rem;
}


.hero-btn {
    font-size: 0.87rem;
}

.home-intro h2, .small-headline {

    font-size: 0.85rem;
 
  }



.happening-section {
    background-position: 0px 150px;
    margin-bottom: 4em;
    padding-bottom: 4em;

}

.home-event-slider-detail p {
	font-size: 1.4em;
}


.home-event-slider-detail {
	bottom: 2%;
	left: 0;
}




.explore-img-holder {
	margin: 0 0 0 0em;
    background-position: -200px -150px;
}

.explore-img-holder img {
    margin: 2em 0 0 1.3rem;
    width: 88%;
    border: solid #fff 6px;
}



.exploring-faith-cation {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
    margin-top: 1em;
    padding: 1.5em;
}

.daily-prayer p {
	font-size: 1em;
	margin-bottom: 0;
	line-height: 1.8em;
}





.daily-prayer {
	left: 1.5em;
    width: 90%;
}




footer {
    margin-top: 1em;
    padding: 3em 1.8em;
}


.foot-logos img {
    width: 25%;
    margin-right: 2em;
}

.foot-logos {
    text-align: center;
    margin-top: 3em;
}

.main-nav {
    padding: 0em;
}


.dash {
    margin: 0.55rem 0.3rem 0 0;
}


.footer-address {
    margin-left: 2rem;
}

.footer-address p {
    margin-bottom: 1rem;
}



.team-main h2, .team-intro h2 {
    font-size: 1.75rem;
}



[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {

    background-color: #000;



}





.digital-spirit {
	text-align: center;
    margin-top: 4rem;
}


.events-banner {
    font-size: 0.95rem;
    padding: 0.75em 1rem;
}


.home-news-post p {
    font-size: 0.95rem;
    margin-bottom: 0.5em;
}


.home-bottom-links p .link {
    font-size: 0.75rem;
}


.home-bottom-links {
    margin: 2rem 0rem 1rem 0;
}



.home-content {
    padding: 0.5rem 1rem;

}

.opening p {
    font-size: 1.1em;
}

.safeguarding p {
    padding: 0 0.3em;
}

.mobile-diocese-link {
    margin: 0.5em
}


.footer-links {
    margin-top: 2em;
}

.footer-links h3 {
    font-size: 0.95em;
}

footer {
    padding: 0;
}

.footer-links li a {
     font-size: 0.8em;
     margin-left: 0em;
     font-weight: 400;
     padding: 0.8em 0em;

   }

.mobile-diocese-link {
    margin: 0 1em 0em 0em;
}

.copyright {
    margin-left: 1.5rem;
}

.intro-block {
    padding: 1.2em 0.5em 0.5em 1em;
}

.contact-img {
    margin: 0.5em 0 0 0em;
}

.hero-caption-inner {
    bottom: 0.9rem;
    left: 1em;
    width: 85%;
}

.strapline p {
    font-size: 1.05rem;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.8rem;
}

.hero-caption-inner h1 {
    margin-bottom: 0rem;
}

.opener p {
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-bottom: 0em;
}

.inner-content {
    background-image: none;
	padding: 1rem 2rem 1rem 0.5rem;
}

.right-caption, .left-caption {
	margin: 2rem 1rem 1rem 1rem;
    padding: 0em 6em;
}


.accordion-title {

	padding: 2rem 3rem 1rem 0.5rem;
	border: 0px;
	border-bottom: 0.9px solid #B3BFC3;
	font-size: 0.99rem;
	line-height: 1.8rem;
}

.accordion-content {
	padding: 1.5rem 0.8rem 0.8rem 1rem;
	border: 0px;
	border-bottom: 0.9px solid #B3BFC3;
}

.accordion-content p {
    margin-bottom: 1.4rem;
}

.media-holder {
	margin: 1rem 0rem;
}

.img-caption-container {
	margin: 1rem 0rem;
}

.daily-prayer p {
	font-size: 1em;
	margin-bottom: 0.5rem;
	line-height: 1.8em;
}

.daily-prayer h2 {
    font-size: 2.2rem;
}


.daily-prayer {
	left: 1.5em;
    width: 90%;
}

.daily-prayer {
	z-index: 40;
	position: absolute;
	top: 25%;
	transform: translate(0, -25%);
	left: 2rem;
	width: 80%;
}

.related-pages {
	padding: 1rem 1.5rem;
}


.additional-content {
    margin-top: 2rem;
}

.img-caption .link {
    font-size: 0.83rem;
}

.related-pages h2 {
    font-size: 2rem;
    line-height: 2.3rem;
}

.related-pages-title {
    width: 85%;

}

.related-pages-img {
    margin: 1rem 0.5rem;

}

.landing-intro {
    padding: 1rem 0rem;
}

.landing-caption h2 {
    color: #022E40;
    margin-bottom: 0;
    font-size: 1.95rem;
}

.landing-caption {
    position: relative;
    bottom: 0.5rem;
    left: 0rem;
    width: 100%;
    margin: 1rem 0 2rem 0;
    padding: 0 0.5rem;
}

.landing-banneroverlay {
    display: none;
}

.landing-caption p {
    color: #101010;
    line-height: 2rem;
	font-size: 0.95rem;

}

.large-link-holder {

    margin: 0rem 0.3rem 1rem 0.3rem;

}

.secondary-link-holder {
    margin: 0em 0rem 1rem 0rem;
}

.landing-bottom-container {
    margin-top: 2rem;
}


.dean-photo {
    margin-bottom: 0em;
}

.team-intro {
    margin: 1rem 0rem 0 0rem;
}

.red-strap {
 margin-bottom: 1rem;

}

.team-mini-nav {
    margin-top: 1rem;
}



    .team-anchor a {
   
        font-size: 0.913rem;
        padding: 0 0rem 1rem 0;
        border-right: none;
        line-height: 1.8rem;


}

.ministry-team {
    margin: 1rem 0rem;
}

.team-img-caption p {

    line-height: 1.4rem;

}


.team-wrapper {
    padding: 1rem 0rem;
}

.music-team-heading {
    margin: 1rem 0 0em 0rem;
}


.team-main {
    margin: 1rem 0rem 2rem 0rem;
}

.divider {
    margin: 0.3em 0em;
}

.news-img-gallery img {
    margin-bottom: 2rem;
    width: 100%;
}



#week_calendar .header div {
	float: left;
	width: 50%;
}
#week_calendar .header div.left {
	padding-left: 10px;
}
#week_calendar .header div.center {
	width: 100%;
	text-align: center;
    margin-top: 1rem;
}
#week_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}


#day_calendar .header div {
	float: left;
	width: 50%;
}
#day_calendar .header div.left {
	padding-left: 10px;
}
#day_calendar .header div.center {
	width: 100%;
	text-align: center;
    margin-top: 1rem;
}
#day_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}


.day-header {
    margin-top: 1rem;
}

#week_calendar .header  {
    margin-bottom: 3rem;
}

.panel-heading {
    margin-left: 1rem;
}

.panel-body {
    margin-bottom: 3rem;
}

.panel-title {
    font-size: 1.3rem;
}

.calendar-container {
    margin: 1.5rem 0;
}

#mini_calendar {
    width: 95%;
    margin: 1rem auto;

}

.events-side-col h3 {
    margin-left:1rem;
}

.events-side-col .list-group {
    padding: 0 1rem;
}

#events_calendar {
    margin: 0 0.5rem;
}

.event-details td {
    font-size: 0.9rem;
}


.day-events td {
    width: 90px;
    padding: 1rem 0 1rem 0.5rem;

}

.day-events .list-group-item {
    width: 270px;
}



.media-clip-nav li a {
    margin: 0 0 0rem 0rem;
    padding: 0.7rem 0.3rem;
    font-size: 0.95rem;
}

.media-clip-nav li a::after {
    margin-left: 0.5rem;
}


.media-clip-nav li:first-child {
    margin-left: 0.3rem;
}


.media-clip-nav h3 {
    font-size: 1.2rem;
    margin-top: 0.3rem;

}


.book-btn {
    font-size: 1.3rem;
    padding: 1rem;
    margin: 1rem 0 0.5rem 0;
    width: 100%;
    text-align: center;
}

.gaia-booking {
    text-align: center;
}

.gaia-booking p {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.sponsors h2 {
    font-size: 2.5rem;
}

.footer-logos img {
    margin-bottom: 2rem;
}

.gaia-booking-holder {
	margin: 2em 0 0 0;
}

.gaia-nav {
     margin: 2rem
}

.gaia-nav a {
    font-weight: 600;
}



.popup-signup-mobile {
    height: 120px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    padding: 1rem 0rem;
    z-index: 305;
    background-color: rgba(255,255,255,1);

}

.popup-signup-mobile .close-button {
    color: #000;
}

.popup-signup-mobile .off-canvas {
    background-color: #fff;
    padding: 1.5rem;
}


.warden-container p {
    padding-right: 0px;
    line-height: 30px;
}


}











@media only screen and (min-device-width: 360px) and (min-device-height: 760px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 4){



.home-intro h2, .small-headline {

    font-size: 0.75rem;
 
  }

}


    
    















/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

    .side-btn-menu a {
        font-size: 1em;
    }

    h1 {
        font-size: 2.6rem;
        line-height: 3rem;
    }
        
    h2 {
        font-size: 2rem;
    }
    
    
    
    h3 {

        font-size: 1.4rem;
        }
    
    
    h4 {
        font-size: 0.95em;
        }

        p, ul, ol {
            font-size: 0.95rem;
            line-height: 2.1rem;
            margin-bottom: 1.5rem;
        }
    

    .main-nav li a {
        margin: 0 0.6rem;
        font-size: 0.82rem;
    }

    .dropdown.menu > li > a {
        padding: 0.7rem 0rem;
    }

    .body-content {
        padding-left: 0rem;
    }

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
    text-transform: none;
    line-height: 1.5rem;
    text-align: left!important;
    margin: 0!important;
    width: 100%;
    padding-left: 15px;
    font-size: 0.8rem;
}

.hero-caption {
    left: 2.5rem;
    bottom: 3rem;
}

.hero-btn {
    font-size: 0.9rem;
}

.events-caption h3 {
    font-size: 1.5rem;

}

.events-caption {
    bottom: 1rem;
    right: 18px;
    width: 253px;
    padding: 1.1rem;
}

.home-event-container p {
    font-size: 0.9rem;
    line-height: 1.7rem;
}

.search input {
    font-size: 0.75rem;
    height: 1.5rem;
    background-position: 95% 50%;
    padding: 1.2rem;
    width: 250px;
}

::placeholder {
    font-size: 0.85rem;

}



.blueline-btn {

    font-size: 0.95rem;
    padding: 0.6rem 1rem;
    line-height: 15px;
    margin-top: 0rem;

}



.opener p {
    font-size: 1.6rem;
    line-height: 2.2rem;

}



.home-intro {
    margin: 5em 0 4em 4em;
}


    .main-btn {
        font-size: 0.95em;
        letter-spacing: 0px;
    }

  
    .explore-img-holder {
        margin: 0 0 0 1em;
    }


    .explore-img-holder img {
        margin: 3em 0 0 1.5rem;
        border: solid #fff 5px;
        width: 50%;
    }


    .exploring-faith-cation {
        top: 6em;
        left: 25em;
        width: 45%;
        padding: 2em 2em;
    }

    .home-news-post {
        padding: 3em 2em;
    }

    .home-news-post h2 {
        font-size: 1.2rem;
    }
    
    .home-news-post p {
        font-size: 0.85rem;
        margin-bottom: 0.5rem;
        padding-right: 1rem;
        line-height: 2rem;
    }

    .footer-links li a {
         padding: 0.85em 0em;
         font-size: 0.85rem;
    
       }



.events-detail-holder {
    margin-left: 2rem;
}







    footer {
        margin-top: 2em;
    }

    .intro-block {
        padding: 1.5em 0.5em 0.5em 2em;
    }
      
    .contact-img {
        margin: 0.5em 0 0 0em;
    }
    
    .contact-details h2 {
        font-size: 1.2em;
        margin-bottom: 0.4em;
    }


    .orbit-bullets button {
        border-radius: 0;
        width: 10rem;
        display: inline-flex;
      }


}



/* iPad */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : landscape) { 


    .dropdown.menu > li > a {
        padding: 0.7rem 0rem;
    }

    .main-nav li a {
        font-size: 1rem;
        margin: 0 0.9rem;

    }

    .hero-caption {
        left: 3rem;
        width: 55%;
    }

    .hero-caption h1 {
        font-size: 3rem;
    }

    .events-caption {
        bottom: -4rem;
        width: 337px;
        padding: 1.4rem;
    }

    
    .home-event-container p {
        font-size: 0.95rem;
        line-height: 2rem;
    }

    .explore-img-holder img {
        width: 50%;
    }

    .exploring-faith-cation {
        top: 7em;
        left: 29em;
        width: 43%;
        padding: 2em 3em;
    }

    .exploring-faith-cation h2 {
        font-size: 2rem;
    }

    .related-pages h2 {
        font-size: 1.5rem;
    }

    .related-pages-title {

        width: 95%;
    }

    .related-pages p {
        line-height: 2.1rem;
    }

    .team-anchor a {
        font-size: 0.95rem;
        padding: 0 0.6rem;
        margin-bottom: 1.5rem;
    
    }

    .teamlink {
        padding: 0.5rem 0;
        letter-spacing: 0.1rem;
        font-size: 70%;
    }

    .diocese-crest {
        width: 95%;
    }

    .footer-links li a {
        font-size: 0.9rem;
    }

    .landing-caption h2 {
        font-size: 1.9rem;
    }

    .landing-caption {
        left: 1.3rem;
        width: 96%;
    }

    .landing-caption p {
        line-height: 1.6rem;
        font-size: 1.1rem;
    }

    .secondary-link-holder {
        margin: 0em 1rem 1rem 0rem;
    }

    .opener p {
        font-size: 1.95rem;
        line-height: 2.4rem;
    }

    .day_cell p {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .mini_calendar_date {
        font-size: 0.75rem;
    }

    #mini_calendar tbody td, tbody th {
       
        padding: 0.4rem;
    }

    .mini_calendar_days {
        font-size: 0.75rem;
    }

    .left .main-btn,   .right .main-btn {
        font-size: 0.9rem;
    }
    

}


/* iPad portrait */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

    .main-nav li a {
        margin: 0 0.75rem;

    }

    .hero-caption {
        left: 3rem;
        width: 55%;
    }

    .hero-caption h1 {
        font-size: 3rem;
    }

    .diocese-crest {
        width: 95%;
    }

    .footer-links li a {
        font-size: 0.8rem;
    }

    footer h5 {
        font-size: 0.7rem;
    }

    .body-content {
        padding: 0;
    }

    .side-nav {
        padding-bottom: 3em;
        margin: 0rem;
        padding-right: 0.5rem;
    }

    .side-nav a {
        padding: 1rem;
        font-size: 0.9rem;
        line-height: 2rem;
    }

    .right-caption, .left-caption {
        margin: 0.75rem;
    }

    .img-caption p {
        line-height: 2rem;
    }

    .img-caption .link {
        font-size: 0.75rem;
    }

    .img-caption-container {
        margin: 2rem 0rem;
    }

    .daily-prayer h2 {
        font-size: 2rem;
    }

    .daily-prayer p {
        font-size: 1.1rem;
        line-height: 2.2rem;
    }

    .daily-prayer {
        left: 3em;
        width: 85%;
    }

    .media-holder {
        margin: 5rem 0rem 2rem 0rem;
    }

    .accordion-title {
        padding: 2rem 1rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .accordion-title::before {
        right: -2rem;

    }

   

    .related-pages-title {
        left: 0.85rem;
        width: 90%;
    }

    .related-pages h2 {
        font-size: 1.2rem;
    }

    

    .related-pages p {
        line-height: 1.85rem;
        font-size: 0.8rem;
    }

    .team-anchor a {
        font-size: 0.95rem;
        padding: 0 0.6rem;
        margin-bottom: 1.5rem;
    
    }

    .teamlink {
        padding: 0.5rem 0;
        letter-spacing: 0.1rem;
        font-size: 70%;
    }

    .ministry-team {
        margin: 2rem 0.5rem;
    }

    .team-img-caption h3 {
        font-size: 1.1rem;
    }

    .team-img-caption p {
        font-size: 0.85rem;
    }
    .team-img-caption {
        left: 1rem;
        width: 85%;
    }

    .team-title {
        font-size: 1.1rem;
    }

    .image-hover-wrapper a .image-hover-wrapper-reveal p {
        font-size: 0.85rem;
        left: 0.5rem;
        line-height: 1.8rem;
    }

    .team-main h2 {
        font-size: 1.99rem;
    }
    

    .day_cell p {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .mini_calendar_date {
        font-size: 0.75rem;
    }

    #mini_calendar tbody td, tbody th {
       
        padding: 0.4rem;
    }

    .mini_calendar_days {
        font-size: 0.75rem;
    }

    .left .main-btn,   .right .main-btn {
        font-size: 0.9rem;
    }

    .contact-aditional h3 {
        font-size: 1.95rem;

    }


    .landing-caption h2 {
        font-size: 1.9rem;
    }

    .landing-caption {
        left: 1.3rem;
        width: 85%;
    }

    .landing-caption p {
        line-height: 1.6rem;
        font-size: 0.85rem;
    }

    .large-link-holder {
        margin: 0em 1rem 1rem 1rem;
    }

    .landing-bottom-caption-holder p {
        font-size: 0.75rem;
        margin-bottom: 0;
        padding-right: 0rem;
        line-height: 1.7rem;
    }

    .landing-bottom-caption-holder a {
        font-size: 0.7rem;
    }


    .landing-bottom-caption-holder h3 {
        font-size: 1.2rem;
    }
  
    .book-btn {
        font-size: 1.3rem;
        padding: 1rem;
        margin: 1rem 0 0.5rem 0;
        width: 100%;
        text-align: center;
    }

    .ticket-booking p {
        font-size: 1.2rem;
    }

}



/* 
  iPad 
*/



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)

{

    .main-nav li a {
        font-size: 0.85rem;
        margin: 0 0.3rem;
    }


    .dropdown.menu > li > a {
        padding: 0.7rem 0rem;
    }

    .exploring-faith-cation {
        left: 20em;
        width: 53%;
    }

    .accordion-title {
        padding: 2rem 0.5rem;
        font-size: 1rem;
        line-height: 2rem;
    }

    .left .main-btn,   .right .main-btn {
        font-size: 0.7rem;
    }

}


/* 
  iPad Pro 12
*/



@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)

{

    .main-nav li a {
        font-size: 1.1rem;
        margin: 0 0.5rem;
    }


    .dropdown.menu > li > a {
        padding: 0.7rem 0.2rem;
    }

.events-caption {

    bottom: -3rem;
    
}

.explore-img-holder img {
    width: 50%;
}


.exploring-faith-cation {

    top: 8em;
    left: 23em;
    width: 55%;

}


}


/* 
  iPad Pro 12 landscape
*/



@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape)

{

    .main-nav li a {
        font-size: 1.5rem;
        margin: 0 0.5rem;
    }


    .dropdown.menu > li > a {
        padding: 0.7rem 0.2rem;
    }

    .hero-caption h1 {
        font-size: 4rem;
    }


}










/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
 

}


/* override styles when printing */
@media print {

    body {
        margin: 0;
        color: #000;
          font: 10pt Arial, sans-serif;
          line-height: 1.3;
          background: #fff !important;
          padding: 1em;
          }
          
          h1 {
          font-size: 20pt!important;
          font-family: Arial, Helvetica, sans-serif;

          }
          
          h2, h3, h4 {
          font-size: 19pt!important;
          margin-top: 1rem;
          margin-bottom: 0.5rem;
          font-family: Arial, Helvetica, sans-serif;

          }
  
          h3, h4 {
              font-size: 16pt!important;
              margin-top: 0px;
              font-family: Arial, Helvetica, sans-serif;

              }
  
  
  
          p, .opener p, .related-pages p {
              font-size: 10pt!important;
              font-family: Arial, Helvetica, sans-serif;
          }
  
         img {
             margin-bottom: 3em;
         }
  
      
         footer {
            margin-top: 0em;
            padding-bottom: 1em;
            padding: 0em;
        }
        
        img.print, svg.print {
          display: block;
          max-width: 100%;
        }
  
        .grid-x > .medium-6, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .large-4, .grid-x > .large-7, .auto, .grid-x > .medium-7, .grid-x > .medium-8 {
          width: 100%;
      }


     
    
  
  
      .hero-caption-inner, .home-intro, .copyright, .main-content, .body-content, .inner-content, .img-caption, .right-caption, .media-holder, .daily-prayer, .related-pages-title, .landing-intro, .landing-caption {
       
          padding: 0em;
          margin: 0em;
          position: inherit;
          width: 100%;
          text-align: left;
          font-size: 100%;
          min-height: auto;
          left: 0;
      }

      .side-nav, .hero-image, .home-welcome-box, .map-detail-box, .map-container, .home-testimonial, .digital-spirit, .orbit-wrapper, .red-hover {
          display: none;
      }

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


    
    }