/*
 * Based on HTML5 Boilerplate
 *
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid {  } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
   Primary styles
   Author: Ten 7 Interactive


  7777777777777777777777777777777777777777777777777777777777777777777777777
  77                                                77777777777777777777777
  77   777777777777  77777777777  777777    7777    7777              77777
  77   777777777777  77777777777  7777777   7777    7777              77777
  77       7777      7777         77777777  7777    777777777777     777777
  77       7777      7777777777   777777777 7777    77777777777     777777
  77       7777      7777777777   7777 777777777    7777777777     777777
  77       7777      7777         7777  77777777    777777777     777777
  77       7777      77777777777  7777   7777777    77777777     777777
  77       7777      77777777777  7777    777777    7777777     777777
  77                                                77777777777777777
  777777777777777777777777777777777777777777777777777777777777777777


  Handcrafted in America by the humans at ten7.com


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

::-moz-selection { background: #A58949; color: #fff; text-shadow: none; }
::selection { background: #A58949; color: #fff; text-shadow: none; }

body {
	font-family: 'Century Gothic W01', Helvetica, Arial, sans-serif;
	color: #37424A;
	z-index: 1;
	text-align: left;
	background: transparent url(/sites/all/themes/stjoan/img/pattern_bg.jpg) repeat;
}

/** headlines and content **/
h1, h2, h3, h4, p, li, td, input {
	font-family: 'Century Gothic W01', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

h3, p, li, td, input {
	color: #000;
}

ul {
	margin: 10px 0 20px 0;
	padding: 0 0 0 20px;
}

li {
	margin: 0 0 12px 0;
}

h1 {
	color: #517283;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0px;
	text-transform: none;
	float: left;
}

.node-type-basic-page-image-video h1{

}

h2 {
	color: #58595b;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
}

h3 {
	font-weight: normal;
	text-align: center;
	margin: 0;
}

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

.front h2 {
	color: #517283;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
}

.node-type-page-large-image-video h1 {
	float: none;
}

#t7_ultimate .t7-slogan,
.maintenance-page #page #site-slogan {
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding-right: 24px;
	clear: right;
	letter-spacing: 0.1em;
	font-style: italic;
	font-family: 'Constantia W99 Regular';
}

/** hyper links **/
a:link {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}
a:hover  {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}
a:active {
	color: #517283;
	text-decoration: underline;
	font-weight: normal;
}

/** container **/
#t7_ultimate,
.maintenance-page #page {
	padding: 0;
	margin: 0 auto;
	width: 1020px;
}

/** header **/
#t7_header,
.maintenance-page {
	margin: 0;
	padding: 0;
	min-width: 1024px;
	width: 100%;
	height: 378px;
	background: transparent url(/sites/all/themes/stjoan/img/header_bg_dt.jpg) repeat-x;
	background-position-x: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.admin-menu #t7_header {
	margin-top: 28px;
}

header {
	padding: 0;
	margin: 0;
	clear: both;
}

#t7_logo {
	float: left;
	width: 305px;
	margin-top: 10px;
}

#logo-title {
	margin-top: 20px;
}

#name-and-slogan {
	visibility: hidden;
}

/** Main Navigation **/
#t7_main_navigation {
	clear: both;
	float: left;
	height: 40px;
	margin: 17px 0 26px 0;
	position: relative;
	z-index: 2000;
	width: 100%;
}


#t7_main_navigation #om-menu-main-menu-maximenu {

}

#om-menu-main-menu-maximenu li {
	list-style: none;
	display: inline;
	background: transparent url(/sites/all/themes/stjoan/img/button_bg_dt.png);
	border: 1px solid #bd9d54;
	margin-right: 27px;
	margin-left: 0;
	float: left;
	padding: 0 1px 0;
}

#om-menu-main-menu-maximenu li:hover {
	background: #726538;
}



#om-menu-main-menu-maximenu li span {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100%;
}

#om-menu-main-menu-maximenu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#om-menu-main-menu-maximenu .view-menu-blocks li a,
#om-menu-main-menu-maximenu .block-menu li a {
text-transform: none;
}



/* MaxiMenu*/
#om-menu-main-menu-maximenu .block-views ul li,
#om-menu-main-menu-maximenu .block-menu ul li{
	background: none;
	border: none;
	color: #517283;
	float: left;
	clear: both;
	display: block;
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
	width: 250px;
}

#om-menu-main-menu-maximenu .block-views ul li a,
#om-menu-main-menu-maximenu .block-menu ul li a{
	background: none;
	border: none;
	color: #517283;
	font-size: 14px;
	padding: 2px 0 2px;
}

#om-menu-main-menu-maximenu .block-views ul li .views-field-title {
	clear: both;
}

.om-maximenu-no-style .leaf-events .om-maximenu-content {
	left: -150px;
	width: 20px;
}

.view-id-menu_blocks {
	float: left;
  /* Commented by DanG, 20170126 - fill t7_main_left region */
	/*width: 200px;*/
}

.leaf-ministries .view-id-menu_blocks {
	float: left;
	max-width: 909px;
	width: 100%;
}

.view-id-menu_blocks .view-content {
	float: left;
	max-width: 600px;
}

.view-id-menu_blocks .attachment-after {
	float: left;
  /* Commented by DanG, 20170126 - fill t7_main_left region */
	/*width: 296px;*/
}

#om-menu-main-menu-maximenu .block-views .item-list {
	float: left;
	width: 260px;
	margin-right: 38px;
}

#om-menu-main-menu-maximenu .block-views h3,
#om-menu-main-menu-maximenu .block-views .attachment .view-grouping-header {
	background: #a58949;
	color: #ffffff;
	padding: 2px 0 2px 12px;
	text-align: left;
	text-transform: uppercase;
}

