@charset "utf-8";
/*
 * Used fonts:
 * font-family: 'PT Serif', serif;
*/

/* => Globals */
/* ------------------------------------------------------------------------------*/
::-webkit-input-placeholder {
    color: #aaa;
}
:-moz-placeholder {
    color: #aaa;
}
::-moz-placeholder {
    color: #aaa;
}
:-ms-input-placeholder {
    color: #aaa;
}
body {
	background: #fff url('bg02.jpg') no-repeat 50% 0;
	font: 15px 'PT Serif', serif;
	color: #333;
}
a {
	color: #005cb9;
	text-decoration: none;
}
a:hover {
	color: #0153a5;
	text-decoration: underline;
}
a.block {
	display: block;
}
ul, ol {
	margin: 0 0 2em 2em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li {
	margin-bottom: .3em;
	line-height: 1.6;
}
p {
	margin-bottom: 1.47em;
	line-height: 1.6;
}
.by {
	position: absolute;
	right: 30px;
	bottom: 0;
	margin: 0;
}
.by a {
	display: block;
	width: 24px;
	height: 11px;
	background: url('okia.gif') no-repeat;
	text-indent: -999px;
	font-size: 0;
}
.sep {
	padding: 0 10px;
}
.txt-center {
	text-align: center;
}
.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
.more {
	white-space: nowrap;
}
.meta {
	margin: 0;
	color: #888;
	font-size: 12px;
	font: 12px/1 arial, sans-serif;
}
.section {
	position: relative;
	padding: 18px 20px;
	border: 8px double #dbc767;
	border-image: url('border01.gif') 8 8 8 8 fill;
}
.ie .section {
	border-width: 4px;
	border-image:  url('wp-content/themes/eoc/gfx/border01.gif') 8 8 8 8 fill;
	behavior: url('wp-content/themes/eoc/gfx/PIE.php');
	position:relative;
	z-index: 0;
}
.footer .section, .ie .footer .section {
	border-image: url('border01.png') 8 8 8 8 fill;
}
.history-section .section {
	border-image: url('border02.gif') 8 8 8 8 fill;
}
.w1 {
	width: 310px;
}
.w2 {
	width: 650px;
}
.w3 {
	width: 990px
}
.w50 {
	width: 50%;
}
/* => Forms */
/* ------------------------------------------------------------------------------*/
.inputfield {
	display: inline-block;
	padding: 5px 10px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	border: solid 1px #b4b4b4;
	font: 14px 'PT Serif', serif;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	vertical-align: middle;
}
.inputfield input {
	border: 0 none;
	padding: 0;
	background: transparent;
}
span.inputfield {
	padding-top: 3px;
	padding-bottom: 4px;
}
select.inputfield {
	padding: 4px 10px;
	position: relative;
	z-index: 1;
	outline: none;
}
/* => Tables */
/* ------------------------------------------------------------------------------*/
.calendar-table {
	margin-bottom: 20px;
	border-spacing: 5px;
	border-collapse: separate;
}
.calendar-table td, .calendar-table .block {
	width: 55px;
	height: 55px;
	color: #333;
}
.calendar-table .block {
	position: relative;
	background-color: #f6f4e9;
	border: 1px solid transparent;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
}
.calendar-table .block:hover {
	border-color: #dbc768;
}
.calendar-table .day, .calendar-table .phase, .calendar-table .fasting {
	position: absolute;
}
.calendar-table .phase, .fasting {
	width: 18px;
	background: url('icon02_sprite.png') no-repeat 50% -100em;
	text-indent: -999px;
	overflow: hidden;
}
.calendar-table .day {
	left: 7px;
	top: 4px;
}
.calendar-table .off .day {
	color: #e10000;
}
.calendar-table .phase {
	top: 0;
	right: 0;
	height: 18px;
	background-position: -20px -20px;
}
.cal-section .calendar-table .fasting {
	left: 0;
	bottom: 5px;
	height: 20px;
	width: 100%;
	margin: 0;
}
.cal-section:after {
	content: "";
	display: table;
	clear: both;
}
.phase.type-1 { background-position: -14px -224px }
.phase.type-2 { background-position: 50% -257px }
.phase.type-3 { background-position: 50% -291px }

.fasting.type-1 { background-position: 50% -38px }
.fasting.type-2 { background-position: 50% -81px }
.fasting.type-3 { background-position: 50% -115px }
.fasting.type-4 { background-position: 50% -155px }
.fasting.type-5 { background-position: 50% -199px }
.fasting.type-6 { background-position: 50% 0 }

/* => Lists */
/* ------------------------------------------------------------------------------*/
.list, .list li, .list .item, .sub-menu, .menu, .menu-item, .list p,
.wp-paginate, .wp-paginate li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: none;
	line-height: 1;
}
.shortcuts-list {
	width: 730px;
}
.shortcuts-list .item {
	float: left;
	width: 220px;
	margin-bottom: 8px;
	padding-left: 20px;
	background: url('bullet01.gif') no-repeat 0 8px;
}
.shortcuts-list a {
	display: inline-block;
	color: #fff;
	padding: 5px;
}
.posts-list {
	overflow: hidden;
}
.col .posts-list {
	width: 680px;
}
.main-article .posts-list .item {
	max-width: 95%;
	margin: 0 30px 30px 0;
}
.home .col .posts-list .item {
	float: left;
	width: 300px;
	margin: 0 30px 30px 0;
}
.cal-section .colr .posts-list.type-1 {
	width: 100%;
}
.cal-section .colr .posts-list.type-1 .item {
	width: 100%;
	margin: 0;
}
.posts-list .block:hover {
	text-decoration: none;
}
.colr .posts-list {
	position: relative;
	margin-top: -10px;
}
.colr .scrollable-section .posts-list {
	margin-right: 30px;
	margin-top: 0;
}
.colr .posts-list .item,
.colr .posts-list .menu-item {
	position: relative;
	margin-top: -1px;
	border-top: 1px solid #dbc768;
}
.colr .posts-list .block,
.colr .posts-list .menu-item a {
	padding: 11px 0 10px;
}
.colr .posts-list .menu-item a {
	display: block;
}
.posts-list.type-1 .item {
	padding: 21px 10px 20px 0;
}
.posts-list.type-2 .item, .posts-list.type-2 .block {
	overflow: hidden;
}
.posts-list .block, .posts-list .title, .posts-list .excerpt, .posts-list .menu-item a {
	line-height: 1.6;
}
.posts-list.type-1 .excerpt {
	margin: 8px 0;
	line-height: 1.4;
}
.posts-list .block .title {
	margin-bottom: 5px;
	color: #005cb9;
	font-weight: bold;
}
.main-article .posts-list .block .title {
	font-size: 18px;
}
.posts-list .block:hover .title {
	text-decoration: underline;
}
.posts-list.type-2 .photo {
	float: left;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.posts-list.type-2 .title {
	font-weight: normal;
}
.posts-list.type-2 .photo + .title {
	float: right;
	width: 190px;
}
.posts-list .block .excerpt {
	color: #333;
	font-size: 15px;
}
.posts-list .block .meta {
	margin-top: 15px;
}
.posts-list.type-1 .meta {
	color: #003;
	font: 15px/1 'PT Serif', serif;
}
.posts-list.type-1 .meta b {
	margin-right: 5px;
	font-size: 24px;
}
.posts-list .ico, .featured-post .ico {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-indent: -999px;
}
.posts-list .ico.gallery, .featured-post .ico.gallery {
	top: -1px;
	width: 15px;
	height: 13px;
	margin: 0;
	background: url('ico06.png') no-repeat;
}
.featured-post .ico.gallery {
 	top: -3px;
}
.shop-section {
	margin-top: 38px;
}
.shops-list {
	padding-top: 50px;
}
.shops-list .item {
	float: left;
	margin: 0 20px 20px 0;
	background: url('icon_sprite.png') no-repeat 0 30px;
}
.shops-list .item-1 { background-position: 15px 30px }
.shops-list .item-2 { background-position: -132px 30px }
.shops-list .item-3 { background-position: -283px 30px }
.shops-list .item-4 { background-position: -433px 30px }
.shops-list .item-5 { background-position: -583px 30px }

.shops-list .block {
	position: relative;
	width: 114px;
	height: 134px;
	text-align: center;
}
.shops-list span {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
}
.shops-list .block:hover span {
	text-decoration: underline;
}

/* Zoom list */

.zoom-list {
	position: relative;
	right: -13px;
	height: 30px;
	background-color: #faf9f5;
	border: 1px solid #dbd8c7;
	overflow: hidden;
}
.zoom-list .item {
	float: left;
}
.zoom-list .level {
	display: inline-block;
	vertical-align: baseline;
}
.zoom-list .smaller a, .zoom-list .bigger a {
	display: block;
	width: 30px;
	padding: 5px 0 7px;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
}
.zoom-list .smaller a:hover, .zoom-list .bigger a:hover {
	background-color: #dbc768;
	text-decoration: none;
}
.zoom-list .levels {
	padding: 0 15px 1px;
	border-left: 1px solid #dbd8c7;
	border-right: 1px solid #dbd8c7;
}
.zoom-list .level {
	padding: 6px 0 7px;
	color: #333;
}
.zoom-list .level1 { font-size: 11px; }
.zoom-list .level2 { font-size: 14px; }
.zoom-list .level3 { font-size: 16px; }

.zoom-list .current {
	font-weight: bold;
}

/* Chaplains list */
.chaplains-list {
	width: 960px;
}
.chaplains-list .item {
	float: left;
	width: 180px;
	height: 265px;
	margin: 30px 30px 0 0;
}
.chaplains-list .block {
	width: 140px;
	height: 225px;
	padding: 20px;
	background-color: rgba(255,255,255,.6);
	-webkit-box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	-moz-box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	text-align: center;
	text-decoration: none
}

.history-section .chaplains-list .photo {
	float: none;
	height: 150px;
	margin-bottom: 20px;
	background: #ebe9e9 url('ico02.png') no-repeat 50% 50%;
	overflow: hidden;
}
.history-section .chaplains-list .fn {
	margin-bottom: 8px;
	line-height: 1.2;
}
.history-section .chaplains-list .meta {
	font: italic 13px/1 'PT Serif', serif;
}
.chaplains-list .block:hover .fn {
	text-decoration: underline;
}

/* Timeline list */
.history-section .timeline-list {
	position: relative;
	margin-top: -30px;
}
.timeline-list {
	padding-top: 50px;
	padding-bottom: 25px;
	border-left: 2px solid #b7b7b7;
}
.timeline-list .item {
	position: relative;
	left: -16px;
	padding-left: 40px;
	margin-bottom: 25px;
	background: url('ico04.png') no-repeat 0 21px;
}
.timeline-list .date {
	float: left;
	position: relative;
	/*width: 80px;*/
	width: 45px;
	top: 28px;
	word-wrap: break-word;
}
.history-section .timeline-list .article {
	position: relative;
	width: 575px;
	padding: 20px 50px;
	background-color: rgba(255,255,255,.6);
	-webkit-box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	-moz-box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	overflow: visible;
	margin-left: 60px;
}
.timeline-list .article:before {
	display: block;
	position: absolute;
	left: -14px;
	top: 20px;
	content: '\00ad';
	width: 15px;
	height: 31px;
	background: url('icon03_sprite.png') no-repeat -31px -21px;
}
.timeline-list .excerpt {
	line-height: 1.6;
}

/* Gallery list */
.gallery-list {
	overflow: hidden;
	margin: 0 -20px 15px 0;
}
.gallery-list .gallery-item {
	float: left;
	margin: 0 20px 20px 0;
}
.gallery-list .gallery-item a {
	display: block;
	line-height: 0;
	border: 1px #dbc767 solid;
}

/* Search list */
.search-list .item {
	margin-bottom: 30px;
}
.history-section .search-list .title {
	margin-bottom: 15px;
}
.history-section .search-list .excerpt {
	margin-bottom: 10px;
	line-height: 1.4;
}
.search-list .url {
	font-size: 12px;
	font-style: italic;
	color: #aaa;
}
/* => Sections */
/* ------------------------------------------------------------------------------*/
.main-wrap, .main-footer .footer {
	width: 990px;
	margin: auto;
}
.main-header {
	position: relative;
	height: 185px;
	z-index: 10;
}
.emblem {
	position: fixed;
	top: -5px;
	margin-left: -106px;
}
.main-content-section {
	padding-bottom: 50px;
}
.main-footer {
	min-height: 287px;
	padding-bottom: 120px;
	background: #1e344b url('bg03.jpg') repeat 50%;
}
/* => Main Header */
/* ------------------------------------------------------------------------------*/
.main-header .logo {
	position: absolute;
	left: 0;
	top: 15px;
	line-height: 1;
}
.main-header .hgroup .block {
	width: 357px;
	height: 74px;
	overflow: hidden;
}
.main-header .hgroup .emblem {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: none;
}
.main-header .hgroup .name, .main-header .hgroup .alt-name {
	position: absolute;
	left: 0;
	white-space: nowrap;
	display: block;
}
.main-header .hgroup .name {
	top: 4px;
	font-size: 22px;
	color: #000;
}
.main-header .hgroup .alt-name {
	top: 38px;
	font-size: 14px;
	color: #baa74a;
}
.main-header .alternate {
	position: absolute;
	right: 0;
	top: 12px;
	white-space: nowrap;
	overflow: hidden;
}
#searchform {
	float: right;
	margin-left: 20px;
}
#searchform p {
	margin: 0;
	padding: 3px 10px;
	background-color: #f9f7ee;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
