/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* COLOURS

prussian blue = #0b3c5d
sky blue = #328cc1
gold leaf = #d9b310
ivory black = #1d2731
dark burnt orchre = #912c09

background = #EFEDE1

*/

/* MAIN */

body {
	font-family: 'Merriweather Sans', Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #1d2731;
	background: #EFEDE1;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather Sans', Tahoma, Helvetica, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0.5em;
	line-height: 1.3;
}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	font-family: 'Merriweather Sans', Tahoma, Helvetica, sans-serif;
}

a, a:link, a:visited {
	color: #328cc1;
	text-decoration: none;
	font-weight: 400;
}

a:hover {
	color: #0b3c5d;
}

img {
	max-width: 100%;
	height: auto !important;
}

.logo-img {
	max-width: 100%;
}

p, ol, ul {
	margin-bottom: 0.5em;
}	

strong {
	font-weight: 400;
}	

table {
	border: none;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
	background: none;
}

.field-name-node-link {
	float: right;
}

.field-name-node-link a {
	border: 1px solid #0b3c5d;
	background: white;
	color: #0b3c5d;
	text-transform: uppercase;
	font-weight: 300;
	padding: 3px 8px;
}

.field-name-node-link a:hover {
	background: #0b3c5d;
	color: white;
}

.inline-image {
	max-width: 50%;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

.inline-image-40 {
	max-width: 40%;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

/* BUTTON */

input#edit-submit {
	border: none;
	text-shadow: none;
}

a.button,
input#edit-submit {
	background: #0b3c5d;
	color: white !important;
	text-transform: uppercase;
	padding: 3px 8px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

a.button:hover,
input#edit-submit:hover {
	background: #328cc1;
}

/* FRONT PAGE */

.front h1#page-title {
	display: none;
}

.flexslider {
	border: none;
}

.slidetitle {
	display: block;
	width: 85%;
	position: absolute;
	bottom: 8%;
	color: #fff;
	padding: 20px;
	font-size: 2.2em;
	line-height: 1.2;
	background: #328cc1;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.view-main-front-page-news-item .views-row {
	position: relative;
}

.mainboxtitle {
	width: 65%;
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding: 0.5em 1em;
	font-size: 1.2em;
	line-height: 1.3;
	border: 1px solid white;
	background: url('../images/background50.png') repeat;
}

.mainboxtitle a {
	color: white;
	font-weight: 300;
}

.front #block-system-main {
	margin-bottom: 20px;
}

#region-preface-third h2,
#region-preface-fourth h2,
#region-preface-fifth h2  {
	display: block;
	background: #0b3c5d;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
}

#region-preface-fourth h2 {
	background: #328cc1;
}

#region-preface-fifth h2 {
	background: #912c09;
}


#region-preface-fourth p,
.view-front-page-other-news .views-row {
	margin-bottom: 0.7em;
}

.front #region-preface-fourth a,
.view-front-page-other-news a {
	color: #1d2731;
	font-weight: 300;
}

/* BLOCKS */

#region-sidebar-first .block,
#region-sidebar-second .block {
	margin-bottom: 20px;
}

.boxcontainer {
	position: relative;
}

.blockboxtitle {
	width: 92%;
	position: absolute;
	left: 4%;
	bottom: 10px;
	border: 1px solid white;
	background: url('../images/background50.png') repeat;
}	

.blockboxtitleinner {	
	padding: 0.5em 1em;
	line-height: 1.3;
	font-size: 1.1em;
	color: white;
}

.blockboxtitle a {
	color: white;
	font-weight: 300;
}

/* TOOL BAR */

#block-views-tool-sidebar-block {
	background: #912c09;
}

#block-views-tool-sidebar-block a {
	color: white;
	text-transform: lowercase;
	font-weight: 300 !important;
}

#block-views-tool-sidebar-block a:hover {
	color: #EEE;
}

#block-views-tool-sidebar-block .views-row {
	padding: 0.5em;
}

#block-views-tool-sidebar-block img {
	float: left; 
	margin-right: 1em;
	width: 28px;
}

.tooltitle {
	padding-top: 0.2em;
	font-size: 0.95em;
}

.responsive-layout-mobile #block-views-tool-sidebar-block {
	font-size: 1.2em;
	margin-bottom: 20px;
}

/* MENU BLOCKS */

ul.menu li {
	list-style: none;
}

#block-menu-block-5,
#block-menu-block-6,
#block-menu-block-7 {
	background: #328cc1;
	color: white;
}

#block-book-navigation {
	background: #d9b310;
	color: white;
}

#block-menu-block-5 h2,
#block-menu-block-6 h2,
#block-menu-block-7 h2,
#block-book-navigation h2 {
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

#block-menu-block-5 .block-inner,
#block-menu-block-6 .block-inner,
#block-menu-block-7 .block-inner,
#block-book-navigation .block-inner {
	padding: 0.5em 1em;
}