#om-menu-main-menu-maximenu .block-views .attachment .item-list {
	float: left;
	clear: both;
}

#om-menu-main-menu-maximenu .block-views .attachment .item-list ul {
	width: 250px;
	margin: 0;
}

#om-menu-main-menu-maximenu .block-views .attachment h3 {
	text-align: left;
	background: none;
	font-size: 14px;
	color: #000000;
	margin: 0;
	font-weight: bold;
	padding: 7px 0 3px 10px;
}

#om-menu-main-menu-maximenu .block-views .attachment .item-list .views-row-last {
	margin: 0 0 5px 0;
}

.om-maximenu-no-style .om-maximenu-middle {
	position: relative;
	top: 0;
	border: 1px solid #A58949;
	color: #f0f0ef;
	padding: 16px;
	margin-top: -7px;
	background: #f0f0ef;
}


#om-menu-main-menu-maximenu .block-views .attachment .view-grouping {
	float: left;
}

.om-maximenu-no-style .om-maximenu-content {
	top: 38px;
}


.om-maximenu-no-style .leaf-ministries .om-maximenu-content {
	left: -490px;
}

#om-menu-main-menu-maximenu .leaf-ministries .om-maximenu-content {
	width: 920px;
}

.om-maximenu-open {display: none;}

/** content areas **/
.region-content {
	margin: 0 0 10px 0;
}

#t7_banner {
	clear: both;
	width: 1014px;
	height: 335px;
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
	left: -7px;
}

#t7_banner a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#t7_banner a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#t7_search_area {
	float: right;
	margin: 30px 14px 67px 0;
}

#t7_searchfield {
	border: none;
	background: #C7C6C6;
	margin: 0;
	padding: 0 14px 0 10px;
	height: 24px;
	width: 160px;
	float: left;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	outline: none;
}

#t7_searchsubmit {
		background: #CBA95A;
	color: #FFF;
	border: none;
	border-radius: 13px;
	width: 58px;
	height: 24px;
	font-size: 10px;
	position: relative;
	right: 12px;
	outline: none;
}

.front #t7_content,
.page-events #t7_content {
	clear: both;
	padding: 0;
	margin: 0 0 50px 0;
	width: 1020px;
	float: left;
	background: none;
}

.page-events #t7_main_content {
	float: left;
	width: 458px;
	margin-right: 15px;
	padding: 0;
}

.page-events #t7_left {
	float: left;
	width: 189px;
	margin: 0 30px 0 0;
}

.page-events .views-field-title,
.page-events .views-field-field-event-date {
	width: 283px;
	float: left;
}

.page-events .view-upcoming-events .views-field-nothing {
	float: left;
	width: 270px;
	margin-right: 14px;
	font-size: 14px;
	line-height: 21px;
}

.view-upcoming-events .views-row {
	float: left;
	clear: left;
/*	border-bottom: 1px solid #89a7b7;
	margin-bottom: 30px;
	padding-bottom: 20px;*/
}

.view-upcoming-events .views-field-field-event-image {
	float: right;
}

#t7_main_left {
	float: left;
	width: 461px;
	padding: 0 0 0 7px;
}

#t7_content,
.maintenance-page #container {
	clear: both;
	padding: 0;
	margin: 0 0 50px 0;
	width: 1020px;
	float: left;
	background: url(/sites/all/themes/stjoan/img/bubbles.png) no-repeat;
}

.maintenance-page #container {
	background: #fff;
	min-height: 600px;
	padding: 20px;
	text-align: center;
}

.maintenance-page #site-name {
	visibility: hidden;
}

.maintenance-page #container h1.title {
	text-align: center;
	float: none;
}

/** Right Column - Calendar **/

#t7_right .calendar-calendar th.days {
	border: none;
	font-weight: normal;
	text-transform: uppercase;
	background: #ecebeb;
	text-align: center;
	padding-bottom: 10px;
}

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
	background: #efe5cc;
}

#t7_right .calendar-calendar a {
	color: #7c8a59;
	text-decoration: none;
}

#t7_right .calendar-calendar td {
	border: 2px solid #cba95a;
	text-align: center;
	height: 41px;
	vertical-align: middle;
}

#t7_right .calendar-calendar {
	margin-bottom: 30px;
}

/** News View **/
.view-id-news .item-list ul {
	margin: 10px 0 10px 0;
	padding: 0;
}

.view-id-news .item-list li {
	list-style: none;
	margin: 0 0 13px 0;
	padding: 0;
}

.view-id-news .item-list li a {
	background: transparent url(/sites/all/themes/stjoan/img/bg_drk_dot.png) no-repeat left center;
	padding-left: 20px;
	color: #58595b;
	text-decoration: none;
}

.view-id-news .item-list li.Sticky a {
	background: transparent url(/sites/all/themes/stjoan/img/bg_blu_dot.png) no-repeat left center;
	color: #517283;
}

ul li.Sticky.views-row-first {
	border-top: 1px solid #CBA95A;
	padding-top: 10px;
}

ul li.Sticky.views-row-last {
	border-bottom: 1px solid #CBA95A;
	padding-bottom: 10px;
}

.t7-more-news {
	float: right;
}


/** block 7 **/
#block-block-7 {
	border-bottom: 1px solid #89a7b7;
	float: left;
	width: 100%;
	padding-bottom: 13px;
	position: relative;
}

#block-block-7 span {
	float: left;
	margin-right: 0;
	color: #58595b;
}

#block-block-7  .t7-mail {
	width: 184px;
	background: #d4d4d4;
	right: -16px;
	position: relative;
}

#block-block-7 #t7_mailsubmit {
	top: 0;
	right: -3px;
}

