/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600&family=Roboto:wght@100&display=swap');


@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}


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

/** HEADINGS **/


/** BODY TEXT **/


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

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


body > .fb_iframe_widget { 
	display:none;
}


/*   ========================== 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;
	height:150px;
}
body.shrink #nav_top nav {
	height:80px;
}

@media ( max-width:991px) {
	body.shrink #nav_top nav .navbar-brand > img {
		width:150px;
	}
}


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

.navbar-inverse{ background: rgba(0,0,0, 0.8); }

.navbar::before {
	background: rgba(0,0,0,0.5) !important;
}

.navbar-inverse .navbar-nav>li>a {
	color:#e2e2e2;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	

}

/*#nav_top .navbar-default .navbar-nav {
	border:1px solid #f0f;
	margin-top:30px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	position:relative;
	top:115px;
}


@media (min-width:992px) {
	#nav_top nav.navbar-default {
		height:180px;

	#nav_top .navbar-default .navbar-nav {
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		position:relative;
		box-shadow:none;
		overflow:visible;
	}
	#nav_top.shrink nav.navbar-default { 
		height:120px;
	}

*/

	
	#nav_top nav .navbar-brand  {  /* logo */
		top:0px;
		height:85px;
		padding:0;
		top:10px;
		left:-110px;
		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:5px;
		left:-80px;
		height:55px;
	}
	
	#nav_top nav .navbar-brand img {  /* logo */
		width:350px;
		/*border:1px solid #f0f;*/
		-webkit-transition: width 1s ease-in-out;
		-moz-transition: width 1s ease-in-out;
		transition: width 1s ease-in-out;
	}


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

	
/*	#logo2 {
		position:fixed;
		z-index:1040;
		top:15px;
		margin-left:-15px;
		width:70px;
		height:70px;
		opacity:0;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		}
	#logo2 img {
		width:100%;
	}
	
	#nav_top.shrink #logo2 {
		opacity:100;
	}
*/
	
	
	#nav_top.shrink nav .navbar-brand  img {  /* logo */
		
	}


	#menu_my_bootstrap_menu_settings_top-nav {
		height:500px;
	}

@media (min-width:1290px) { 
	#menu_my_bootstrap_menu_settings_top-nav #menu_my_bootstrap_menu_settings_top-nav_container {
		display:block;
		width:100%;
		position:relative;
		top:45px;
		-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:-150px;
	}

}
@media (max-width:1500px) {
	#nav_top nav .navbar-brand  { 
		left:-60px;
	}

}

