/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Mulish:300,400|Open+Sans:400,400i,700,700i&subset=latin-ext');


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



@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;0,900;1,300;1,700&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: 'Roboto', sans-serif; 
		color:#444;
		padding-top:0 !important;	
		font-size:16px;
}
/*@media( max-height:768px) and (min-width:992px) {
		body { padding-top:130px !important; }
		
}
*/

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



/*#fb-root {
	border:1px solid #0f0;
	position:absolute;
	top:-99999px;
	left:-99999px;
}*/
body > .fb_iframe_widget { 
	display:none;
}

.grecaptcha-badge { display:none;}


/*   ========================== navbar ================================  */

#nav_header {
	background:rgba(0,0,0,0.6);
	height:130px;
	position: absolute;
	top: 0;width: 100%;
	z-index: 998;
}

@media (max-width:767px) {
	#nav_header .container {
		padding:0 !important;
	}
	
	#nav_header .mega-toggle-block button {
		border:1px solid #fff !important;
		padding:10px 5px !important;
	}
	#nav_header .mega-toggle-animated-inner, #nav_header .mega-toggle-animated-inner:before, #nav_header .mega-toggle-animated-inner:after { /*hamburger bars*/
		background:#fff !important;
		width:30px !important;
		
	}
	#nav_header .mega-toggle-animated-inner {
		margin-left:4px;
	}
	
	#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		font-size:20px !important;
	}
	
	#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
		font-size:18px !important;
	}
	
	
}

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

#eu-cookie-law.negative {
	background-color:rgba(0,0,0, 0.5) !important;
}


.breadcrumb {
	background:none;
	margin-bottom:0;
	font-size:14px;
}
.breadcrumb hr {
	margin-top:10px;
	margin-bottom:10px;	
}


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