#block-block-7 p {
	float: left;
}

.form-contain {
	float: right;
	width: 233px;
}

/** Slideshow for Desktop **/
.views-slideshow-controls-top {
	position: absolute;
	bottom: 40px;
	width: 342px;
	z-index: 12;
}

.views-slideshow-pager-fields {
	width: 255px;
	margin: 0 auto;
  overflow: auto;
}

.t7-slideshow-nav-item {
	background-image:url(/sites/all/themes/stjoan/img/sprite.png);
	background-repeat:no-repeat;
	background-position:-1285px -397px;
	width: 12px;
	height: 11px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.active .t7-slideshow-nav-item {
	background-position:-1285px -408px;
}

#t7_banner .views-slideshow-cycle-main-frame {
	overflow: visible;
}

#t7_banner .views-slideshow-cycle-main-frame-row-item {
	position: relative;
}

#t7_banner .views-field-body {
	position: absolute;
	left: 18px;
	top: 10px;
	z-index: 2;
	width: 296px;
	height: 307px;
	background-color: #aea794;
}
/*
#t7_banner .t7-banner-txt-bg {
	position: absolute;
	left: 18px;
	top: 10px;
	z-index: 1;
	width: 376px;
	height: 307px;
	background: transparent url(/sites/all/themes/stjoan/img/gradient_horizontal.png) no-repeat;
}
*/
#t7_banner .views-field-body .field-content {
	width: 226px;
	padding: 22px 0 0 26px;
}

#t7_banner .views-field-field-slideshow-image {
	position: relative;
	top: 10px;
	left: 0px;
	width: 996px;
	height: 309px;
	overflow: hidden;
}

#t7_banner .views-field-field-slideshow-image img {
	float: right;
}

#t7_banner h2 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	top: -10px;
	position: relative;
}

#t7_banner sup {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	top: 0;
}

#t7_banner h3 {
	margin: 0;
	font-size: 21px;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

#t7_banner p {
	font-size: 15px;
}


/** Page Layouts Default **/
#t7_left {
	float: left;
	width: 212px;
	margin: 135px 0 0 0;
}

#t7_main_content {
	float: left;
	width: 790px;
	padding-top: 20px;
	position: relative;
}

/** Page Front Layout using .front  && Events Page **/
.front #t7_left {
	float: left;
	width: 220px;
	margin: 0 30px 0 0;
}

.front #t7_main_content{
	float: left;
	width: 400px;
	margin-right: 44px;
	padding: 0;
}

.front #t7_right,
.page-events #t7_right {
	float: left;
	width: 314px;
}

/** Top Right Front **/
#t7_right_top {
	width: 321px;
	position: relative;
	margin-bottom: 40px;
}

#block-views-this-week-s-services-block {
	background: url(/sites/all/themes/stjoan/img/sidebar_bg.png) bottom no-repeat;
	background-position-y: -944px;
}

#t7_more {
	position: absolute;
	bottom: -23px;
}

/** Basic Page Field Styles **/
.node-type-basic-page-image-video .field-name-body,
.node-type-page-large-image-video.field-name-body {
	clear: left;
}

.node-type-basic-page-image-video .field-name-field-image {
	float: right;
	margin: 0 0 20px 30px;
}

.node-type-basic-page-image-video .t7-youtube-wrap {
	background: transparent url(/sites/all/themes/stjoan/img/playbutton.png) no-repeat;
	background-position: center;
	width: 288px;
	height: 213px;
	position: absolute;
	right: 0;
	z-index: 1000;
}

.node-type-basic-page-image-video .t7-youtube-wrap:hover {
	opacity: 0.8;
}

.node-type-basic-page-image-video .field-name-field-video-embed {
	float: right;
	margin: 0 0 20px 30px;
}

/** Narrow Page with Images Fields **/
.node-type-page-image-caption .field-name-body {
	clear: left;
	width: 455px;
	float: left;
	margin-right: 30px;
}

.node-type-page-image-caption .field-name-field-image-with-description {
	float: left;
	width: 290px;
	margin: 0;
}

.t7-img-description {
	margin-bottom: 30px;
	border-bottom: 1px solid #CBA95A;
	padding-bottom: 16px;
}

.t7-img-description img {
	margin-bottom: 6px;
}

.t7-img-txt {
	color: #517283;
	font-size: 14px;
	display: block;
	clear: both;
}

/** Banner Page **/
.node-type-page-large-image-video .field-slideshow-slide {
	width: 773px;
	height: 316px;
	position: absolute;
	margin-bottom: 20px;
}

#t7_lg_img img {
	float: left;
}

.node-type-page-large-image-video .field-slideshow-caption {
	position: absolute;
	right: -215px;
	bottom: 3px;
	width: 195px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CBA95A;
}

.node-type-page-large-image-video .t7-video-wrapper {
	width: 773px;
	height: 316px;
	position: relative;
	margin-bottom: 70px;
}

.node-type-page-large-image-video .field-name-field-video-description {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 195px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CBA95A;
}

/** #t7_left Contents **/
#block-menu-menu-left-navigation ul {
	margin: 0;
	padding: 0;
}

#block-menu-menu-left-navigation li {
	list-style: none;
	background: #fff;
	border: 1px solid #bd9d54;
	margin: 0 0 4px 0;
	width: 179px;
	/*width: 100%;*/
}

#block-menu-menu-left-navigation li:hover {
	background: #f7edd6;
}
#block-menu-menu-left-navigation li a {
	display: block;
	padding: 6px 0 6px 14px;
	text-decoration: none;
	color: #000;
}

/** Top Left **/
#t7_left_top {
	margin-bottom: 30px;
}