@media (max-width:1289px) {
/*@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:236px;
	}
		
	#nav_top nav .navbar-brand  {
		top:0px;
		left:-30px;
		position:relative;
		padding:10px 0 0 0;
	}
	
	ul.nav li {
		font-size:16px;
		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:1289px)  {

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

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


@media (max-width:1289px) {
	
	#menu_my_bootstrap_menu_settings_top-nav  {
		background: rgba(0,0,0, 0.7);
		box-shadow: 0 5px 5px rgba(0,0,0,0.075);
		margin-top:15px;
	}


	#nav_top nav.navbar-default {
		height:65px;
		overflow:visible;
		background:#99B433;
	}
	#nav_top.shrink nav.navbar-default {
		height:55px;
	}
	
	
	#nav_top nav .navbar-toggle {
		margin-top:12px;
	}

	#nav_top nav .navbar-brand, #nav_top.shrink nav .navbar-brand  {
		top:2px;
		position:relative;
		padding-top:2px;
		left:5px;
	}
	
	#nav_top nav .navbar-brand > img {
		
	}


	.navbar-default .navbar-nav > .active > a::after {
		content:' ';
		display:none;
		
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:active {
		background:#eee;
		color: #990000;
	}
	
	.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:#00FFFF;
		background:#000;
	}
	
	.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;
}
.breadcrumb hr {
	margin-top:10px;
	margin-bottom:10px;	
}


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

a{color:#99B433; text-decoration:none; }
a:hover{color:#99B433; text-decoration:underline;}
a:focus{color:#99B433; outline:0px none; text-decoration:none; }

h2 a, h3 a, h4 a { font-weight:inherit !important; }

#main_page_content a {  font-weight:600; }


/*   ========================== 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:#336666;
	border-color:#519a9a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color:#408e8e !important; 
}

.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, h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}

h1	 { 
	font-size:36px;
	color:#444;
}

h2 { 
	font-size:48px;
	color:#666;
}

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

h3 { 
	font-size:32px;
	color:#333;
}
h4 { 
	font-size:24px;
	color:#336666;
}

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


.lead { 
	font-size:20px;
	letter-spacing:0.01em;
	font-weight:100;
	margin-bottom:5px;
}

.x-lg { 
	font-size:28px;
	letter-spacing:0.01em;
	font-weight:100;
	margin-bottom:5px
}


.jumbo { 
	font-size:48px;
	letter-spacing:0.01em;
	font-weight:100;
}
@media (max-width:767px) {
	.jumbo { 
		font-size:28px;
	}
}

small, .small {
    font-size: 85%;
	line-height:1.3;
}

@media (max-width:1199px) {
.text-md-center { text-align:center !important; }
.text-md-left { text-align:left !important; }
.text-md-right { text-align:right !important; }
}
@media (max-width:991px) {
.text-sm-center { text-align:center !important; }
.text-sm-left { text-align:left !important; }
.text-sm-right { text-align:right !important; }
}
@media (max-width:767px) {
.text-xs-center { text-align:center !important; }
.text-xs-left { text-align:left !important; }
.text-xs-right { text-align:right !important; }
}


	.back-btn {
		background-image:url('/images/furniture/back-arrow.svg') !important;
		background-repeat:no-repeat;
		background-position:10% 0%;
		background-size: 100%;
		width:64px;
		height:64px;
		opacity:0.7;
		position:relative;
		top:-3x;
	}


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

#main_page_content {
	padding-bottom:100px;
	min-height:500px;
}
.main-copy {
	margin-bottom:50px;
}

.main-copy h2, .main-copy h3 {
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	margin:0 0 10px 0;
	letter-spacing:-0.02em;
	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:36px;
	color:#555;
}
.left-nav h3.panel-title {
	font-size:24px;
	color:#555;
}

.left-nav .panel {
	border:0;
}
.left-nav .panel-heading {
	background:none;
	padding:0;
}

.left-nav .panel-body {
	padding:0 0 0 10px;
}


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

.left-nav .panel-title a { color:#20a587; }
.left-nav .panel-title a.collapsed { color:#666; }

.left-nav .panel-title a .fa { width:20px; text-align:center; }

.left-nav .panel-title a .fa-chevron-right { display:none; }
.left-nav .panel-title a.collapsed .fa-chevron-right { display:inline-block; }

.left-nav .panel-title a .fa-chevron-down { display:inline-block; }
.left-nav .panel-title a.collapsed .fa-chevron-down { display:none; }


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

.left-nav ul.menu  li.current_page_item {
	border-left:2px solid #2cc7b3;
}

.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:#029877;
	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:#20a587;
	
}
.left-nav ul.menu  li.current_page_item a:hover {
	color:#2cc7b3;
}

.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;
	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 #ddd !important;}

.fg-grayDark { color:#767A79 !important;}
.bg-grayDark {	background:#404040  !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-mint { color:#E4F0E6 !important;}
.bg-mint { background:#E4F0E6 !important;}
.border-mint { border:1px solid #E4F0E6 !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-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-white { color:#fff  !important;}
.bg-white { background:#fff !important;}
.border-white { border:1px solid #fff !important;}


.fg-yellow { color:#F90 !important;}
.bg-yellow { background:#F90 !important;}
.border-yellow { border:1px solid #F90 !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;}

a[class*=" border-"]:hover { border-color:inherit !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;
}

fieldset {
	border:1px solid #ccc;
	padding:0 10px 5px 10px;
}
fieldset legend {
	margin:0 0 0 10px;;
	padding:5px;
	font-weight:100;
	font-size:14px;
	display:inline-block;
	width:auto;
	border:0;
}

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

.btn-group .btn-default.active, .btn-group-vertical .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:25%;
	left:15%;
	width:680px;
	height:220px;
	z-index:99999;
	background-image:url(/wp-content/uploads/2018/08/logo-hp.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50%;
	text-indent:-9999px;
	overflow:hidden;
	-webkit-transition: width height 1s ease-in-out;
	-moz-transition: width height 1s ease-in-out;
	transition: width height 1s ease-in-out;
}

@media (max-width:991px) {
	#hp-logo {
		width:500px;
		height:170px;
	}
}
@media (max-width:767px) {
	#hp-logo {
		width:420px;
		height:170px;
	}
}


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 {
	
}

#hp-news .news-item {
	height:130px;
	border-width:5px !important;
}
#hp-news .news-item:hover {
	opacity:0.7;
}
#hp-news .news-item .media-object {
	width:64px;
	height:64px;
	padding:1px;
	border-color:rgba(255, 255, 255, 0.5);
}


@media (min-width:992px) and (max-width:1289px) {
	body.home .jumbotron {	min-height:294px; }
	
	body.home .jumbotron h2 { font-size:24px; }
	body.home .jumbotron h3 { font-size:32px; }
	body.home .jumbotron ul li { font-size:16px; }
	body.home .jumbotron hr { margin:0 0 10px 0; }
	body.home .jumbotron ul.list-inline { margin-bottom:0; }
	body.home .jumbotron { height:294px; min-height:294px; max-height:294px;  }

	body.home .jumbotron#hp-worship {
		height:auto;
		min-height:294px;
		max-height:294px;
	}
	
	body.home .jumbotron#hp-worship #worship_links {
		left:30px;
		bottom:35px;
		width:265px;
	}

}
@media (min-width:768px) and (max-width:991px) {
	body.home .jumbotron.photo { height:345px; min-height:345px;  }
	
	
	body.home .jumbotron#hp-worship #worship_links {
		position:static;
		clear:both;
		width:auto;
	}
	
}

@media (max-width:768px) {
	body.home .jumbotron.photo { height:345px; min-height:345px;  }

	body.home .jumbotron#hp-worship #worship_links {
		position:static;
		clear:both;
		width:100%;
	}


}

@media (max-width:479px) {
	body.home .jumbotron#hp-worship #worship_links {
		padding:0;
	}
}

@media (max-width:320px) {
	body.home .jumbotron.photo { height:290px; min-height:290px; }
}


body.home #task-bar a {
	font-size:24px;
	line-height:1;
	letter-spacing:-0.03em;
}
body.home #task-bar a:hover, body.home #task-bar a:active {
	text-decoration:none
}
body.home #task-bar a > img {

}

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 {
	
}
@media (max-width:767px) {
	body.home #flyers img {
		/*max-width:150px*/
		max-height:150px;
	}
}

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