a{color:#0062ac;text-decoration:none; }
a:hover{color:#3085d0 ;text-decoration:underline;}
a:focus{color:#0062ac; outline:0px none; text-decoration:none; }

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


.btn-link:hover[class^="border-"], .btn-link:focus[class^="border-"], .btn-link:active[class^="border-"],
.btn-link:hover[class*=" border-"], .btn-link:focus[class*=" border-"], .btn-link:active[class*=" border-"]
{
	border-color:inherit !important;
}



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

h1, h2, h3 {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}

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

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

h3 { 
	font-size:24px;
	color:#444;
}




.lead { 
	font-size:20px;
	letter-spacing:0.03em;
	font-weight:300;
}



/*   ========================== main body ================================  */
@media (min-width:992px) { 
	#main_page_content {
		padding-bottom:100px;
		min-height:500px;
	}
	.main-copy {
		margin-bottom:50px;
	}
}


.main-copy h2 {
	margin:0 0 20px 0;
	letter-spacing:-0.03em;
	color:#222;
		font-weight:900;
		font-size:48px;
}

	
	
/*
body.news .main-copy #bulletin div {
	max-width:100%;
}
body.news .main-copy #bulletin table:not('.mcnFollowContent')  {
	width:100% !important;
}
body.news .main-copy #bulletin th,body.news .main-copy #bulletin td  {
	width:auto !important;
	white-space:normal !important;
}
body.news .main-copy #bulletin p, body.news .main-copy #bulletin span, body.news .main-copy #bulletin div {
	font-family: 'Open Sans', Arial, sans-serif  !important;
}
body.news .main-copy h2 {
	font-family: 'Open Sans', Arial, sans-serif  !important;
	font-weight:100  !important;
	font-size:22px  !important;
}
*/
.main-copy img {
	max-width:100%;
	height:auto !important;
}

/*.main-copy a {
	font-weight:bold;
}*/


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

strong.current { font-weight:normal;}

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

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

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


.left-nav ul.menu  li {
	font-size:18px;
	display:block;
	position:relative;
	margin:10px 0;
	border-bottom:1px solid #ddd;
	border-left:5px solid #fff;	
}
.left-nav ul.menu.related  li {
	font-size:14px;
}

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

.left-nav ul.menu  li a {
	color:#777;
}
.left-nav ul.menu.related  li a {
	color:#337ab7;
}

.left-nav ul.menu  li a:hover {
	color:#666
}
.left-nav ul.menu.related  li a:hover {
	color:#0033CC
}

.left-nav ul.menu li.current_page_item {
	border-left:5px solid rgb(0, 99, 171);	
}
	
.left-nav ul.menu li.current_page_item a, .left-nav ul.menu li.current_page_item a::before {
	color:#0062ac;
}
.left-nav ul.menu  li.current_page_item a:hover {
	color:rgb(0, 99, 171);
}

.left-nav ul.menu  li a::before, .left-nav ul.menu.related  li a::after {
	content:"\f054";
	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;
	position:absolute;
	left:auto;
	right:0px;
	top:5px;
	color:#ddd;
	line-height:1.3;
}

.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:0;
	top:0px;
	color:#ccc;
}


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

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


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

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

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



.fg-black { color:#000 !important; }
.bg-black { background:#000 !important; }

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



.fg-blueLight { color:#5bc0de !important; }
.bg-blueLight { background:#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; }
	a.fg-white:hover {  color:#fff; !important; }
.bg-white { background:#fff; !important; }
.border-white { border:1px solid #fff; }


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

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


.fg-purple { color:#6300A9 !important;}
.bg-purple { background:#6300A9 !important;}

.fg-lilac { color:#ECB9FF !important;}
.bg-lilac { background:#ECB9FF !important;}




	
 

/*   ========================== links ================================  */
	
	a:hover { color:#7CB8EC; }
	
	a.plain:hover, a.plain:active { text-decoration:none; opacity:0.7; }
	
	a.fg-pink {
		color:#CC0099
	}
	a.fg-pink:hover {
		color:#FF99FF
	}

	a.fg-black {
		color:#000
	}
	a.fg-black:hover {
		color:#666
	}


hr { border-bottom:1px solid #ddd; }

hr.margin5 {
	margin:5px 0 !important;
}
hr.margin10 {
	margin:10px 0 !important;
}

.bg-grayLight hr {
	border-color:#ccc;
}

.caps { text-transform:uppercase; }

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

label {
	font-weight:normal;
}

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

/*   ========================== button group ================================  */
.btn-group>.btn:not(.dropdown-toggle):not(.active) {
	/*background:#ccc !important;
	border-color:#bbb !important;
	color:#9e9e9e;*/
}
.btn-group>.btn:not(.dropdown-toggle):not(.active) .fa, .btn-group>.btn:not(.dropdown-toggle):not(.active) .label {
	/*background:#ccc !important;*/
	/*color:#9e9e9e !important;*/
}


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

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


body.home .yotu-playlist { padding:0 !important; }
body.home .yotu-wrapper-player, .yotu-pagination-top { display:none !important;}
body.home .yotu-lightbox .yotu-wrapper-player { display:block !important;}

.yotu-lightbox-close { color:#fff !important; }  // close button should not be grayed out

@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:18px; }
	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 {
	max-width:250px
}
@media (max-width:990px) {
	body.home #flyers img {
		max-width: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 {
		/*position:fixed
		top:20px;
		width:100%;
		z-index:1040;
		
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		*/
	}
	
	#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;
}
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;
}


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


#courthouse_events_list .remove, #courthouse_events_chosen .add {
	display:none;
}

/*   ========================== 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-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 {
	}
	
	.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-weight:300;
}


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

.jumbo {
	font-size:48px;
	line-height:1.1;
}
.jumbo small {
	font-size:32px;
}


.serif {
	font-family:Georgia, "Times New Roman", Times, serif;
}

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

.icon-circle {
	display:inline-block;
	border-radius:50% !important;
	border-width:2px;
	width:38px;
	height:38px;
	padding:4px;
	text-align:center;
	font-size:20px;
}



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 {
	/*background:url(/wp-content/themes/stpetersberko/img/ajax-loader.gif) no-repeat 50% 50%;*/
	min-height:50px;
	text-align:center;
	display:block;
	margin:auto;
	font:normal normal normal 14px/1 'FontAwesome';
	content:'\f1ce';
	-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;
	color:#ddd;
}

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

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


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

.btn-tile {
	width:150px;
	height:150px;
	max-height:150px;
	box-sizing: border-box !important;
	/*overflow:hidden;*/
	position:relative;
}
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;
}*/

.btn.btn-tile .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: 5px;
	text-shadow: none;
	visibility: hidden;
}

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


.active .btn.btn-tile img {
	filter: brightness(500%);
}

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


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

@media (min-width:768px) { 
	ul.columns2 {
	  columns: 2;
	  -webkit-columns: 2;
	  -moz-columns: 2;
	}
	ul.columns3 {
	  columns: 3;
	  -webkit-columns: 3;
	  -moz-columns: 3;
	}
}
ul.large li {
	margin-bottom:5px;
}

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-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;
}
.page-picker, .img-picker {
	min-height:250px;
	max-height:250px; 
	overflow-x:hidden; 
	overflow-y:scroll;
}

#img_selectors {
	margin-bottom:10px;
}

#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 {
	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:#fff !important;
	background:#0063ac;
}
.page-picker label .fa {
	display:none;
}


.img-picker label {
	cursor:pointer;
}
.img-picker label.selected img {
	background:#f0f;
}
.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',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;
}
#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;
}
#contact_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;
}
.caption {
	padding-top:5px;
}
.modal-body img {
	max-height:550px;
}


.mugshot {
	width:100%;
	padding-top:82%;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
}




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

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


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

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

}


	#social_btns .btn, .social_btns .btn {
		width:51px !important;
		height:51px !important;
		margin:5px;
		padding-top:12px;
	}
	.left-nav .social_btns .btn {
		background:#ddd;
		color:#fff;
		border:0px;
		text-shadow:0px;
	}
	.left-nav .social_btns .btn-primary:hover {
		background:#265a88;
	}
	.left-nav .social_btns .btn-info:hover {
		background:#2aabd2
	}
	.left-nav .social_btns .btn-default:hover {
		background:#666;
	}	


@media (min-width:992px) {
	
	#nav_top.navbar-inverse.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;
	}
	
	

	


		




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



	ul.nav li {
		font-size:16px;
		letter-spacing:-0.05em;
	}
	
	@media (min-width: 992px) {
		#nav_top .dropdown-menu {
			background:rgba(0,0,0,0.8);
		}
	}
	
	#nav_top .dropdown-menu>li>a:hover, 
	#nav_top .dropdown-menu>li>a:focus {
		background:rgba(0,0,0,1);
		color:#E5C218 !important;
		border-left:10px solid #E5C218 !important;
		padding-left:10px;
	}
	
	#nav_top ul.dropdown-menu li.active a, 
	#nav_top ul.dropdown-menu li.active a:hover {
		background:none;
		border-left:10px solid #E5C218 !important;
		color:#E5C218 !important;
		padding-left:10px;
		font-weight:700;
	}
	
	
	
	#nav_top .navbar-inverse .navbar-nav > .active > a, 
	#nav_top .navbar-inverse .navbar-nav > .active > a:hover, 
	#nav_top .navbar-inverse .navbar-nav > .active > a:focus {
		background:none;
		color:#E5C218 !important;
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav > .active > a::after {
		content:' ';
		display:block;
		border-bottom:2px solid #E5C218;
		margin-top:5px;
	}
	#nav_top .navbar-inverse .navbar-nav > .open > a, 
	#nav_top .navbar-inverse .navbar-nav > .open > a:hover, 
	#nav_top .navbar-inverse .navbar-nav > .open > a:focus {
		background:none;
		color:#E5C218 !important;
	}
	
}

