/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700|Raleway:200,300,300i,700,700i');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400&display=swap');




/* ================ FREE SUBSTITUTES =================== */

/** HEADINGS **/






/** BODY TEXT **/






@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}


body {
	font-family: 'Open Sans',   Arial, sans-serif;
	font-size:18px;
	color: #101010;
	font-weight:400;
}

@media (max-width:767px) {
	body {
		font-size:20px;
	}	
}
@media (max-width:350px) {
	body {
		font-size:18px;
	}	
}


body > .fb_iframe_widget { 
	display:none;
}

.visible-xxs { display:none; }
@media (max-width:375px) {
	.hidden-xxs {
		display: none !important;
	}
	span.visible-xxs {
		display:inline !important;
	}
	div.visible-xxs {
		display:block !important;
	}
}


#live_video {
	position: fixed; 
	z-index:10000; 
	width:100%; 
	top:0px; 
	height:45px;
}
#live_video a {
	text-shadow:none;
	width:250px;
	margin:10px 20px 0 0;
}
@media (min-width:1290px) {
	#live_video {
		top:10px;
	}
}

/*   ========================== navbar ================================  */
ul.nav li {
	letter-spacing:-0.02em;
	
}

#nav_top nav {
	-webkit-transition: height 1s ease-in-out;
	-moz-transition: height 1s ease-in-out;
	transition: height 1s ease-in-out;
	/*overflow:hidden;*/
	margin-bottom:0;
	
	border:0;
	background: rgba(126,118,105, 1);
	
}

#nav_container {
	border-bottom:1px solid rgba(255,255,255,0.5);
}

@media (min-width:992px) {
	
	#nav_container {
		top:120px;
		position:relative;
	}
	#nav_top nav {
		/*top:120px;*/
	}
}
@media (max-width:991px) {
	#nav_top nav {
		top:0px;
	}
}

#logo-xs {
	background-image:url(/wp-content/uploads/2020/01/logo-mobile.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:226px;
	height:47px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}

/*body.shrink #nav_top nav {
	height:35px;
}*/

/*#nav_top nav::before {
	display:block;
	content:'';
	height:100px;
}*/

#nav_top h1 { 
	display:block;
	height:120px;
	position:fixed;
	width:100%;
	left:0;
	top:-40px;
	background:#AC9F8F url(/wp-content/uploads/2020/01/banner_christ.jpg) no-repeat 0 0;
	background-size:contain;
	border-bottom:1px solid rgba(256,256,256,0.3);
}
@media (max-width:991px) {
	#nav_top h1 { 
		/*z-index:1032;*/
	}
}

#nav_top h1>a { 
	display:block;
	height:120px;
	width:100%;
	text-decoration:none !important;
	position:relative;
}
#nav_top h1>a>span.title-text { 
	display:block;
	position:absolute;
	left:25%;
	top:28px;
	background:url(https://asms.uk/wp-content/uploads/2021/04/logo-masthead.png) no-repeat 0 0;
	text-indent:-99999px;
	width:542px;
	height:28px;
	/*text-transform:uppercase;
	color:#111;
	text-shadow: 0px 0px 3px #AC9F8F;
	font-weight:bold;*/
}
@media (max-width:1289px) {
	#nav_top h1 {
		background-position:-150px 0;
	}
	#nav_top h1>a>span.title-text {
		left:12%;
	}
}

#nav_top nav .navbar-inner {
	margin-top:-28px;
}
@media (max-width:991px) {
	#nav_top h1 {
		background-size:cover;
		font-size:28px;
	}
	#nav_top nav .navbar-inner {
		margin-top:0px;
	}
}


@media (max-width:767px) {
	#nav_top h1 {
		height:50px;
		background-position:-7000px 0;
	}
	
	#nav_top h1 {
		font-size:20px;
	}
	#nav_top h1>a>span.title-text {
		top:14px;
		left:12px;
	}
	#nav_top nav .navbar-inner {
		/*margin-top:-105px;*/
	}
}

@media (max-width:375px) {
	#nav_top h1 {
		font-size:16px
	}
	#nav_top h1>a>span.title-text {
		top:16px;
	}
}


.navbar-default { background: rgba(255,255,255, 1); }

.navbar-inverse{ /*background: rgba(126,118,105, 1);*/ background:none; z-index:1031; }

.navbar::before {
	/*background: rgba(126,118,105,0.5) !important;*/
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	

}



	
	#nav_top nav .navbar-brand  {  /* logo */
		top:0px;
		height:85px;
		padding:0;
		top:10px;
		left:-50px;
		position:relative;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	

	
	
	
	#nav_top.shrink nav  .navbar-brand {  /* logo */
		/*top:-450px*/
		top:2px;

	}
	
	#nav_top nav .navbar-brand img {  /* logo */
		width:236px;
		/*border:1px solid #f0f;*/
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}



@media (min-width:992px) {
	#nav_top.shrink nav  .navbar-brand img {
		width:200px;
	}
}

	
	
	
	#nav_top.shrink nav .navbar-brand  img {  /* logo */
		
	}


	
	#menu_my_bootstrap_menu_settings_top-nav {
		/*height:500px;*/
		background: rgba(126,118,105, 1);
		border-left:1px solid rgba(256,256,256,0.3);
	}
@media (min-width:992px) {
	#menu_my_bootstrap_menu_settings_top-nav {
	    margin-top: 28px;
    	height: 44px !important;
	}
}


	
	#menu_my_bootstrap_menu_settings_top-nav #menu_my_bootstrap_menu_settings_top-nav_container {
		display:block;
		width:100%;
		position:relative;
		/*top:25px;*/
		-webkit-transition: top 1s ease-in-out;
		-moz-transition: top 1s ease-in-out;
		transition: top 1s ease-in-out;
	}
	
	#nav_top.shrink  #menu_my_bootstrap_menu_settings_top-nav_container {
		/*top:15px;*/
	}
	
	
	ul.nav li {
		font-size:16px;
		letter-spacing:-0.02em;
	}
	ul.nav li a {
		color:#000
	}	
}


	#nav_top nav .navbar-brand img {  /* logo */
		width:450px;
	}


@media (min-width:1600px) {
	#nav_top n158av .navbar-brand img {  /* logo */
		width:575px;
	}

	#nav_top nav .navbar-brand  { 
		left:-15px;
		
	}
}


@media (max-width:1289px) {

/*	#nav_top nav.navbar-default {
		height:190px
	}*/


	
	#nav_top .navbar-default .navbar-nav {
		/*border:1px solid #0f0;*/
		
	}
	ul#menu_my_bootstrap_menu_settings_top-nav_outer_list li {
		/*border:1px solid #0f0;*/
		font-size:16px;
	}
	
	#nav_top.shrink .navbar-default .navbar-nav {
		
	}
	
	#nav_top nav .navbar-brand img {  /* logo */
		width:200px;
	}
		
	#nav_top nav .navbar-brand  {
		top:0px;
		left:-30px;
		position:relative;
		padding:10px 0 0 0;
	}
	
	ul.nav li {
		font-size:16px;
		/*font-family: 'Open Sans',   Georgia, Times, serif;*/
		color:#00FF00;
	}
}


/*  == cheeky fix for navbar logo with different breakpoints === */

@media (min-width:320px) and (max-width:991px)  {
	.navbar-brand.visible-xs {
		display:block
	}
}

@media (max-width:991px)  {

	#nav_top nav .navbar-brand img {  /* logo */
		width:200px;
		height:auto;
		
	}
		.navbar-brand.hidden-xs {
		display:none
	}
}

/* =============================================================*/

#nav_top nav .navbar-brand, #nav_top.shrink nav .navbar-brand  { display:none; }

@media (max-width:991px) {
	
	

	
	
	#menu_my_bootstrap_menu_settings_top-nav  {
		background: rgba(126,118,105, 0.9);
		box-shadow: 0 5px 5px rgba(0,0,0,0.075);
		margin-top:6px;
	}


/*	header #nav_top nav.navbar-default, #nav_top.shrink nav.navbar-default {
		height:65px;
		overflow:visible;
	}*/
	
	
	header #nav_top nav .navbar-toggle {
		margin-top:12px;
	}
	
	header .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background:none;
	}
	

	header #nav_top nav .navbar-brand, header #nav_top.shrink nav .navbar-brand  {
		display:block;
		top:0px;
		position:relative;
		padding-top:2px;
		left:10px;
		height:35px;
	}
	
	header #nav_top nav .navbar-brand > img {
		width:200px;
		/*opacity:0;*/
	}
	

	/*body.shrink #nav_top nav .navbar-brand > img {
		width:180px;
		opacity:1;
	}*/



	header .navbar-default .navbar-nav > .active > a::after {
		content:' ';
		display:none;
		
	}
	header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:active {
		background:#eee;
		color: #990000;
	}



	header .navbar-inverse .navbar-nav>li>a { color:#F3F2ED; }
	header .navbar-inverse .navbar-nav>.open>a, header .navbar-inverse .navbar-nav>.active>a, header .navbar-inverse .navbar-nav>.open>a, header .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
		background:#900;
		box-shadow: none;
	}

	header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#fff;}
	
	header .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
		color:#fff;
		background:#900;
	}
	
	header .navbar .navbar-nav .open .dropdown-menu > .active > a::before {
		content:'\f0da';
		display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
		margin-right:5px;
	}

		#logo2 {
			display:none
		}

	
}


/* ===================== cookie warning ======================================= */
.privacy_alert {
	position:fixed;
	bottom:0;
	width:100%;
	z-index:999999;
}
#eu-cookie-law.negative {
	background-color:rgba(0,0,0, 0.5) !important;
}


.breadcrumb {
	background:none;
	margin-bottom:0;
	font-size:18px;
}

@media (max-width:767px) {
	.breadcrumb {
		font-size:16px;
	}
}

.breadcrumb hr {
	margin-top:10px;
	margin-bottom:10px;	
}


/*   ========================== links  ================================  */