.tribe-events-back {
	display:none;
}

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


ul.events li  {
	padding:5px 0;
	border-bottom:1px solid #ddd;
}

ul.events li 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;
}
ul.events li 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;
	}
	

.left-nav ul.menu  li#event-nav-list a::after {
	font-family:'FontAwesome';
	content:"\f03a";
	margin-left:10px;
}
.left-nav ul.menu  li#event-nav-calendar a::after {
	font-family:'FontAwesome';
	content:"\f073";
	margin-left:10px;
}
.left-nav ul.menu  li#event-nav-today a::after {
	font-family:'FontAwesome';
	content:"\f133";
	margin-left:10px;
}

div.event_date {
	padding:10px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}


div.event_date .date, div.events .date {
	line-height:1;
}
div.event_date .daten {
	font-size:32px;
}
div.events .daten {
	font-size:26px;
	padding-top:5px;
}


/* --------- HP events - ----------*/
div.hp-events .date {
	font-size:16px;
	line-height:0.9;
	border-right:1px solid #8fa2a2;
	padding:2px 0 10px 0;
}
div.hp-events .daten {
	font-size:34px;
	padding-top:0px;
}
body.home #event_list div.row {
	width:100%;
	position:relative;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #8fa2a2;
	font-size:20px;
}

@media( max-width:1450px) {
	body.home #event_list div.row {
		font-size:16px;
		padding-bottom:0;
	}
}