#searchform .text-field {
	width: 150px;
	border: none;
	background: transparent;
	font: 14px/1 'PT Serif', serif;
}
#searchform .text-field::-webkit-input-placeholder {
    color: #baa74a;
}
#searchform .text-field:-moz-placeholder {
    color: #baa74a;
}
#searchform .text-field::-moz-placeholder {
    color: #baa74a;
}
#searchform .text-field:-ms-input-placeholder {
    color: #baa74a;
}
.langswitch-list {
	float: left;
	position: relative;
	left: -15px;
	top: 8px;
	font-size: 16px;
	color: #baa74a;

}
.langswitch-list li {
	float: left;
}
.langswitch-list li:before {
	display: inline;
	position: relative;
	top: -2px;
	content: '/';
	margin: 0 8px;
	vertical-align: middle;
	font-size: 14px;
}
.langswitch-list a {
	text-transform: uppercase;
	color: #baa74a;
}
.langswitch-list .current-lang a {
	font-weight: bold;
	text-decoration: underline;
}
/* => Main navigation */
/* ------------------------------------------------------------------------------*/
.menu-primary-navigation-container {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 974px;
	height: 54px;
	border: 8px double #dbc767;
	border-image:  url('border01.gif') 8 8 8 8 fill;
	background-color: #fff;
}
.ie .menu-primary-navigation-container {
	border-width: 4px;
	border-image:  url('wp-content/themes/eoc/gfx/border01.gif') 8 8 8 8 fill;
	behavior: url('wp-content/themes/eoc/gfx/PIE.php');
}
.menu-primary-navigation-container .menu {
	position: relative;
	display: table;
	width: 100%;
}
.menu-primary-navigation-container .menu > .menu-item {
	display: table-cell;
	text-align: center;
	position: relative;
}
.menu-primary-navigation-container .menu > .menu-item > a {
	display: block;
	padding: 18px 30px;
	position: relative;
	font-size: 18px;
}
.menu-primary-navigation-container .menu > .menu-item > a:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	content: '\00ad';
	background: url('bullet01.gif') no-repeat;
}
.menu-primary-navigation-container .menu > .menu-item:first-child > a:before {
	display: none;
}
.current-menu-item > a, .current-menu-ancestor > a, .current-menu-parent > a {
	color: #BAA74A;
}
/* Submenu */
.menu-primary-navigation-container .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 55px;
	width: 190px;
	padding: 15px 20px;
	border: 1px solid #dbc767;
	background-color: #faf9f5;
	text-align: left;
}
.menu-primary-navigation-container .sub-menu:before {
	display: block;
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -12px;
	content: '\00ad';
	width: 24px;
	height: 13px;
	background: url('ico07.png') no-repeat;
}
.no-js .menu-primary-navigation-container .sub-menu:before {
	display: none;
}
.menu-primary-navigation-container .sub-menu a {
	display: block;
	padding: 8px 0 8px 20px;
	background: url('bullet02.gif') no-repeat 0 15px;
	line-height: 1.4;
}
.menu-primary-navigation-container .open > a {
	color: #baa74a;
}
.menu-primary-navigation-container .open .sub-menu {
	display: block;
}
.menu-primary-navigation-container .current-menu-item a, .menu-primary-navigation-container .current-menu-parent a, .menu-primary-navigation-container .current-menu-ancestor a,
.menu-primary-navigation-container a:hover {

}
/* => Featured post */
/* ------------------------------------------------------------------------------*/
.featured-post {
	position: relative;
	height: 350px;
	margin-bottom: 40px;
	background-color: #003d76;
	overflow: hidden;
}
.featured-image, .featured-image img {
	margin: 0;
}