@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:1289px) {

	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:60px !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 {

}



	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		background:#005BA4;
		color:#E5C218 !important;
	}
	
	
	.navbar-inverse .navbar-toggle {
		border-color:#fff;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background: rgba(255,255,255,0.5);
	}
	
	.navbar-inverse .navbar-toggle .icon-bar {
		background-color:#fff !important;
	}
	.navbar-inverse .navbar-nav a, .navbar-inverse .navbar-nav a:hover, .navbar-inverse .navbar-nav a:focus {
		color:#fff !important;
	}
	.navbar-inverse .navbar-nav #year_filter  a, .navbar-inverse .navbar-nav #year_filter  a:hover, .navbar-inverse .navbar-nav #year_filter a:focus {
		color:#337ab7 !important;
	}
	
	
	
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		color:#E5C218 !important;
		background:#005BA4;
		/*background:#E5C218;*/
	}
	
	
	
	
	.navbar-fixed-top .navbar-collapse {
		max-height:900px;
		border-top-color:#005BA4;
	}
	
}





/*   ========================== 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 {
	display:none;
}
.form-group.has-success .glyphicon-ok.form-control-feedback {
	display:block;
}
.form-group.has-error .glyphicon-remove.form-control-feedback {
	display:block;
}

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

}

/*   ===================	======= FORMS ================================  */
.checkbox .fa { vertical-align:middle; margin-right:10px; }


.checkbox .fa.on, .radio .fa.on {
	display:none;
	width:26px;
}
.checkbox .fa.off, .radio .fa.off {
	display:inline-block;
	width:26px;
}

.checkbox label.sel .fa.on, .radio.sel .fa.on {
	display:inline-block;
}
.checkbox label.sel .fa.off, .radio.sel .fa.off {
	display:none;
}
.checkbox .on-text { display:none; }
.checkbox.sel .on-text { display:inline; }
.checkbox.sel .off-text { display:none; }