div.hp-events div.row:hover {
	background:rgba(255,255,255,0.1);
}

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


div.event_date .datet, div.events .datet {
	position:relative;
	height:46px;
	min-height:46px;
	padding:0 0 5px 5px;
	border-left:1px solid #ddd;
}
div.events .datet {
	height:auto;
	padding-top:5px;
}
div.events .datet a {
	display:block;
}

div.event_date .datet > div, div.events .datet > div {
	position: absolute;
 	top: 50%;
  	transform: translateY(-50%);
	width:100%;
}

div.event_date .lead{
	margin-bottom:0
}

#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', 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', 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;
}

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

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

	.form4 .wdform_page, .form13 .wdform_page {
		font-family: 'Open Sans', 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; }

.spacer5 { height:5px !important; overflow:hidden; }
.spacer10 { height:10px !important; overflow:hidden; }


.large {
	font-size:22px;
	line-height:1.1;
	font-family: 'Open Sans', sans-serif;
}
.x-large {
	font-size:30px;
	line-height:1.1;
	font-family: 'Open Sans', sans-serif;
}

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


.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;
}


.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::before {
	min-height:50px;
	text-align:center;
	display:block;
	margin:auto;
	font:normal normal normal 14px/1 'FontAwesome';
	content:'\f1ce';
	color:#ccc;
	-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;
}

.loading-sm::before {
	min-height:30px;
	font-size:2em;
}


.middle { vertical-align:middle; }

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


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

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

.section-index-thumb {
	height:208px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	overflow:hidden;
	background-position:50% 50%;
}
.section-index-thumb:hover {
	opacity:0.8;
}
.section-index-caption {
	background:rgba(0,0,0,0.5);
	color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px;
	font-family:'Open Sans', sans-serif;
	font-size:24px;
	line-height:1.1;
}

@media (max-width:1279px) {
	.section-index-thumb {
		height:165px;
	}
}
@media (max-width:991px) {
	.section-index-thumb {
		height:195px;
	}
}

@media (max-width:767px) {
	.section-index-thumb {
		height:165px;
	}
}

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

.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;
}
.bg-grayLight hr {
	border-color:#ccc;
}


@media (min-width:1600px) {
	.tile-group div.tile > .tile-text h3 {
		font-size:48px;
	}
	.tile-group div.tile > .tile-text {
		padding:100px 60px 30px 60px;
		font-size:22px;
	}
	.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:130px 60px 30px 60px;
		font-size:22px;
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:30px;
	}
}
@media (min-width:970px) and  (max-width:1199px)  {
	.tile-group div.tile > .tile-text {
		padding:120px 60px 30px 60px;
		
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:10px;
	}
}
@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:0 20px 20px 20px;
		font-size:16px;
	}
	.tile-group div.tile > .tile-text .linkbtn {
		padding-top:10px;
	}
}

@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 div.tile:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

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


/*.tile-group div.tile .bg-pattern { */
.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;
	/*overflow:hidden;*/
}
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:122px;
	height:122px;
	padding-top:20px;
	position:relative;
	text-align:center;
	line-height:1;
}
.btn.btn-tile .fa-3x{
	margin-bottom:5px;
}

li.active a.btn-tile .fa:not(.fa-caret-down)  { color:#fff !important; }

.btn.btn-tile .fa-caret-down{
	color: #306666 !important;
	height: 16px !important;
	line-height: 1;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	padding: 0;
	bottom: 5px;
	text-shadow: none;
	visibility: hidden;
}
	#img_selectors .btn.btn-tile {
		margin-right:10px !important;
	}