/** Bottom Left **/
#t7_left_bot h2 {
	font-size: 18px;
	font-family: 'Constantia W99 Regular', Georgia, Time New Roman, Serif;
	color: #517283;
	font-weight: normal;
}

#t7_left_bot h3{
	text-align: left;
	color: #517283;
	margin-bottom: 10px;
}

#t7_left_bot p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}

/** #t7_right **/
#t7_right {
	float: left;
}

.node-type-section-landing #t7_right {
	position: relative;
	right: -13px;
}

#t7_right .block {
	margin: 0 0 19px 0;
}

#block-block-5 {
	height: 30px;
	position: relative;
}

/** footer **/
#t7_separation {
	clear:  both;
	width: 100%;
	height: 7px;
	background: #fff;
	box-shadow: 0 0 3px black;
	position: relative;

}

footer {
	clear: both;
	padding: 0;
	margin: 0;
	min-width: 1024px;
	width: 100%;
	height: 400px;
	background: #58595b;
}

#t7_footer {
	clear: both;
	padding: 20px 0;
	margin: 0 auto;
	width: 1020px;
}

#block-menu-menu-footer-menu-main {
	float: left;
	margin-bottom: 20px;
}

#block-menu-menu-footer-menu-main ul {
	margin: 4px 0 0 0;
	padding: 0;
}

#block-menu-menu-footer-menu-main li {
	list-style: none;
	display: inline;
	color: #b2b2b2;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0;
}


#block-menu-menu-footer-menu-main li a{
	color: #b2b2b2;
	text-decoration: none;
}

#block-menu-menu-footer-menu-main li a:hover{
	color: #fff;
	text-decoration: none;
}

#block-menu-menu-footer-menu-secondary {
	clear: both;
	float: left;
	width: 1024px;
}

#block-menu-menu-footer-menu-secondary ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#block-menu-menu-footer-menu-secondary li {
	font-size: 12px;
	list-style: disc;
	float: left;
	margin-right: 17px;
	color: #b2b2b2;
}

#block-menu-menu-footer-menu-secondary li.first {
	list-style: none;
}

#block-menu-menu-footer-menu-secondary li a{
	color: #b2b2b2;
	text-decoration: none;
}

#block-menu-menu-footer-menu-secondary li a:hover {
	color: #fff;
}

#block-block-6 {
	float: right;
	width: 318px;
	position: relative;
}

#block-block-6 h2 {
	float: left;
	font-size: 12px;
	color: #B2B2B2;
	margin: 6px 10px 0 0;
}

.t7-mail {
	border: none;
	background: #767677;
	margin: 0;
	padding: 0 0 0 10px;
	height: 24px;
	width: 200px;
	float: left;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	outline: none;
	color: #000;
}

#t7_mailsubmit {
	background: #7c8a59;
	color: #FFF;
	border: none;
	border-radius: 13px;
	width: 38px;
	height: 24px;
	font-size: 10px;
	position:absolute;
	right: 11px;
	top: 0;
	outline: none;
}

#t7_mailsubmit:hover {
	background: #5f6b41;
}

/* Events Page */
.node-type-event #t7_content,
.node-type-gcal-event #t7_content {
	width: 1000px;
}

.node-type-event #t7_left
.node-type-gcal-event #t7_left {
	margin: 0;
}

.node-type-event #t7_main_content,
.node-type-gcal-event #t7_main_content{
	width: 447px;
	margin-right: 20px;
	padding: 0;
}

.node-type-event .field-name-field-event-date,
.node-type-gcal-event .field-name-field-date {
	clear: both;
	margin: 0 0 10px 0;
}

.node-type-event h1,
.node-type-gcal-event h1 {
	margin: 0 0 3px 0;
}

.date-display-single {
	color: #58595F;
	font-size: 15px;
	clear: both;
}

#block-block-8 {
	border-bottom: 1px solid #cba95a;
	margin-bottom: 20px;
}

#block-block-8 h2 {
	color: #517283;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
}

.page-events .view-header h2 {
	color: #517283;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

.page-events #t7_main_content p{
	line-height: 21px;
}

.page-events .views-field-title a {
	font-size: 16px;
	text-decoration: none;
}

.node-type-event .field-name-field-event-image{
	margin: 0 0 20px 0;
}

.node-type-gcal-event .field-name-field-event-image {
	margin: 0 20px 20px 0;
	float: left;
}

/* mini cal */
.view-calendar .attachment-after {
	width: 310px;
	height: 200px;
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	background: #fff;
}

.view-calendar .attachment-after h3 {
	text-align: left;
	margin: 0 0 10px 0;
}

.view-calendar .attachment-after h3 .date-display-single {
	text-align: left;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font-size: 18px;
	color: #58595b;
}

.view-calendar .attachment-after .item-list ul {
	float: left;
	margin: 0 0 20px 0;
}

.view-calendar .attachment-after .item-list ul li {
	list-style: none;
	margin: 0 0 20px 20px;
}

.view-calendar .attachment-after .item-list ul li a {
	color: #517283;
	font-size: 15px;
}

a.jScrollArrowUp {
	background-image: url('/sites/all/themes/stjoan/img/btn_arrow_up.png');
	background-color: #e1e1e2;
	background-position: 1px 4px;
}

a.jScrollArrowDown {
	background-image: url('/sites/all/themes/stjoan/img/btn_arrow_down.png');
	background-color: #e1e1e2;
		background-position: 1px 4px;

}

.jScrollPaneContainer {
	border-top: 2px #d1d1d1 solid;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 2px #d1d1d1 solid;
	width: 313px;
	height: 198px!important;
	background: #fff;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #e1e1e2;
}

.jScrollPaneDrag {
	background: #999;
}

/* calander */
.page-calendar .view-calendar {
	position: relative;
}