a{color:#900; text-decoration:none; font-weight:400; }
a:hover{color:#c00; text-decoration:underline;}
a:focus{color:#f00s; outline:0px none; text-decoration:none; }



#main_page_content a {  text-decoration:none; }


/*   ========================== buttons  ================================  */

.btn { 
	font-weight:normal !important; 
	background-image:none !important; 
	filter:none !important; 
}
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger, a.fg-white { color:#fff; }

.btn-primary {
	background-color:#7E7669;
	border-color:#AC9F8F;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:focus {
	background-color:#fd9d00 !important; 
	border-color:#fd9d00;
}

.btn-info {
	background-color:#4fbfbf;
	border-color:#52b3b3;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
	background-color:#5ad2d2 !important; 
}


/*   ========================== headings ================================  */

h1, h2, h3 {
	font-family: 'Playfair Display', serif;
	font-weight:100;
}

/*h1.page-header { 
	display:block;
	height:100px;
	position:fixed;
	z-index:1050;
	width:100%;
	left:0;
	top:-40px;
	background:#AC9F8F url(/wp-content/uploads/2020/01/banner_christ.jpg) no-repeat 0 0;
	background-size:contain;
	border-bottom:1px solid rgba(256,256,256,0.3);
}
h1.page-header>a { 
	display:block;
	height:100px;
	width:100%;
	text-decoration:none !important;
	position:relative;
}
h1.page-header>a>span { 
	display:block;
	position:absolute;
	left:33%;
	top:20px;
	text-transform:uppercase;
	color:#111;
	text-shadow: 0px 0px 3px #AC9F8F;
}*/
@media (max-width:991px) {
	h1.page-header>a>span {
		left:10%;
	}
}


h2 { 
	font-size:36px;
}

h2#the_title { 
	font-size:56px;
	color:#292E2A;
}

@media (max-width:991px) {
	h2 { font-size:36px; }
}

h3 { 
	font-size:28px;
	color:#000;
	letter-spacing:-0.02em;
	font-weight:200;
	margin:0 0 15px 0;
}
h4 { 
	font-size:24px;
	color:#444;
	letter-spacing:-0.02em;
	margin:15px 0 15px 0;
	font-weight:400;
}

.panel-heading h3 {	
	font-size:24px;
}


.lead { 
	font-size:20px;
	letter-spacing:0.01em;
	line-height:1.3;
}

.jumbo { 
	font-size:36px;
	letter-spacing:-0.01em;
	font-weight:100;
	line-height:1;
}

small {
	font-size:75%;
}

.bg-grayLight hr {
	border-top:1px solid #ddd;
}
.bg-beigeLight hr {
	border-top:1px solid #D8D4CA;
}

/*   ========================== main body ================================  */

#main_page_content {
	padding-bottom:100px;
	min-height:500px;
}


.main-copy {
	margin-bottom:50px;
}

.main-copy h2 {
	margin:0 0 20px 0;
	padding-bottom:20px;
	min-height:65px;
	letter-spacing:-0.03em;
	border-bottom: 1px solid #eee;
}
/*.main-copy a {
	font-weight:bold;
}*/


/*   ========================== crumbtrail ================================  */

strong.current { font-weight:normal;}

/*   ========================== left nav ================================  */

.left-nav h2 {
	display:none;
}
.left-nav h3 {
	font-size:28px;
}
.left-nav h3.panel-title {
	font-size:24px;
	color:#555;
}

.left-nav ul.menu {
	padding-left:0
}


.left-nav ul.menu  li, .left-nav ul.menu.related  li {
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	font-size:18px;
	display:block;
	position:relative;
	margin:2px 0;
	border-bottom:1px solid #ddd;
}
.left-nav ul.menu  li:hover, .left-nav ul.menu.related  li:hover {
	background-color:#E5E3DE;
}

.left-nav ul.menu  li.current_page_item {
	/*border-left:2px solid #c58b03;*/
	background-color:#E5E3DE;
}

.left-nav ul.menu  li a {
	display:block;
	padding:10px 5px 10px 10px;
}

.left-nav ul.menu  li a, .left-nav ul.menu.related  li {
	color:#777;
}
.left-nav ul.menu.related  li a {
	color:#a57d1f;
	padding-right:30px;
}

.left-nav ul.menu  li a:hover {
	color:#666
}
.left-nav ul.menu.related  li a:hover {
	color:#25c7ba;
}

.left-nav ul.menu  li.current_page_item a {
	color:#a57d1f;
	
}
.left-nav ul.menu  li.current_page_item a:hover {
	color:#de7300;
}

.left-nav ul.menu  li a::before, .left-nav ul.menu.related  li a::after {
	/*content:"\f061";
	display:inline-block;
	font-family:'FontAwesome';
	font:normal normal normal 10px FontAwesome;
	font-size:18px;text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#ccc;*/
	content:"";
	display:inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAXCAYAAABEQGxzAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAATrSURBVHjaYvz//z/DcAIAAcQCIu7cuQOi/yCJMwHxfyhmAHmakZERXQ0zEP/FYt4fKrlNE4htgHg21H6cCkHyqqqqYDZAADFBxdyA+BQQi0L53EC8B4hLQByoYbFAfBCIuaBqQGpPAHEAktkVQLyeSh7qBeJmIGbF5xl0ABBAMA/tA2IOIJ4F5X8G4hVA3A3EulAxkENVoRaBwAsg3gnES4BYBCq2CIi9gLiYQs9YALEnEIsDsT8pGgECCOahH0AcCg3tUKjYbCDeCnUwSN0HIA4D4gwgdoSqaQDi20gB8QiI44G4B4jVKPBQDBK7HojZiNUIEEBMSOybQFwGxPOQQjwZGisVUP4RIJ4CxEuhyRKUx6KAOBDqWQZozG6CqiEXGCGxdYC4nFiNAAHEhMYHhewtIJ4J5b8E4hQgbgViLagYyNP/kJLedSCuhAYELA+mQtWTm/R40fi1QOxMjEaAAAJ7iIkJ7i9QiEcDcRAQB0PFlgHxZmjSA+XO71A16UiWdEKT3mwo/xU0IMhNep/Q+KxAvByIDbApRi40AAII7BMWFhZk+RvQKJ4PxMJIIa4BK/Wgpd0MqCd5kJIeKAOHQ9WAHLCFzKR3HIsYKPa3Q4tynAAggJiQy3IkACrd7kAdDUt6UdCkBwvxbGhsISe9AmhyFUPK3MpkJL0+aCyjAwkg3gXEOdDUggEAAogR5JFHjx4x/Pz5E73yAlVs54A4F4hPQitMUIz8gpZ0v4HYFYgnQB1+CWrJVqi+WqgakFwpEPsA8XNcDkEDv6HqW/CUcIehAb8XiL+pqKiABQECCJ+HGKCOzUfi/wRidiT+X2iLARn8QnPEb2geIBX8gOpjJqDuKBA3Aj20G8QBCCAWPAoloJm/C4gPQR3aDs0zpdAYM4KGIqiUuwz1ICjJPQXiNqgaUCwWQfMhsTEE0mcKxDV4PPQQWoWAKvzHMEGAAMIXQ9ug9ZEZUu19GJopT0LFTkEdHwjlh0JbC6C64y5U7B4Qr4UGArEAVMedgRZE2MAUaKX+FiYAS3IAAcQCK/bQPBMLbXrACgBQrGwE4klIngEZqA1N6yAgDS3RSpA8Mwda8NSQmNwKcXgGlOTToIGGFQAEENhDv3//Rk9qs6DJ5DZSXgKVaFVQvh60SRKBVBotAOLTUE+DgAu0pWENdQgpAFsl+gvaGtmETyNAAIE99O/fP2QxUI1/EYj7kVriyA5jgsbEBiBeCVWTBHWEClKSWQL13DEyCgQRLGIZuDyDXOUABBALlkahJ7T9BmuCgBw2EclhoFhSBGInpKQ2A1q830OqR36T0gbDUsIhgznQip4gAAggJrSkNhtaOd6Bik2EGg5rnGpD+yigGHmNlNRA+WoqlO8ETefRWBxGLLiGxH5GSsAABBATEr0YiC9APcEAbcYkQmPtB7S/tApaTK6CqsmEeiAWyheCtranQYt6csEqJDaonfiOWI0AAQTzkAMQK0BDlQHaKy2C1sQwhwVB6TQoLQxlg9L2A6TuxkMSi2hsANRxPA/EX6EpgGgAEEDgeujOnTuc0DT/B2m8gANqIGxMgRta0v1DagGzQMVgakDF+xcc7UPiHQWpQpyg+bmUkDkgeTU1SA0DEEAwD+Gv5bi5Gb5+/YpXjaioKMPr168xxMgBSOaAB13Y2dkZ+Pj48Orh5+cH0wABBgAaWT1nbTTjOQAAAABJRU5ErkJggg==);
	width:55px;
	height:25px;
	position:absolute;
	right:30px;
	top:10px;
	line-height:1.3;
	opacity:0;
	-webkit-transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-moz-transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out;

}
.left-nav ul.menu  li a:hover::before, .left-nav ul.menu.related  li a:hover::after {
	opacity:1;
	right:10px;
}


.left-nav ul.menu.related  li a::before {
	display:none;
	content:" ";
}
.left-nav ul.menu.related  li a::after {
	content:"\f08e";
	position:absolute;
	left:auto;
	right:30px;
	top:10px;
	color:#ccc;
}


.left-nav ul.menu li a:hover {
	text-decoration:none;
	color:#aaa;
}

.left-nav ul.menu  li a:hover .title {
	text-decoration:underline;
}
.left-nav ul.menu  li a .fa {
	position:absolute;
	top:5px;
	right:10px;
	opacity:1;
}
.left-nav ul.menu  li a:hover .fa {
	opacity:0.4;
}

/*   ========================== colours ================================  */


.fg-pink { color:#CC0099 !important;}
.bg-pink { background:#CC0099 !important;}
.border-pink { border:1px solid #CC0099 !important;}


.fg-gray { color:#999 !important;}
.bg-gray { background:#999 !important;}
.border-gray { border:1px solid #999 !important;}

.fg-grayLight { color:#ccc	 !important;}
.bg-grayLight {	background:#eee  !important;}
.border-grayLight { border:1px solid #eee !important;}

.fg-grayDark { color:#767A79 !important;}
.bg-grayDark {	background:#767A79  !important;}
.border-grayDark { border:1px solid #767A79 !important;}

.fg-black { color:#000 !important;}
.bg-black { background:#000 !important;}
.border-black { border:1px solid #000 !important;}

.bg-black50 { background:rgba(0,0,0,0.5) !important;}



.fg-blue { color:#337ab7 !important;}
.bg-blue { background:#337ab7 !important;}
.border-blue { border:1px solid #337ab7 !important;}

.fg-blueLight { color:#5bc0de !important;}
.bg-blueLight { background:#5bc0de !important;}
.border-blueLight { border:1px solid #5bc0de !important;}
	




.fg-green { color:#5cb85c !important;}
.bg-green { background:#5cb85c !important;}
.border-green { border:1px solid #5cb85c !important;}

.fg-greenLight { color:#78950E !important;}
.bg-greenLight { background:#78950E !important;}
.border-greenLight { border:1px solid #78950E !important;}

.fg-teal { color:#336666 !important;}
.bg-teal { background:#336666 !important;}
.border-teal { border:1px solid #336666 !important;}

.fg-tealLight { color:#B5CDCD !important;}
.bg-tealLight { background:#B5CDCD !important;}
.border-tealLight { border:1px solid #B5CDCD !important;}

.bg-brown { background:#84530d!important;}
.fg-brown { color:#84530d!important;}
.border-brown { border:1px solid #84530d!important;}

a[class*=" border-"]:hover { border-color:inherit !important; }

.fg-beigeDark { color:#7E7669 !important;}
.bg-beigeDark { background:#7E7669 !important;}
.border-beigeDark { border:1px solid #7E7669 !important;}


.fg-beige { color:#D8D4CA !important;}
.bg-beige { background:#D8D4CA !important;}
.border-beige { border:1px solid #D8D4CA !important;}

.fg-beigeLight { color:#F0EEE9 !important;}
.bg-beigeLight { background:#F0EEE9 !important;}
.border-beigeLight { border:1px solid #F0EEE9 !important;}

.fg-purple { color:#7f00ff !important;}
.bg-purple { background:#7f00ff !important;}
.border-purple { border:1px solid #7f00ff !important;}


.fg-red { color:#900 !important;}
.bg-red { background:#900 !important;}
.border-red { border:1px solid #900 !important;}

.fg-redLight { color:#F00 !important;}
.bg-redLight { background:#F00 !important;}
.border-redLight { border:1px solid #F00 !important;}


.fg-yellow { color:#F90 !important;}
.bg-yellow { background:#F90 !important;}
.border-yellow { border:1px solid #F90 !important;}


.fg-white { color:#fff  !important;}
.bg-white { background:#fff !important;}
.border-white { border:1px solid #fff !important;}


.bg-warning {
  background-color:#FFFF99 !important; /*hack becuase it doesn't work*/
}


a.fg-white:hover, a.fg-white:active, a.fg-white:focus {  color:#fff; !important; }
a.border-white:hover,a.border-white:active,a.border-white:focus {  border-color:#ccc; !important; }
a.border-teal:hover,a.border-teal:active,a.border-teal:focus {  border-color:#336666; !important; }


a.active-teal:active, a.active-teal:focus { color: #bcf6f9; }
a[class*=" border-"].active-teal:active, a[class*=" border-"].active-teal:focus { color: #bcf6f9; border-color: #bcf6f9; }
a[class*=" border-"].active-greenLight:active, a[class*=" border-"].active-greenLight:focus { color: #9fa; border-color: #9fa; }
a[class*=" border-"].active-green:active, a[class*=" border-"].active-green:focus { color: #63f37b; border-color: #63f37b; }


.label {
	font-weight:normal !important;
	letter-spacing:0.05em;
}


/*   ========================== links ================================  */
	
	
	a.plain:hover, a.plain:active, a.plain:focus { text-decoration:none !important; }
	
	a.fg-pink {
		color:#CC0099
	}
	a.fg-pink:hover {
		color:#FF99FF
	}

	a.fg-black {
		color:#000
	}
	a.fg-black:hover {
		color:#666
	}
	
	.zoom { cursor:zoom-in;}

/*   ========================== forms ================================  */

label {
	font-weight:normal;
}

select, option {
	cursor:pointer;
}
select option.highlighted {
	color:#F00;
	font-weight:bold;
}

/*   ========================== button group ================================  */

.btn-group .btn-default.active {
	box-shadow:none;
	background:#337ab7;
	color:#fff;
	border-color:#666;
	border-bottom-color:#000;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
}

/*   ========================== home page ================================  */

@media (min-width:768px) {
	body.home #hp2 {
		border-left:1px solid #ddd;
	}
}

<!--
#hp-logo {
	position:absolute;
	top:40%;
	left:15%;
	width:680px;
	height:220px;
	z-index:100;
	background-image:url(/wp-content/uploads/2020/01/footer-logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50%;
	text-indent:-9999px;
	overflow:hidden;
	-webkit-transition: all  0.2s ease-in-out;
	-moz-transition: all  0.2s ease-in-out;
	transition: all  0.2s ease-in-out;
}


@media (max-width:1199px) {
	#hp-logo {
		top:35%;
	}
}
@media (max-width:1023px) {
	#hp-logo {
		top:25%;
	}
}

@media (max-width:991px) {
	#hp-logo {
		top:32%;
		width:500px;
		height:170px;
	}
}
@media (max-width:767px) {
	#hp-logo {
		width:64%;
		top:28%;
		background-image:url(/wp-content/uploads/2019/04/logo-mobile.png);
	}
	.shrink #hp-logo {
		opacity:0;
	}
}-->




body.home .jumbotron {
	padding:20px;
	height:360px;
	max-height:360px;
	overflow:hidden;
	box-sizing: border-box;
}

/*body.home h2 {
	margin-top:0;
	font-size:30px;
	letter-spacing:-0.03em;
}*/

body.home .jumbotron.photo { 
	padding:0; 	height:360px; 
	background-position:100% 0%;
	/*background-size:  100%  auto;*/
	background-size:  cover;
	background-repeat:no-repeat;
}

body.home #hp-worship {
	background: url(/images/furniture/cross.png) no-repeat 5px 15px;
	background-size:34px;
	padding-left:60px;
	padding-top:18px;	
}
body.home #hp-worship h3#thisSunday {
	margin-top:0;
}

body.home .jumbotron#hp-worship a.sunday-link {
	display:block;
	max-height:48px;
	width:320px;
	overflow:hidden;
	text-overflow: ellipsis;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-height: 24px;        /* fallback */
	max-height: 48px;       /* fallback */
}
body.home .jumbotron#hp-worship #worship_links {
	position:absolute;
	display:block;
	width:330px;
	left:30px;
	bottom:50px;
	margin:0;
	padding-top:10px;
	border-top:1px solid #d5d5d5;
	
}

body.home #hp-worship h3 {
	font-size:22px;
	color:#333;
}

body.home #hp-news {
	
}


/*
=====================================================================
				NEWS ITEMS
=====================================================================
			
*/
#hp-news .news-item {
	height:160px;
	overflow:hidden;
	margin-bottom:10px;
}


#hp-news .news-item .item_title {
	line-height:1;
	font-size:14px;
	padding-bottom:10px;
	height:48px;
	width:155px;
	overflow:hidden;
}


@media (min-width:768px) and (max-width:991px) {
	#hp-news .news-item {
		height:auto;
	}
	#hp-news .news-item .item_title {
		width:315px; 
		font-size:18px;
	}
}

@media (max-width:767px)  {
	#hp-news .news-item {
		height:auto;
	}
	#hp-news .news-item .item_title {
		width:auto; 
		font-size:18px;
	}
}

#hp-news #parish_paper_hp {
	padding:0 10px 0 30px;
}


/*
=====================================================================
				EVENT ITEMS
=====================================================================
			
*/



#hp-events .event-item {
	margin-bottom:30px;
	height:274px;
	overflow:hidden;
}
#page-events .event-item {
	margin-bottom:30px;
	height:200px;
	overflow:hidden;
}

#hp-events .event-item-inner, #page-events .event-item-inner {
		overflow:hidden;
		position:relative;
}


@media (min-width:992px)  {

	#hp-events .event-item-inner {
		height:273px;
		width:360px;
	}

	#page-events .event-item-inner {
		height:198px;
		width:230px;
	}

	#hp-events .event-details {
		overflow:hidden;
		width:360px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#page-events .event-details {
		overflow:hidden;
		width:230px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}



@media (min-width:992px) and (max-width:1289px) {
	#hp-events .event-item {
		height:240px;
	}
	#page-events .event-item {
		height:176px;
	}
	#hp-events .event-item-inner {
		width:308px;
		height:240px;
	}
	#page-events .event-item-inner {
		width:200px;
	}
	#hp-events .event-details {
		overflow:hidden;
		width:308px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#page-events .event-details {
		overflow:hidden;
		width:200px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media (min-width:768px) and (max-width:991px) {

	#hp-events .event-item {
		height:270px;
	}
	#page-events .event-item {
		height:270px;
	}

	#hp-events .event-details {
		overflow:hidden;
		width:344px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#page-events .event-details {
		overflow:hidden;
		width:344px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

}

@media (max-width:767px) {
	#hp-events .event-details, #hp-events .event-item, #hp-events .event-item-inner, 
	#page-events .event-details, #page-events .event-item, #page-events .event-item-inner  {
		height:auto;
		white-space: inherit;
		text-overflow: inherit;
	}

}

#hp-events .news-item:hover {
	opacity:0.7;
}



#hp-events .event_cal, #page-events .event_cal {
	position:absolute; 
	top:110px; 
	left:10px; 
	width:60px; 
	background:rgba(0,0,0,0.5);
}


#page-events .event_cal {
	top:10px; 
	left:10px;
}

.event_cal .event_date_number  {
	font-size:32px;
	font-weight:700;
}


@media (max-width:1289px) {
	#hp-events .event_cal {
		top:80px; 
	}
}
@media (max-width:991px) {
	#hp-events .event_cal {
		top:105px; 
	}
}
@media (max-width:767px) {
	#hp-events .event_cal {
		top:10px; 
	}
}

#hp-events .marker {
	position:absolute;
	top:5px;
	right:10px;
}
#page-events .marker {
	position:absolute;
	top:5px;
	right:10px;
}

.item_date, .event_date {
	font-size:13px;
	text-transform:uppercase;
}


/*
=====================================================================
=====================================================================
			
*/



body.home #task_section a {
	line-height:1;
}
body.home #task_section a:hover, body.home #task-bar a:active {
	text-decoration:none
}
body.home #task_section a > img {
	opacity:0.3;
}

body.home #task_section a:hover > img, body.home #task_section a:active > img {
	opacity:1;
}

/*body.home #task-bar a .task_img {
	padding-top: 36%; 
	background-size:cover; 
	background-position:50%;
}
body.home #task-bar a:hover .task_img {
	opacity:0.8;
}
body.home #task-bar a div.img-thumbnail {
	margin-bottom:10px;
}
*/

@media(min-width:992px) and (max-width:1289px)  {
	body.home #task-bar a {
		font-size:18px;
		/*color:#0ff*/
	}
}


@media (min-width: 992px) {
	body.home #task-bar div.task {
		padding:30px;
	}
}
@media(max-width:991px) {
	body.home #task-bar div.task {
		padding-bottom: 20px;
	}
}

@media (max-width: 767px) {
	body.home #task-bar div.task {
		padding:10px 10px;
	}
}






body.home #task-bar .fa, body.home #task-bar .icon  {
	color:#ddd;
}
body.home #task-bar .icon, body.home #task-bar-mobile  .icon  { line-height:.7; }

body.home #hp-worship ul li {
	max-height:50px;
	overflow:hidden;
 	text-overflow:ellipsis;
	padding:2px 0
}

body.home #flyers img {
	max-width:250px
}
@media (max-width:990px) {
	body.home #flyers img {
		max-width:150px
	}
}

/*   ========================== events  ================================  */



div.events div.row {
	width:100%;
	position:relative;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}







{
	padding:5px 0;
	border-bottom:1px solid #ddd;
}

a {
	/*display:block;
	padding:0 5px 10px 5px;*/
	text-decoration:none;
	font-weight:normal;
}

div.events a:hover {
	text-decoration:none;
	background:#F3F3F3;
	color:#003399;
}
a:hover .title {
	text-decoration:underline;
}

	#social_btns {
		
	}
	
	#social_btns.shrink  {
		 /*opacity: 0;
		 position:absolute;
		 top:-80px;*/
	}
	
	
	#social_btns .btn {
		width:34px;
		height:34px;
		margin:5px;
		padding:8px 0 0 0;
		font-size:16px;
		text-align:center;
		opacity:0.3;
		text-shadow:none;
		background:#65696c;
		border:0px none;
		color:#fff;

		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#social_btns .btn:not(:hover) {
	}	
	#social_btns .btn:hover {
		opacity:1;
	}

	.btn.instagram {
		border:0px;
		opacity:0.8;
		background:
	
		/* left bottom */
		radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
		radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
		/* left top */
		radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
		radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
		/* right top */
		radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
		radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
		/* right bottom */
		radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
	
		/* create a base coat to smooth corner gradients */
		linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	
	}
	.btn.instagram:hover {
		opacity:1;
	}
	



/* --------------------------------*/




#calendar_column .popover {
	background:#FFFFCC;
	top:235px
}

#Calendar { position:relative; }
#Calendar .popover {
	background:#FFFFCC;
	top:270px
}

#calendar_column .popover .arrow::after, #Calendar .popover .arrow::after {
	border-bottom-color:#FFFFCC;
}

#tribe-events .tribe-events-button,  .tribe-events-button {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	background:#265a88;
}

.tribe-events-cal-links {
	padding:10px 0;
}

a.tribe-events-gcal, a.tribe-events-ical {
	float:none;
}

@media (max-width:767px) {
	a.tribe-events-gcal, a.tribe-events-ical {
		display: block;
		width: 100%;
		clear:both;
	}
}


a.tribe-events-ical::before {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	content:"\f073";
}


.tribe-events-meta-group h3.tribe-events-single-section-title {
	font-size:24px;
	font-weight:bold;
}

.tribe-events-meta-group.tribe-events-meta-group-details, .tribe-events-meta-group.tribe-events-meta-group-venue {
	width:50%;
	margin-left:0;
	padding-left:0px;
}
@media (max-width:991px) {
	.tribe-events-meta-group.tribe-events-meta-group-details, .tribe-events-meta-group.tribe-events-meta-group-venue {
		width:100%;
	}
}

@media (min-width:320px) {
	.tribe-events-meta-group  .dl-horizontal dt {
		float: left;
		width: 100px;
		clear: left;
		text-align: right;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tribe-events-meta-group  .dl-horizontal dd {
		margin-left: 120px;
	}
	.tribe-events-meta-group  .dl-horizontal dd::before {
		display:none;
	}
}


/*.tribe-events-meta-group  dl dt::before {
	content:' ';
	clear:both;
	display:block;
	border:1px solid #f0f;
}*/

.tribe-events-meta-group.tribe-events-meta-group-gmap {
	width:100%;
	clear:both;
	border:1px solid #999;
	padding:0;
	float:none;
}
@media (min-width:992px) {
	#tribe-events-gmap-0 {
		height:500px !important;
	}
}


.tribe-events-gmap::before {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	content:"\f278";
	padding-right:5px;
}

.tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details {
	font-style:normal;
}
.tribe-country-name { display:block;}

/* main tribe events calendar*/

#tribe-events-content table.tribe-events-calendar {
	font-size:18px;
	border:none;
}

.tribe-events-calendar thead th {
	background:none;
	color:#000;
	text-transform:none;
	font-weight:100;
	border-width:0 0 1px 0;
	border-bottom-color:#ddd;
}

#tribe-events-content .tribe-events-calendar td {
	border-color:#ddd;
}


.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {
	color:#000;
	font-size: 18px;
	font-weight:100;
	background:#ddd;
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
}

.tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a {
	font-size: 18px;
	font-weight:100;
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
	background-color:#CC00FF;
}

#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title {
	font-size:12px;
	border-bottom:1px dotted #ccc;
	padding:1px;
}

.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {
	font-weight:100;
}

#tribe-events-header {
	margin-bottom:0;
}

.tribe-events-list-separator-month::after {
	top:0;
	position:static;
	border:0;
	border-bottom:1px solid #ddd;
	height:10px;
	display:none;
}

.tribe-events-list-separator-month {
	text-align:left;
	padding:0;
	margin:30px 0 30px 0;
	font-weight:normal;
	color:#000;
	font-size:28px;
}

.tribe-events-list-separator-month + .type-tribe_events.tribe-events-first {
	padding-top:0; 
}

.tribe-events-list-separator-month span {
	padding:0;
}

.tribe-events-list .type-tribe_events {
	padding:0;
}

.tribe-events-list .single-event {
	border-bottom:1px solid #ddd;
	padding:10px 0;
	margin-bottom:10px;
}
.tribe-events-list .single-event a {
	display:block;
}
.tribe-events-list .single-event a:hover {
	opacity:0.6
}

#tribe-bar-views {
	display:none;
}

#tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
	position:static;
	right:0;
	width:100%
}
#tribe-bar-form input[type="text"] {
	border:1px solid #ccc;
	font-size:18px;
	font-weight:normal;
}
.tribe-bar-filters label {
	width:0px;
	height:0px;
	text-indent:-99999px;
	display:inline-block;
}

.event-time {
	margin-left:30px;
}

.tribe-events-day .tribe-events-day-time-slot h3 {
	padding-bottom:10px;
}

tribe-bar-filters {
	background:#eee !important;
}
#tribe-bar-form input[type=text] {
	font-style:normal !important;
	background:#fff !important;
}
.tribe-bar-date {}

.tribe-bar-submit {
	width:100% !important;
	margin:0 !important;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
	max-width:150px !important;
	font-size:14px !important;
	background:#999 !important;
    padding: 6px 12px !important;
}


#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
	background-color:#900;
}

/*   ========================== fadein effect  ================================  */

.fade-in > div {
		opacity:0;
		/*-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		*/
}



/*   ========================== accordions  ================================  */

#accordion .panel, #accordion .panel-body { background:none; border:0; box-shadow:none; z-index:0; }
#accordion .panel-heading { background:#eee; border:0; box-shadow:none; z-index:0; }
#accordion .panel-title {
    font-size: 20px;
	background:#eee !important;
}

#accordion .panel-title.bg-grayLight {
	background:#eee !important;
}