.btn.btn-tile:hover .fa-caret-down, .btn.btn-tile:active .fa-caret-down, .btn.btn-tile:focus .fa-caret-down {
	color: #408e8e !important;
}

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

@media (max-width:991px) {
	
	
	.btn.btn-tile {
		width:80px;
		height:80px;
		padding:10px 0;
		position:relative;
		margin:0 !important;
		font-size:12px;
	}

	.btn.btn-tile.btn-tile-lg {
		width:112px;
		height:112px;
		padding:16px 0;
		position:relative;
		margin:0 !important;
		font-size:16px;
	}

	#img_selectors .btn.btn-tile {
		width:125px;
		height:125px;
		margin-right:10px !important;
		font-size:18px;
	}

	ul.tile-list li {
		padding:0 !important;
		margin:0 !important;
	}
	
	.btn.btn-tile .fa-caret-down {
		bottom:-6px;
	}
	.btn.btn-tile.btn-tile-lg .fa-caret-down {
		bottom:-3px;
	}
	
}
@media (max-width:350px) {

	.btn.btn-tile.btn-tile-lg {
		width:95px;
		height:95px;
		padding:10px 0;
		position:relative;
		margin:0 !important;
		font-size:12px;
	}

}


/* 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;
}

#news_panel .item_title {
	max-height:52px;
	overflow:hidden;
	margin-bottom:10px;
}


/*   ========================== 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-divider {
	height:5px;
	margin:0;
	text-align:center;
	position:relative;
}
.slide .hero-divider {
	border-top:1px solid #eee;
	height:30px;
	margin:5px auto 50px;
}

.hero-divider>div {
	width:110px;
	height:110px;
	background:url(https://phdm.mcmorranmedia.com/wp-content/uploads/2020/05/flame-motif-divider.png) 50% 50% no-repeat;
	position:absolute;
	top:-55px;
	left:50%;
	margin-left:-55px;
	z-index:100;
}

/*   ========================== 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, .img_selectors {
	margin-bottom:10px;
}

#img_selectors button .fa-caret-down, .img_selectors button .fa-caret-down {
	color:#245580;
	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.btn-primary .fa-caret-down, .img_selectors button.btn-primary .fa-caret-down {
	visibility:visible;
}


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

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


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


.img-picker label.selected img {
	background:#029877;
}
.img-picker.img-delete label.selected img {
	background:#F00;
}
.page-picker label.selected .fa {
	display:inline-block;
}


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

.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', 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;
}


.img-gallery button.add_burial_photo {
	height:155px;
	max-height:155px;
}

@media (max-width:1289px) { 
	.img-gallery button.add_burial_photo {
		height:121px;
		max-height:121px;
	}
}
@media (max-width:991px) { 
	.img-gallery button.add_burial_photo {
		height:157px;
		max-height:85px;
	}
}


#upload_preview {   /* for ugc in memoriam  */
	width:400px;
	height:300px;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	margin:10px auto;
	border:1px solid #ddd;
}
#upload_preview .img_icon {
	position:absolute;
	top:100px;
	left:250px;
}

.immemoriam_preview {
	width:54px;
	height:54px;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
}

#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;
}


#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', 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', 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;
}
.caption {
	padding-top:5px;
}
.modal-body img {
	max-height:550px;
	max-width: 100%;
    height: auto;
}

.modal-body .wp-caption, .modal-body .wp-caption-text {
	width:100% !important;
	max-width:100% !important;
}


#content_modal img.gallery-img {
	opacity:1;
	-webkit-transition: opacity 0.5s ease-in-out !important;
	-moz-transition: opacity 0.5s ease-in-out !important;
	transition: opacity 0.5s ease-in-out !important;
}
#content_modal img.gallery-img.transition {
	opacity:0;
}