.page-calendar .view-calendar .view-filters {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
}

.view-calendar .t7-cal-expand {
	position: absolute;
	z-index: 1000;
	background: #999;
	left: 2px;
	top: 14px;
	width: 440px;
	display: none;
}

.view-calendar .item {
	position: relative;
	z-index: 0;
}

.view-calendar .item:hover {
	position: relative;
	z-index: 1;
}

.view-calendar .t7-cal-expand a {
	font-size: 15px;
	display: block;
	margin-bottom: 8px;
}

.view-calendar .t7-cal-expand h3 {
	color: #517283;
	text-align: left;
	font-size: 15px;
}

.view-calendar .t7-cal-expand .t7-cal-body p {
	width: 235px;
	line-height: 19px;
}

.view-calendar .t7-cal-expand .t7-cal-left {
	float: left;
	margin: 0 20px 0 0;
}

.view-calendar .t7-cal-expand .t7-cal-right {
	float: left;
	width: 170px;
}

.view-calendar .t7-cal-expand .date-display-single {
	color: #517283;
	font-weight: normal;
	font-size: 14px;
}

.t7-calendar-filter {
	position: absolute;
	right: 0;
	z-index: 100;
}

.t7-calendar-filter a {
	background: url('/sites/all/themes/stjoan/img/btn_filter_cal.png') no-repeat;
	border: none;
	width: 179px;
	height: 32px;
	display: block;
}

html.js fieldset.collapsed .fieldset-legend {
	background-image: none;
}

.bef-select-as-checkboxes-fieldset a {
	background: url('/sites/all/themes/stjoan/img/bg_cal_filter.png') no-repeat;
	border: none;
	width: 179px;
	height: 32px;
	display: block;
	background-position-y : 0px;
}

.bef-select-as-checkboxes-fieldset.collapsed a {
	background: url('/sites/all/themes/stjoan/img/bg_cal_filter.png') no-repeat;
	border: none;
	width: 179px;
	height: 32px;
	display: block;
	background-position-y : -32px;
}

.form-type-bef-checkbox input {
	width: 15px;
	float: left;
	margin: 0 10px 0 0;
}

.view-filters .form-type-bef-checkbox {
	margin: 0 0 7px 0;
	float: left;
}

.view-filters label {
	font-weight: normal;
	font-size: 12px;
	float: left;
	width: 125px;
	position: relative;
	top: -1px;
}

.views-exposed-form {
	position: relative;
	width: 270px;
	min-height: 44px;
	z-index: 999;
}

.views-exposed-widgets {
	position: absolute;
}

.calendar-calendar .month-view table {
  clear: both;
}

body.page-calendar .calendar-calendar .month-view .full td.single-day .inner div .t7-cal-expand {
	background: white;
	padding: 20px 25px;
	border: 3px solid #cba95a;
}

body.page-calendar .calendar-calendar .month-view .full td.single-day div.monthview, body.page-calendar .calendar-calendar .week-view .full td.single-day div.weekview, body.page-calendar .calendar-calendar .day-view .full td.single-day div.dayview {
	overflow: visible;
}

.page-calendar .single-day .item {
	margin-bottom: 10px;
}

.view-calendar .views-field-title-1 span{
	cursor: pointer;
}

.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
	color: #58595b;
	font-size: 12px;
	background-color: transparent;
}

.calendar-calendar td {
	border-color: #cba95a;
	color: #000;
}

.calendar-calendar td .inner div.day a {
	color: #000;
	font-weight: normal;
}

.calendar-calendar th.days {
	background-color: transparent;
	color: #58595b;
	font-weight: normal;
	border: none;
	border-bottom: 1px solid #cba95a;
	font-size: 15px;
}

.calendar-calendar thead tr {
	background-color: transparent;
}

.view .date-nav-wrapper .date-prev {
	left: -10px;
	top: 2px;
	right: auto;
	background: none;
}

.view-id-upcoming_events .date-nav-wrapper .date-prev {
	left: -35px;
	top: 2px;
	right: auto;
	background: none;
}

#t7_right_mid .view .date-nav-wrapper .date-prev {
	left: 50px;
}

.view .date-nav-wrapper .date-prev a {
	margin: 0;
	font-weight: normal;
	font-size: 0;
	color: transparent;
	display: block;
	width: 8px;
	height: 16px;
	background: url('/sites/all/themes/stjoan/img/btn_left_arrow.png') no-repeat;
}

#t7_right_mid .view .date-nav-wrapper .date-next {
	right: 70px;
}

.view .date-nav-wrapper .date-next {
	right: 10px;
	left: auto;
	background: none;
	top: 2px;
}

 .view-id-upcoming_events .date-nav-wrapper .date-next {
	right: -35px;
	left: auto;
	background: none;
	top: -12px;
}

.view .date-nav-wrapper {
	width: 260px;
	float: left;
}

.view-id-upcoming_events .date-nav-wrapper {
	width: 280px;
	float: left;
}

.view .date-nav-wrapper .date-next a {
	margin: 0;
	font-weight: normal;
	font-size: 0;
	color: transparent;
	display: block;
	width: 8px;
	height: 16px;
	background: url('/sites/all/themes/stjoan/img/btn_right_arrow.png') no-repeat;
}


#t7_right_mid .view .date-nav-wrapper {
	height: 44px;
}

#t7_right_mid .view .date-nav-wrapper .date-nav {
	margin: 0;
}

.date-heading h3 {
	color: #517283;
}

.t7-see-info {
	display: block;
	width: 120px;
	height: 22px;
	background: url('/sites/all/themes/stjoan/img/btn_see_full_event.png') no-repeat;
}