.panel.bg-red { background:#900;}


a .fa-chevron-down { 
	width:20px;
	height:20px;
	text-align:center;
}
a.collapsed .fa-chevron-down::before { 
	content: "\f054";
}

.panel-collapse {
	margin-left:15px;
	border-left:0px none;
}

/*.modal-backdrop { z-index:888888 !important; }
.modal-dialog { z-index:999999 !important; }*/

.modal-body .panel-collapse {
	margin-left:0px;
	border-left:0px none;
}

.modal-only { display:none;}
.modal-body .modal-only { display:inherit; }


.modal-dark .modal-body, .modal-dark .modal-header, .modal-dark .modal-footer {
	background:#000;
	color:#fff;
	opacity:1 !important;
}
.modal-dark .modal-header h4, .modal-dark .modal-header .close {
	color:#fff;
	text-shadow:none;
}

.modal-dark .modal-footer button {
	background:#000;
	border-color:#fff;
	color:#fff;
	text-shadow:none;
}

/*   ========================== CONTACT FORM  ================================  */

	.fm-form-container.fm-theme3 .fm-form input[type="text"] {
		width:100%;
	}

	.form4 .wdform_page, .form13 .wdform_page {
		font-family: 'Open Sans',   Arial, sans-serif;
	}
	
	.form4 input[type="text"], .form13 input[type="text"] {
		display: block;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		border: 1px solid #ccc;
	}
	.form4 input[type="text"].input_active, .form13 input[type="text"].input_active {
		color:#000;
		border: 1px solid #000;
	}
	
	.wdform-label-section {
		height: 34px;
		padding: 6px 0;
		margin-top:2px;
	}


@media (max-width:991px) {
	
	.form4 .wdform-field {
		width:290px;
	}
	
	.form4 .wdform-page-and-images {
		padding:0;
	}
	.form4 .wdform-label-section, .form4 .wdform-element-section  {
		display:block;
		width:100%;
	}
}




/*   ========================== bespoke styles  ================================  */

.border0 { border:0px; -webkit-box-shadow:none !important; box-shadow:none !important; }

.padding0 { padding:0px !important; }
.padding5 { padding:5px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
.padding20 { padding:20px !important; }
.padding30 { padding:30px !important; }
.padding40 { padding:40px !important; }
.padding50 { padding:50px !important; }

.margin0 {margin:0 !important; }
.margin5 {margin:5px !important; }
.margin10 {margin:10px !important; }
.margin15 {margin:15px !important; }
.margin20 {margin:20px !important; }
.margin-auto {margin:auto !important; }

.large {
	font-size:22px;
	line-height:1.1;
}
.x-large {
	font-size:30px;
	line-height:1.1;
}

.serif {
	font-family: 'Playfair Display', serif;
}

.sans-serif {
	font-family: 'Open Sans',   Arial, sans-serif;
	font-weight:700;
}

.notbold { font-weight:100 !important; }

.btn.btn-circle {
	border-radius:50% !important;
}

img.pull-left, div.pull-left {
    margin: 0 10px 10px 0;
}

div.img-thumbnail {
    display: block;
}

.blocked {
	cursor:not-allowed !important;
}

.badge-bg {
	background:url(/wp-content/uploads/2019/02/bct-badge-bg.png) 50% 50% no-repeat;

}

.spacer5 {
	clear:both;
	height:5px;
	overflow:hidden;
}
.spacer10 {
	clear:both;
	height:10px;
	overflow:hidden;
}
.spacer15 {
	clear:both;
	height:15px;
	overflow:hidden;
}
.spacer20 {
	clear:both;
	height:20px;
	overflow:hidden;
}







.fa.fa-cross {
	width:55px;
	height:70px;
	background-size:cover;
	background-repeat:no-repeat;	
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABGCAYAAAEfojy0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAaVSURBVHjaYvz//z8DLgAQQEzInHv37qGoBAggJgY8ACCAGEHGouuAAYAAgum8rKSkxAhigGgYGyCAGEA6Yfju3bv/kfkAAYTXToAAwisJEEDokm+QHQcQQOh2WiPzAQKIBSkAngApaZD3YGIAAYTXtQABxAgU6AYqKkF3DMivAAEEUi2OSydAAOE1FiCA8PoTIIDwSgIEEBOSV1zQJQECiBFbSgAqFAZSHUCcAsT/gC5nRlcDEECMuJIQLIjhUYsGAAKICVfSwmGYKEwdQADhTV14QDNAAJHtVIAAYmIgEwAEENkaAQKICYcztxDSCBBAKGkHHQPTUjYuOYAAwqdJDZ+hAAGEK+X8AFLsQLwSiAuAIfsCXQ1AAGH1I1AhB5QZDsQXsKkBCCCCoQo0RAKbOEAAkR0dAAHEBEslQKxARFoFqWMDsQECiJy0OgHo/EKAAGICaiol0ZUFIAIggLAWGjAxdHEg/xgsfgECiOzcARBAZIcqQACRrREggMjWCBBAZGsECCCyNQIEEBMRqWUTNnGAAGLCFxVA8ByIV2NTAxBA+DJyML6MDBBAjPgaA/gSO77EgQ8ABBDRFhLKQMRaDhBAJPsQ3WJSfQkQQGQnG3IBQAAxYfGBALUMB5rFhy4GEEDItbgKNLh2UtFD26ClqRdMACCAyK39yQKg+AYIIHiiAVrKCqR+AfF3oAQXNRINUO1bICUExFJAdaBMzQAQQExIGn8DqSAgXgNUyEKF+AOZvQGIY2CWgQBAANE9WwAEEN2zBUAA0d1CgACiu4UAAUR3CwECiO4WAgQQ3WsLgACie30IEEB42+54avXt5OgDCCAmMnw2BUh5AOlVpOoFCCBS4g7UqHGHlrOg3ucfIP4AxMeAQepPjBkAAUSUZUCLdIHUJTxKTIEWniFkDkAAERuM94G4Dog10MQdgDgWiJ8RYwhAAFFUUJOaIgECiK4ZHCCA6GoZQADR1TKAAGKiVWsMap4QMh8ggJBbY4uB1HsgvYdKFq0DUm+B9FaYGEAAIfssBprCXKjU6gqCMuHNPoAAgjX7wqH5SIsGUXUHNNYFtHwuQACBhu4OATm2dEgftwACCOazr0AOFw0t+gkaWgEIIOTG7AMgJQ8a2gN5mdISBKjOH9q2/AxUB+4nAAQQcgIRhhowl0oJZCOUyQ0TAwgg5FYzL5BaDHRRKJWSPigVrkQe/AQIILoWxAABRNfiCiCA6GoZQADR1TKAAKKrZQABRFfLAAKIrpYBBBBdLQMIILpaBhBAdLUMIIDoahlAANHVMoAAIrb5DRpLMQPi80D8FUlKEDoe8gpYTn4hZA5AABHrM0MgPoJmEQi8B+K7QKxDjCEAAURKL+YzkOIBjRQBMScQ/wViUPXxF+grogZyAAKInCoGNDvkDfIp0BKS2i4AAURuz/M7OfoAAoisfjUZtTaoMXUW2uV6B0oDwFB5RGt7AQKIZp4DekiMATIHC5q9Bk2M6SNJgwbzFKEtSHZss23UAAABRFXPQYuAXdBOMKkA1DN3Anr0M7XcAxBA1C4kDZE8dgWICZVlP4H4IhCDQtiE2j0cgACierIExp4bkDoEjIEfhAbdkBu8QHUOQP4BaroFIIBoXqAQ6zlaAIAAovs4Kz0BQAANa88BBNCw9hxAALHgyCegVQ+TgDgQKrQWNF4DqrMG2sHQBkEzA2RhCWjcYD0QZ8EKMGQAEEAYBQpQsyyIQvL4CaBGy8FWoADNBZWs9sjVENA8lFU0AAHEhMXCx9B2OAxYAA1aMZiSG9A9U9E89ghar6IAgACCDaaBmkqzgdhvGGS140AcB4ykOwABBIu5omHiMRAAZaEKEAMggFDyHGgxAZAKgxYkJkPIQ6Am3Bog3gSMMfjsEkAAYStQVIHULSQhUFPKfhAWKKDVHG5IQoFA8zYgqwEIIGwFym0glYMkZAcqmYBYbZAUJuLQ3jKyx3rQPQYCAAE0rNuWAAE0rFsoAAE0rD0HEEDD2nMAATSsPQcQQMPacwABNKw9BxBAw9pzAAE0rD0HEEDD2nMAATSsPQcQQMPacwABRHXPAduS7GTq46W2WwACiNpzBQbQIYrXQHyYATJjh6838QCITwGxIxCLArEZsDF9mlruAQggFioH1n1oXxDkoSAi1CtAMQM0QJ5Q0zEAAUSTLg8wBkWAlCsQ/4COaRxEi0HQ3KwpEMsBMWj71m5gjD2jtjsAAohek48m0OQH67+Bpqr209pegACii+cGCgAEGADI/u93flXBJwAAAABJRU5ErkJggg==);
}


.fa-cross:before{content:" "}

.loading{
	padding-top:100px;
}

.loading::before {
	min-height:50px;
	text-align:center;
	display:block;
	margin:auto;
	font:normal normal normal 14px/1 'FontAwesome';
	content:'\f1ce';
	color:#ddd;
	-webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
	width: 1.28571429em;
    text-align: center;
	font-size:3em;
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
}




.middle { vertical-align:middle !important; }

#unfeature {
	background:none;
	border:none;
	box-shadow:none;
}




.link, .link * {
	cursor:pointer !important;
}

.section-index > div {
	margin-bottom:20px;
	max-width:188px;
}

.section-index .img-thumbnail {
	padding:10px;
	margin-bottom:5px;
}

.section-index-thumb {
	/*height:170px;
	width:170px;*/
	padding-top:85% !important;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	position:relative;
	overflow:hidden;
}
.section-index-thumb:hover {
	opacity:0.8;
}
.section-index-caption {
	padding:5px;
	font-family:'Playfair Display', serif;
	font-size:20px;
	line-height:1.1;
	height:55px;
	margin-bottom:10px;
}




@media (max-width:1289px) {
	.section-index-caption {
		font-size:20px;
	}

}
@media (max-width:991px) {

}

@media (max-width:767px) {

}

/*   ========================== HP TILES ================================  */


.fp-tableCell .intro, .fp-tableCell .tilerow{
	height:100%;
	margin-left:0 !important;
	margin-right:0 !important;
}



.tile-group div.tile {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	padding:0 !important;
	position:relative;
}


.tile-group div.tile > a.tile-link-full, .tile-group div.tile > .tile-text {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}



.tile-group div.tile > a.tile-link-full > span {
	position:absolute;
	left:-9999px;
}
.tile-group div.tile > .tile-text, .tile-group div.tile > a.tile-link-full  {
	position:absolute;
	top:0;
	left:0;
	padding:30px;
	z-index:10;
}

.bg-tealLight hr {
	border-color:#8fa2a2;
}


@media (min-width:1600px) {
	.tile-group div.tile > .tile-text {
		padding:100px 60px 30px 60px;
		font-size:18px;
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:50px;
	}
}
@media (min-width:1200px) and  (max-width:1599px)  {
	.tile-group div.tile > .tile-text {
		padding:80px 60px 30px 60px;
		font-size:18px;
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:50px;
	}
}
@media (min-width:970px) and  (max-width:1299px)  {

	.tile-group div.tile > .tile-text h2 {
		font-size:48px;
	}

	.tile-group div.tile > .tile-text {
		padding:65px 60px 30px 60px;
		
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:30px;
	}
}
@media (min-width:768px) and  (max-width:969px)  {
	.tile-group div.tile > .tile-text h3 {
		font-size:24px;
	}
	.tile-group div.tile > .tile-text {
		padding:80px 20px 20px 20px;
		font-size:16px;
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:20px;
	}
}

@media (max-width:767px)  {
	.tile-group div.tile > .tile-text h3 {
		font-size:36px;
	}
	.tile-group div.tile > .tile-text {
		padding:10px 30px ;
		font-size:16px;
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:20px;
	}
}


.tile-group .bayeux-divider {
	height:20%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:140px;
	background-size: initial;
}

.tile-group div.tile:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}
@media   (min-width:1601px) and (max-width:1800px) {
	.tile-group div.tile:after {
		padding-bottom: 78%;
	}
}
@media (max-width:1600px) {
	.tile-group .bayeux-divider {
		height:30%;
	}
	.tile-group div.tile:after {
		padding-bottom: 90%;
	}
}
@media  (min-width:980px) (max-width:1023px) {
	.tile-group div.tile:after {
		padding-bottom: 130%;
	}
}
@media (max-width:1280px) {
	.tile-group div.tile:after {
		padding-bottom: 105%;
	}
}