#block-menu-block-5 a,
#block-menu-block-6 a,
#block-menu-block-7 a,
#block-book-navigation a {
	color: white;
	font-weight: 300;
}

#block-menu-block-5 a:hover,
#block-menu-block-6 a:hover,
#block-menu-block-7 a:hover,
#block-book-navigation a:hover {
	color: #1d2731
}

#block-menu-block-5 ul li,
#block-menu-block-6 ul li,
#block-menu-block-7 ul li,
#block-book-navigation ul li {
	margin: 0.25em 0;
}

#block-menu-block-5 ul li li,
#block-menu-block-6 ul li li,
#block-menu-block-7 ul li li,
#block-book-navigation ul li li {
	margin: 0.25em 1em;
	font-size: 0.9em;
}

/* HEADER */

#zone-branding-wrapper {
	background: #0b3c5d;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid white;
}

#zone-menu-wrapper {
	background: #1d2731;
}

/* CONTENT */

#zone-content,
#zone-preface {
	background: white;
}

#zone-content {
	padding-top: 1em;
	padding-bottom: 1.5em;
}

.front #zone-content {
	padding-bottom: 0;
}

#zone-preface {
	padding-bottom: 1em;
}

#region-preface-first,
#region-preface-second {
	margin-bottom: 20px;
}

.field-name-field-header-image {
	margin-bottom: 1em;
}

.node-page .field-name-body table td {
	vertical-align: top;
}

.book_printer {
	display: none !important;
}

/* FOOTER */

#zone-footer-wrapper {
	background: #1d2731;
	color: white;
	font-size: 0.9em;
	padding: 1.5em 0;
}

#zone-footer a {
	color: white;
}

#zone-footer a:hover {
	color: #328cc1;
}

#region-postscript-first h2, 
#region-postscript-second h2, 
#region-postscript-third h2, 
#region-postscript-fourth h2 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 400;
}

#region-postscript-first a, 
#region-postscript-second a, 
#region-postscript-third a, 
#region-postscript-fourth a {
	font-weight: 300;
}

#region-postscript-first li, 
#region-postscript-second li, 
#region-postscript-third li, 
#region-postscript-fourth li {
	margin: 0;
	list-style: none;	
}

#region-footer-first {
	padding-top: 1em;
	clear: both;
}

/* DIRECTORIES */

#views-exposed-form-communities-page,
#views-exposed-form-clergy-page {
	margin-bottom: 2em;
}

.view-clergy .views-row,
.view-communities .views-row {
	border-bottom: 1px solid #0b3c5d;
	margin-bottom: 1em;
	padding-bottom: 1em;
	min-height: 200px;
	clear: both;
}

.view-clergy .views-row {
	min-height: 227px;
}

.view-clergy .views-row-last,
.view-communities .views-row-last {
	border-bottom: 0;
}	

.views-field-field-clergy-photo,
.view-communities .views-field-field-community-photo {
	float: right;
	width: 40%;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
}

.view-communities .views-field-field-community-photo {
	width: 25%;
}

.view-clergy .views-field-title,
.view-communities .views-field-title {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.view-clergy .views-field-nothing,
.view-communities .views-field-nothing {
	height: 0.7em;
}

.views-label-field-assigned-to,
.views-label-field-community-clergy {
	text-transform: uppercase;
	font-size: 0.85em;
	color: #888;
	margin-top: 1em;
}

.views-field-field-assigned-to li,
.views-field-field-community-clergy li {
	margin: 0 !important;
}

.views-field-field-clergy-type, 
.views-field-field-community-type {
	font-style: italic;
	font-size: 0.9em;
}

.view-clergy .views-field-field-assigned-to,
.view-communities .views-field-field-community-clergy,
.node-clergy .field,
.node-community .field {
	margin-bottom: 0.8em;
}

h3.field-label {
	font-size: 1.15em;
}

.view-communities .view-display-id-attachment_1 {
	margin-bottom: 25px;
}

.node-clergy .group-left {
	width: 58%;
	margin-right: 2%;
}

.node-clergy .group-right {
	width: 40%;
	text-align: right;
}

.node-community .group-left {
	width: 52%;
	margin-right: 2%;
}

.node-community .group-right {
	width: 46%;
	text-align: right;
}

.node-community .field-name-field-address,
.node-community .field-name-field-place-of-worship {
	font-size: 1.15em;
}

.node-clergy .field-label,
.node-community .field-label,
.node-clergy .label-above,
.node-community .label-above {
	text-transform: uppercase;
	font-size: 0.85em;
	color: #888;
	font-weight: 300 !important;
}

/* SUPPLIERS */

.view-suppliers .views-row {
	width: 48%;
	float: left;
	margin-right: 3%;
	margin-bottom: 20px;
}

.view-suppliers .views-row-even {
	margin-right: 0;
}

/* GALLERIES */

.field-name-field-photo-gallery .field-item {
	width: 160px;
	margin: 0 10px 10px 0;
	float: left;
}

.field-name-field-photo-gallery .field-item:first-of-type {
	clear:both;
}

/* NEWS */

.view-parish-announcements .views-row, 
.view-latest-news .views-row {
	padding-bottom: 1em;
	border-bottom: 1px dotted #328cc1;
	margin-bottom: 1em;
}

.view-parish-announcements .views-row-last,
.view-latest-news .views-row-last {
	border-bottom: none;
}

.view-latest-news .group-left {
	width: 36%;
	margin-right: 3%;
}

.view-latest-news .group-right {
	width: 61%;
}

.node-article .field-name-field-community {
	text-transform: uppercase;
	font-size: 0.85em;
}

.node-article .field-name-field-community a {
	color: #888;
	font-weight: 300;
}

.node-article .field-name-field-community a:hover {
	color: #328cc1;
}

.node-article .field-name-body {
	margin-bottom: 1em;
}

.field-name-field-event-date,
.field-name-post-date {
	text-transform: uppercase;
	color: #888;
	font-size: 0.85em;
	margin-bottom: 0.6em;
}

.node-article.view-mode-full .field-name-field-image {
	float: right;
	width: 35%;
	margin-left: 10px;
	margin-bottom: 10px;
}

.field-name-clear-break {
	clear: both;
	height: 1.5em;
}

/* MESSENGER */

.node-type-messenger-blog h1#page-title,
.page-messenger h1#page-title,
.page-node-2858 h1#page-title,
.page-node-2857 h1#page-title {
	display: none;
}
.view-canadian-orthodox-messenger-blog .views-row {
	padding-bottom: 1em;
	border-bottom: 1px dotted #328cc1;
	margin-bottom: 1em;
}