.featured-image {
	position: relative;
	height: 350px;
	width: 650px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.featured-image img {
	display: block;
	height: auto;
}
.featured-post .section {
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	padding-left: 660px;
	color: #fff;
}
.featured-post .title {
	margin-bottom: 1em;
	font-size: 20px;
	color: #dbc768;
	text-transform: uppercase;
}
.featured-post .more a {
	color: #dbc767;
}
/* => History section */
/* ------------------------------------------------------------------------------*/
.history-section-frontpage {
	margin-top: 44px;
}
.history-section {
	padding: 10px;
	background: #f2f2f2 url('bg04.jpg');
}
.main-content-section .shop-section .hgroup,
.main-content-section .history-section .hgroup {
	margin-bottom: 0;
}
.main-article .history-section {
	position: relative;
}
.main-content-section .block.history-section-frontpage {
	margin-top: 10px;
}
.main-article .history-section .section {
	padding: 60px 70px;
}
.history-section-frontpage .section {
	padding: 10px 40px;
}
.main-article .history-section h1.title {
	padding-top: 50px;
	background: url('ico03.png') no-repeat 50% 0;
	font-size: 34px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	text-align: center;
}
.history-section .col {
	width: 49.9%;
	padding-right: 23px;
	border-right: 1px solid #b6b5b5;
}
.history-section .colr {
	padding-left: 23px;
	border-left: 1px solid #b6b5b5;
}
.history-section .col, .history-section .colr {
	min-height: 315px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.history-section .title {
	margin-bottom: 20px;
}
.history-section .history .title {
	margin-top: 10px;
	text-align: center;
}
.history-section .photo, .history-section .excerpt, .history-section .fn  {
	margin: 0;
}
.history-section .photo {
	float: left;
	width: 140px;
	overflow: hidden;
}
.history-section .article {
	overflow: hidden;
}
.history-section .photo + .article {
	float: right;
	width: 255px;
}
.single .history-section .article {
	position: relative;
	float: none;
	width: 650px;
	margin: 30px auto;
	padding: 20px;
	background-color: rgba(255,255,255,.6);
	-webkit-box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	-moz-box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	box-shadow: 0 2px rgba(0,0,0,.05), inset 0 2px #fff;
	overflow: visible;
}
.single .history-section .btn-prev, .single .history-section .btn-next {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 44px;
	height: 30px;
	overflow: hidden;
}
.single .history-section .btn-prev {
	left: -60px;
}
.single .history-section .btn-next {
	right: -60px;
}
.single .history-section .btn-prev:hover {
	margin-left: -2px;
}
.single .history-section .btn-next:hover {
	margin-right: -2px
}
.single .history-section .btn-prev a, .single .history-section .btn-next a {
	display: block;
	width: 44px;
	height: 30px;
	text-indent: -999px;
	background: url('arrows01.png') no-repeat 0 50%;
	overflow: hidden;
}
.single .history-section .btn-next a {
	background-position: 100% 50%;
}
.single .history-section .featured-image {
	float: left;
	margin-right: 20px;
}
.single .history-section .aside {
	float: right;
	width: 490px;
}
.single .featured-image {
	width: auto;
	height: auto;
}
.history-section .fn {
	text-transform: uppercase;
}
.history-section .history {
	margin-top: 10px;
}
.history-section .history .excerpt {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 50px;
	border-top: 2px solid #fff;
	background-color: rgba(255,255,255, .5);
	webkit-box-shadow: 0 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 2px rgba(0,0,0,.05);
	box-shadow: 0 2px rgba(0,0,0,.05);
	z-index: 1;
}
.history-section .history .date {
	position: relative;
	height: 31px;
	background: url('bg05.png') no-repeat;
}
.history-section .date strong {
	position: absolute;
	display: block;
	left: 32px;
	top: 30px;
	font-size: 14px;
	font-weight: normal;

}
.history-section .excerpt span:before, .history-section .excerpt span:after, .history-section .history .excerpt:after {
	display: block;
	position: absolute;
	content: '\00ad';
	width: 21px;
	height: 16px;
	background: url('icon03_sprite.png') no-repeat;

}
.history-section .history .excerpt:after {
	position: absolute;
	left: 30px;
	bottom: -20px;
	width: 38px;
	height: 20px;
	background-position: -28px 0;
	z-index: 2;
}
.history-section .excerpt span:before {
	left: 20px;
	top: 17px;
}
.history-section .excerpt span:after {
	bottom: 20px;
	right: 20px;
	background-position: 0 -18px;
}
/* => Calendar section */
/* ------------------------------------------------------------------------------*/
.nicescroll-rails {
	border-radius: 6px;
}
.cal-section .colr {
	position: relative;
	z-index: 100;
}
.main-article .cal-section .colr {
	float: left;
	overflow: hidden;
}
.main-article .cal-section .col {
	float: right;
	width: 425px;
}
.home .cal-section .colr:before, .home .cal-section .colr:after {
	content: '\00ad';
	display: block;
	position: absolute;
	width: 490px;
	height: 5px;
	box-shadow: 0 5px 20px 15px #fff;
	z-index: 1;
}
.home .cal-section .colr:before {
	left: 0;
	top: -5px;
}
.home .cal-section .colr:after {
	left: 0;
	bottom: -5px;
	box-shadow: 0 -5px 20px 15px #fff;
}
.cal-section .scrollable-section {
	position: relative;
	height: 300px;
	overflow: hidden;
}
.cal-section .fasting {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-left: 10px;
	vertical-align: baseline;
}
.cal-legend .item {
	height: 40px;
	line-height: 40px;
	padding-left: 60px;
	background: url('icon02_sprite.png') no-repeat;
}
.cal-legend .item-1 {
	background-position: 0 13px;
}
.cal-legend .item-2 {
	background-position: 0 -27px;
}
.cal-legend .item-3 {
	background-position: 0 -68px;
}
.cal-legend .item-4 {
	background-position: 0 -107px;
}
.cal-legend .item-5 {
	background-position: 0 -146px;
}
.cal-legend .item-6 {
	background-position: 0 -185px;
}
.cal-legend .item-7 {
	background-position: 0 -215px;
}
.cal-legend .item-8 {
	background-position: 0 -245px;
}
.cal-legend .item-9 {
	background-position: 0 -280px;
}
/* => Banner section */
/* ------------------------------------------------------------------------------*/
.banner-section {
	line-height: 1.6;
}
.banner-section .title {
	margin-bottom: .7em;
	font-size: 20px;
	text-transform: uppercase;
}
.banner-section__featured-image {
	float: left;
	width: 310px;
	height: 220px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}
.banner-section__featured-image img {
	visibility: hidden;
}
/* => Main content section */
/* ------------------------------------------------------------------------------*/
.main-content-section .hgroup, .main-tools-section, .main-sidebar .article, .congregation .main-article h2 {
	position: relative;
	clear: both;
	margin: 0 13px 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #dbc768;
}
.main-tools-section {
	border-bottom-color: #ece9da;
}
.main-content-section .hgroup:before, .main-content-section .hgroup:after, .main-tools-section:before, .main-tools-section:after,
.main-sidebar .article:before, .main-sidebar .article:after, .congregation .main-article h2:after, .congregation .main-article h2:before {
	display: block;
	position: absolute;
	bottom: -6px;
	content: '\00ad';
	width: 10px;
	height: 10px;
	background: url('bullet01.gif') no-repeat;
}
.main-tools-section:before, .main-tools-section:after {
	background-image: url('bullet04.gif');
}
.main-content-section .hgroup:before, .main-tools-section:before, .main-sidebar .article:before, .congregation .main-article h2:before {
	left: -13px;
}
.main-content-section .hgroup:after, .main-tools-section:after, .main-sidebar .article:after, .congregation .main-article h2:after {
	right: -13px;
}
.main-content-section .hgroup .title, .history-section .title {
	position: relative;
	left: -13px;
	font-size: 20px;
	text-transform: uppercase;
}
.history-section .title {
	left: 0;
}
.main-content-section div.block {
	margin-top: 40px;
}

/* Main tools section */

.main-tools-section {
	height: 35px;
	font-size: 14px;
}
.main-tools-section .sep, .main-tools-section .breadcumbs a {
	color: #baa74a;
}
.main-tools-section .breadcumbs {
	position: relative;
	left: -13px;
}
.main-tools-section .breadcumbs a {
	text-decoration: underline;
}
.main-tools-section .breadcumbs a:hover {
	text-decoration: none;
}

.main-article h1.title {
	margin-bottom: 30px;
	font-size: 34px;
	text-transform: uppercase;
}
/* => Main Sidebar */
/* ------------------------------------------------------------------------------*/
.main-sidebar .article {
	margin-bottom: 50px;
}

.main-sidebar .article.sidebar-cta {
	padding-bottom: 50px;
}

.main-sidebar .article.sidebar-cta p {
	margin-bottom: 0;
}

.main-sidebar h2.title, .main-sidebar .list {
	position: relative;
	left: -13px;
}
.main-sidebar h2.title, .cal-section .col h2.title {
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
.main-sidebar .list .item,
.main-sidebar .list .menu-item {
	margin-top: 0;
}
.main-sidebar .block:hover,
.main-sidebar .menu-item a:hover {
	text-decoration: underline;
}

/* Sidebar submenu */
.sidebar-submenu-section {
	padding-bottom: 10px;
}
.sidebar-submenu-section a {
	display: block;
	padding: 8px 0 8px 20px;
	background: url("bullet02.gif") no-repeat 0 15px;
	line-height: 1.4;
}
.sidebar-submenu-section .current-menu-item a {
	color: #BAA74A;
}
/* => Dioceses */
/* ------------------------------------------------------------------------------*/
.dioceses .main-tools-section,
.congregations .main-tools-section,
.congregation .main-tools-section {
	margin-bottom: 5px;
	border: 0;
}
.dioceses .main-article, .congregations .main-article, .congregation h1.title {
	margin-top: -5px;
}
.page-template-page-calendar-php .main-hgroup {
	margin-top: -32px;
}
.dioceses .main-article {
	position: relative;
	height: 340px;
	padding: 50px 0 0 60px;
	margin-bottom: 30px;
	color: #fff;
	background: #1b3249 url('bg06.jpg') no-repeat;
	z-index: 1;
}
.dioceses h1.title, .congregations h1.title, .main-hgroup h1.title {
	margin-bottom: 15px;
	font-size: 34px;
}
.dioceses .main-article p, .congregations .main-article p, .main-hgroup p {
	margin-bottom: 1.3em;
	font-size: 20px;
	color: #dbc767;
}
.dioceses .main-article ul {
	list-style: none;
	margin: 0;
}
.dioceses .main-article li {
	margin-bottom: .8em;
	padding-left: 20px;
	background: url('bullet02.gif') no-repeat 0 8px;
}
.dioceses-list,
.congregations-list {
	margin: 0 -30px 30px 0;
}
.dioceses-list .item,
.congregations-list .item {
	float: left;
	width: 270px;
	margin: 0 30px 30px 0;
	padding: 40px 12px 10px 12px;
	text-align: center;
}
.dioceses-list h2.title, .congregations-list .main h2.title, .congregation .main-article h2 {
	margin-bottom: 30px;
	font-size: 20px;
	text-transform: uppercase;
}
.dioceses-list p {
	margin-bottom: 30px;
	line-height: 30px;
}
/* => Congregations */
/* ------------------------------------------------------------------------------*/
.congregations .main-article,
.congregation h1.title,
.main-hgroup {
	position: relative;
	height: 135px;
	margin-bottom: 50px;
	padding: 45px 0 0 50px;
	color: #fff;
	background: #1b3249 url('bg03.jpg');
	z-index: 1;
}
.congregations .main-article:after,
.congregation h1.title:after,
.main-hgroup:after,
.congregation .photo a:after {
	content: "";
	border: 8px double #dbc767;
	border-image: url('border01.gif') 8 8 8 8 fill;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
}
.ie .congregations .main-article:after,
.ie .congregation h1.title:after,
.ie .main-hgroup:after,
.ie .congregation .photo a:after {
	border-width: 4px;
	border-image:  url('wp-content/themes/eoc/gfx/border01.gif') 8 8 8 8 fill;
	behavior: url('wp-content/themes/eoc/gfx/PIE.php');
}
.congregations .main-article p {
	font-style: italic;
}
.congregations .main-article a {
	color: #dbc767;
}
.congregations-list .item {
	width: 260px;
	padding: 20px 17px;
	font-size: 13px;
	text-align: left;
}
.congregations-list .item p,
.congregations-list .item li,
.congregations-list h2.title {
	margin-bottom: 15px;
}
.congregations-list h2.title {
	font-weight: 700;
}
.congregations-list .item ul {
	margin: 0 0 0 20px;
}
.congregations-list .item li {
	list-style: disc;
}
.congregations-list .info,
.congregations-list .main,
.congregations-list h2.title {
	font-size: 15px;
}
.congregations-list .info p {
	margin: 0;
	line-height: 30px;
}
.congregations-list .main {
	width: 600px;
}
.congregations-list .main .photo {
	float: left;
}
.congregations-list .main .article {
	float: right;
	width: 340px;
}
.congregations-list .main h2.title {
	margin-bottom: 20px;
	font-weight: normal;
}
.congregations-list .main ul {
	margin-bottom: 40px;
}
.congregation h1.title {
	margin-bottom: 0;
	font-size: 34px;
	text-transform: uppercase;
}
.congregation .photo {
	margin-bottom: 35px;
	line-height: 0;
	position: relative;
}
.congregation .main-article {
	margin-bottom: 20px;
}
.congregation .main-article ul {
	margin: 0 0 1.47em 0;
	list-style: none;
}
.congregation .main-article li {
	margin-bottom: .8em;
	padding-left: 36px;
	background: url('bullet01.gif') no-repeat 13px 7px;
}
.congregation .main-article h2 {
	margin-top: 3em;
	text-indent: -13px;
}

.congregation .sub-menu {
	padding-bottom: 0;
}
.congregation .sub-menu .list {
	overflow: hidden;
}
.congregation .sub-menu .menu-item,
.congregation .sub-menu a {
	float: left;
}
.congregation .sub-menu a {
	padding: 16px 12px;
	font-size: 18px;
	font-style: italic;
}
.congregation .current-menu-item a,
.congregation .current-menu-parent a,
.congregation .current-menu-ancestor a {
	color: #baa74a;
}
.congregation .sub-menu .menu-item:after {
	content: "/";
	float: left;
	margin-top: 15px;
	font-size: 18px;
	color: #baa74a;
}
.congregation .sub-menu .menu-item:last-child:after {
	display: none;
}
/* => Main Footer */
/* ------------------------------------------------------------------------------*/
.main-footer .footer {
	position: relative;
	padding-top: 30px;
}
.main-footer .icon {
	position: absolute;
	bottom: -12px;
	right: 6px;
	margin: 0;
}
.ie .main-footer .icon {
	bottom: -4px;
}
.main-footer .contact, .main-footer .contact a {
	color: #dbc767;
}
.main-footer .contact {
	margin-top: 35px;
}
.main-footer .more {
	margin: 0;
	margin-top: 17px;
	padding: 3px 0 3px 20px;
	background: url('ico01.png') no-repeat 0 5px;
}
.main-footer .more a {
	color: #fff;
}
.main-footer .more a:after {
	display: inline;
	content: '\00bb';
	padding-left: 4px;
}
/* => Pagination section And Form section */
/* ------------------------------------------------------------------------------*/
.form-section, .oi-pagination {
	position: relative;
	margin: 0 13px;
	border-top: 2px solid #b4b4b4;
}
.form-section:before, .oi-pagination:before, .form-section .form:before, .oi-pagination .list:before, .wp-paginate:before,
.form-section:after, .oi-pagination:after, .form-section .form:after, .oi-pagination .list:after, .wp-paginate:after {
	display: block;
	position: absolute;
	content: '\00ad';
	width: 10px;
	height: 10px;
	background: url('bullet03.gif') no-repeat;
	overflow: hidden;
}
.form-section:before, .oi-pagination:before {
	left: -13px;
	top: -6px;
}
.form-section .form:before, .oi-pagination .list:before, .wp-paginate:before {
	left: -13px;
	bottom: -6px;
}
.form-section:after, .oi-pagination:after {
	right: -13px;
	top: -6px;
}
.form-section .form:after, .oi-pagination .list:after, .wp-paginate:after {
	right: -13px;
	bottom: -6px;
}
.form-section .form, .oi-pagination .list, .wp-paginate {
	position: relative;
	padding: 10px 0;
	border-bottom: 2px solid #b4b4b4;
}
.form-section .form, .oi-pagination .list, .form-section .form p, .wp-paginate {
	margin: 0;
}
.oi-pagination {
	margin-top: 40px;
	margin: 40px 13px 0;
	text-align: center;
}
.oi-pagination .page, .oi-pagination .prev, .oi-pagination .next, .oi-pagination a, .oi-pagination span, .wp-paginate li {
	display: inline-block;
}
.oi-pagination .page, .oi-pagination .prev, .oi-pagination .next {
	margin: 0 5px;
}
.oi-pagination a, .oi-pagination span {
	padding: 10px;
	background-color: #fff;
}
.wp-paginate .title {
	display: none;
}
.single-call {
	margin-left: 25px;
}
.single-call:first-of-type {
	margin-left: 0;
}
.single-call h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}
.single-call img {
	width: 100%;
}
.single-call a.more {
    text-align: right;
    display: block;
}
.col.w50.single-call {
    width: calc(50% - 13px);
}

/* => Media Queries */
/* ------------------------------------------------------------------------------*/
@media screen and (min-width: 300px) and (max-width: 1200px) {
	.emblem {
		display: none;
	}
	.main-header .hgroup .emblem {
		display: block;
	}
	.main-header .hgroup .name, .main-header .hgroup .alt-name {
		left: 80px;
	}
}