@media (min-width:500px) and (max-width:767px) {
	.tile-group div.tile:after {
  		padding-bottom: 65%;
	}
}




.tile-group div.tile .date .label {
	display:inline-block;
	position:relative;
	top:-5px;
}


.tile-group div.tile .bg-pattern { 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	padding:0 !important;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}

/*   ========================== TILE BUTTONS ================================  */

.btn-tile {
	width:150px;
	height:150px;
	max-height:150px;
	box-sizing: border-box !important;
	margin:10px 0 0 0 !important;
	/*overflow:hidden;*/
	
}
.btn-tile:not(.btn-primary) {
	background:#F0EEE9;
}


a.btn-tile {
	padding-top:40px;
}
@media (max-width:374px) {
	.btn-tile {
		width:120px;
		height:120px;
		max-height:120px;
		line-height:1;
		padding:10px 8px 10px 8px !important;
	}
	a.btn-tile {
		padding:30px 8px 10px 8px !important;
	}
}


.btn.btn-tile {
	width:110px;
	height:110px;
	padding-top:15px;
	font-size:16px;
	position:relative;
	text-align:center;
	line-height:1;
}
.btn.btn-tile.short {
	width:150px;
	height:50px;
}

.btn.btn-tile .fa-3x{
	margin-bottom:5px;
}