.page-calendar .view-calendar .view-filters #views-exposed-form-calendar-page-1 #edit-submit-calendar {
	-webkit-appearance: none;
	border: none;
	background: #CBA95A;
	color: white;
	text-transform: uppercase;
	width: 71px;
	height: 22px;
	margin: 0 0 0 47px;
	text-align: center;
}

.t7-radio-btn {
	float: left;
	margin: 0 10px 0 0;
	width: 12px;
	height: 11px;
	background: url('/sites/all/themes/stjoan/img/btn_radio_white.png') no-repeat;
}

.t7-radio-btn-checked {
	background: url('/sites/all/themes/stjoan/img/btn_gold_radio.png') no-repeat;
}

.t7-radio-btn-hover {
	cursor: pointer;
}

/** Landing Pages **/
.node-type-section-landing .field-name-field-large-image {
	float: left;
	margin: 0 15px 0 -13px;
	padding: 6px 0 0 14px;
	width: 464px;
	height: 359px;
	background: url('/sites/all/themes/stjoan/img/bg_liturgy_img.png') no-repeat;
}

.node-type-section-landing .field-name-body {
	float: left;
	width: 290px;
}

.node-type-section-landing .view-ministries  h3{
	text-align: left;
	color: #517283;
	font-size: 17px;
	margin: 0 0 6px 0;
}

.view-upcoming-pre-mass-speakers .view-content,
.view-id-upcoming_pre_mass_speakers_gcal_ .view-content {
	width: 450px;
}

.view-upcoming-pre-mass-speakers .views-row {
	border-bottom: 1px solid #517283;
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
	padding: 0 0 22px 0;
}

.view-upcoming-pre-mass-speakers .views-field-field-event-image {
	float: right;
}

.view-upcoming-pre-mass-speakers .views-row-last {
	border-bottom: none;
}

.view-upcoming-pre-mass-speakers .views-field-nothing {
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
}

.view-upcoming-pre-mass-speakers a {
	font-size: 14px;
	text-decoration: none;
}

.view-upcoming-pre-mass-speakers .view-footer {
	clear: both;
}

.node-type-section-landing a {
	color: #58595B;
	text-decoration: none;
}

.node-type-section-landing #t7_main_left ul li {
	list-style: none;
	margin: 0 40px 10px 0;
	padding: 0;
	width: 160px;
}

.node-type-section-landing #t7_main_left h3 {
	text-align: left;
	color: #517283;
	font-size: 17px;
	margin: 0 0 6px 0;
}

.region-content-left #block-views-menu-blocks-block .item-list {
	float: left;
	width: 230px;
	margin: 0 0 20px 0;
}

.region-content-left #block-views-menu-blocks-block .view-display-id-attachment_1 .view-grouping-header {
		text-align: left;
	color: #517283;
	font-size: 17px;
	margin: 0 0 6px 0;
}

.region-content-left #block-views-menu-blocks-block .view-display-id-attachment_1 .item-list h3 {
	font-size: 14px;
	color: black;
}

/* things for ministries page */
.view-ministries .attachment {
	clear: both;
	float: left;
}

.view-ministries .attachment h3 {
	font-size: 14px;
	color: #000;
}

.view-ministries .view-grouping-header {
	text-align: left;
	color: #517283;
	font-size: 17px;
	margin: 0 0 6px 0;
}

.page-node-275 .view-ministries .item-list {
	margin: 0 0 30px 0;
	float: left;
	width: 230px;
}

.page-node-275 .view-ministries .item-list ul li {
	list-style: none;
	margin: 0 40px 10px 0;
	padding: 0;
	width: 160px;
}

.page-node-275 .view-ministries a {
	color: #58595b;
	text-decoration: none;
}

.region-content-left h2 {
	color: #517283;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 15px 0px;
	text-transform: capitalize;
}

.page-node-275 #t7_right {
	float: right;
}

/* Services block */
#block-views-this-week-s-services-block {
	padding: 4px 10px;
	position: relative;
}

#block-views-this-week-s-services-block p {
	margin: 0 0 5px 0;
	clear: both;
}

#block-views-this-week-s-services-block h2 {
	margin: 0 0 0 0;
}

#block-views-this-week-s-services-block h3 {
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 3px 0;
}

#block-views-this-week-s-services-block .item-list {
	margin: 0 0 8px 0;
}

#block-views-this-week-s-services-block .item-list:last-child {
	margin-bottom: 40px;
}

#block-views-this-week-s-services-block .views-row,
#block-views-this-week-s-services-block .views-field-body,
#block-views-this-week-s-services-block .date-display-single  {
	font-size: 13px;
}

#block-views-this-week-s-services-block .views-field-body {
	margin: 0 0 0 75px
}

#block-views-this-week-s-services-block .item-list ul {
	margin: 0;
	padding: 0;
}

#block-views-this-week-s-services-block .item-list ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
}

#block-views-this-week-s-services-block .item-list ul li ul {
	margin: 0;
}

#block-views-this-week-s-services-block .item-list ul li ul li{
	list-style: disc;
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 13px;
}

#t7_more_button {
	position: absolute;
	bottom: -18px;
	left: 0;
}

#t7_button_text {
	background: #fff;
	width: 70px;
	position: absolute;
	bottom: 25px;
	left: 130px;
}

#t7_button_text a {
	text-decoration: none;
	font-size: 13px;
	background: url('/sites/all/themes/stjoan/img/bg_down_arrow.png') no-repeat top right;
	padding: 0 17px 0 0;
	background-position-y: 4px;
}

#t7_button_text a.t7-less {
	background: url('/sites/all/themes/stjoan/img/bg_up_arrow.png') no-repeat top right;
	background-position-y: 4px;
	padding: 0 17px 0 10px;
}