#content_modal_dark .caption {
	position:absolute;
	bottom:0px;
	background:rgba(0,0,0,0.5);
	padding:10px;
	font-size:16px;
	font-weight:100;
	text-shadow: 0px 0px 3px #000;
}

.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', sans-serif;
}

footer p {
	line-height:1;
	font-family: 'Open Sans', 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:16px;
		
		border:0px;
		opacity:0.6;
	}
	#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;
}

.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}


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

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

header.header {
	height:150px !important;
	z-index:1200 !important;
	position:fixed;
	width:100%;
}

body.shrink header.header {
	height:50px !important;
}

@media (max-width:767px) {
	header.header {
		height:30px !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;*/
	}

}


	.social_btns .btn {
		width:34px;
		height:34px;
		margin:5px;
		padding:8px 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;
	}	
	
	
/* ============== FORCE EARLY MOBILE MENU  ======================= */


@media (max-width: 1289px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
/* ============================================================= */

@media (min-width:1290px) {
	
	#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;
	}
	#nav_top.shrink  #logo2 {
		opacity:100;
	}

	
	#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:16px;
		letter-spacing:-0.02em;
		font-family: 'Open Sans', sans-serif;
	}
	#nav_top ul.nav li a {
		padding:10px 0  !important;
		margin:0 10px  !important;
		text-decoration:none;
		color:#999;
	}
	#nav_top ul.nav li.current-menu-item a, 
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
		color:#99B433 !important;
		background-image:none !important;
		background:none !important;
		border:0px;
		border-bottom:2px solid #99B433;
		webkit-box-shadow:none !important;
		box-shadow:none !important;
	}
	#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:#4dd8c6 !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:1289px) {

	#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;
	}

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


	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background:#005BA4;
		color:#E5C218 !important;
	}
	
	
	.navbar-default .navbar-toggle {
		border-color:#fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background: rgba(255,255,255,0.5);
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#fff !important;
	}
	.navbar-default .navbar-nav a, .navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav a:focus {
		color:#fff !important;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .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;
	}*/
	
	
	.navbar-fixed-top .navbar-collapse {
		max-height:900px;
		border-top:0px;
	}
	
}


@media (max-width:991px) {
	ul.navbar-nav li {
		font-size: 30px !important;
	}
}


/*   ========================== 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;
}

.form-group .form-control-feedback:not(.clipboard) {
	display:none;
}
.form-group .form-control-feedback.visible {
	display:block;
}


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

.form-group .btn.helper {
	position:absolute;
	top:0px;
	right:18px;
}


.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;
}

/*   ===================	======= 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-content blockquote {
	font-size:14px;
}*/

@media ( max-width:991px) {	

	.modal-content .container-fluid {
		padding:0 !important;
	}
}

.visible-modal {
	display:none;
}

.modal-content .visible-modal {
	display:block;
}


/*   ========================== 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;
}

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

td {
	vertical-align:top;
}

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


/* 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:767px) {
	#task_bar h2 {
		font-size:18px;
	}
}


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;
}
*/


#events_container h3 {
	margin-top:0;
}

ul.events li {
	border-bottom:1px solid #ddd;
	display:table;
	width:100%;
	padding:5px 0;
}

ul.events li .event_date {
	width:34px;
	float:left;
	margin-right:10px;
	text-align:center;
	clear:both;
}
ul.events li .event_date .event_date_number {
	display:block;
	width:100%;
	font-size:24px;
	font-weight:bold;
	line-height:1;
}
ul.events li .event_date .event_date_day {
	font-size:12px;
	font-weight:bold;
}


ul.events li.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: #eee;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff !important	;
    background-color: #337ab7;
}