.btn.btn-tile .fa-caret-down{
	color: #7E7669;
	height: 16px !important;
	line-height: 1;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	padding: 0;
	bottom: 0px;
	text-shadow: none;
	visibility: hidden;
}
.btn.btn-tile:hover .fa-caret-down, .btn.btn-tile:active .fa-caret-down, .btn.btn-tile:focus .fa-caret-down {
	color: #fd9d00 !important;
}

.btn.btn-tile.btn-primary .fa-caret-down{
	visibility:visible;
}

@media (max-width:991px) {
	
	.btn.btn-tile {
		width:90px;
		height:90px;
		padding:15px 0;
		position:relative;
		font-size:12px;
	}
	ul.tile-list li {
		padding:0 !important;
	}
	
	.btn.btn-tile .fa-caret-down {
		bottom:-6px;
	}
	
}



@media (max-width:350px) {
	
	.btn.btn-tile {
		width:65px;
		height:65px;
		padding:5px 0 !important;
		position:relative;
		margin:0 !important;
		font-size:12px;
	}
	ul.tile-list li {
		padding:0 !important;
		margin:0 !important;
	}
	
	.btn.btn-tile .fa-caret-down {
		bottom:-6px;
	}
	
}

ul.tile-list li.active img {
	filter: brightness(200);
}

/* WP editor fixes */

.has-text-field #wp-link .query-results {
	top:260px !important;
}

#wp-link .query-results {  /* link list in page editor */
	top:260px !important;
}

#wp-link .query-notice {
	padding:5px;
	font-size:14px;
	line-height:1;
}

.screen-reader-text {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  margin: -1px;
	  padding: 0;
	  overflow: hidden;
	  clip: rect(0, 0, 0, 0);
	  border: 0;
}


/*ul.news {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}*/
ul.news li {
	display:block;
	position:relative;
	margin:10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
}
ul.news li a.headline {
	font-size:18px;
}


/*   ========================== accordion  ================================  */
.accordion a.a_title .fa {
	width:24px;
	height:24px;
	text-align:center;
}
.accordion .a_text { overflow:hidden; }

.accordion a.a_title.collapsed .fa-chevron-right {
	display:inline-block;
}
.accordion a.a_title.collapsed .fa-chevron-down {
	display:none;
}

.accordion a.a_title .fa-chevron-right {
	display:none;
}
.accordion a.a_title .fa-chevron-down {
	display:inline-block;
}



/*   ========================== HERO CAPTION  ================================  */


.carousel-caption.hero-t {
	top:20px;
	bottom:auto;
}
.carousel-caption.hero-r, .carousel-caption.hero-r h2, .carousel-caption.hero-r p {
	text-align:right !important;
}
.carousel-caption.hero-b {
	top:auto;
	bottom:20px;
}
.carousel-caption.hero-l {
	text-align:left !important;
}

@media (min-width:992px) and (max-width:1289px) {
	.carousel-caption {
		bottom:10px !important;
	}
}

.form4 .warning strong {
	font-weight:normal !important;
}

#hero_rights {
	position:relative;
	height:25px;
	top:-30px;
	margin-bottom:-55px;
}

/*   ========================== hero-editor  ================================  */

#formatCarousel {
	padding-top:20px !important;
	padding-bottom:10px !important;
	background:rgba(255, 255, 255, 0.8);
	position:fixed;
	bottom:0;
	left:0px;
	z-index:999;
	-webkit-box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.2);
	box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.2);
}
#formatCarousel .tab-pane {
	background:rgba(255, 255, 255, 0.8);
}

.text-ctrls { position:relative; }

.text-ctrls button {
	position:absolute !important;
}

.text-ctrls .align-left {
	left:0;
	top:33px;
}

.text-ctrls .align-right {
	left:78px;
	top:33px;
}

.text-ctrls .move-up {
	left:40px;
	top:0px;
}
.text-ctrls .move-down {
	left:40px;
	top:67px;
}

.tab-pane.bordered {
	border:1px solid #ccc;
	border-top:0px;
}


/*   ========================== tile-editor  ================================  */

.modal-body #container {
	min-height:380px;
}
.modal-body .page-picker, .modal-body .img-picker {
	min-height:250px;
	max-height:250px; 
	overflow-x:hidden; 
	overflow-y:scroll;
}

#tile_img_preview {
	width:150px;
	height:150px;
	background-position:center;
	background-size:cover;
}

#img_selectors {
	margin-bottom:10px;
}

#img_selectors button .fa-caret-down {
	color:#7e7669;
	height:16px !important;
	line-height:1;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	padding:0;
	bottom:0;
	text-shadow:none;
	visibility:hidden;
}
#img_selectors button:hover .fa-caret-down, #img_selectors button:active .fa-caret-down {
	color:#fd9d00;
}

#img_selectors button.btn-primary .fa-caret-down {
	visibility:visible;
}


.img-picker, .img-picker-checkboxes {
	max-height:300px;
	height:300px;
	position:relative;
}

.img-picker, .img-picker-checkboxes {
	padding-top:5px;
}



