/* Import------------------------------------------------------------*/
/*@import url(webfonts.css);*/
/*Reset--------------------------------------------------------------*/
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}h1,h2,h3,h4,h5{font-weight:400}article,aside,footer,header,hgroup,nav,section{display:block}:focus{outline:0}body{line-height:1;color:#000;background:#fff;height:100%}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}html{height:100%;padding-bottom:1px}a{text-decoration:none}.hidden{display:none}.clear{clear:both}img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;width:100%;height:auto;display:block}.left{float:left}.right{float:right}b{font-weight:400}i{font-style:normal}
a:active{ background-color:inherit; } /*remove the active colour from ie10+*/
/*Custom reset ---------------------------------------------------------*/
body{ -webkit-text-size-adjust:none; font-weight:normal;}
input[type="submit"], select, input[type="text"], input[type="password"]{ -webkit-appearance:none; border-radius:0; }
textarea { resize:vertical; overflow:auto; }
div,article,section,header,footer,nav,li{ position:relative;}
input,select,button, textarea{ font-family:inherit;	}
em{ font-style:normal;	}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.hidden { display:none!important; }


:-moz-placeholder{ color:#000;}
::-moz-placeholder{ color:#000;}
:-ms-input-placeholder{color:#000;}

/* General
--------------------------------------------------------------------*/ 
body{
	color:#45453f;
	background:#fff;
	font-size:62.5%; /* reset for easy em use */
	font-family:"Bree Serif Regular", Cambria, Georgia, serif; font-weight:normal; font-style:normal;
}

html { font-size:100%;}
.row { width:100%; }
.inner { max-width:1268px; width:96%; margin:0 auto; }
.inner:before, 
.inner:after, 
.clearfix:before, 
.clearfix:after,
.page-inner:before,
.page-inner:after { content: ""; display: table; }
.inner:after, 
.clearfix:after,
.page-inner:after { clear: both; }


/* Type 
--------------------------------------------------------------------*/ 
/*
div { font-family:"Bree Serif Light Italic", Cambria, Georgia, serif; font-weight:200; font-style:italic; }
div { font-family:"Bree Serif Italic", Cambria, Georgia, serif; font-weight:normal; font-style:italic; }
div { font-family:"Bree Serif Semibold Italic", Cambria, Georgia, serif; font-weight:600; font-style:italic; }
*/

/* light */
.text-content p, .text-content ul, .text-content ol, .basket p.instruction, .opts p, .listing-wrap article p, .feature-link p, nav.sub li ul, div.shop-category-desc,
footer nav ul.footer-secondary, footer p, ul.sitemap li li li, .campaign .intro-block p, .prayer-articles article p,
.campaign-features .feature-link p, .basket td.totals table p strong, form .checkbox, .highlight-box p, .shop-listing article a h4  
 { font-family:"Bree Serif Light", Cambria, Georgia, serif; font-weight:200; font-style:normal; }

/* light italic */
.text-content p em { font-family:"Bree Serif Light Italic", Cambria, Georgia, serif; font-weight:200; font-style:italic; }

/* reg */
#filters-wrap h3, .shop-title h1 { font-family:"Bree Serif Regular", Cambria, Georgia, serif; font-weight:normal; font-style:normal; }

/* strong */
strong, h1,h2,h3,h4, .back-link, a.service-banner, th, .basket .item h4, .basket .update-button .link,
.main-content .feature-link.full-width p, .event-details ul, .latest-block, td.cost p,
footer, .products .items-wrap p.cost,  .feature-link span,
.closures .show-more
{ 
	font-family:"Bree Serif Semibold", Cambria, Georgia, serif; font-weight:600; font-style:normal;
}


/* Common
--------------------------------------------------------------------*/ 

span.book,
a.book { width:49px; height:61px; text-indent:-999em; background:url('../images/bg-book.png') no-repeat; display:block; }

span.book.white,
a.book.white { background:url('../images/bg-book-white.png') no-repeat; }

.redbg { background-color:#5f141e; }
.light-sand-bg { background-color:#DFDACC; }
.mid-sand-bg { background-color:#d3cdbe; }
.dark-sand-bg { background-color:#c7c1b0;  }
.dark-brown-bg { background-color:#7a7a6b; }

span.red, p.red { color: #731F28; }

h2.title-bar { text-align:center; line-height:74px; height:74px; border-bottom:1px solid #fff; text-transform:uppercase; font-size:2em; color:#731F28; }

.redbg h2.title-bar { color:#fff; border-color:#7f434b; } 
.mid-sand-bg h2.title-bar,
.dark-sand-bg h2.title-bar { border-bottom:1px solid rgba(255,255,255,0.5); color:#731F28;}

.back-link { z-index:99; position:absolute; width:100%; top:0; left:0; text-align:center; line-height:60px; height:60px; border-bottom:1px solid #a59a83; text-transform:uppercase; font-size:1.5em; color:#731F28; text-decoration:none; display:block; }


/* Text content styles
--------------------------------------------------------------------*/ 
.text-content { padding-bottom:15px; }
.text-content ul, 
.text-content ol,
.text-content p { font-size:1.8em;line-height:125%;padding-bottom:1.3em;font-weight:300; }
.text-content p.intro-paragraph { font-size:2.4em;}
.text-content p.highlight { font-size:2.4em; padding:13px 0; color:#731F28; margin-bottom:1.3em;border-top:1px solid #dadbd6; border-bottom:1px solid #dadbd6; }
.text-content p a,
.text-content ul a,
.text-content ol a,
.text-content table a { color:#731F28; text-decoration:underline; }
.text-content table td { vertical-align:top; }
.text-content ul { list-style: none; }
.text-content ol { list-style-type:decimal; }
.text-content ul > li { padding-left: 1.4em; text-indent: -.9em;}
.text-content ul li:before { content:'\2022   ';color:#731F28; }
.text-content ul > li,
.text-content ol > li { padding-bottom:0.4em;  }
.text-content li ul,
.text-content li ol { padding-top:0.5em; padding-bottom:0.2em; font-size:100%;  }
.text-content h2{ font-size:2.5em;padding-bottom:0.7em; }
.text-content h3 { font-size:1.8em;padding-bottom:1em;padding-top:0.5em; }
.text-content h4 { font-size:1.8em;padding-bottom:1em;padding-top:0.5em; }
.text-content img.full-size { width:auto;height:auto; }

.main-content.narrow .text-content { max-width:750px; width:100%;}

/* Header + main navigation
--------------------------------------------------------------------*/ 
header.masthead { height:192px;}

.logo{ margin:25px 0 31px 40px; width:228px; height:75px; display:block; float:left; }

nav#main { border-top:1px solid #dbdad7; height:61px; }
nav#main ul { margin-left:40px; }
nav#main li { display:inline-block; padding-left:2.7%;}
nav#main li:first-child { padding-left:0; }
nav#main li a{ font-size:1.9em; color:#3d3c3c;display:block; height:60px; line-height:58px;}
nav#main li.selected a, nav#main li a:hover { color:#731F28; }

.mobile-nav-toggle { display:none; }

nav#actions { width:300px; position:absolute; left:50%; margin-left:-150px; top:34px;  }
nav#actions li { width:50px; margin-left:33px; float:left; text-align:center; text-transform:uppercase; }
nav#actions li a { color:#45453f; font-size:1.2em;  }
nav#actions li:first-child { margin-left:0; }
nav#actions li.search-trigger { display:none; }
nav#actions span { width:50px; height:50px; display:block; background:url('../images/bg-actions.png') no-repeat; margin-bottom:4px; }
nav#actions a.donate span { background-position:-82px 0px; }
nav#actions a.signup span { background-position:-164px 0px; }
nav#actions a.shop span { background-position:-245px 0px; }

#site-tools { width:280px; float:right; margin-right:40px; margin-top:2px; }

.search { width:100%; float:right; height:49px; background:#f2f1ea; }
.search label { display:none; }
.search input[type="text"] { width:100%; padding:13px 60px 0 15px; border:none; background:#f2f1ea; font-size:1.6em; }
.search input[type="submit"] { width:54px; height:48px; position:absolute; top:0px; right:0; text-indent:-999em; background:url('../images/bg-search-button.png') no-repeat; border:none; cursor:pointer; }

.util { margin:13px 0; height:23px; }
.translate { width:100%; padding-right:65px; height:23px; overflow:hidden;}

/*.social { width:55px; height:23px; position:absolute; right:0; top:0; }*/
.social { width:119px; height:23px; position:absolute; right:0; top:0; }
.social a { display:block; height:23px; width:23px; text-indent:-999em;	background:url('../images/bg-social-buttons.png') no-repeat; }
.social li { width:23px; float:left; margin-left:9px; }
.social li:first-child { margin-left:0px; }
.social li.fb a {  background-position:-32px 0px; }
.social li.fl a {  background-position:-64px 0px; }
.social li.yt a {  background-position:-96px 0px; }

.translate .goog-te-gadget-simple { height:23px; line-height:23px; width:100%; border:none; position:relative; }
.translate .goog-te-gadget-simple img { display:inline-block; height:19px; }
.goog-te-menu-value span { display:none!important; }
.goog-te-menu-value span:first-child { display:inline-block!important;color:#848484; font-family:"Bree Serif Regular", Cambria, Georgia, serif; font-weight:normal; }

/* Sub navigation
--------------------------------------------------------------------*/ 
nav.sub { font-size:1.6em; line-height:125%; margin-bottom:16px; }
nav.sub li { padding-bottom:0.7em; }
nav.sub a { color:#3D3C3C; }
nav.sub a.active { color:#731F28; }

nav.sub li ul { padding:1em 0 0 1em; }

nav.sub.dark-brown-bg a, 
nav.sub.dark-sand-bg a,
nav.sub.redbg a { color:#fff; }

nav.sub.dark-brown-bg,
nav.sub.dark-sand-bg,
nav.sub.redbg { padding:16px; }

.sidebar .search-wrap h3,
nav.sub.dark-brown-bg h3,
nav.sub.dark-sand-bg h3,
nav.sub.redbg h3 { text-transform:uppercase; border-bottom:1px solid #fff; color:#fff; padding:6px 0 16px 0; margin-bottom:16px; }

/* Main content  pages
--------------------------------------------------------------------*/ 
.page-wrap .inner { padding:40px 0; }
.page-wrap.no-pad-top .inner { padding-top:0; }
.page-wrap.has-back-link .inner { padding-top:100px; }
.page-wrap .content { background:#fff; padding-top:28px; }
.page-title-wrap { overflow:hidden; width:100%; padding:52px 40px 62px 40px; border-top:1px solid #dbdad7; border-bottom:1px solid #dbdad7; margin-bottom:28px; }
.page-title-wrap h1,
.page-title-wrap h2.sectiontitle,
.page-title-wrap p { font-size:2.5em }
.page-title-wrap h1.sectiontitle, 
.page-title-wrap h2.sectiontitle { color:#45453f; padding:0 20px 0 0; width:23.4657039711198%; float:left; }
.page-title-wrap h1.sectiontitle a,
.page-title-wrap h2.sectiontitle a { color:#45453f;}
.page-title-wrap h1,
.page-title-wrap p,
.page-title-wrap h2.article-date { float:left; color:#731F28; width:74%;}
.page-inner { padding:0 40px 40px 40px; }
.page-inner .sidebar { float:left;width:23.4657039711198%; padding-right:60px; }
.page-inner .main-content { width:76.5342960288802%;  float:left;}
.page-inner .featured-image { padding-bottom:24px; }
.page-inner .landing .featured-image { padding-bottom:4px; }

.page-title-wrap .back-link-small { position:absolute; right:40px; top:45px; font-size:1.6em; text-transform:uppercase; color:#45453f; }

.single-column-page .page-inner { padding:0 184px 40px 184px; }
.single-column-page .page-title-wrap {  padding:40px 184px 32px 184px; border-top:none;  }
.single-column-page .page-title-wrap h1,
.single-column-page .page-title-wrap h2.article-date { float:none; width:100%; margin-left:0; }
.single-column-page .page-inner .main-content { float:none; margin:0 auto; width:100%; }
.single-column-page .page-title-wrap h2 { font-size:2.5em; }

.page-title-wrap h2.article-date { color:#45453f; margin-left:23.4657039711198%; font-size:1.4em; padding-top:10px; font-weight:normal;}
.article-additonal p { font-size:2.5em;color:#731f28; font-weight:normal; padding-bottom:1.5em; line-height:130%; }


/* Important notice
--------------------------------------------------------------------*/ 
.important-notices .notices { width:100%; padding-right:140px;  }
.important-notices .slide { white-space:normal; vertical-align:top; font-size:1.8em; padding:25px 0; color:#fff;}
.important-notices .pager { width:auto; position:absolute; right:0; top:7px; color:#905b63; font-size:46px; margin-right:40px; }
.important-notices .pager span { cursor:pointer; padding:0 0 0 10px; }
.important-notices .pager .cycle-pager-active { border:none; color:#fff; }
.important-notices .slide h2, 
.important-notices .slide p,
.important-notices .slide a { display:inline-block; padding-right:15px; }

.important-notices .slide a { color:#fff; }
.important-notices .slide h2 { color:#8d8d83; }


/* Banner links
--------------------------------------------------------------------*/ 
.main-content .banner-link { width:50%; float:left; }
.main-content .banner-link.odd { padding-right:2px; }
.main-content .banner-link.even { padding-left:2px; }
.main-content .banner-link > a,
.sidebar .banner-link > a{ display:block; height:155px; padding:23px; color:#fff;}
.main-content .banner-link h3 { font-size:2.5em; height:90px; }
.main-content .banner-link p,
.sidebar .banner-link p  { text-transform:uppercase; font-size:1.5em; }
.main-content .banner-link a.redbg, .banner-link a.darksandbg, .sidebar .banner-link a.redbg, .sidebar .banner-link a.darksandbg  { color:#fff; }
.main-content .banner-link a.redbg p,  .sidebar .banner-link a.redbg p{ color:#c4c2b5; }
.main-content .banner-link a, .sidebar .banner-link a { background-image:url('../images/bg-logo-pattern.png'); background-position:0 90px; background-repeat:repeat-x; }

.sidebar .banner-link { float:none; width:100%; margin-bottom:16px; } 
.sidebar .banner-link  h3 { font-size:2.3em; height:auto; padding-bottom:40px; }
.sidebar .banner-link a { padding:16px; height:auto; }


/* Feature links
--------------------------------------------------------------------*/ 
.main-content .feature-link { width:50%; float:left; margin-bottom:4px; }
.main-content .feature-link.odd { padding-right:2px; }
.main-content .feature-link.even { padding-left:2px; }
.main-content .feature-link.full-width { clear:both; float:none; width:100%; }
.feature-link > a { display:block; }
.feature-link h2 { font-size:1.8em; height:63px;line-height:63px; text-align:center; text-transform:uppercase;}
.feature-link p { font-size:1.5em; padding:16px 20px; height:120px; line-height:130%;}
.feature-link span { font-size:1.4em;text-transform:uppercase; text-align:right; display:block; padding:10px 20px 20px 0; text-transform:uppercase;  }
.feature-link a.redbg, .feature-link a.dark-sand-bg { color:#fff; }
.feature-link a.mid-sand-bg h2, .feature-link a.mid-sand-bg span { color:#5F141E; }
.feature-link a.mid-sand-bg p { color:#3D3C3C; }
.main-content .feature-link.full-width  p { font-size:2.5em; }


/* Highlight boxes
--------------------------------------------------------------------*/ 

.highlight-box { color:#494445; overflow:hidden;margin-bottom:4px; }
.highlight-box.two-columns .column { width:50%; float:left; padding:20px 60px 40px 20px; line-height:250%; }
.highlight-box.single-column .column{ padding:20px; width:100%; float:none; }

.highlight-box .column h2,
.highlight-box h3 { text-transform:uppercase; color:#731F28; font-size:1.5em; padding-bottom:0.5em;}
.highlight-box p { font-size:1.7em; padding-bottom:1.1em;}
.highlight-box p.dark,
.highlight-box span.dark { color:#282425; }
.highlight-box p a {  color:#731F28; text-decoration:underline; }

.highlight-box.redbg,
.highlight-box.redbg a.show-closures { color:#fff; }

/* inner highlight boxes */
.highlight-box .highlight-box { clear:both; margin:0 8px 8px 8px; }
.highlight-box .highlight-box p { padding-bottom:0.7em; }
.highlight-box .highlight-box  h2.title-bar { border-bottom:1px solid #c9c3b7;  }

/* Closures box
--------------------------------------------------------------------*/ 
ul.closures { font-size:1.5em; padding:1em 0 2em 0;}
ul.closures li { padding-bottom:1em; }
ul.closures span.date { display:inline-block; width:150px; }
.closures .show-more { text-align:center; text-transform:uppercase; }
.closures .ui-datepicker-title { font-size:2em; padding-top:17px; }

/* Service list
--------------------------------------------------------------------*/ 
.day-list { color:#494445; overflow:hidden;margin-bottom:4px; padding:28px 15px 15px 15px; }
.day-list h2 { font-size:2em; padding:0 0 20px 42px; color:#494445; border-bottom:1px solid rgba(255,255,255,0.3);background:url('../images//bg-calendar.png') no-repeat 10px 4px; }
.day-list.dark-sand-bg { color:#fff; }
.day-list.dark-sand-bg h2 { border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; }
.day-list ul { padding:23px 0 42px 42px; font-size:2.5em; background:url('../images/bg-clock.png') no-repeat 10px 27px; }
.day-list ul li { padding-bottom:0.7em; padding-left:110px;}
.day-list .date { width:96px; margin-right:15px; display:block; position:absolute; left:0; }
.day-list li a { color:#731F28; }

.day-list.sermon-list ul { padding-left:42px; background:none; }
.day-list.sermon-list ul li { padding-left:0; }


/* Ruled event list (used for Sermons)
--------------------------------------------------------------------*/ 
.event-list-ruled .section-title { font-size:2.5em;color:#731f28; font-weight:normal; padding-bottom:1.5em; padding-left:10px; padding-top:8px; }
.event-list-ruled ol { border-top:1px solid #dadbd6; margin-bottom:40px; }
.event-list-ruled li { border-bottom:1px solid #dadbd6;padding:11px 140px 11px 300px; font-size:1.7em;}
.event-list-ruled li a { color:#731f28; position:absolute; right:0; top:10px;}
.event-list-ruled li .date { position:absolute; left:10px; width:280px; }
.event-list-ruled li h4 { padding-bottom:6px; }
.event-list-ruled li .additional { font-style:italic; }

/* Page jump filter / page title filter
--------------------------------------------------------------------*/ 
.listing-filter-simple { padding:20px; background:#f2f2ea; text-align:center;margin-bottom:25px;  }
.page-jump-form input[type="submit"] { display:none; }
.page-jump-form label { display:inline-block;  font-size:1.6em; padding-right:20px; }
.page-jump-form select { font-size:1.5em; padding:5px 10px; display:inline-block; border:none; width:100%; max-width:300px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.page-jump-form select { background-image:url('../images/webkit-select.png'); background-repeat:no-repeat; background-position:right;padding-right:20px;}
}

/* Related items
--------------------------------------------------------------------*/ 
.related-items { margin:20px 0; }
.related-items h2.title-bar { font-size:1.5em; }
.related-items .carousel { padding:25px 0 50px 0; }
.related-items  .slide { vertical-align:top; white-space:normal; }
.carousel-buttons a { width:39px; height:39px; top:4px; display:block; text-indent:-999em; background:url('../images/bg-carousel-left.png') no-repeat; position:absolute; left:30px; }
.carousel-buttons a.next { background:url('../images/bg-carousel-right.png') no-repeat; right:30px; left:auto; }
.items-wrap { width:100%; padding:0 70px; margin:0 auto; }
.events .items-wrap { max-width:600px; }
.events .items-wrap a p.date { font-size:1.5em; padding-bottom:10px; color: #45453F; }
.events .items-wrap a h3 { font-size:2.5em; color:#731F28; padding-bottom:1em; }

.products .items-wrap { max-width:550px; padding:0 40px; }
.related-items  .slide > a > div  { position:relative; height:89px; }
.products .items-wrap a p.cost { font-size:2.5em; padding-top:10px; padding-right:100px; color: #45453F; }
.products .items-wrap a h3 { font-size:2.3em; color:#731F28; padding-right:100px; padding-top:8px; }
.products .items-wrap img { width:89px; float:right; position:absolute; top:0; right:0; border:4px solid #fff;}

/* Page gallery  (this can be removed when the slick gallery is applied)
--------------------------------------------------------------------*/ 
.main-content .gallery-image.landcape img { width:100%; height:auto; }
.main-content .gallery-image.portrait img { width:41.99999999999895%; height:auto; display:inline; max-width:315px; }
.main-content .gallery-image.square img { width:55.19999999999862%; height:auto; display:inline; max-width:414px;  max-width:414px;}

.main-content .gallery-wrap { overflow:hidden; margin-bottom:30px; }
.main-content .gallery-wrap .slide { overflow:hidden; width:100%; white-space:normal; vertical-align:top;}
.main-content .gallery-image { width:100%; text-align:center; height:0; padding-bottom:55.3%; background:#C7C1B0;}

.main-content .gallery-caption { height:125px; padding:18px 15px;  }
.main-content .single-image .gallery-caption { height:auto;  }

.main-content .gallery-caption .text { padding-right:110px; }
.main-content .gallery-caption h3 { font-size:2em; padding-bottom:0.4em; padding-top:0; padding-right:110px; }
.main-content .gallery-caption .text p {  font-size:1.5em; padding-bottom:1.2em; line-height:130%; }

.main-content .gallery-buttons  { position:absolute; right:16px; bottom:60px; z-index:99; width:94px; overflow:hidden;}
.main-content .gallery-buttons a { width:45px; height:45px; background:url('../images/bg-gal-but-black-left.png') no-repeat 50% 50% #fff; border-radius:2px; display:block;float:left; text-indent:-999em;   }
.main-content .gallery-buttons a.next { margin-left:4px; background:url('../images/bg-gal-but-black-right.png') no-repeat 50% 50% #fff;  }


/* Page gallery  (slick - added Oct 2015)
--------------------------------------------------------------------*/ 

.slick-gallery { overflow:hidden; margin-bottom:30px;}
.slick-gallery .slick-slide { overflow:hidden; width:100%; white-space:normal; vertical-align:top; }
.slick-gallery .slick-image { width:100%; text-align:center; background:#C7C1B0; }

.slick-gallery-images .slick-image.landcape img { width:100%; height:auto;}
.slick-gallery-images .slick-image.portrait img { width:39.27%; height:auto;max-width:100%; max-height:100%; margin:0 auto; }
.slick-gallery-images .slick-image.square img { width:62.708%; height:auto;max-width:100%; max-height:100%; margin:0 auto; }

.slick-nav-wrap { position:absolute; bottom:0; width:100%; z-index:1000;}
.slick-gallery-nav { background:rgba(0,0,0,0.5); padding:10px; }
.slick-gallery-nav img { width:84px; display:inline-block; margin:0 5px 0 0; cursor:pointer;}
.slick-gallery-nav img.slick-current { opacity:0.5; }

.slick-buttons { height:45px; top:50%; margin-top:-22px; width:100%; position:absolute; z-index:1100; }
.slick-prev { cursor:pointer; width:45px; height:45px; background:url('../images/bg-gal-but-black-left.png') no-repeat 50% 50% #fff; border-radius:2px; display:block; float:left; margin-left:10px;}
.slick-next { cursor:pointer; width:45px; height:45px; background:url('../images/bg-gal-but-black-right.png') no-repeat 50% 50% #fff; border-radius:2px; display:block; float:right; margin-right:10px;}

.slick-caption {display:none; }

.slick-caption-holder { }
.slick-caption-holder > div {  background:#d3cdbf; padding:10px 15px 0px 15px; margin-bottom:30px; }
.slick-caption-holder h4 { font-size:2em; padding-bottom:10px; }
.slick-caption-holder p { font-size:1.5em; }

/* Homepage
--------------------------------------------------------------------*/
.hero-wrap { height:473px; padding-right:4px; width:73.33333333333312%; float:left; }
.hero-inner { height:473px }
.hero-wrap .slides { width:100%; height:473px; overflow:hidden; }
.hero-wrap .slide { width:100%; height:473px; } 
.hero-wrap .slide .caption { height:109px; width:100%; padding-right:290px; }
.hero-wrap .slide .caption a { height:109px; width:100%; padding:23px 0 0 20px; display:block;}
.hero-wrap .slide .caption a h2 { padding-bottom:6px; text-transform:uppercase; font-size:1.3em; color:#731f28; }
.hero-wrap .slide .caption a p { font-size:2.1em; color:#45453f; }
.hero-wrap .slide .img-holder { width:100%; height:364px; background-size:cover; background-position:center center; }
.hero-wrap .video-link { text-indent:-999em; width:70px; height:70px; display:block; background:url('../images/bg-play-button.png'); position:absolute; left:50%; top:50%; margin-top:-35px; margin-left:-35px; }
.hero-wrap .thumbs { width:260px; position:absolute; bottom:43px; right:20px; z-index:999; }
.hero-wrap .thumbs img { width:60px; height:40px; cursor:pointer; float:left; margin-left:6px;}
.hero-wrap .thumbs img:first-child { margin-left:0px;}
.cycle-pager-active { border:2px solid #fff; }
.hero-wrap span.book,
.hero-wrap a.book { position:absolute; z-index:99; bottom:20px; right:20px; }
 
/*--*/
.home-features .whats-on { width:26.66666666666688%; height:473px; float:right; background:#541015;  }
.home-features .whats-on h2 { font-size:1.6em; text-transform:uppercase; color:#fff; background:#370505; height:60px; text-align:center; padding-top:30px;  }
.home-features .whats-on .tabs { width:100%; background:#370505; height:48px; border-bottom:1px solid #731f27; text-align:center;}
.tabs li { display:inline-block; font-size:1.2em; text-transform:uppercase; } 
.tabs li a { height:48px; line-height:45px; display:block; text-align:center; color:#8b8983; text-decoration:underline; padding:0 13px; }
.tabs li a.active { color:#fff; text-decoration:none; }
.tabs li a.active:after { border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0);border-top: 12px solid #370505;content: "";height: 0;left: 50%;margin-left: -12px;position: absolute;top: 47px;width: 0; }
.home-features .whats-on ol { font-size:1.3em; color:#fff; padding:16px; }
.home-features .whats-on ol li { padding:10px 0 14px 55px; border-bottom:1px solid #731f27; }
.home-features .whats-on ol li span { position:absolute; width:60px; color:#c8c6c0; left:0px;}
.tabcontent { display:none; } 
.activetab { display:block; } 
.hero-wrap .carousel-buttons { display:none; }
/*--*/
.home-banners { padding-top:4px; clear:both; }
.home-banners .banner-link { float:left; height:394px; padding-right:4px; width:36.66666666666656%;}
.home-banners .banner-inner { height:394px; }
.home-banners .dark { background:#b4a995; }
.home-banners .light { background:#cec9bc; }
.home-banners a h2 { padding-bottom:12px; text-transform:uppercase; font-size:1.2em; color:#731f28; }
.home-banners a p { font-size:2em; color:#45453f; text-transform:none; }
.home-banners a .text { padding:19px 20px; }
.home-banners .event-banner {  width:26.66666666666688%; float:right; background:#541015;  padding-right:0; }
.home-banners .event-banner a h2,
.home-banners .event-banner a h3 { color:#fff; }
.home-banners .event-banner a h4 { color:#c8c6c0; font-size:1.5em; }
.home-banners .event-banner a h3{ font-size:2em; }

/* What's on
--------------------------------------------------------------------*/
/* Hero */
.whats-on-features .hero-wrap { width:100%; float:none; padding-right:0; }
.whats-on-features .hero-inner, 
.whats-on-features .hero-wrap,
.whats-on-features .hero-wrap .slide { height:407px; }
.whats-on-features .hero-wrap .slide .img-holder { width:73.33333333333312%; height:407px; float:left; border-right:4px solid #fff; }
.whats-on-features .hero-wrap .slide .text  { float:left; width:26.66666666666688%; padding:20px;  height:407px; }
.whats-on-features .hero-wrap .slide .text h3 { text-align:center; text-transform:uppercase; color:#731F28; font-size:1.5em; border-bottom:1px solid rgba(102,102,102,0.2); padding:17px 0 25px 0; }
.whats-on-features .hero-wrap .slide .text a { display:block; padding-top:20px; color:#3d3c3c;}
.whats-on-features .hero-wrap .slide .text h2 { font-size:2.5em; padding-bottom:1em; }
.whats-on-features .hero-wrap .slide .text p { font-size:1.5em; padding-bottom:1.5em;  }
.whats-on-features .hero-wrap .slide .text span { font-size:1.2em; display:block; text-transform:uppercase; }

.whats-on-features .thumbs {  width:26.66666666666688%; right:0; bottom:0; }
.whats-on-features .thumb-links { border-top:1px solid rgba(102,102,102,0.2); padding:20px;  overflow:hidden;}

/* Event listing */
.whats-on-listing { margin-top:4px; }
h2.listing-title { margin:26px 0; text-align:center; height:66px; line-height:66px; text-align:center; font-size:2em; background:url('../images/bg-logo-pattern-titles.png') repeat-x; }
h2.listing-title.large { font-size:3.5em; }
h2.listing-title span { color:#731F28; }
.whats-on-listing article, .news-listing article { width:50%; float:left; }
.listing-wrap { padding:0 40px; }
.listing-wrap article { margin-bottom:28px; }
.listing-wrap article.odd { padding-right:4px; }
.listing-wrap article.even { padding-left:4px; }
.listing-wrap article a { display:block; background:#fff; overflow:hidden; }
.listing-wrap article .text { width:50%; float:left; padding:0 16px; height:0; padding-bottom:45.42372881355964%; }
.listing-wrap article .image { width:50%; float:right; }
.listing-wrap article a h3 { color:#3d3c3c; padding:24px 0 10px 0; font-size:1.3em; border-bottom:1px solid #DFDACC; }
.listing-wrap article a h2 { color: #731F28; font-size:2.1em; padding:0.5em 0 0.7em 0; }
.listing-wrap article p { font-size:1.4em; color:#3d3c3c; }
.listing-wrap article .text > span { font-size:1.3em; color:#3d3c3c; position:absolute; bottom:18px; padding-right:10px;}
.listing-wrap article span.book { right:16px; position:absolute; bottom:16px; }
.listing-wrap .load-more { display:block; height:60px; line-height:60px; display:block; font-size:2em; text-align:center; clear:both; background:#fff; color: #731F28; margin-bottom:40px; }

a.service-banner{ display:block; width:100%; height:70px; border:4px solid #fff; background:url('../images/bg-services-banner.jpg'); background-size:cover; color:#fff; margin-bottom:28px; }
a.service-banner span.title { font-size:2.5em; float:left; padding:16px 0 0 14px;}
a.service-banner span.action { font-size:1.5em; float:right; padding:22px 14px 0 0;  }

/* filters */
#filters-wrap .hidden-search { display:none; clear:both; padding-left:260px; padding-bottom:40px;}
.filter-links { color:#8f8c83; font-size:2em; overflow:hidden; line-height:130%; }
.filter-links a { color:#fff; text-decoration:underline; }
.filter-links a.active { text-decoration:none; }

.filter-links h3 { float:left; width:220px; padding-top:1em; padding-left:47px; margin-left:40px;  }
.filter-links h3 span { padding-left:30px; display:inline-block; }
.filter-links ul.options { float:left; padding-top:1em; height:66px;  }
.filter-links ul.options li { display:inline-block; padding-right:23px;  }

#filter-date,
#filter-date .hidden-search.links a span { background:#731F28; }
#filter-date h3 { background:url('../images/bg-calendar-large.png') no-repeat 0 17px; }

#filter-types,
#filter-date .hidden-search.links a,
#filter-types .hidden-search.links a span{ background:#370505; }
#filter-types h3 { background:url('../images/bg-types.png') no-repeat 0 19px; }

.hidden-search.links li { display:inline-block; padding-right:6px; height:49px; }
.hidden-search.links li a { color:#fff; display:block; padding:6px 8px 10px 34px; line-height:90%; border-radius:2px; text-decoration:none; }
.hidden-search.links li a span { width:0.9em; height:0.9em; display:block; position:absolute; left:8px; top:8px; border-radius:2px; margin-right:8px; }
#filter-types .hidden-search.links a.active span,
#filter-dates .hidden-search.links a.active span { background:#fff;}

#filter-types .hidden-search.links a { background:#573032; }
.hidden-search .search { float:none; width:400px; }
.hidden-search .search input[type="text"] { font-size:1em; padding-top:7px; }

/* closures */
a.check-date { background:url('../images/bg-calendar.png') #230204 6px 9px no-repeat; position:absolute; display:inline-block; color:#fff; padding:10px 12px 10px 30px; top:18px; right:16px; font-size:1.5em; text-transform:uppercase; }
.closures .hidden-search { display:none; }
.closures .datepickerelement { float:left; margin-left:16px; }
.closures .closure-text { width:auto; max-width:400px;  float:left; margin-left:40px; color:#fff; font-size:2em; margin-top:13%; padding-right:40px;}

/* date picker */
.hidden-search#calendar { height:355px; background:url('../images/bg-calender-filter.jpg') center center; background-size:cover; padding:25px 0; width:100%; }
.datepickerform input, .datepickerform label { display:none; }
.datepickerelement { width:320px; padding:0 20px; height:320px; background:#fff; margin:0 auto;  }

.ui-datepicker { padding: 0 }
.ui-datepicker-header { }
.ui-datepicker-title { text-align: center; color: #731F28; height: 55px; padding-top: 15px; border-bottom: 1px solid #d1d1d1; margin-bottom: 15px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; width: 22px; height: 22px; background: url('../images/bg-calendar-buttons.png') no-repeat; display: block; text-indent: -999em; left: 0px; top: 16px; z-index: 99; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { background-position: -22px 0; right: 0px; left: auto; }
.ui-state-default { background: transparent; border: none; color: #2b2b2b; font-weight: normal; text-align: center; }
.ui-datepicker table { border-collapse: collapse; font-size: 0.9em; margin: 0 0 0.4em; width: 100%; font-family: Arial, Helvetica, sans-serif; padding: 0 15px; }
.ui-datepicker th { color: #9d9d9d; font-size: 14px; font-weight: normal; text-align: center; font-weight: bold; width:36px; height:30px; }
.ui-datepicker td { border: none; padding: 0; text-align: center; line-height:26px; }
.ui-datepicker td:last-child { border-right: none }
.ui-datepicker td span,
.ui-datepicker td a { width: 36px; height: 36px; color: #6a6a6a; font-size: 15px; text-decoration: none; display: block; font-weight: bold; padding-top: 5px; }
.ui-datepicker td span:hover,
.ui-datepicker td a:hover { background: #efefef }
td a.ui-state-active,
td a.ui-state-active.ui-state-hover { color: #fff; background-color: #c1c1c1; }

.ui-datepicker td.closed:hover a,
.ui-datepicker td.closed a { color: #fff!important; background-color: #731F28; }

/* Event Detail / Product Detail page */
.summary-block{  margin-bottom:30px; overflow:hidden; }
.summary-block .details { width:33.3333333333%; float:left; padding:0 16px; color:#fff; }
.summary-block .image { width:66.666666666666%; float:right; }
.summary-block.product .image { border:1px solid #CCC; border-left:none;background:#e3e0d7; }
.summary-block .details h3 { font-size:1.4em; padding:24px 8px 24px 8px; border-bottom:1px solid rgba(255,255,255,0.4); text-transform:uppercase; }
.summary-block .details ul { font-size:2em;padding:26px 0 50px 0; }
.summary-block .details ul li { padding-bottom:0.8em;  padding-left:30px; }
.summary-block .details li.time { background:url('../images/bg-clock.png') no-repeat 8px 4px; }
.summary-block .details li.date { background:url('../images/bg-calendar.png') no-repeat 10px 4px; }
.summary-block .details li.price { background:url('../images/bg-ticket.png') no-repeat 10px 4px; }
.summary-block .details li.productprice { background:url('../images/bg-productprice.png') no-repeat 10px 0px; }
.summary-block .details li.productprice .was-price { text-decoration:line-through; opacity:0.5; }
.summary-block .action-link { height:50px;width:180px; display:block; margin:20px 0;}
.summary-block .action-link img { float:left; width:49px; }
.summary-block .action-link span { float:left; width:131px; background:#fff; font-size:1.4em; height:24px; line-height:22px; padding-left:10px; margin:13px 0 0 -8px; margin-top:13px; color: #731F28; text-transform:uppercase;  }
.summary-block select { width:100%; font-size:1.5em; background:#7f434b; border:none; color:#fff; padding:10px; margin-top:10px; }

/* News article - portrait image */
.single-column-page .text-content .portrait-image { width:33.333333333%; max-width:320px; float:right; padding:0 0 20px 20px; }


/* Prayers
--------------------------------------------------------------------*/ 
.prayer-intro-wrap { padding-bottom:50px; overflow:hidden; }
.prayer-intro { width:70%; float:left; padding-right:50px; }
.prayer-intro p { font-size:4.5em; color: #731F28; }
a#hide-prayer { width:40px; height:40px; line-height:35px; font-size:28px; border-radius:50px; position:absolute; right:15px; top:15px; background:#731F28; color:#fff; text-align:center; display:block; }
a.add-prayer-button { width:30%; float:right; background-image:url('../images/bg-logo-pattern.png'); color:#fff; background-repeat:repeat-x; background-position:13px 8px; text-transform:uppercase; text-align:center; font-size:2em; height:78px; line-height:78px;}

#add-prayer-form { display:none; }
.add-prayer-inner ul.error { padding-top:0; padding-bottom:1em; }
.add-prayer-inner .page-form { padding-right:30px; }
.add-prayer-inner .login-aside { padding-top:15px; }

#add-prayer-form h4 { font-size:2.1em; padding-bottom:1.5em; padding-top:0.5em; }
.add-prayer-inner { border:1px solid #CCC; padding:25px;overflow:hidden; margin-bottom:50px; }
.prayer-articles > div { overflow:hidden; padding-bottom:20px; }
.prayer-articles article { float:left; padding-left:10px; width:50%;  color:#fff; }
.prayer-articles article.first { padding-left:0px; padding-right:10px; }

.prayer-articles article h4 { border-bottom:1px solid rgba(0,0,0,0.2); text-align:center; font-size:1.7em;text-transform:uppercase; padding:18px 0; color:#5F141E; }
.prayer-articles article div { padding-bottom:40px; color:#45453F; }
.prayer-articles article p { font-size:1.6em; padding:20px 30px; }
.prayer-articles article h5 { padding:10px 40px 0; font-size:1.6em; text-align:center;}

/* Paginator
--------------------------------------------------------------------*/ 
.paginator { padding:20px 0; font-size:2em; margin-top:10px; border-top:1px solid #DFDACC;  }
.paginator h5 { display:inline-block; padding-right:30px; }
.paginator ul, .paginator li { display:inline-block; }
.paginator li { padding:0 10px; }
.paginator li.first { padding-left:0; }
.paginator li a { color:#5F141E; }


/* Shop pages
--------------------------------------------------------------------*/ 
.shop-page .sidebar,
.page-wrap.shop .sidebar,
.page-wrap.shop h2.sectiontitle
 { width:28%; }

.page-wrap.shop .main-content,
.shop-page .main-content { width:72%; float:right; overflow:hidden; padding:0; }

.shop-title { margin:30px 0; height:66px; background:url('../images/bg-logo-pattern-titles.png') repeat-x; }
.shop-title h1 { padding-left:40px; color:#5F141E; font-size:3.6em; padding-top:10px; width:500px; float:left; }
.shop-title ul { width:auto; float:left;font-size:1.7em; margin-top:20px; height:25px; line-height:25px; }
.shop-title ul li { display:inline-block; padding-left:20px;}
.shop-title ul li:first-child { padding-left:0; }
.shop-title ul li a { color:#5F141E; }
a.basket-count { color:#5F141E;  position:absolute; right:40px; top:20px; display:block; height:25px; padding-left:33px; width:auto; line-height:25px; font-size:1.7em;background:url('../images/bg-basket-count.png') no-repeat left; }
a.basket-count span {  color:#45453f; }

.shop-listing article { margin-bottom:28px; width:50%; float:left; }
.shop-listing article.odd { padding-right:4px; }
.shop-listing article.even { padding-left:4px; }
.shop-listing article a{ display:block; background:#fff; overflow:hidden; }
.shop-listing article .text { width:50%; float:left; padding:0 16px; height:0; padding-bottom:45.42372881355964%; }
.shop-listing article .image { width:50%; float:right; }
.shop-listing article a h2,
.shop-listing article a h4 { color:#45453F; font-size:2em; padding:0; }
.shop-listing article a h2 { padding-top:20px; }
.shop-listing article span.was-price { text-decoration:line-through; opacity:0.5; position:relative;  }

h2.shop-listing-title { background:#fff; color: #731f28; display: block;font-size: 2em; height: 60px;line-height: 60px;margin-bottom:1px;text-align: center; }
div.shop-category-desc { margin-bottom:28px; padding:20px 20px 29px 20px; font-size:1.8em; background:#fff; text-align: center; line-height:130%; }
div.shop-category-desc p { padding-bottom:0.8em; }
h2.shop-listing-title.no-desc { margin-bottom:28px; }

.shop-listing article p { font-size:1.5em; color:#3d3c3c; }
.shop-listing article a.cat{ color:#731F28; padding:20px 16px; display:block;border-bottom:1px solid #DFDACC;}
.shop-listing article a.cat h3{ font-size:1.6em; text-transform:uppercase; }
.shop-listing article a.cat span { float:right; font-size:0.7em; padding-top:0.3em;}

.sagepay, .sagepay-s { background:#fff; margin-bottom:16px; padding:10px; }
.sagepay img { width:100%; max-width:190px; }
.sagepay-s { display:none; }

.sidebar .search-wrap { padding:16px; margin-bottom:16px; font-size:1.6em; }
.sidebar .search { width:100%; float:none; font-size:0.7em; }

/* Shop detail */
.shop-detail .main-content { background:#fff; padding:0 40px; }
.shop-detail .page-title-wrap { padding:40px 0; border-top:none; }
.shop-detail .page-title-wrap { padding-right:200px; }
.shop-detail .page-title-wrap .back-link-small { right:0; width:200px; text-align:right; }
.shop-detail .page-title-wrap h1 { width:100%; float:none; }

.basket { font-size:1.8em; }
.basket th {  }
.basket .item { width:55%; border-bottom:1px solid #DBDAD7; padding-bottom:20px;}
.basket .quantity { width:25%; border-bottom:1px solid #DBDAD7; padding-bottom:20px;}
.basket .cost { width:20%; text-align:right; padding-right:20px; border-bottom:1px solid #DBDAD7; padding-bottom:20px;}
.basket td.item,
.basket td.quantity,
.basket td.cost { padding-top:20px; vertical-align:middle;}
.basket .item h4 { padding-right:10px; }
.basket .item h4 a { display:block; color:#731F28; }
.basket .quantity input { width:49px; height:49px; background:#E7E6E2; border:none; text-align:center; font-size:1em; padding:0; float:left;}
.basket .quantity a { width:33px; height:33px; float:left; text-indent:-999em; background:url('../images/bg-remove-item.png'); margin:9px 0 0 9px; }
.basket .update td { padding-top:20px;  border-bottom:1px solid #DBDAD7; padding-bottom:20px; }
.basket .update-button td { padding:15px 0;  border-bottom:1px solid #DBDAD7; }
.basket .update select { font-size:1em; padding:8px; border:1px solid #DBDAD7; }
.basket p.instruction { font-size:0.8em;font-weight:300; }
.basket p.instruction a { color:#731F28;  }
.basket .update-button .link { height:49px; background:#DFDED8; color:#731F28; border:none; float:right; font-size:1em; width:255px;  cursor:pointer; }
.basket td.totals { padding:15px 0;  border-bottom:1px solid #DBDAD7; text-align:right; }
.basket td.totals table { width:50%; float:right; }
.basket td.totals table p { font-size:1em; }
.basket.checkout td.totals table p { font-size:1.1em; }
.basket td.totals table p strong { padding-top:20px; display:block;}
.basket .totals tr td { text-align:right; padding-right:20px; }
.basket .totals tr td:first-child { text-align:left; }
.basket .totals p a {color:#731F28; }

.proceed { padding:25px 0 0 0; overflow:hidden; }
.proceed.checkout { border-top:1px solid #DBDAD7; margin-top:25px; }
.proceed > p { width:30%; float:left; }
.proceed > p a { color:#731F28;  }
.proceed .actionwrap { width:50%; float:right;  text-align:right;}
.actionwrap a {  color:#731F28; } 
.proceed .link { height:49px; background:#731F28; color:#fff; border:none;  font-size:1em; cursor:pointer; width:255px;margin-bottom:15px; }
.proceed .sagepay img { float:right; }

tr.details > td { padding-top:25px; }
tr.details h4 { font-size:1.2em; padding-bottom:1em; }

.main-content p.error { color:#fff; display:block; padding:20px; margin-bottom:25px; background:#731f27; font-size:1.2em; }
.main-content p.error a { color:#fff;text-decoration:underline; }

/* Page form
--------------------------------------------------------------------*/ 
.page-form { width:65%; float:left; padding-right:80px; }
.login-aside { width:35%; float:right; }

.page-form h3,
.login-aside h3 { font-size:2em; padding-bottom:1em; }
.login-aside a { color:#731F28; }
.login-aside p { font-size:1.5em; }

.page-form h4 { font-size:2em; padding:1.4em 0 0.6em 0; }
.page-form p { font-size:1.8em; }


/* Forms
--------------------------------------------------------------------*/ 
.input-wrap, .submit-wrap{ overflow:hidden; padding:13px 0; }
.input-wrap label  { width:38%; float:left; font-size:1.8em; padding-right:25px; padding-top:0.9em;  }
.input-wrap input, .input-wrap textarea { width:62%; float:right; height:49px; background:#E7E6E2; border:none; font-size:1.8em;  padding:4px 15px; }
.input-wrap textarea  { height:100px; resize:vertical; }
.input-wrap select { width:62%; float:right;  background:#E7E6E2; border:none; font-size:1.8em;  padding:13px 15px; }
.input-wrap select.secondary { margin-top:10px; }
.submit-wrap input, .submit-wrap button { height:49px; background:#731F28; color:#fff; border:none;  font-size:1em; cursor:pointer; float:right; font-size:1.8em;width:62%;margin-bottom:15px; }
.submit-wrap .sagepay { clear:both; float:right;}
.submit-wrap p { width:62%; float:right; font-size:1.5em; }
.submit-wrap p a { color:#731F28; }
.error p, .error ul, ul.error { font-size:1.8em; color:#C00; padding-top:1em; }
.error ul, ul.error { list-style-type:disc; padding-left:1em; }
.opts { width:62%; float:right; font-size:1.8em; padding:13px 0; }
.opts a {   color:#731F28;  }
.opts p { font-size:0.9em; padding-top:10px; font-weight:300; }
.submit-wrap .back { width:35%; float:left; color:#731F28; font-size:1.8em; height:49px; line-height:49px; display:block; }
form .msg h3 { font-size:2.2em; padding-bottom:0.2em;}
form .checkbox { font-size:1.8em;  padding-top:0.9em;  }

/* Latest blocks
--------------------------------------------------------------------*/ 
.latest-wrap { clear:both; padding-top:4px; overflow:hidden;  }
.latest-block { width:50%; float:left; }
.latest-block.odd { padding-right:2px; }
.latest-block.even { padding-left:2px; }
/*.latest-inner > h3{ font-size:1.8em; text-align:center; text-transform:uppercase; padding:40px 20px; }*/
.latest-inner > h3 { font-size: 1.8em; height: 63px; line-height: 63px;text-align: center; text-transform: uppercase; }
.latest-inner {/* height:0; padding-bottom:74%;*/ }
.latest-block.articles ul { padding:0 0 40px 0; }
.latest-block.articles li { padding:16px 20px; border-bottom:1px solid rgba(255,255,255,0.3); font-size:1.8em; }
.latest-block.tweets ul { padding:0 40px 40px 40px; font-size:1.5em; }
.latest-block.tweets li { padding-left:90px;padding-bottom:40px; }
.latest-block.tweets img { width:60px; position:absolute; left:0; }
.latest-block.tweets span { display:block; padding-top:1em; }
.latest-block.tweets a { text-decoration:underline; }
.latest-block a { color:#45453F; }

/* Search results
--------------------------------------------------------------------*/ 
.search-results header h3 { font-size:2em; padding-bottom:1em; }
.search-results article { padding:15px 0 25px 0; border-top:1px solid #CCC; font-size:1.8em; }
.search-results article a h4 { color: #731F28; padding-bottom:0.4em; font-size:1.3em; }
.search-results article a p { color: #45453F; }
.search-results .text > strong { font-size:0.8em; text-transform:uppercase; color: #45453F; padding-bottom:6px; }
.search-results footer { background:#fff; margin-top:20px; }
.search-results h5 { font-size:2em; }

/* Site map
--------------------------------------------------------------------*/ 
ul.sitemap a { text-decoration:none; }
ul.sitemap > li > a { color:#731F28; }
ul.sitemap li li a { color:#3D3C3C;}

/* Footer
--------------------------------------------------------------------*/ 
footer { background:#DFDACC; margin-top:4px;}
footer .inner { padding:35px 0px 110px 0px; }
footer nav, footer p { padding-right:340px; }
footer nav li { display:inline-block; padding-right:15px;  } 
footer nav li a { color:#3d3c3c; }
footer nav ul.footer-primary { font-size:1.6em; padding-bottom:18px; }
footer nav ul.footer-secondary, 
footer p { font-size:1.4em; padding-bottom:8px; }
footer .logos { width:320px; position:absolute; right:20px; top:35px; }
footer .logos li { display:inline-block; padding:0 5px;  }
footer .logos img { width:auto; }

/* Back to top
--------------------------------------------------------------------*/ 
.back-to-top { width:100%; height:45px; position:fixed; bottom:0; left:0; display:none; background:#3d3c3c; z-index:999999; }
.back-to-top a { color:#fff; line-height:45px; height:45px; font-size:1.8em; text-align:center; display:block; }


/* Campaign elements
=============================================================== */
.campaign .hero-wrap { padding-right:0px; padding-left:4px; width:73.33333333333312%; float:right; }
.campaign .intro-block { width:26.66666666666688%; height:473px; float:left; background:#541015; color:#fff; }
.campaign .intro-block .text { padding:20px 20px 0 20px;}
.campaign .intro-block p {  font-size:1.5em; padding-bottom:1.2em; line-height:130%; }
.campaign .intro-block a { color:#fff; }
.campaign .intro-block h2 { text-align:center; font-size:1.8em; padding:1.8em 1em; border-bottom:1px solid rgba(255,255,255,0.5); text-transform:uppercase; }

.campaign .hero-image-holder { border-left:4px solid #fff; width:73.33333333333312%; float:right; height:473px; background-position:center center; background-size:cover; }

.campaign-features { clear:both; padding-top:4px; overflow:hidden;  }
.campaign-features .feature-link { width:50%; float:left; margin-bottom:4px; }
.campaign-features .feature-link.odd { padding-right:2px; }
.campaign-features .feature-link.even { padding-left:2px; }
.campaign-features .feature-link a { color: #45453F; }
.campaign-features .feature-link p { padding-right:25%; line-height:130%; height:140px;}
.campaign-features .feature-link span { font-size:1.8em; margin-top:-20px; }

.campaign .back-link { color:#fff;  opacity:0.4; border-color:#fff;  }
h2.campaign-masthead { font-size:3.5em; color:#fff; text-align:center; padding:0.8em 1em 1em 1em; width:100%; background-position:center center; background-size:cover;  margin-bottom:4px; }

.campaign .gallery-wrap.full-width  { overflow:hidden; }
.campaign .gallery-wrap.full-width  .slide { overflow:hidden; width:100%; white-space:normal; vertical-align:top; height:0; padding-bottom:43%;}
.campaign .gallery-wrap.full-width .gallery-image { border-right:4px solid #fff; width:73.33333333333312%; float:left; text-align:center;}

.campaign .gallery-wrap.full-width .gallery-image.landcape img { width:100%; height:auto; }
.campaign .gallery-wrap.full-width .gallery-image.portrait img { width:49.24406047515984%; height:auto; display:inline; max-width:456px; }
.campaign .gallery-wrap.full-width .gallery-image.square img { width:58.8552915766713%; height:auto; display:inline; max-width:545px;  max-width:545px;}

.campaign .gallery-wrap.full-width .gallery-caption { width:26.66666666666688%; float:right; color:#fff; }
.campaign .gallery-wrap.full-width .gallery-caption h3 { text-align:center; font-size:1.5em; padding:2em 1em 1.8em 1em; border-bottom:1px solid rgba(255,255,255,0.5); text-transform:uppercase;}
.campaign .gallery-wrap.full-width .gallery-caption .text { padding:40px 20px; }
.campaign .gallery-wrap.full-width .gallery-caption .text p {  font-size:1.5em; padding-bottom:1.2em; line-height:130%; }

.campaign .gallery-wrap.full-width .gallery-buttons  { position:absolute; right:20px; bottom:20px; z-index:99; width:94px; overflow:hidden;}
.campaign .gallery-wrap.full-width .gallery-buttons a { width:45px; height:45px; background:url('../images/bg-gallery-buttons-black.png') no-repeat 14px 14px #fff; border-radius:2px; display:block;float:left; text-indent:-999em;   }
.campaign .gallery-wrap.full-width .gallery-buttons a.next { margin-left:4px; background-position:-45px 14px; }

.campaign .main-content .gallery-caption { color:#fff; }

/* Campaign theme bolierplate 
=============================================================== */

/* Campaign name: First World War (first-world-war) */
/* ------------------------------------------------------------ */
 /* .colour1-bg: this is the heavy colour that needs to allow white text on top of it */
.first-world-war .colour1-bg { background-color:#33301e; } 

/* .colour2-bg: this is typically a tint, needs to allow the grey body copy to work on top of it */
.first-world-war .colour2-bg,
.first-world-war footer { background-color:#dddad1; }
 
/* .colour3-bg: this is typically a tint, needs to allow the grey body copy to work on top of it */
.first-world-war .colour3-bg { background-color:#b4ae9c; }


/* this the highlight text for links / titles etc, would be good to use the red for brand links, but we need the flexibility */
.first-world-war .highlightcolour,
.first-world-war .page-title-wrap h1, 
.first-world-war .page-title-wrap p,
.first-world-war .whats-on-features .hero-wrap .slide .text h3,
.first-world-war h2.listing-title span,
.first-world-war .listing-wrap article a h2,
.first-world-war h2.title-bar,
.first-world-war .events .items-wrap h3,
.first-world-war .hero-wrap .slide .caption a h2,
.first-world-war .feature-link span,
.first-world-war nav.sub a.active { color:#731F28;} 


/* Media Queries
--------------------------------------------------------------------*/ 
@media (max-width: 1320px){
	.listing-wrap, .shop-page .page-inner  { padding:0; }
	.logo, nav#main ul, #filter-date h3, .filter-links h3  { margin-left:0; }
	#site-tools { margin-right:0; }
	.shop-title h1 { padding-left:0; }
	a.basket-count { right:0; }
}

@media (max-width: 1300px){
	
	.hero-wrap .slide .caption a p { font-size:2.1em; }
	nav#main li{ padding-left:3.1%; }
	nav#main ul { margin-left:0; }
	.wide-form.page-form { padding-right:0px; width:80%; } 	
}

@media (max-width: 1250px){
	nav#main li a{ font-size:1.8em;	 }
}

@media (max-width: 1200px){
	
	nav#main li{ padding-left:2.5%; }
	.hero-wrap .slide .caption a p { font-size:1.9em; }
	#site-tools { width:275px; }
	.single-column-page .page-inner { padding:0 100px 40px 100px; }
    .single-column-page .page-title-wrap {  padding:40px 100px 32px 100px; }
	.tabs li { font-size:1.1em; }
	.tabs li a { padding:0 10px; }
	.prayer-intro p { font-size:4.2em; }
	.page-wrap .inner { padding-top:2%; }
	.shop-listing article,
	.listing-wrap article .text { font-size:95%; }
	.hero-wrap .thumbs img { width:50px; height:auto; }
	.home-features .hero-wrap .thumbs { width:222px; }
	.page-inner .sidebar { padding-right:30px; }
	.latest-block.articles ul { font-size:90%; }
	.campaign .intro-block p { font-size:1.4em; }
	.feature-link h2 { font-size:1.6em; }
	.feature-link p { font-size:1.4em; height:130px; }
	
}



@media (max-width: 1120px){
	
	nav#main li a{ font-size:1.6em;}
	.hero-wrap .slide .caption a p { font-size:1.7em; }
	.hero-wrap .thumbs { bottom:44px; }
	#site-tools{ margin-right:0; }
	.logo, nav#main ul  { margin-left:0; }
	footer .inner { padding:35px 0 75px 0; }
	footer .logos { right:0; }
	footer nav, footer p { padding-right:380px; }
	#filter-date h3, #filter-types h3{ margin-left:0; }
	#filters-wrap .hidden-search { padding-left:0; }
	.listing-wrap { padding:0; }
	.tabs li.plan { display:none; }
	.tabs li { width:50%; float:left; }
	nav#main li.home { display:none; }
	nav#main li:nth-child(2) { padding-left:0; }
	.page-inner { padding:0 25px 25px 25px; }
	.shop-detail .main-content { padding:0 25px; }
	.shop-page.single-column-page .page-inner { padding:0 100px 25px 100px; }
	.page-title-wrap { padding:32px 25px 32px 25px; margin-bottom:18px; }
	.prayer-intro p { font-size:3.9em; }
	.listing-wrap article a h2 { font-size:1.6em; }
	.shop-listing article a h2,
	.shop-listing article a h4 { font-size:2.4em; }
	.whats-on-features .hero-wrap .slide .text h2 { font-size:2.2em; }
	.shop-listing article { font-size:80%; }
	.datepickerelement { padding:0 10px; }
	.closures .closure-text { padding-left:20px; font-size:1.5em; margin-left:0; position:absolute; padding-left:350px; width:100%; max-width:none; }
	.day-list .column { font-size:93%; }
	
	/* campaign */
	.campaign .intro-block { width:33%; }
	.campaign .hero-wrap { width:67%; }
	.campaign .hero-wrap .slide .caption { padding-right:270px; }
	.campaign .hero-wrap .slide .caption a { padding:18px 0 0 15px; }
	.campaign .hero-wrap .thumbs { right:15px; bottom:52px; }
	.latest-block.articles ul { font-size:87%; }
	.shop-title h1 { padding-left:0; width:470px; font-size:3.4em; }
	.shop-title .basket-count { right:0; }
	
}

@media (max-width: 1060px){
	
	.shop-detail .summary-block .details ul { padding:20px 0 10px 0; }
}

@media (max-width: 1040px){
	
	nav#main { padding-left:0; }
	nav#main { text-align:center; }
	nav#main li { padding:0 1.3%; }
	#site-tools { width:250px; }
	.social li { margin-left:3px; }
	.social { width:101px; }
	.single-column-page .page-inner, .shop-page.single-column-page .page-inner { padding:0 60px 40px 60px; }
    .single-column-page .page-title-wrap {  padding:32px 60px 32px 60px; }
	.single-column-page .page-title-wrap {  padding:32px 100px 32px 60px; }
	.prayer-intro { padding-right:15px; }
	.prayer-intro p { font-size:3.4em; }
	
	/* page title */
	.page-title-wrap h1.sectiontitle, .page-title-wrap h2.sectiontitle, .page-title-wrap p  { float:none; width:auto; }
	.page-title-wrap.no-crown h1, .page-title-wrap.no-crown p { padding-left:0px; }
	.page-title-wrap .back-link-small { position:relative; right:auto; top:auto; display:block; margin-top:10px; font-size:1.4em;}
	.shop-detail .page-title-wrap .back-link-small { text-align:left;  }
	.shop-detail .page-title-wrap { padding-right:0; }
	.page-title-wrap h2.article-date { margin-left:0; }
	.whats-on-features .hero-inner, 
	.whats-on-features .hero-wrap, 
	.whats-on-features .hero-wrap .slide, 
	.whats-on-features .hero-wrap .slide .text,
	.whats-on-features .hero-wrap .slide .img-holder{ height:375px; }
	.whats-on-features .hero-wrap .slide .text h3 { padding-top:10px; }
	.whats-on-features .thumb-links,
	.whats-on-features .hero-wrap .slide .text { padding:20px 10px; }
	.shop-listing article a.cat span { display:none; }
	tr.details { font-size:90%; }
	tr.details table h4 { font-size:1em; }
	tr.details table table { font-size:80%; padding-right:5px;}
	.day-list .column { font-size:88%; }
	
	/* campaign */
	.campaign-features .feature-link p { padding-right:20px; }
	.latest-block.articles ul { font-size:83%; }
	.shop-title h1 { padding-left:0; width:400px; font-size:3em; }
	.sidebar .banner-link { font-size:80%; }
	.products .items-wrap { padding:0 70px; }
	.carousel-buttons a { left:20px; }
	.carousel-buttons a.next { right:20px; }

}

@media (max-width: 958px){
	
	nav#main li a{ font-size:1.5em;}
	nav#actions li { margin-left:20px; }
	.logo { width:190px; margin-top:30px; }
	.home-features .whats-on h2 { padding:25px 18px 0 18px;}
	.home-features .whats-on ol { padding:18px 12px; }
	.home-features .whats-on ol li span { width:50px; }
	.home-features .whats-on ol li { padding-left:60px; }
	
	.campaign .intro-block,
	.hero-wrap,
	.hero-wrap .slide,
	.hero-inner,
	.home-features .whats-on { height:400px; }
	
	.hero-wrap .slide .img-holder { height:	291px; }
	.hero-wrap .slide .caption a p { font-size:1.3em; }
	
	.add-prayer-inner { padding:16px; }
	.input-wrap label { padding-right:14px; }
	
	.listing-wrap article  { margin-bottom:8px; }
	.listing-wrap article .text { width:65%; }
	.listing-wrap article .image { width:35%; padding:10px; }
	
	.whats-on-features .hero-wrap .slide .text h2 { font-size:1.9em; }
	.whats-on-features .thumbs img { width:40px; height:auto; }
	
	.shop-listing article { font-size:70%; }
	.shop-listing article .text { padding-right:9px; width:50%;}
	.shop-listing.listing-wrap article .image { width:50%; padding:0; }
	
	.page-form { padding-left:25px; padding-right:40px; } 
	.page-form.wide-form { padding-left:50px; padding-right:0;} 
	
	/* campaign */
	.campaign .intro-block .text { font-size:88%; }
	.campaign .intro-block h2 { padding:1.2em 1em; }
	.campaign .intro-block .text { padding-top:15px; }
	
	.shop-title h1 { padding-left:0; width:360px; font-size:2.7em; }
	.shop-title ul { margin-top:16px; }
	a.basket-count { top:16px; }
	
	.summary-block .details .action-link { height:32px; }
	.summary-block .details .action-link img { width:32px; }
	.summary-block .details .action-link span { margin-top:4px; }
	
	.event-list-ruled .section-title { padding-left:0; }
	.event-list-ruled li { padding-left:240px; font-size:1.6em; }
	.event-list-ruled li .date { left:0; width:220px; }

}

@media (max-width: 898px){
	
	
	nav#main li a { font-size:1.4em; }
	#site-tools { width:220px; }
	.goog-te-menu-value span:first-child { font-size:11px; }
	.single-column-page .page-inner, .shop-page.single-column-page .page-inner { padding:0 25px 40px 25px; }
    .single-column-page .page-title-wrap {  padding:32px 25px 32px 25px; }
	.single-column-page.page-wrap .content { background:#fff; padding-top:0px; }
	.listing-wrap article .text { width:70%; padding-right:0px; }
	.listing-wrap article .image { width:30%; padding:10px; }
	.shop-listing article .text { padding-right:9px; width:50%; font-size:90%; }
	.shop-listing.listing-wrap article .image { width:50%; padding:0; }
	.important-notices .notices { font-size:75%; }
	.listing-wrap article span.book { display:none; }
	.highlight-box.two-columns .column { padding-bottom:20px; }
	.summary-block .details ul { padding-bottom:10px; }
	.wide-form.page-form { width:100%; }
	.wide-form .input-wrap { padding-top:0; }
	.day-list .column { font-size:83%; }
	a.service-banner span.title { font-size:2.1em; }
	
	/* campaign */
	.campaign-features .feature-link p { font-size:1.4em; }
	.feature-link span { padding-top:16px; }
	.shop-title h1 { width:auto; padding-top:0px; margin-top:-5px; font-size:3em; float:none; }
	.shop-title ul { margin-top:10px; float:none; }
	a.basket-count { top:0; }
	
}

/* header and nav change to items accross the top here */
@media (max-width: 800px){
	
	/* inner fixes */
	header > .inner,
	.home-features .inner,
	nav#main .inner,
	.whats-on-features .inner { width:100%; }
	
	/* hidden */
	.page-inner .landing .featured-image { display:none; }
	
	/* header */
	header.masthead { height:auto; }
	header > .inner { width:100%; padding-top:50px; }
	#site-tools, .util { display:none; width:100%; }
	nav#actions { width:100%; top:0; left:0; margin:0; height:50px; border-bottom:1px solid #e4e1da;}
	nav#actions { height:50px; overflow:hidden; }
	nav#actions ul { padding-right:52px;overflow:hidden; height:50px; }
	nav#actions li { float:left; width:25%;margin:0;border-right:1px solid #e4e1da; text-align:center;}
	nav#actions li a { display:block; height:50px; }
	nav#actions span { width:36px; height:22px; display:block; margin:5px auto 3px auto; }
	nav#actions a.book-top span { background:url('../images/mobile-icons/tickets.png') no-repeat; }
	nav#actions a.donate span { background:url('../images/mobile-icons/donate.png') no-repeat; }
	nav#actions a.signup span { background:url('../images/mobile-icons/signup.png') no-repeat; }
	nav#actions a.shop span { background:url('../images/mobile-icons/shop.png') no-repeat; }
	nav#actions li.search-trigger { display:block; position:absolute; width:52px; right:0; border:none;}
	nav#actions li.search-trigger a { display:block; width:52px; height:51px; background:url('../images/mobile-icons/search.png') 8px 12px no-repeat; text-indent:-999em; }
	
	.logo { margin:17px 0 22px 15px; width:250px; height:auto; }
	nav#main { height:auto; border:none; background:#541015;}
	nav#main ul { margin-left:0; width:100%; display:none; }
	nav#main li.home { display:block; }
	nav#main ul li { width:50%; float:left; border-bottom:1px solid rgba(0,0,0,0.2); padding:0;}
	nav#main ul li:nth-of-type(odd) { border-right:1px solid rgba(0,0,0,0.2); }
	nav#main li a { color:#fff; }
	nav#main li.selected a, nav#main li a:hover{ background:#370505; color:#fff; }
	.mobile-nav-toggle { width:55px; height:55px; display:block; position:absolute; right:0; bottom:0; background:url('../images/menu-button.svg') no-repeat #541015; background-size:cover; text-indent:-999em;}
	#filters-wrap .mobile-nav-toggle  { display:none; top:10px; }
	
	/* home */
	.hero-wrap { width:100%; float:none; padding:0;}
	.home-features .whats-on { width:100%; float:none; }
	.hero-inner, .hero-wrap, .hero-wrap .slide, .home-features .whats-on, .home-banners .banner-link, .home-banners .banner-inner { height:auto; }
	
	.hero-wrap .slide .caption a { padding-top:18px; }
	.hero-wrap .slide .caption a p,
	.hero-wrap .slide .caption a h2 { font-size:1.5em; }
	.hero-wrap .slide .caption { padding-right:260px; }
	.hero-wrap .thumbs img { width:50px; }
	.hero-wrap .thumbs { bottom:54px; width:220px; }
	
	/* events hero */
	.whats-on-features .hero-inner, .whats-on-features .hero-wrap, .whats-on-features .hero-wrap .slide, .whats-on-features .hero-wrap .slide .text{ height:auto; }
	.whats-on-features .hero-wrap .slide .img-holder { width:100%; float:none;border-right:0; height:320px;  }
	.whats-on-features .thumb-links, .whats-on-features .hero-wrap .slide .text { width:100%; float:none; margin:0;}
	.whats-on-features .hero-wrap .slide .text h3 { text-align:left; border:none; padding:0; }
	.whats-on-features .hero-wrap .slide .text a { padding-top:12px; }
	.whats-on-features .thumb-links { display:none; }
	.whats-on-features .carousel-buttons { display:block; position:absolute; z-index:999; width:100%; top:28%; }
	.whats-on-features .hero-wrap .slide .text { padding:20px 16px; }
	.whats-on-listing { margin-top:0; }
	
	/* banner links */
	.home-banners .banner-link { width:100%; float:none; padding-right:0; padding-bottom:4px; }
	.home-banners .banner-inner, .home-banners .banner-link a { overflow:hidden; display:block;}
	.home-banners .banner-link img { width:30%; float:left; }
	.home-banners .banner-link .text { width:70%; float:left; }
	.home-banners .banner-link.event-banner { padding-bottom:0; margin-bottom:4px; }
	
	/* sub nav */
	.page-inner .sidebar { float:none; width:100%; padding:0; }
	.page-inner .sidebar nav ul { display:none; }
	
	/* shop sub nav */
	.shop-page nav.sub { width:48%; float:right; }
	.shop-page nav.sub.categories { float:left; }
	.shop-page .page-inner .sidebar nav ul { display:block; }
	.sidebar .sagepay { display:none; }
	.sidebar .sagepay-s { display:block; clear:both; }
	.shop-page .page-inner .sidebar nav > ul { border-bottom:none; margin-bottom:0; padding-bottom:0; }
	.sidebar .banner-links { clear:both; }
	.sidebar .banner-link { font-size:100%; }
	.basket { font-size:1.5em; }
	.page-inner .main-content { width:100%; float:none; }
	.page-title-wrap a.mobile-nav-toggle { position:absolute; right:25px; top:20px; }
	.page-title-wrap h1.sectiontitle, .page-title-wrap h2.sectiontitle, .page-title-wrap h1, .page-title-wrap p { padding-right:70px; }
	.page-inner .sidebar nav > ul {border-bottom: 1px solid #DBDAD7; padding-bottom:25px; margin-bottom:25px; }
	
	.article-page .page-title-wrap h1 { padding-right:0; }
	.page-wrap.has-back-link .inner { padding-top:75px; }
	
	/* prayer box */
	.prayer-articles > div { padding-bottom:0; }
	.prayer-articles article, .prayer-articles article.first { width:100%; float:none; padding:0 0 16px 0; }
	
	/* gallery */
	.main-content .gallery-caption { height:100px; }
	.main-content .gallery-buttons { bottom:40px; }
	
	/* listing */
	h2.listing-title.large { font-size:3em; }
	.listing-wrap article.odd, .listing-wrap article.even  { width:100%; float:none; padding:0; margin:0 auto 2% auto; max-width:590px; }
	.listing-wrap article .text { width:70%; height:auto; padding:0 0 20px 10px; }
	.listing-wrap article a h3 { padding-top:16px; }
	.listing-wrap article .image { width:30%; padding:10px; }
	.listing-wrap article .text span { position:relative; bottom:auto; padding-top:25px; display:block; }
	
	.shop-listing.listing-wrap article.odd, .shop-listing.listing-wrap article.even { width:50%; float:left; margin-bottom:16px; }
	.shop-listing article { font-size:80%; }
	.shop-listing article.odd { padding-right:4px; }
	.shop-listing article.even{ padding-left:4px; }
	.shop-listing.listing-wrap article .image { padding:0px; width:40%; }
	.shop-listing.listing-wrap article .text { width:60%; padding-right:10px; }
	
	h2.shop-listing-title.no-desc, div.shop-category-desc { margin-bottom:16px; }
	
	/* footer */
	footer .inner { padding:25px 0 80px 0; }
	footer nav, footer p { width:100%; padding-right:0; }
	footer .logos { width:100%; position:relative; top:auto; right:auto;  padding-top:30px; }
	footer nav ul.footer-primary, footer nav ul.footer-secondary { padding-bottom:35px; }
	footer nav ul.footer-secondary, footer p { font-size:1.2em; } 
	
	.summary-block .details {  font-size:90%; }
	.summary-block .details ul, .shop-detail .summary-block .details ul { padding:13px 0;}
	.summary-block .action-link { margin-bottom:10px;}
	.summary-block select { margin-top:0; }
	
	.page-form, .page-form.wide-form  { padding-left:0px; padding-right:40px; } 
	.submit-wrap p { text-align:right; width:100%;}
	
	.page-form { float:none; }
	.login-aside { border-top:1px solid #CCC; padding-top:15px; margin-top:15px; float:none; width:100%;  }
	
	/* campaign */
	.campaign .intro-block { width:100%; float:none; height:auto; }
	.campaign .intro-block .text { padding-bottom:25px; }
	.campaign .hero-wrap { width:100%; float:none; padding-left:0; }
	.campaign .intro-block p { font-size:2em; }

}

@media (max-width: 767px){
	
	.hero-wrap .thumbs, .campaign .hero-wrap .thumbs { display:none; }
	.hero-wrap .slide .caption, .campaign .hero-wrap .slide .caption { padding-right:0;  }
	.hero-wrap .slide .caption a, .campaign .hero-wrap .slide .caption a{ padding:22px 16px; height:auto;}
	.hero-wrap .carousel-buttons { display:block; position:absolute; z-index:999; width:100%; top:33%; }
	a.service-banner { display:none; }
	
	.products .items-wrap { padding:0 70px; }
	
}


@media (max-width: 687px){
	
	.main-content .feature-link.odd, .main-content .feature-link.even, .latest-block, 
	.campaign-features .feature-link.odd, .campaign-features .feature-link.even { width:100%; float:none; padding:0; }
	.feature-link p, .campaign-features .feature-link p, .latest-inner { height:auto; }
	
	.campaign-features { padding:4px; }
	
	.latest-inner { padding-bottom:0; }
	
	.wide-form.page-form,
	.prayer-intro, 
	.login-aside,
	a.add-prayer-button,
	.page-form { width:100%; float:none;}
	.login-aside { padding-bottom:20px; }
	#add-prayer-form h4 { padding-right:50px; }
	.prayer-intro-wrap { padding-bottom:15px; }
	.add-prayer-inner .page-form, .page-form { padding-right:0; }
	a.add-prayer-button { padding:15px; display:block; line-height:normal; height:auto; margin-top:15px; }
	
	.page-form, .page-form.wide-form { padding-right:0; }
	
	.submit-wrap input, .submit-wrap button { width:100%; float:none; }
	.prayer-intro p { font-size:3em; padding-bottom:0.5em;}
	.main-content .gallery-caption { font-size:80%; }
	
	
	/* what's on filters */
	#filter-date h3, #filter-types h3 { width:50px; text-indent:-999em; }
	.important-notices .notices { font-size:65%; }
	.important-notices .slide h2, .important-notices .slide p, .important-notices .slide a { display:block; padding-bottom:5px; }
	.summary-block .details .action-link { height:32px; }
	.summary-block .details .action-link img { width:32px; }
	.summary-block .details .action-link span { margin-top:4px; }
	.summary-block .details { font-size:90%; }
	.summary-block .details { width:100%; float:none; height:auto; padding-bottom:10px; }
	.summary-block .image { width:100%; float:none;} 
	.summary-block .details ul li { width:50%; float:left; }
	.summary-block .details ul { overflow:hidden; padding-bottom:6px; }
	.summary-block .details .action-link { position:relative; bottom:auto; }
	.summary-block.product .image { border:1px solid #ccc; }
	.related-items .carousel { padding-bottom:30px; }
	.related-items { margin-top:0; margin-bottom:20px;}
	.related-items .carousel-buttons { z-index:9999; }
	.related-items .carousel-buttons a.prev { left:15px; }
	.related-items .carousel-buttons a.next { right:15px; }
	
	.related-items .slide,
	.main-content .banner-links { font-size:80% }
	.main-content .banner-links a { padding:16px; }
	
	.event-list-ruled .section-title { padding-left:0; }
	.event-list-ruled li { padding-left:0; font-size:1.6em; padding-right:110px;}
	.event-list-ruled li .date { left:auto; width:100%;  position:relative;}
	.event-list-ruled li h4 { font-size:1.1em; padding:6px 0 7px 0; }

}

@media (max-width:640px){
	
	/* remove the date checker for closures */
	a.check-date { display:none!important; }
	.closures .hidden-search { display:none!important; }
	.shop-listing.listing article a h2, .shop-listing article a h4 { font-size:1.9em; }
	.campaign .intro-block p { font-size:1.8em; }
	
}

@media (max-width:590px){
	
	.hero-wrap .slide .img-holder { height:300px; }
	.home-banners a p { font-size:1.8em; }
	.filter-links ul.options, .hidden-search.links { font-size:85%; }
	
	.highlight-box.two-columns .column { width:100%; float:none; padding:20px 16px; }
	ul.closures span.date { display:block; }
	
	.shop-listing article.odd, .shop-listing article.even, .shop-listing.listing-wrap article.odd, .shop-listing.listing-wrap article.even { width:100%; float:none; padding:0; margin:0 auto 2% auto; }
 	.shop-listing article .text, 	.shop-listing.listing-wrap article .text { width:70%; height:auto; padding-bottom:0; }
	.shop-listing article .image, 	.shop-listing.listing-wrap article .image { width:30%; }
	
	.shop-listing.listing article a h2, .shop-listing article a h4 { font-size:2.2em; }
	
	h2.listing-title { font-size:1.8em; }
	
	.day-list .column { font-size:75%; }
	.day-list .date { width:76px; }
	.day-list ul li { padding-left:85px; }
	
	.main-content .gallery-caption { height:auto; }
	.main-content .gallery-caption h3 { margin-top:-3px; }
	
	.main-content .gallery-buttons { width:100%; top:35%; right:auto; left:0; }
	.main-content .gallery-buttons a { width:32px; height:32px; left:15px;  position:absolute;}
	.main-content .gallery-buttons a.next { left:auto; right:15px; margin:0; }
	.main-content .gallery-caption .text, .main-content .gallery-caption h3 { padding-right:0px; }
	
	.shop-title h1 { font-size:2.3em; }
	.shop-title ul { margin-top:10px; float:none; }
	a.basket-count { top:0; }
	a.basket-count span { display:none; }
	
	h2.shop-listing-title { font-size:1.7em; }
	h2.campaign-masthead { font-size:2.7em; }

	.campaign .intro-block p { font-size:1.6em; }
	
	.page-jump-form label { display:block; padding-bottom:17px; text-align:center; font-size:1.5em; padding-right:0px; }
	.page-jump-form select { display:block; max-width:none;}
	
	.slick-nav-wrap { display:none; }
}

@media (max-width: 480px){
	
	
	.text-content, .highlight-box { font-size:90%; }
	.text-content p.highlight { font-size:2em; }
	
	.hero-wrap .slide .caption { height:auto; padding-bottom:20px; }
	.hero-wrap .slide .img-holder { height:280px; }
	.whats-on-features .hero-wrap .slide .img-holder { height:280px; }

	.main-content .gallery-caption { padding:18px 10px; }
	.main-content .gallery-buttons { right:10px; }
	
	.main-content .gallery-buttons a { left:10px;}
	.main-content .gallery-buttons a.next { left:auto; right:10px;}
	
	.home-banners a p { font-size:1.5em; }
	
	.hero-wrap span.book, .hero-wrap a.book  { display:none; }
	
	.filter-links ul.options, .hidden-search.links { font-size:75%; }
	
	important-notices .notices { font-size:50%; }
	.hidden-search .search { width:100%; }
	
	.hidden-search.links li { width:50%; float:left; text-align:center; height:auto; padding-bottom:8px; }
	.hidden-search.links li a span { display:none; }
	.hidden-search.links li:nth-of-type(even) { padding-right:0; }
	.hidden-search.links li:nth-of-type(odd) { clear:left; }
	.hidden-search.links li a { line-height:normal; padding:17px 6px; display:block;}
	
	.related-items .slide,
	.main-content .banner-links { font-size:70% }
	.related-items .carousel-buttons a.prev { left:10px; }
	.related-items .carousel-buttons a.next { right:10px; }
	.related-items .carousel-buttons a { width:28px; height:28px;background-size:cover; }
	.items-wrap, 	.products .items-wrap { padding:0 50px; }

	.shop-page nav.sub { font-size:1.4em;  }
	
	h2.listing-title  { line-height: normal; height:auto; padding:25px 0; margin:0;}
	h2.listing-title span { display:block; }
	.proceed .actionwrap { width:65%; }
	.day-list .column { font-size:67%; }
	.day-list .date { width:66px; }
	.day-list ul li { padding-left:75px; }
	.shop-title h1 { font-size:2.2em; }
	.sidebar .banner-link { font-size:80%; }
	h2.shop-listing-title { font-size:1.5em; }
	.single-column-page .text-content .portrait-image { width:45%; padding:0 0 15px 15px; }
	.event-list-ruled li { padding-right:0px; font-size:1.5em;}
	.event-list-ruled li a { position:relative; right:auto; top:auto; margin-top:18px; display:block; }
	.slick-buttons { hegight:28px; margin-top:-14px; }
	.slick-next,
	.slick-prev { width:28px; height:28px; background-size:cover; }
	.slick-caption-holder > div { font-size:80%; }


}

@media (max-width: 420px){
	
	.logo { width:210px; height:auto; }
	.hero-wrap .slide .img-holder { height:200px; }
	.whats-on-features .hero-wrap .slide .img-holder { height:200px; }
	nav#main li a { font-size:1.3em; }
	.hero-wrap .carousel-buttons {  top:22%; }
	.carousel-buttons a { left:8px; }
	.carousel-buttons a.next { right:8px; }
	
	footer nav ul { overflow:hidden; }
	.footer-secondary li { width:50%; padding-bottom:9px; float:left; }
	
	.home-banners .banner-link img { padding:10px 0 10px 10px; }
	.home-banners a .text { padding:14px 10px 19px; 10px; }
	.home-banners a p { font-size:1.3em; }
	
	footer p { font-size:1.2em; }
	
	.page-title-wrap, .single-column-page .page-title-wrap, .shop-page.single-column-page .page-title-wrap { padding:22px 16px; margin-bottom:10px; }
	.shop-page.single-column-page .page-inner, .page-inner, .shop-detail .main-content { padding: 0 16px 25px 16px; }
	.single-column-page .page-inner { padding: 0 16px 25px 16px; }
	.page-title-wrap a.mobile-nav-toggle { right:0px; width:45px; height:45px; top:25px;  }
	.page-title-wrap h1.sectiontitle, .page-title-wrap h2.sectiontitle, .page-title-wrap h1, .page-title-wrap p { padding-right:45px; }
	.shop-detail .page-title-wrap h1 { padding-right:0; }
	.text-content ul li { padding-left:1em; }
	nav.sub > ul { margin-top:16px; }
	
	.page-title-wrap  { font-size:78%; }
	.input-wrap label, .opts { width:100%; float:none; display:block; padding:0 0 13px 0; }
	.input-wrap input, .input-wrap select, .input-wrap textarea { float:none; width:100%; }
	.opts { padding-top:20px; }
	.prayer-intro p { font-size:2.7em;  }
	
	.paginator h5, .paginator ul { display:block; padding-bottom:0.4em; }
	.paginator li { padding:0 15px 0 0; }
	.search-results article a h4 { font-size:1em; }
	.feature-link h2 { font-size:1.5em; }
	
	/* what's on filters */
	.filter-links ul.options, .hidden-search.links { font-size:70%; }
	#filter-date h3, #filter-types h3 { width:25px; height:25px; background-size:contain; background-position:0 0; padding:0; margin:18px 9px 0 0;}
	.filter-links ul.options { padding-top:18px; }
	.filter-links ul.options li { float:left; padding-right:16px; }
	
	#calendar.hidden-search { padding:20px; }
	.datepickerelement { width:100%; padding:10px; }
	
	.summary-block { margin-top:-20px; }
	.summary-block .details ul li { width:100%;float:none;}
	.summary-block .details h3 { padding:15px 0; }
	.summary-block .details .action-link { margin-top:15px; }
	
	.shop-listing article a h2 { padding-top:13px; font-size:2em; }
	.shop-listing article .text { padding-left:10px; }
	.shop-listing article a.cat { padding:16px 10px; }
	
	.basket .item { width:45%; font-size:90%; padding-right:10px; }
	.basket .quantity { width:30%; }
	.basket .quantity a { margin:9px 9px 0 9px; width:22px; height:22px; background-size:cover; }
	.basket .quantity input { width:38px; height:38px; }
	.proceed > p { display:none; }
	.proceed .actionwrap { width:100%; float:none; }
	.basket .update-button .link, 
	.proceed .link { width:100%; }
	.shop-page nav.sub { font-size:1.3em; padding:13px 10px; width:49%; }
	.products .items-wrap img { width:50px; }
	.products .items-wrap a h3,
	.products .items-wrap a p.cost { padding-right:58px; padding-top:0; }
	.related-items { margin-bottom:0; }
	
	tr.details table h4 { height:55px; }
	
	.day-list .column { font-size:64%; }
	.day-list .date { width:56px; }
	.day-list ul li { padding-left:65px; }
	.day-list ul { padding:15px 0 15px 30px; background-position:0px 16px; }
	.day-list h2 { background-position:2px 1px; padding-left:30px; font-size:1.6em; }
	
	.day-list.sermon-list ul { padding-left:30px; background:none; }

	.main-content .gallery-buttons { top:28%; }
	.shop-title ul, a.basket-count  { font-size:1.4em; }
	h2.shop-listing-title { font-size:1.35em; }
	
	
}

@media (max-width: 320px){
	
	.page-title-wrap  { font-size:80%; }
	.logo { width:200px; height:auto; }
	.whats-on-features .hero-wrap .slide .img-holder { height:200px; }
	.hero-wrap .slide .img-holder { height:170px; }
	.prayer-intro p { font-size:2.4em; }
	.filter-links ul.options, .hidden-search.links { font-size:65%; }
	.hidden-search.links { font-size:50%; }
	.page-title-wrap h1.sectiontitle, .page-title-wrap h2.sectiontitle, .page-title-wrap h1, .page-title-wrap p { paddig-right:0px; padding-left:0; background:none;}
	.main-content .banner-links a { padding:8px; }
	.day-list h2 { font-size:1.5em; }
	.day-list .column { font-size:59%; }
	.main-content .gallery-buttons { top:32%; }
	.shop-title h1 { font-size:2em; }
	.shop-title ul { font-size:1.3em; margin-top:16px; }
	.shop-title a.basket-count { padding-left:28px; }
	h2.shop-listing-title { font-size:1.3em; }
}

/* Add this */
.addthis_sharing_toolbox { margin-bottom:20px; }

/* Colorbox plugin
====================== */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxContent,#cboxLoadedContent,#colorbox{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxContent{margin-top:32px}#cboxLoadedContent{background:#000;/*padding:20px;*/}body.id #cboxLoadedContent,body.in #cboxLoadedContent,body.ps #cboxLoadedContent,body.rw #cboxLoadedContent{background:#fff;padding:15px}#cboxLoadingGraphic{background:url(images/loadingAnimation.gif) center center no-repeat}#cboxLoadingOverlay{background:#fff}#cboxTitle{position:absolute;top:-22px;left:0;color:#000}#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(images/macFFBgHack.png) 0 0 no-repeat}#cboxPrevious.hover{background-position:0 -25px}#cboxNext.hover{background-position:-25px -25px}#cboxClose{right:0}#cboxClose.hover{background-position:-50px -25px}.cboxSlideshow_off #cboxPrevious,.cboxSlideshow_on #cboxPrevious{right:66px}.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px}.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0;right:44px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px}#cboxClose,#cboxNext,#cboxPrevious{width:34px;height:34px;background:url('../images/bg-modal-buttons.png') no-repeat 0 0;border:0;z-index:9999}#cboxPrevious{background-position:-68px 0;right:75px}#cboxNext{background-position:-34px 0;right:37px}.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight,.cboxIE #cboxTopCenter,.cboxIE #cboxTopLeft,.cboxIE #cboxTopRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)}


/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000; opacity:0.8!important; }


/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block }
[dir='rtl'] .slick-slide { float: right }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none }