/*   ========================== 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;
}
.bg-grayLight ul.lined li {
	border-bottom:1px solid #ccc;
}

#related_docs>div {
	min-height:235px;
	font-size:16px;
}

.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;
}


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

#fullpage .section {
	background-size: cover;
	background-repeat:no-repeat;
	background-position:50%;
	width:100%;
	max-width:100%;
	overflow-x:hidden
}
@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
	#fullpage .section {
		background-attachment:fixed;
		background-size: cover;
		background-repeat:no-repeat;
	}
}

#fullpage .section .tilerow { margin:0;}

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

@media (max-width:767px) {
	/*#fullpage .section {
		max-height:500px !important;
	}
	#fullpage .section.fp-auto-height, #fullpage .section.fp-completely {
		max-height:none !important;
	}*/
	#fullpage .section {
		height:auto !important;
	}
	
	#fullpage .section#section-map, #fullpage .section#section-events {
		max-height:650px !important;
	}
	#fullpage .section#section-map, #fullpage .section#section-events #events-tile {
		/*border:1px solid #0f0;*/
		height:600px !important;
	}
	
	
	#fullpage .fp-tableCell {
		max-height:500px !important;
	}
	#fullpage .section .fp-tableCell img {
		max-height:300px !important;
	}
}

/*   ==========================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;
}


.pictures-captions img {
	max-height:400px;
}
/*   ========================== TEXT TO MODAL   ================================  */


/*   ========================== AUTOCOMPLETE   ================================  */

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
	width:280px;
	background-color:#c3f9d6;
	cursor:pointer;
	z-index:999999;
}


.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;
}


#img_rotate_modal .img-container {
	max-height:300px;
	height:300px;
	max-width:300px;
}
#img_rotate_modal .img-container img {
	max-width:100%;
	max-height:100%;
  transform-origin: top left;
  /* IE 10+, Firefox, etc. */
  -webkit-transform-origin: top left;
  /* Chrome */
  -ms-transform-origin: top left;
  /* IE 9 */
}
img.rotate90 {
  transform: rotate(0deg) translateY(-100%);
  -webkit-transform: rotate(0deg) translateY(-100%);
  -ms-transform: rotate(0deg) translateY(-100%);
  max-width:350px
}

img.rotate90 {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
}
img.rotate180 {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
img.rotate270 {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
}


.iconSwitch label.selected {
}
.iconSwitch label .fa {
	visibility:hidden;
}
.iconSwitch label.selected .fa {
	visibility:visible;
}
.iconSwitch input[type=radio] { display:none; }

.btn-group label.btn:not(.active), .btn-group-vertical label.btn:not(.active) {
	background:#ccc !important;
	color:#666 !important;
	border-color:#bbb;
}


/*   ========================== floating search button ================================  */


#floating_search {
    position: fixed;
    left: -216px;
    top: 80%;
    z-index: 999;
    width: 275px;
    height: 75px;
	box-sizing:border-box;
    overflow: hidden;
    
    color: #fff;
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: 50% 10px;
    -webkit-transition: left 0.4s ease-out !important;
    -moz-transition: left 0.4s ease-out !important;
    transition: left 0.4s ease-out !important;


	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;

-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);

}

#floating_search #set2{
	visibility:hidden;
}
#floating_search #set2 a.btn {
	white-space:normal !important;
	text-transform:uppercase;
}
#floating_search #set2 a.btn div {
	font-size:12px;
	margin-top:5px;
}
#floating_search #set2 .float_close {
	padding-bottom:28px;
}


#floating_search.active {
	left:0px;
}

#floating_search #set1 {
	padding-top:5px;
}
#floating_search.active #set1 {
	visibility:hidden;
	padding:0 !important;
	width:0px;
	overflow:hidden;
}
#floating_search.active #set2 {
	visibility:visible;
	transition-delay: visibility 1s;
}


.tab {
	border-radius:20px 20px 0 0;
	width:200px;
	height:50px;
}

.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;
}


.flame-bg {
	background-image:url(/wp-content/uploads/2020/05/flame-motif.png);
	background-position:-250% 330%;
	background-repeat:no-repeat;
	background-size:400px;
}


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

footer {	
	background:#333 url(/wp-content/uploads/2020/05/flame-motif.png) no-repeat 115% 150% ;
	padding:30px 0 60px 0;
	margin:0;
	overflow:hidden;
}