#block-views-this-week-s-services-block .view-content {
	background: white;
	width: 100%;
	position: relative;
	left: -10px;
	padding: 0 0 0 12px;
	overflow: hidden;
}

#block-views-bulletin-block-1{
	padding-left:0px;
}
.view-bulletin .view-header p{
	margin: 5px 0 5px 0;
}


/** agenda view **/
.page-agenda .views-field-title,
.page-agenda .views-field-field-event-date {
	width: 283px;
}

.page-agenda .view-calendar .views-field-nothing {
	margin: 0;
	font-size: 14px;
	line-height: 21px;
}

.page-agenda .view-calendar .views-row {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	float: left;
	width: 460px;
	border-bottom: 1px solid #89A7B7
}

.page-agenda .view-calendar .views-field-title a{
	font-size: 16px;
	text-decoration: none;
}

.page-agenda #t7_main_content {
	width: 460px;
	margin-right: 20px;
}

.page-agenda .view-calendar .views-field-field-event-image {
	float: right;
	margin: 0 10px 0 20px;
}

.t7-calendar-agenda {
	position: absolute;
	top: 10px;
	z-index: 1000;
	width: 130px;
}
/** search result **/
.search-results {
	margin: 20px 0 0 0;
	padding: 0;
}

.search-results .title {
	text-align: left;
}

.search-results .title a {
	text-decoration: none;
}

.search-results .search-snippet-info {
	padding: 0;
}

.search-results li {
	margin: 0 0 30px 0;
}

/* top message region */
.region-top-message {
	min-width: 1024px;
	width: 100%;
	height: 20px;
	padding: 10px 0 20px 0;
	background: #dcdcdc;
}

.region-top-message .content {
	width: 1024px;
	margin: 0 auto;
}

/** speaker archive **/
.t7-speaker-group {
	float: left;
	clear: both;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #517283;
	width: 100%;
}

.t7-field-event-image {
	float: right;
	margin: 0 0 0 20px;
}

.t7-event-body {
	margin: 0 0 20px 0;
}

.t7-event-dates {
	float: left;
}

.page-node-207 .region-content .block {
	clear: both;
	margin: 0 0 30px 0;
	float: left;
}


.page-node-207 .region-content .block h2 {
	margin: 0 0 10px 0;
}

.page-speaker-archive #edit-date-filter-1-wrapper,
.page-speaker-archive #edit-date-filter-wrapper {
	margin: 0 0 20px 0;
	width: 200px;
}

.page-speaker-archive #edit-date-filter-value-wrapper{
	float: left;
}

.page-speaker-archive #edit-date-filter-1-wrapper .views-widget,
.page-speaker-archive #edit-date-filter-value-wrapper .views-widget {
	float: left;
}

.page-speaker-archive #edit-date-filter-1-wrapper label,
.page-speaker-archive #edit-date-filter-wrapper label {
	float: left;
	margin: 0 20px 0 0;
	font-weight: bold;
	padding: 5px 0;
	font-size: 14px;
	width: auto;
}

.page-speaker-archive #edit-date-filter-1-wrapper select,
.page-speaker-archive #edit-date-filter-value-wrapper select {
	background: #fff;
	color: #517283;
	border: 1px solid #A58949;
	height: 29px
}

.node-type-event .field-name-field-video-embed,
.node-type-gcal-event .field-name-field-video-embed{
	margin: 0 0 20px 0;
}

.item-list .pager {
	float: left;
}

/** Colorbox **/
#cboxLoadedContent {
	overflow: hidden!important;
}

/* MOBILE NAV */
#mobileNav,
#mobileNavSecondary,
#serviceNav{
	display: none;
}
/** admin menu font face override **/
#admin-menu {
	z-index: 9999;
	margin: 0;
}

.admin-menu .views-slideshow-controls-top {
	top: 275px;
	bottom: 0;
}

.tabs,
.messages  {
	clear: both;
}

.calendar-calendar td a {
	font-weight: normal;
	line-height: 15px;
}

.calendar-calendar td span.date-display-single {
	font-size: 12px;
	font-weight: bold;
}


.single-day {
	height: 100px;
}

.single-day .inner {
	width: 134px;
}

.page-calendar #t7_content {
	background: transparent url(/sites/all/themes/stjoan/img/pattern_bg.jpg) repeat;
	width: 100%;
}

.page-calendar #t7_main_content {
	width: 96%;
	margin: 0 20px;
}


.views-exposed-form label {
	font-weight: normal;
	float: left;
	width: 140px;
}

.views-exposed-form legend {
	height: 30px;
}

.views-exposed-form .views-exposed-widget {
	position: relative;
	padding: 0;
	margin-right: 5px;
}

.views-exposed-form .views-exposed-widget .views-widget-filter-tid {
	margin: 0;
	padding: 0;
}

html.js .bef-select-as-checkboxes-fieldset.collapsible .fieldset-legend {
	padding: 0;
}



.views-exposed-form  .views-submit-button input {
	margin: 0;
	-webkit-appearance: none;
	border: none;
	background: #CBA95A;
	color: white;
	text-transform: uppercase;
	width: 71px;
	height: 30px;
	text-align: center;
}

.bef-checkboxes {
	width: 166px;
	margin-left: 15px;
	background: #fff;
	padding: 10px 0 10px 10px;
	border: 1px solid #CBA95A;
	border-top: none;
	float: left;
	margin: 0;
}

.bef-checkboxes .form-type-bef-checkbox {
	float: left;
	margin-bottom: 15px;
	clear: both;
}

.view-filters {
	float: left;
	z-index: 999;
}

.t7-view-event {
	clear: both;
	margin-top: 20px;
}


#cboxLoadedContent h2 {
	margin-bottom: 10px;
}