.img-picker label, .img-picker-checkboxes label {
	cursor:pointer;
}
.img-picker.compact label {
	width:100px;
}


.img-picker label.selected img , .img-picker-checkboxes  label.selected img {
	background:#0f0;
}
.img-picker.img-delete label.selected img  {
	background:#F00;
}


.page-picker label {
	text-overflow: ellipsis;
	border-bottom:1px dotted #ddd;
	width:100%;
	cursor:pointer;
	padding-left:0;
}
.page-picker li.selected {
	background:#78950E !important;
	color:#fff !important;
}
.page-picker li label .fa.confirm {
	display:none;
}

.page-picker li.selected label .fa.confirm {
	display:inline-block;
}

.page-picker label.subpage {
	font-weight:normal;
	color:#0063ac;
	padding:5px;
}

.img-picker img {
	
}

#preview_pic {
	width:300px;
	height:300px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
}
#preview_pic #preview_txt {
	color:#fff;
	padding:10px;
	font-size:28px;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	font-family:'Open Sans',  Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* ============== HERO EDIT ============================= */

.hero-edit {
	position:absolute;
	top:0;
	right:15px;
}

#site_preview {
	width:300px;
	height:300px;
	background:url(/images/furniture/site_example.jpg) no-repeat 0 0;
	background-size: contain !important;
	position:relative;
}

#mobile_preview {
	width:100px;
	height:205px;
	background:url(/images/furniture/mobile_example.jpg) no-repeat 0 0;
	background-size: contain !important;
	position:relative;
	margin:20px auto 0 auto;
}


#hero_preview0 {
	width:500px;
	height:220px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	margin:10px auto;
	border:1px solid #ddd;
}
#burial_photo_edit_form #hero_preview0 {
	width:300px;
}




#hero_preview0 .fa {
	color:#ddd;
	position:absolute;
	top:50%;
	left: 50%;
	margin:-36px 0 0 -38px;
}
#contact_preview0 {
	width:250px;
	height:250px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	margin:10px auto;
	border:1px solid #ddd;
}
#biog_preview0 {
	width:300px;
	height:300px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	margin:10px auto;
	border:1px solid #ddd;
}

#contact_preview0 .fa, #biog_preview0 .fa {
	color:#ddd;
	position:absolute;
	top:50%;
	left: 50%;
	margin:-36px 0 0 -38px;
}


#hero_preview1 {
	width:280px;
	height:112px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	position:absolute;
    border-radius: 10px 10px 0 0;
    width: 265px;
    left: 18px;
    top: 48px;
}

#hero_preview2 {
	width:75px;
	height:60px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	position:absolute;
	top:42px;
	left:12px;
	border-radius: 5px 5px 0 0;
}


#hero_preview1 #preview_txt {
	color:#fff;
	padding:10px;
	font-size:12px;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	font-family:'Open Sans',  Arial, Helvetica, sans-serif;
	position:absolute;
	top:70px;
	left:30px;
}
#hero_preview2 #preview_txt {
	color:#fff;
	padding:10px;
	font-size:10px;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	font-family:'Open Sans',  Arial, Helvetica, sans-serif;
	position:absolute;
	top:40px;
	left:0px;
}


.rotate-cw {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.rotate-acw {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

a.img-modal {
	cursor:zoom-in;
}
a.img-modal:hover > img {
	opacity:0.9;
}

.modal-body img {
	max-height:500px;
	margin-bottom:10px;
}

.modal-body h3 {
	font-size:18px;
}

/*   ========================== PICTURES CAPTIONS   ================================  */
.caption {
	padding-top:5px;
}
.caption::before {
	content:'';
	clear:both;
	display:block;
	width:100%;
}
img.pictures-captions  {
	max-height:300px;
}


.mugshot {
	width:100%;
	padding-top:82%;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
}
.mugshot.portrait {
	padding-top:120%;
}
/*   ========================== footer  ================================  */

footer {
	display:block;
	background:#333	;
	color:#ccc;
	font-family: 'Open Sans',   Arial, sans-serif;
}

footer p {
	line-height:1;
	font-family: 'Open Sans',   Arial, sans-serif;
	margin:20px 0;
}

@media (max-width:767px) {
	footer #footer-logo {
		max-width:185px;
	}
}


footer a {
	color:#fff !important;
	opacity:0.6;
}
footer a:hover {
	color:#fff !important;
	opacity:1;
}

	#footer_social_btns .btn {
		width:51px;
		height:51px;
		margin:5px;
		padding-top:12px;
		border:1px solid #fff;
		background:none;
	}
	#footer_social_btns .btn:hover { opacity:1; }
	#footer_social_btns .btn-primary:hover {
		background:#337ab7 !important;
		color:#fff  !important;
	}
	#footer_social_btns .btn-info:hover {
		background:#5bc0de !important;
		color:#fff  !important;
	}
	
	#footer_social_btns .btn.instagram:hover {
		
		background:
	
		/* left bottom */
		radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
		radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
		/* left top */
		radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
		radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
		/* right top */
		radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
		radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
		/* right bottom */
		radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
	
		/* create a base coat to smooth corner gradients */
		linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	
	}

footer .btn-block {
	color:#fff !important;
	opacity:1;
}

.btn.mailing_list {
	text-align:left;
	border:1px solid #ccc;
}
.btn.mailing_list.bg-grayLight:hover {
	background:#ccc !important;
}

footer .btn.mailing_list {
	text-align:right !important;
	background:none !important;
	border:1px solid #ccc;
}


.btn.mailing_list span {
	display:block;
	float:left;
	line-height:1.1;
}
.btn.mailing_list .fa {
	display:block;
	width:36px;
	height:36px;
	float:left !important;
	margin:0 10px 10px 0;
}
footer .btn.mailing_list .fa {
	float:right !important;
	margin:0 0 10px 10px;
}

.centre-block, .center-block {
	
}

.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}





.grecaptcha-badge {
	right:-999999px !important;
}

body.about .grecaptcha-badge {
	right:-186px !important;
}













a.plain:hover { text-decoration:none !important; } 

/*   ========================== navbar ================================  */
ul.nav li {
	letter-spacing:-0.02em;
	font-family: 'Open Sans',   sans-serif;
}

header.header {
	height:50px !important;
	/*margin-top:-50PX;*/
	z-index:9999 !important;
}

#nav_top {
	-webkit-transition: height 1s ease-in-out !important;
	-moz-transition: height 1s ease-in-out !important;
	transition: height 1s ease-in-out !important;
	/*overflow:hidden !important;*/
	z-index:1049 !important;
}

.navbar-default { background: rgba(255,255,255, 1); }

	@media (max-width:1309px) {
	}

@media (min-width:1200px) {
	#nav_top {
		/*height:200px !important;*/
		/*position:relative;*/
	}

}

#menu_my_bootstrap_menu_settings_top-nav  .navbar-right {
	position:relative;
	top:-96px;
	padding:0;
}
@media (min-width:1290px) {
	#menu_my_bootstrap_menu_settings_top-nav  .navbar-right {
		top:-50px;
	}
}

@media (max-width:991px) {
	#menu_my_bootstrap_menu_settings_top-nav  .navbar-right {
		display:none;
	}
}

#menu_my_bootstrap_menu_settings_top-nav  .navbar-right .navbar-form {
	margin:0;
}
/* search box*/
#menu_my_bootstrap_menu_settings_top-nav  .navbar-right .navbar-form input.form-control {
	width:150px;
	background:#AF9F8F;
	border:1px solid #fff;
	color:#fff;
}
#menu_my_bootstrap_menu_settings_top-nav  .navbar-right .navbar-form button[type=submit] {
	background:#AF9F8F;
	border:1px solid #fff;
	color:#fff;
}
/* login button */
#menu_my_bootstrap_menu_settings_top-nav   ul.nav.navbar-right  li {
	border:0;
}

#menu_my_bootstrap_menu_settings_top-nav   ul.nav.navbar-right  li a {
	margin:0 !important;
	padding:7px 8px 7px 4px !important;
	background:#7E7669;
	font-size:12px;
}


	.social_btns .btn {
		width:34px;
		height:34px;
		margin:5px;
		padding:5px 0 0 2px;
		font-size:16px;
		text-align:center;
		opacity:0.3;
		text-shadow:none;
		background:#65696c;
		border:0px none;
		color:#fff;

		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	.social_btns .btn:not(:hover) {
	}	
	.social_btns .btn:hover {
		opacity:1;
	}	
	.social_btns .calendar-add, .social_btns .calendar-add:hover {
		opacity:1 !important;
		border-width:1px !important;
	}	
	
	
@media (min-width:992px) and (max-width:1289px) {

	#nav_top ul.nav li {
		font-size:10px;
		letter-spacing:-0.02em;
	}
}


@media (min-width:992px) {
	
	#nav_top.navbar-default.shrink { 
		height:100px !important;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	}
	
	#nav_top .navbar-header {
		position:relative;
		z-index:888;
	}
	
	#nav_top #logo  {
		top:20px;
		left:0;
		position:relative;
		
		-webkit-transition: all 1s ease-in-out !important;
		-moz-transition: all 1s ease-in-out !important;
		transition: all 1s ease-in-out !important;
	}
	#nav_top #logo  img {
		width:450px;
		-webkit-transition: width 1s ease-in-out !important;
		-moz-transition: width 1s ease-in-out !important;
		transition: width 1s ease-in-out !important;
	}
		
	#nav_top.shrink  #logo {
		top:-200px;
	}
	
	#logo2 {	
		position:fixed;
		opacity:0;
		display:block;
		z-index:9999999 !important;
		height:100px;
	}
	
	#logo2 img {
		width:70px;
	}

	


		




	
	#navbar {
		height:100% !important;
		position:relative;
	}
	#navbar #nav_container {
		display:block;
		width:100%;
		position:absolute;
		top:130px;
		right:0;
		
		-webkit-transition: top 1s ease-in-out !important;
		-moz-transition: top 1s ease-in-out !important;
		transition: top 1s ease-in-out !important;
		
	}
	#nav_top.shrink #navbar #nav_container {
		top:30px;
	}
	
	
	#social_btns {
		position:absolute;
		bottom:0px;
		right:0;
		
	}
	
	#nav_top.shrink #social_btns  {
		 opacity: 0;
	}
	
	



	#nav_top ul.nav li {
		font-size:14px;
		letter-spacing:-0.01em;
		font-family:'Roboto', sans-serif;
		border-right:1px solid rgba(256,256,256,0.3);
	}
	#nav_top ul.nav li a {
		padding:12px 10px  !important;
		margin:0 10px  !important;
		text-decoration:none;
		color:#fff;
	}
	
	#nav_top ul.nav li.current-menu-item,
	.navbar-inverse .navbar-nav>.open, .navbar-inverse .navbar-nav>.active {
		background:#900;
	}
	
	#nav_top ul.nav li.current-menu-item a, 
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
		background-image:none !important;
		background:none !important;
		webkit-box-shadow:none !important;
		box-shadow:none !important;
		/*	
		color:#FFCC00 !important;
		border-bottom:2px solid #FFCC00;
		*/
	}
	#nav_top ul.dropdown-menu { background:#444 !important; }
	#nav_top ul.dropdown-menu li a, ul.dropdown-menu li a:hover { color:#fff; border-bottom:1px solid #ccc; }
	#nav_top ul.dropdown-menu li.active a, ul.dropdown-menu li.active a:hover {
		color:#f3c783  !important;
		background-image:none !important;
		background:#444 !important;
		border-bottom:1px solid #ccc;
	}
	#nav_top .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
		background-image:none !important;
		background:none !important;
		color:#00FFFF !important;
	}
	
	
	
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background:none;
		color:#005BA4 !important;
	}
	.navbar-default .navbar-nav > .active > a::after {
		content:' ';
		display:block;
		border-bottom:2px solid #E5C218;
		margin-top:5px;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color:#005BA4 !important;
		background:#eee;
	}
	
}