.view-canadian-orthodox-messenger-blog .views-row-last {
	border-bottom: none;
}

/* SEARCH */

#block-search-form .block-inner {
	border: none;
}

#block-search-form.block .content {
	padding: 0;
}

#edit-search-block-form--2 {
	width: 192px;
	border: 1px solid white;
	background: none;
	color: white !important;
	font-weight: 300;
	font-size: 1.1em;
}

/* LANGUAGE SWITCHER */

ul.language-switcher-locale-url {
	list-style: none;
	float: right;
}

ul.language-switcher-locale-url li {
	display: inline;
	text-transform: uppercase;
	padding-right: 5px;
	border-right: 1px solid white;
	margin-right: 0;
	margin-left: 0;
}

ul.language-switcher-locale-url li.last {
	border-right: none;
	margin-right: 0;
}

ul.language-switcher-locale-url a {
	color: white;
	font-weight: 300;
}

ul.language-switcher-locale-url a.active {
	font-weight: 400;
}

/* PRAYER LIST */

.view-prayer-list caption {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 0.6em;
}

.view-prayer-list td {
	width: 50%;
}

/* MOBILE */

.responsive-layout-mobile .block-system-main {
	margin-bottom: 20px;
}

.responsive-layout-mobile .block-tool-sidebar-block,
.responsive-layout-mobile .block-block-21 {
	width: 48%;
	float: left;
}

.responsive-layout-mobile .block-tool-sidebar-block {
	margin-left: 4%;
}

.responsive-layout-mobile #region-preface-third,
.responsive-layout-mobile #region-preface-fourth {
	margin-bottom: 1.6em;
}

.responsive-layout-mobile #region-postscript-first,
.responsive-layout-mobile #region-postscript-second,
.responsive-layout-mobile #region-postscript-third,
.responsive-layout-mobile #region-postscript-fourth {
	margin-bottom: 1.6em;
	width: 45%;
	float: left;
	display: none;
}

.responsive-layout-mobile .block-block-25,
.responsive-layout-mobile .block-block-26,
.responsive-layout-mobile .block-block-27,
.responsive-layout-mobile .block-block-28 {
	width: 48%;
	float: left;
}

.responsive-layout-mobile .block-block-27,
.responsive-layout-mobile .block-block-28 {
	margin-left: 4%;
}

.responsive-layout-mobile .block-block-29,
.responsive-layout-mobile .block-block-30 {
	display: none;
}

.responsive-layout-mobile #region-user-first {
	padding-top: 15px;
	text-align: right;
}

.responsive-layout-mobile #region-user-first img {
	margin-left: 10px;
}

/* MOBILE MENU */

.sf-accordion-toggle {
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 0.5em 1em;
}

.sf-accordion-toggle a {
	color: white;
}

#superfish-1-accordion {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#superfish-1-accordion li {
	margin-left: 15px;
}

#superfish-1-accordion a {
	color: white;
	margin-bottom: 0.5em;
}

#superfish-1-accordion a:hover,
#superfish-1-accordion li.active-trail a {
	color: #328cc1;
}

#superfish-1-accordion li li {
	margin-left: 30px;
	text-transform: none;
}

#superfish-1-accordion li.sf-clone-parent {
	display: none;
}