#cboxLoadedContent h2 a {
	text-decoration: none;
}

#cboxLoadedContent .field-name-field-date {
	margin-bottom: 4px;
}

#cboxLoadedContent  .date-display-single {
	font-weight: bold;
	font-size: 13px;
}
#cboxLoadedContent .field-name-field-event-image {
	float: right;
}

.t7-event-preview {
	float: left;
	width: 100%;
}

#cboxLoadedContent .field-name-field-event-image + .t7-event-preview {
	float: left;
	width: 50%;
}

.t7-subscribe {
	float: right;
	position: absolute;
	top: 28px;
	right: 10px;
	font-size: 14px;
	font-weight: lighter;
}

.t7-subscribe a {
	text-decoration: none;
}

a .t7-ical {
	background: #CBA95A;
	padding: 8px 5px;
	color: #fff;
}

a .t7-subscribe-text {
	background: #fff;
	padding: 7px 8px;
	border: 1px solid #CBA95A;
}

.t7-cal-menu {
	position: absolute;
	right: 0;
	margin: 0;
}

.t7-cal-menu li {
	float: left;
	list-style: none;
}

.t7-cal-menu li a {
	display: block;
	padding: 6px 22px;
	background: #CBA95A;
	border: 1px solid #CBA95A;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.t7-cal-menu li.active a {
	background: #fff;
	border: 1px solid #CBA95A;
	color: #517283;
}

tr.even,
tr.odd,
.subscribe-table tr {
	background-color: #fff;
	border-bottom: 1px solid #CBA95A;

}

.page-calendar h1 {
	text-align: center;
	float: none;
}

.view-event-calendar .view-header,
.page-calendar-agenda .view-upcoming-events .view-header {
	float: right;
	width: 616px;
}

.page-calendar-agenda .view-upcoming-events .view-header {
	width: 632px;
}

.page-calendar-agenda .views-exposed-form .views-exposed-widget .form-submit,
.page-calendar .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 0;
}

.view-grouping-header span.date-display-single {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin: 0 0 20px 0;
	padding-top: 15px;
	border-top: 1px solid #666;
}

.t7-field-event-description {
	clear: left;
	margin-bottom: 20px;
}

.view-upcoming-events .t7-speaker-group {
	border: none;
}

.t7-speaker-group h2 {
	color: #517283;
	text-transform: uppercase;
	font-family: "Helvetica";
	width: 269px;
	float: left;
}

.view-upcoming-events .item-list ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}
/* section landing */

.page-calendar-agenda .view-content,
.page-calendar-agenda .view-empty {
	clear: both;
}

.page-calendar-agenda .view-content table,
.page-calendar-agenda .view-empty table,
.subscribe-table {
	width: 100%;
}

.page-calendar-agenda .view-content table td,
.page-calendar-agenda .view-empty table td {
	padding: 16px 2%;
	width: 29.3%;
}

.subscribe-table td,
.subscribe-table th {
	padding: 16px 2%;
}

.page-calendar-agenda .view-content table th,
.page-calendar-agenda .view-empty table th {
	padding: 10px 2%;
	width: 29.3%;
	font-size: 14px;
}

.page-events #t7_main_content .view-grouping {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

.t7-event-group {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

#admin-menu p,
#admin-menu li,
#admin-menu td,
#admin-menu input { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 10px; }
/** overrides **/
#tinymce { background-image: none; background: #fff; }
ul.primary li a { background-color: transparent; }




/* =============================================================================
   		helper classes
   ========================================================================== */
/* Links as blocks when container div has bg image*/


/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.vh, .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ================================================================================
   		MOBILE FIRST STYLES ARE 'PRIMARY', LARGER RESOLUTIONS GO BELOW TO OVERRIDE
   ================================================================================ */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/** Hide the stuff for events **/

#block-block-4 {
	visibility: hidden;
}
#block-views-bulletin-block-2{
	display:none;
}
a.t7-sprite-btn_fbook{
	display:inline;
	text-indent:-99999px;
}
a.t7-sprite-btn_twitter{
	display:inline;
	text-indent:-99999px;
}

a.t7-sprite-btn_youtube{
display:none;
}
a.t7-sprite-btn_donate{
	text-indent:-999999px;/*move text off screen*/
}

.node-type-gcal-event #t7_left {
	margin: 0;
}

.t7-back-button {
	display: block;
	float: right;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}

/* Directory pages */
.node-type-directory-page .field-name-field-picture img {
	float: left;
	padding-right: 10px;
}
.node-type-directory-page .field-name-field-staff-name {
	font-size: 17px;
	padding-bottom: 2px;
}
.node-type-directory-page .field-name-field-email,
.node-type-directory-page .field-name-field-title,
.node-type-directory-page .field-name-field-phone-number,
.node-type-directory-page .field-name-field-bio,
.node-type-directory-page .field-name-field-link-email {
	padding-bottom: 2px;
	font-size: 15px;
}

/* Webforms */
.node-type-webform .form-item .description {
	font-size: 1em;
}

/* --------------- Added by DanG ---------------- */
#block-block-14 {
  position: relative;
  margin-bottom: 26px !important;
}

a.donate-button {
  display: table-cell;
  width: 250px;
  height: 117px;
  background-color: #58595B;
  color: #FFF !important;
  text-decoration: none !important;
  text-align: center;
  vertical-align: middle;
  font-size: 4em;
  font-weight: bold;
  font-style: italic;
}

a.twitter-link {
  position: absolute;
  top: 62px;
  right: 0px;
}

a.fbook-link {
  position: absolute;
  top: 0px;
  right: 0px;
}

#block-block-14 img {
  width: 55px;
}

#block-block-12 img {
  width: 314px;
}