@media (max-width:1199px) {
	
	#nav_top #logo  {
		top:10px;
		position:relative;
	}
	
	#navbar #nav_container {
		
	}
	
	#nav_top #logo > img {
		width:350px;
	}
	
	#nav_top {
		/*height:170px !important;*/
		/*position:relative;*/
	}
	
	ul.navbar-nav li {
		font-size:15px;
		letter-spacing:-0.05em;
	}
	
	
	
}
@media (min-width:992px) and (max-width:1199px) {

	ul.navbar-nav li {
		font-size:14px;
	}
	.navbar-nav > li > a {
		padding: 10px 10px
	}

}

@media (max-width:991px) {

	#nav_top a.navbar-brand.visible-xs  {
		display:block !important;
	}
	
	
	#nav_top {
		height:0px !important;
	}
	
	#nav_top {
		background:#005BA4;		
	}
	
	#nav_top #logo3  {
		top:5px;
		position:relative;
		padding-top:2px;
	}
	
	#nav_top #logo3 > img {
		height:45px;
	}



	#navbar { 
		margin-top: 10px !important;
		padding:0 5px 0 5px !important;
		height:auto !important;
		background:#005BA4;
		overflow:hidden;
		overflow-y:scroll !important;
	}
		
	#nav_container {
		background:#005BA4;
		width: 100%;
		height:auto !important;
		margin-top:0px  !important;
		top:0px  !important;
	}
	#nav_container ul.navbar-nav {
		margin-top:0px;
	}

	header ul.navbar-nav li {
		font-size: 18px !important;
	}



	header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus,
	header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background:#005BA4;
		color:#E5C218 !important;
	}
	
	
	header .navbar-default .navbar-toggle {
		border-color:#fff;
	}
	header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
		background: rgba(255,255,255,0.5);
	}
	
	header .navbar-default .navbar-toggle .icon-bar {
		background-color:#fff !important;
	}
	header .navbar-default .navbar-nav a, .navbar-default .navbar-nav a:hover, header .navbar-default .navbar-nav a:focus {
		color:#fff !important;
	}
	header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus {
		color:#E5C218 !important;
		background:#005BA4;
		/*background:#E5C218;*/
	}
	
	/*ul.navbar-nav li.active  ul.dropdown-menu {
		display:block;
		background:#005BA4;
		box-shadow:none;
		border:none;
	}*/
	
	
	header .navbar-fixed-top .navbar-collapse {
		max-height:900px;
		border-top:0px;
	}
	
}





/*   ========================== bootstrap tweaks ================================  */


	.container {
		max-width:100% !important;
	}


#content1 img { max-width:100%; height:auto;  }

#content1 table  { max-width:100%;  }

#news_bulletin  table  { max-width:100%; height:auto; width:auto;  }
#news_bulletin table td  { height:auto; width:auto;   }

div.well h2, div.well h3 {
	margin-top:0;
} 


img.pull-left, div.pull-left {
	margin:0 10px 10px 0;
}
img.pull-right, div.pull-right {
	margin:0 0 10px 10px;
}

.form-group {	
	position:relative;
}

.has-feedback .form-control-feedback {
	top: 28px !important;
    right: 12px;
	display:none;
}


.form-group.has-success .glyphicon-ok.form-control-feedback {
	display:block;
}
.form-group.has-error .glyphicon-remove.form-control-feedback {
	display:block;
}
.form-group.has-warning .glyphicon-warning-sign.form-control-feedback {
	display:block;
}


.nav-tabs>li>a { opacity:0.7;}
.nav-tabs>li.active>a { opacity:1;}

.tab-pane {
	border:1px solid #ddd;
	border-top:1px solid #fff;
	padding:20px;
}
.tab-pane.bg-grayLight {
	border-top:0px;
}


@media ( min-width:1200px) {
	.tab-content>.tab-pane.always-lg {
		display:block;
	}
}

@media ( min-width:992px)  and ( max-width:1199px) {
	.tab-content>.tab-pane.always-md {
		display:block;
	}
}
@media ( min-width:768px) and ( max-width:991px)  {
	.tab-content>.tab-pane.always-sm {
		display:block;
	}
}
@media ( max-width:767px) {
	.tab-content>.tab-pane.always-xs {
		display:block;
	}
}



/*   ===================	======= FORMS ================================  */
.checkbox .fa-check-square-o, .radio .fa-check-square-o {
	display:none;
	width:26px;
}
.checkbox .fa-square-o, .radio .fa-square-o {
	width:26px;
}

.checkbox.sel .fa-check-square-o, .radio.sel .fa-check-square-o {
	display:inline-block;
}
.checkbox.sel .fa-square-o, .radio.sel .fa-square-o {
	display:none;
}


/*   ===================	======= MODAL ================================  */

.modal .modal-body {
	max-height: 600px;
	overflow-y: auto;
}


@media (max-height:800px) {
	.modal .modal-body {
		max-height: 460px;
		overflow-y: auto;
	}
}

@media (max-height:700px) {
	.modal .modal-body {
		max-height: 350px;
		overflow-y: auto;
	}
}
@media (max-height:600px) {
	.modal .modal-body {
		max-height: 300px;
		overflow-y: auto;
	}
}

.modal-content blockquote {
	font-size:14px;
}

@media ( max-width:991px) {	

	.modal-content .container-fluid {
		padding:0 !important;
	}
}
/*   ========================== ACCORDION ================================  */


.panel, .panel-body, .panel-heading { 
box-shadow:none; z-index:0; 
}

.panel-grouo .panel-heading  { padding:0px; }
.panel-heading .panel-title a  { display:block; padding:10px 15px ; }

.panel-title {	
    font-size: 20px;
}

/*.panel-title a::after {
	content: "\f077";
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;

	font-size:inherit;text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	float:right;
}
.panel-title a.collapsed::after {
	content:"\f078";
}*/

.panel-title a {
	color:#337ab7;
}
.panel-title a.collapsed {
	color:#333;
}

.panel-collapse {
	
}

@media ( max-width:991px) {
	.panel-body {
		padding:5px !important;
	}
}





/*   ========================== crumbtrail ================================  */

/*.breadcrumb > li + li::before {
	content:"\f054";
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}*/

.breadcrumb a{color:#9C5600 !important;  }
.breadcrumb  a:hover{color:#CC6600; }
.breadcrumb a:focus{color:#9C5600;  }


/*   ========================== tables ================================  */

td {
	vertical-align:top;
}


/* sortable*/

table.dataTable thead .sorting:after {
		font-family:'FontAwesome';
		content: "\f0dc";
	}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	color:#4fbfbf;
}

table.dataTable thead .sorting_asc:after {
   	font-family:'FontAwesome';
	content: "\f0de";
	color:#4fbfbf;
	opacity:1;
}

table.dataTable thead .sorting_desc:after {
   	font-family:'FontAwesome';
	content: "\f0dd";
	color:#4fbfbf;
	opacity:1;
}

	


/*   ========================== homepage ================================  */
@media ( max-width:1289px) {
	#task_bar .item {
		font-size:18px !important;
	}
}

@media ( max-width:767px) {
	#task_bar h2 {
		font-size:18px;
	}
}
@media ( min-width:768px) {
	#task_bar .item {
		padding:10px;
	}
}

@media ( max-width:767px) {
	#task_bar .item {
		margin-bottom:20px;
		font-size:18px !important;
	}
}


table td {
	 word-wrap: break-word !important;
}

table.table td, table.table th {
	border-color:#eee !important;
}

#worship_panel {
	
	background-size: contain;
}
#worship_panel h3 {
	margin:20px 0 10px 0;
}

table#worship_display .lead { margin:0; font-weight:normal; }

table#worship_display .eucharist_time {  color:#900; padding-top:10px; }

div.bulletin {
	margin:30px 0;
}

table#worship_display  a.show_event:hover {	
	text-decoration:none;
	opacity:0.7;
}

div.worship_desc {
	font-size:13px;
	letter-spacing:-0.03em;
}

div.hp-sting {
	width:242px;
	height:165px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid #ccc;
}

.caption h3 { margin-top:0px; }

@media (max-width:991px) {
	div.hp-sting {
		width:100%;
		height:165px;
	}
}


/*   ========================== page layout ================================  */

.page_hero {
	height:370px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover !important;
	
}

@media (max-width:1199px) {
	.page_hero {
		height:300px;
	}
}

@media (max-width:991px) {
	.page_hero {
		height:230px;
	}
}

@media (max-width:767px) {
	.page_hero {
		height:230px;
	}
}

@media (max-width:479px) {
	.page_hero {
		height:230px;
	}
}





/*   ========================== calendar events ================================  */

table.month_calendar {
	width:230px;
	border-collapse:collapse !important;
	display:block;
	box-sizing:border-box;
	border:0px solid #ccc;
	margin-bottom:5px;
}

table.month_calendar td  {
	padding:0 !important;
	margin:0 !important;
	width:25% !important;
}
table.month_calendar td.disabled  { border-color:#fff !important;}

table.month_calendar td > .btn {
	width:55px;
	height:53px !important;;
	padding:16px 0px;
	white-space:nowrap !important;
	font-weight:bold;
	text-transform:uppercase;
	box-sizing:border-box !important;
	border:0px;
}

.calendar_wrapper {
	position:relative;
	width:225px;
	height:270px;
	overflow:hidden;
	padding-top:20px;
}
.calendar_wrapper.compact {
	padding-top:0;
	width:250px;
	height:300px !important;
	box-sizing:border-box;
}


.calendar-slide {
	width:660px;
	position:absolute;
}

.calendar-slide .table-wrapper {
	width:228px;
	float:left;
}

.calendar_wrapper .lead {
	margin:0 0 10px 0;
}


.disabled { cursor:not-allowed; }

.event_cal { min-height:75px; }

.past {
    opacity: 0.5;
    filter: alpha(opacity=50);
}


#year_selector button {
	width:32%;
	margin:0 !important;
}
#year_selector button.middle {
	margin:0 6px !important;
}

/*   ========================== calendar datepicker ================================  */

.modal-content #calendar table{
	
}
.modal-content .calendar table td {
	border:1px solid #eee;
	padding:3px;
	width:45px;
	height:32px;
	text-align:center;
	cursor:pointer;
}
.modal-content .calendar table td:hover {
	background:#eee;
}
.modal-content .calendar table td.today {
	background:#337ab7 !important;
	color:#fff;
}

#month_heading.compact  {
	
}

.modal-content .breadcrumb, .modal-content #contact_footer, .modal-content #page_edit2 { display:none; }

/*   ========================== events categorise ================================  */

#events_selector button.remover, #events_selected button.selector {
	display:none;
}