/*   ===================	======= MODAL ================================  */
@media ( max-height:768px) {	
	.modal-body {
		max-height:460px;
		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: 22px;
}

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




/*   ========================== homepage ================================  */

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

	body.home iframe { max-width:100%; min-height:150px; }
	.fb-video {  min-height:150px; margin-top:0 !important; margin-bottom:5px; }
	.yotu-videos, .yotu-video-thumb { max-width:100%;}
	.yotu-videos ul, .yotu-videos ul li {
		list-style:none;
		margin:0; 
		padding:0;
		
	}

	body.home .yotu-mode-grid li, .yotu-mode-mix li, body.home .yotu-mode-grid[class*=' yotu-column-'] li, body.home .yotu-mode-grid[class^='yotu-column-'] li {
		min-width:100% !important;
		width:100% !important;
	}

	iframe.oos {
		width:100%;
		max-width:100%;
		height:500px;
		border:1px solid #f0f;
	}
	
	#the-canvas {
		direction: ltr;
		width:100%;
		/*height:650px;*/
		border:1px solid #ccc !important;
		-webkit-transition: width 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out;
		transition: width 0.5s ease-in-out;

	}
	
	@media (max-height:768px) {
		#the-canvas {
				
			
		}
	}

	@media (min-width:768px) {
		.video-wrapper .center-block {
			min-height:280px;
		}
	}
	@media (max-width:767px) {
		.video-wrapper .center-block {
			min-height:215px;
		}
	}




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




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

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

#worship_panel {
	background:url(/images/furniture/floriated_cross.jpg) 20px 0px no-repeat;
	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;
}

#bulletin table td {
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size:16px !important;
	line-height:1.4 !important;
	color:#5a5a5a  !important;
}
#bulletin h1 {
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size:28px !important;
	line-height:1.1 !important;
	color:#5a5a5a  !important;
	font-weight:100 !important;
}

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

@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 15px;
}

ul.events li .event_date {
	width:34px;
	float:left;
	margin-right:10px;
	text-align:center;
	clear:both;
}

ul.events li .event_cal_details {
	border-left:1px solid #ddd;
}

ul.events li .event_date_number {
	display:block;
	width:100%;
	font-size:30px;
	letter-spacing:-0.03em;
	font-weight:bold;
	line-height:1;
}
ul.events li .event_date_day {
	width:100%;
	font-size:14px;
}


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






/*   ========================== interactive guide ================================  */





		#page_content #diagram img {
			width:290px !important;
			max-width:290px !important;
			
		}
		ul#hotspots {
			display:block;
			margin:0;
			padding:0;
			list-style:none;
			position:absolute;
		}

		ul#hotspots li {
			display:block;
			width:36px;
			height:36px;
			overflow:hidden;
			padding:0;
			margin:0;
			list-style:none;
			position:absolute !important;
			text-align: center;
		    line-height: 1.1;
			border-radius:18px;
			box-sizing:border-box;
		}
		

		
		ul#hotspots li.inactive  {
			filter: url(/css/filters.svg#grayscale); /* Firefox 3.5+ */
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		}

		ul#hotspots li a {
			display:block;
			width:36px;
			height:36px;
			font-size:18px;
			border-radius:18px;
		}
		ul#hotspots li a .badge {
			font-size:18px;
		}
		
		
		@media (min-width: 979px) {
			#panels img.full {
				display:block;
				border:1px solid #ccc;
				padding:1px;
				max-width:100%;
			}
			
			
			
			
		
		}


		@media (max-width: 979px) {
			
			
			img.window {
				max-height:150px;
				float:right;
				margin-left:5px;
			}
			
			.scroll_down, .scroll_up {
				font-size:24pt !important;
			}
		}

		@media (max-width: 380px) {
			
			
  			#page_modal img.full {
				width:290px !important;
				max-width:290px !important;
			}

  			#page_modal img.pull-right {
				max-width:150px !important;
			}


			.metrouicss img.intro_pic.pull-right {
				width:300px !important;
				min-width:300px !important;
				float:none !important;
				margin:10px 0 !important;
			}

			

		}

		@media (max-width: 320px) {

		}


		.badge.ordinal {
			font-size:24px;
			min-width:30px;
			border-radius:40px;
		}

		.modal .img-tall {
			max-width:100px;
		}



.cal_date {
	font-size:28px;
	letter-spacing:-0.05em;
}

#pictures_and_captions img{
	max-height:250px;
}
		

.section-index-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
	font-weight:700;
    font-size: 24px;
    line-height: 1.1;
}

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

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



footer {
	display:block;
	background:#333	;
	color:#ccc;
}

footer p {
	line-height:1;
	margin:20px 0;
}

footer hr { border-color: #666; }

footer .footer-logo {
	opacity:0.7 !important;
	margin:auto;
}
footer .footer-logo:hover {
	opacity:1 !important;
}

@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: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 {
	opacity:1;
}