/*   ========================== PHOTO GALLERY  ================================  */

	ul.photo_gallery, ul.photo_gallery li {
		list-style:none !important;
		padding:0;
		margin:0;
	}

	ul.photo_gallery li {
		display:block;
		float:left;
		padding:2px 2px 10px 2px;
		width:145px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#rh_bar ul.photo_gallery {
		display:block;
		padding:5px !important;
		background:#eee;
	}
	#rh_bar ul.photo_gallery li {
		clear:both;
		float:none;
		background:#eee;
		padding:5px;
		border-bottom:1px dotted #ccc;
		display:table;
		font-size:12pt;
		width:100%;
	}
	
	ul.photo_gallery li a {
		display:block;
		width:140px;
		height:95px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:50% 50%;
		background-color:#fff;
		overflow:hidden;
		border:1px solid #ccc;
		box-sizing:border-box;
		position:relative;
	}
	ul.photo_gallery.album li a {
		text-indent:-9999px;
		cursor:-moz-zoom-in;
		cursor:zoom-in;
	}	
	

	
	#rh_bar ul.photo_gallery li a img {
		max-width:60px !important;
		height:auto;
		float:left;
		margin-right:10px;
		vertical-align:middle !important;
	}


	ul.photo_gallery li a span {
		display:block;
		background: rgba(0,0,0,0.5);
		position:absolute;
		bottom:0;
		width:100%;
		color:#fff;
		padding:3px;
		line-height:1;
	}



@media (min-width: 769px) {
		ul.photo_gallery li.fourrow {
		clear:left;
	}
}


@media (min-width: 321px) and (max-width: 768px) {
	ul.photo_gallery li.threerow {
		clear:left;
	}
}

@media (max-width: 320px) {
	ul.photo_gallery li.tworow {
		clear:left;
	}

}

#page_modal #modal-content > img.gallery {
	display:block;
	margin:auto;
	max-width:100%;
	max-height:500px;
}
/*@media (max-width: 991px) {
	#page_modal #modal-content > img.gallery {
		max-width:500px;
		max-height:300px;
	}
}
@media (max-width: 767px) {
	#page_modal #modal-content > img.gallery {
		max-width:100%;
		max-height:300px;
	}
}*/

.nav-pills>li>a {
    background-color: #D8D4CA;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff !important	;
    background-color: #7E7669;
}
.nav-pills>li.active.sunday>a, .nav-pills>li.active.sunday>a:hover, .nav-pills>li.active.sunday>a:focus {
    color: #fff !important	;
    background-color: #900;
}


/*   ========================== bespoke styles ================================  */

.border0 { border:0 !important; }

.padding0 {
	padding:0px !important;
}
.padding5 {
	padding:5px !important;
}
.padding10 {
	padding:10px !important;
}
.padding15 {
	padding:15px !important;
}
.padding20 {
	padding:20px !important;
}

.margin0 {
	margin:0px !important;
}


.link { cursor:pointer; }



#related_content {
	margin-bottom:50px;
}
#related_content ul  {
	padding-left:0 !important;
}

ul.page_menu, ul.page_menu li, ul.news, ul.news li, #related_content ul li {
	list-style:none;
	margin:10px 0 30px 0 !important;
	padding:0;
	display:block;
}

ul.page_menu li {
	border-bottom:1px solid #eee;
	display:table;
	width:100%;
	font-size:18px;
	padding:5px 0;
	margin:0 0 1px 0 !important;
	clear:both !important;
}
ul.page_menu li a:hover {
	text-decoration:none;
	color:#45a0ef;
}

ul.news li, #related_content ul li {
	border-bottom:1px solid #eee;
	padding:5px 0;
	margin:0 0 1px 0 !important;
	clear:both !important;
}
ul.lined li {
	border-bottom:1px solid #eee;
	margin-top:5px;
	padding-bottom:5px;
}

.section_index img {
	min-width:100%;
}
.section_index div.overlay {
	background:rgba(0,0,0,0.5);
	color:#fff;
	position:relative;
	height:30px;
	top:-30px;
	bottom:0;
}
.section_index a:hover {
	text-decoration:none !important;
	opacity:0.8;
}


.avatar {
	width:80px;
	height:80px;
	overflow:hidden;
	margin-right:10px;
	border:1px solid #fff;
}
.avatar img {
	min-width:100%;
}

img.middle, .fa.middle, glyphicon.middle {
	vertical-align:middle !important;
}

.oblique { font-style:italic; }

.faded {
  opacity: 0.3;
}

table.table th {
	background:none;
	color:#333;
}

table.table-warning, table.table-warning td, table.warning th {	
	border-color:#faebcc !important;
}

.leaflet {
	height:250px;
	overflow:hidden;
}
@media (min-width:992px) {
	.leaflet img {
		height:160px;
	}
}


.popover.top.bg-warning>.arrow:after {
	border-top-color:#FFFF99;
}


.forceWrap {   /* fore wrapping of URLs & emails. Add class with JQ  */
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


.yt-thumb {
	display:block;
	border:1px solid #ccc;
	padding:28%;
	background-position:50%;
	background-repeat:no-repeat;
	background-color:#000;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

.yt-thumb .playbtn {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px;
	width:60px;
	height:60px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	font-size:30px;
	padding-top:8px;
}


/*   ==========================fullpage  ================================  */

#fullpage .section {
	background-attachment:fixed;
	background-size: cover;
	background-repeat:no-repeat;
}

#fullpage .section img.standard {
	max-height:300px;
}

/*   ==========================USP   ================================  */
/* User Submitted Posts > CSS > Posts */


div#user-submitted-posts fieldset input.usp-input {
	width:100%;
}
div#user-submitted-posts fieldset label.btn-tile {
	width:122px;
	display:inline-block;
	padding-top:30px;
	margin-bottom:5px;
}
div#user-submitted-posts fieldset label.btn-tile .fa-check {
	display:none;
}
div#user-submitted-posts fieldset label.btn-tile.bg-green .fa-check {
	display:inline-block;
}
div#user-submitted-posts fieldset label.btn-tile.bg-green .fa-camera {
	display:none;
}



/*   ========================== BIOGS   ================================  */

.biographies  .media.odd {
	border-right:1px  solid #eee;
}

.biographies  .media img {
	width:100px;
}

.biographies  .media-body .cropped {
	max-height:100px;
	overflow:hidden;
}

.biographies  .media-heading  {
	font-size:24px !important;
}
@media (max-width:767px) {
	.biog_photo {
		padding:10px 0 0 10px;
	}
	.biog_header {
		padding:0 10px 0 5px;
	}
	.biog_header h2 { 
		border:none;
		line-height:1;
	}
}

.img-gallery li {
	width:50%;
}
.img-gallery img {
	width:100%;
}


.img-gallery.img-delete label .fa {
	position:absolute; 
	left:22px; 
	top:-5px; 
	opacity:0.1;
}
.img-gallery.img-delete label.selected .fa {
	opacity:1;
}


@media (max-width:991px) {
	.img-gallery.img-delete label .fa {
		left:20px; 
		top:-5px; 
		margin-left:0; 
	}
}


@media (max-width:991px) {
	.img-gallery.img-delete label .fa {
		left:20px; 
		top:-5px; 
		margin-left:0; 
	}
}



.smallcaps, table.smallcaps th, table.smallcaps td {
	font-variant: small-caps;
}

.allcaps, table.allcaps th, table.allcaps td {
	text-transform:uppercase;
}



/*   ========================== MAPS   ================================  */

.map-popover .map-thumb {
	margin-right:5px; 
	width:90px;
	float:left;
}
.map-popover .map-thumb-wide {
	margin-right:5px; 
	width:200px;
	float:none;
	display:block;
}


.map-popover .map-thumb img {
	width:90px;
}
.map-popover .map-thumb-wide img {
	width:200px;
}


.map-popover .map-text {
	width:100px;
	float:left;
	font-size:12px;
}

.map-popover .map-text-wide {
	width:200px;
	float:none;
	font-size:12px;
}

.map-popover .map-text .lead, .map-popover .map-text-wide .lead {
	font-size:16px;
	line-height:1;
	margin-bottom: 5px;
}

/*   ========================== SLIDER TOOL   ================================  */

.narrative {
	position:absolute; 
	top:200px; 
	left:50%; 
	width:350px; 
	margin-left:-175px;
}
.narrative .popover {
	top: -54px; left:0px; width:350px; max-width:350px; display: block;
}
.narrative .popover h3 {
	font-size:18px;
}
.narrative .popover .popover-content {
	font-size:18px;
	font-family:'Open Sans';
}
.narrative .popover .arrow::after {
	border-top-color:#B5CDCD;
}

.media.spaced {
	margin-bottom:10px;
}

.media-body .cropped {
	max-height:64px;
	overflow:hidden;
}

/* ==================== recordings ================================= */ 

.tracklist {
	border:1px solid #eee;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:300px;
}
.audio_player { height:162px; overflow:hidden; }


.audio-track {
	display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:5px 30px 0 0 !important;
}
.audio-track.no-audio {
	cursor:not-allowed;
}
.audio-track .fa {
	position:absolute;
	top:-3px;
	right:0px;
}
.audio_player #details {
	margin-bottom:5px;
	height:80px;
	overflow: hidden; 
	
}
.audio-cover {
	margin-left:10px !important;
}


/*   ========================== AUTOCOMPLETE   ================================  */
/*ul.items.dropdown-menu {
	width:280px;
	background-color:#c3f9d6;
	cursor:pointer;
}
ul.items.dropdown-menu li a:hover {
	background:#336666 !important;
	color:#fff;
}
*/
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
	width:280px;
	background-color:#c3f9d6;
	cursor:pointer;
}


.ui-autocomplete {
	float: left;
	box-shadow: 2px 2px 3px #888888;
        background: #FFF;
}

.ui-menu-item {
	list-style-type: none;
	padding: 10px;
}

.ui-menu-item:hover {
	background: #F1F1F1;
}



.btn-group button.active img {
	filter: brightness(100);
}



/*   ========================== castle site map ================================  */


	area {
		outline:none !important;
	}
	.site-marker {
		position:absolute;
		width:5px;
		height:5px;
		left:235px;
	}
	.site-marker#ministry {
		top:100px;
	}
	.site-marker#duchy {
		top:200px;
	}
	.site-marker#cooper {
		left:400px;
		top:200px;
	}

	#castle_site_btns .btn.btn-tile {
		width:290px !important;
		height:50px;
		font-size:20px;
		padding:14px 0 !important;
	}	
	
	
@media (max-width:991px) and (hover: none) {
	#guide_container {
		width:100%; 
		overflow:scroll; 
		border:1px solid #ccc;
	}


	.site-marker {
		left:150px !important;
	}

	.site-marker#ministry {
		top:100px;
	}
	.site-marker#duchy {
		top:200px;
	}
	.site-marker#cooper {
		left:400px !important;
		top:200px;
	}

}



.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#frieze {
    width: 850px;
	border:1px solid #eee;
    margin: 0 auto;
    overflow: hidden;
    vertical-align: middle;
    float: left;
    clear: none;
    text-align: left;
	position:relative;
}
#frieze img {
    display: block;
}

a.arrow {
    display: block;
	width:64px;
	height:64px;
	position:absolute;
	top:50%;
	left:16px;
    float: left;
    padding:16px;
	text-align:center;
}
a.arrow.arrow-right {
	left:auto;
	right:32px;
}




/*   ========================== IE browser-specific ================================  */

	.ieonly {
		display:none;
    }
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	   /* IE10+ CSS */
	   .ieonly {
			display:inline-block !important;
		}
		.notie {
			display:none;
		}
	}

	@supports (-ms-accelerator:true) {
	   /* Edge 12+ CSS */ 
	   .ieonly {
			display:inline-block !important;
		}
		.notie {
			display:none;
		}
	}
	
	@supports (-ms-ime-align:auto) {
		/* Edge 16+ CSS */ 
	   .ieonly {
			display:inline-block !important;
		}
		.notie {
			display:none;
		}
	}
	

.blink {
  animation: blinker 1s linear infinite;
}
.slowblink {
  animation: blinker 4s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/*   ========================== footer ================================  */

footer {	
	background:#333;
	padding:30px 0 60px 0;
	margin:0;
	overflow:hidden;
}