#hdrsearch {
	background: #393836;
	text-align: center;
}

@media (min-width:768px) {

#hdrsoc0 {
	height: 27px;
	text-align: center;
	margin: 0;
	float: left;
	width: auto;
}

#hdrsoc-func {
	width: auto;
}

#hdrsoc-func .icon.lang {
	padding-right: 8px;
}

#hdrsoc0 .icon.vk {
	padding-left: 8px;
}

}


@media (max-width:960px) {

	#hdrcontacts .cont3 {
		display: none;
	}

}

@media (max-width:1000px) {

	#hdrcopy {
		display: none;
	}
	
	#hdrcontacts .cont2 {
		display: inline;
	}
	
}

@media (max-width:767px) {

	#hdrcopy {
		display: none;
	}

	#hdrcontacts {
		display: none;
	}
	
	#hdrsoc-func .icon.lang {
		padding: 0 0 2px 0px;
	}
	
	#hdrmenu {
		border-bottom: solid 7px #404040 !important; 
	}
	
	.navbar-toggle {
		top: 80px;
		color: #404040;
	}
	
	#navigation .mmenubar {
		background: url(../img/menu-bl2.png) no-repeat;
	}

}

@media (max-width:730px) {

	#hdrsearch {
		display: block;
	}
	
	#hdrmenu {
		border-bottom: solid 4px #404040 !important; 
	}

	.navbar-toggle {
		top: 59px;
	}

	#navigation .mmenubar {
		background: url(../img/menu-bs2.png) no-repeat;
	}

}

	div.imgcenter img, img.imgcenter {
		display: block;
		background: #d8d5ce;
		width: 100%;
		padding: 0;
		padding-left: 7rem;
		padding-right: 7rem;
		margin-left: -7rem;
		margin-right: -7rem;
	}
	
	div.imgwide img, img.imgwide {
		display: block;
		background: #d8d5ce;
		width: calc(100% + 14rem);
		padding: 0;
		margin-left: -7rem;
		margin-right: -7rem;
	}
	
	img.imgleft {
		display: block;
		background: #d8d5ce;
		float: left;
		margin-right: 0.6em;
		margin-bottom: 0.4em;
		padding-left: 7rem;
		margin-left: -7rem;
		max-width: 70%;
		max-width: 40%;
		min-width: 35%;
	}	

	div.imgleft {
		float: left;
		margin-right: 0.6em;
		margin-bottom: 0.4em;
		max-width: 70%;
		max-width: 40%;
		min-width: 35%;
	}

	div.imgleft img {
		background: #d8d5ce;
		padding-left: 7rem;
		margin-left: -7rem;
		max-width: 100%;
		width: 100%;
	}

	img.imgright {
		display: block;
		background: #d8d5ce;
		float: right;
		margin-left: 0.6em;
		margin-bottom: 0.4em;
		padding-right: 7rem;
		margin-right: -7rem;
		max-width: 70%;
		max-width: 40%;
		min-width: 35%;
	}	

	div.imgright {
		float: right;
		margin-left: 0.6em;
		margin-bottom: 0.4em;
		max-width: 70%;
		max-width: 40%;
		min-width: 35%;
	}

	div.imgright img {
		background: #d8d5ce;
		padding-right: 7rem;
		margin-right: -7rem;
		max-width: 100%;
	}


	#imgfirst {
		display: block;
		background: #d8d5ce;
		width: auto;
		height: 4px;
		margin-right: -7rem;
	}
	
	
	div.imgportrait img, img.imgportrait {
		width: 128px;
		height: 128px;
		border-radius: 50%;
		border: solid 2px #786b62;
	}

	div.portraitleft img, img.portraitleft {
		width: 128px;
		height: 128px;
		border-radius: 50%;
		border: solid 2px #786b62;
		float: left;
		margin-bottom: 0.4em;
		margin-right: 1em;
	}

	
@media screen and (max-width: 550px) {

	div.portraitleft img, img.portraitleft {
		text-align: center;
		float: none;
		margin-bottom: 1em;
	}
}	

	
@media screen and (max-width: 900px) {
	#content {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	div.imgcenter img, img.imgcenter {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: -2rem;
		margin-right: -2rem;
	}
	
	div.imgwide img, img.imgwide {
		width: calc(100% + 4rem);
		margin-left: -2rem;
		margin-right: -2rem;
	}
	
	div.imgleft img, img.imgleft {
		padding-left: 2rem;
		margin-left: -2rem;
	}	
	
	div.imgright img, img.imgright {
		padding-right: 2rem;
		margin-right: -2rem;
	}	

	#imgfirst {
		margin-right: -2rem;
	}
}

#bred {
	padding-top: 0.5em;
	font-size: 0.85em;
}

.sp-blog #bred {
	padding-top: 2em;
	padding-left: 2.5rem;
}

#bred a {
	color: #87847f;
	text-decoration: none;
}

#bred a:hover {
	color: #000000;
	text-decoration: underline;
}

#bred-separator {
	padding: 0px 16px 0 16px;
	background: url('../img/bred.jpg') center center no-repeat;	
}

.date-author {
	color: #87847f;
	font-style: Italic;
	font-family: Georgia, Times New Roman, serif;
	font-size: 0.94em;
	padding-bottom: 1em;
}

.date-author a {
	color: #87847f;
	text-decoration: underline;
}

.date-author a:hover {
	color: #000000;
	text-decoration: none;
}

.tags {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

.tag, .tags li {
	display: inline-block;
	width: auto;
	padding: 0px 1em 0px 1.4em;
	background: #a99c93 url('../img/tag-bul.png') 6px 0.8em no-repeat;
	color: #ffffff;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	font-size: 0.75em;
	border-radius: 0.8em 0 0.8em 0;
}

.tag:hover, .tags li:hover {
	background: #6b6158 url('../img/tag-bul.png') 6px 0.8em no-repeat;
}

.tag a, .tags li a {
	color: #ffffff;
	text-decoration: none;
}

.article ul, #content ol, .content-category ul, .category-info ul {
	padding-left: 4em;
}

.article li, .content-category li, .category-info li {
	padding-bottom: 0.5em;
}

.article blockquote {
	margin-left: 4em;
}


@media screen and (max-width: 550px) {

	.article ul, #content ol, .content-category ul, .category-info ul {
		padding-left: 3em;
	}

	.article blockquote {
		margin-left: 3em;
	}

}


.vrezka_line {
	display: block;
	margin-left: 25%;
	border-left: 8px solid #e85122;
	padding-left: 1.6rem;
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	font-size: 1.2em;
	color: #87847f;
	text-align: left;
}

.vrezka_quotes {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.2em;
	font-style: italic;
	padding: 0.8rem 0 0.8rem 29%;
	color: #87847f;
	text-align: left;
}

.vrezka_quotes:before {
	font-family: Georgia, Times New Roman, serif;
	content: "\201C";
	font-size: 8em;
	line-height: 0.1em;
	vertical-align: -.28em;
	color: #e85122;
	position: absolute;
	margin-left: -90px;
	margin-top: 36px;

}
 
.vrezka_quotes:after {
	font-family: Georgia, Times New Roman, serif;
	content: "\201D";
	font-size: 8em;
	line-height: 0.1em;
	vertical-align: -.65em;
	color: #e85122;
	display: block;
	float: right;
	margin-top: 40px;
	margin-right: -55px;
}

.vrezka_line b, b .vrezka_line, .vrezka_quotes b, b .vrezka_quotes, .vrezka_line strong, strong .vrezka_line, .vrezka_quotes strong, strong .vrezka_quotes {
	font-weight: normal;
} 


@media screen and (max-width: 900px) {

	.vrezka_quotes {
		padding: 0.8rem 5rem 0.8rem 5rem;
	}
	
	.vrezka_quotes:after {
	}
}

@media screen and (max-width: 730px) {
	.vrezka_line {
		margin-left: 15%;
	}
}

@media screen and (max-width: 500px) {

	.vrezka_quotes {
		padding-right: 0;
	}

	.vrezka_quotes:after {
		display: none;
		content: '';
	}
	
}





#bred li {
	display: inline;
}

#bred li.active {
//	display: none;
}
#bred .divider {
	padding: 0px 16px 0 16px;
	background: url('../img/bred.jpg') center center no-repeat;	
}

#bred .divider img {
	display: none;
}

.page-header h2 {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-family: Georgia, Times New Roman, serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin-top: 0.5em;
	margin-top: -0.3em;
	margin-bottom: 0.5em;
}

.pull-none.item-image {
	margin-bottom: 1.2em;
}	

.pull-none.item-image img {
	display: block;
	background: #d8d5ce;
	width: 100%;
	padding: 0;
	padding-left: 7rem;
	padding-right: 7rem;
	margin-left: -7rem;
	margin-right: -7rem;
}

.pull-left.item-image {
	display: block;
	background: #d8d5ce;
	width: auto;
	height: 4px;
	margin-left: -7rem;
	margin-right: -7rem;
	margin-bottom: 1em;
}

.pull-left.item-image img {
	display: block;
	background: #d8d5ce;
	float: left;
	margin-right: 0.6em;
	margin-bottom: 0.4em;
	padding-left: 7rem;
	margin-left: -7rem;
	margin-left: 0;
	max-width: 70%;
}



@media screen and (max-width: 900px) {
	.pull-none.item-image img {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: -2rem;
		margin-right: -2rem;
	}
	
	.pull-left.item-image {
		margin-left: -2rem;
		margin-right: -2rem;
	}

	.pull-left.item-image img {
		padding-left: 2rem;
		max-width: 100%;
	}	

}

@media screen and (max-width: 480px) {
	.pull-left.item-image {
		margin: 0;
		margin-bottom: 1.2em;
	}

	.pull-left.item-image img, .imgright img, img.imgright, .imgleft img, img.imgleft {
		display: block;
		float: none;
		background: #d8d5ce;
		width: 100% !important;
		max-width: 100%;
		padding: 0;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: -2rem;
		margin-right: -2rem;
	}
	
	div.imgright, div.imgleft, #imgfirst {
		display: block;
		float: none;
		width: 100% !important;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		height: auto;
	} 

}

@media screen and (max-width: 480px) {

	#content {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	div.imgcenter img, img.imgcenter,
	div.imgleft img, img.imgleft,
	div.imgright img, img.imgright {
		padding-left: 0rem;
		padding-right: 0rem;
		margin-left: -0rem;
		margin-right: -0rem;
	}
	
	div.imgwide img, img.imgwide {
		width: calc(100% + 2rem) !important;
		padding-left: 0;
		padding-right: 0;
		margin-left: -1rem;
		margin-right: -1rem;
	}

}


#content_blog {
	padding: 0;
	padding-bottom: 2rem; 
	background: #fefefe;
	color: #404040;
}

.blog .item {
	padding: 0rem 3rem 2rem 2.5rem; 
}

.blog_groupdate {
	padding: 0 3rem 0 2.5rem;
	margin-bottom: 1.7rem;
	background: #d8d5ce;
	height: 1.6rem;
}

.blog_groupdate.first {
	margin-left: 1rem;
	padding-left: 0;
}

.blog_groupdate.first.active {
	background: #e85223;
}

.groupdate_triangle {
	width: 0;
	height: 0;
	border-bottom: 2.3rem solid transparent; 
	border-left: 1.2rem solid #ffffff;
	float: left;
}

.groupdate_text {
	float: left;
	padding-top: 0.3rem;
	font-size: 0.9rem;
	font-weight: bold;
	color: #ffffff
}

.blog_groupdate.first .groupdate_text {
	padding-left: 0.2rem;
}


.blog_item_outer {
	display: table;
	width: 100%;
}

.blog_item_inner {
	display: table-row;
	vertical-align: top;
}

.blog_item_image {
	display: table-cell;
	vertical-align: top;
	width: 250px;
	padding-right: 2.5rem;
	padding-top: 0.35rem;
}

.blog_item_image2 {
	display: none;
}

.blog_item_image img {
	width: 100%;
}

.blog_item_text {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 0.3rem;
}

.blog_item_title {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.5em;
	padding-bottom: 0.6rem;
}

.blog_item_intro {
	line-height: 1.3em;
}

.blog_item_date {
	display: block;
	width: auto;
	float: right;
	background: #d8d5ce;
	padding: 1px 3px 1px; 3px;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
	border-radius: 4px;
	color: #ffffff;
	font-size: 0.85em;
}

.blog_item_date2 {
	color: #87847f;
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	padding-bottom: 0.6rem;
}

.blog_item_icon {
	display: inline-block;
	background: #c0c0c0;
	width: 24px;
	height: 24px;
	margin: 0 2px -8px 0px;
	border-radius: 50%;
}

.blog_item_icon.flag_video {
	background: #c0c0c0 url(../img/flag-video.png) no-repeat center center;
}
.blog_item_icon.flag_audio {
	background: #c0c0c0 url(../img/flag-audio.png) no-repeat center center;
}
.blog_item_icon.flag_photo {
	background: #c0c0c0 url(../img/flag-photo.png) no-repeat center center;
}

.neswline_icon {
	display: inline-block;
	background: #57544f;
	width: 16px;
	height: 16px;
}

.neswline_icon img {
	margin: 0 0 -2px 0;
	width: 100%;
	height: 100%;
}

.blog_item_outer a {
	color: #000000;
	text-decoration: none;
}

.blog_item_outer a:hover {
	text-decoration: underline;
}

.blog_item_outer a:hover img {
	box-shadow: 0 0 5px #b0b0b0;
}

@media screen and (max-width: 900px) {
	#content_blog {
		padding-bottom: 2rem;
	}
}

@media screen and (max-width: 730px) {

	.blog_item_outer {
		display: block;
	}
	
	.blog_item_inner {
		display: block;
	}
	
	.blog_item_image {
		display: none;
	}
	
	.blog_item_image2 {
		display: block;
		width: 100%;
	}
	
	.blog_item_text {
		display: block;
		padding-bottom: 2rem;
	}

	.blog_item_image2 img {
		width: 100%;
		margin-bottom: 1rem;
	}

	.blog_item_title {
		padding-bottom: 0.5em;
	}
	
}

.sp-article .moduletable_popular {
	display: none;
}

.moduletable_popular h3 {
	font-family: Georgia, Times New Roman, serif;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.5rem;
	margin: 0;
	padding: 1.5rem 3rem 1.5rem 4rem;
}

.custom_popular {
	background: #9e948b;
	padding: 1rem 0 1rem 0;
	font-size: 1.1em;
}


.custom_popular ul {
	padding: 0;
	list-style-type: none;
}

.menu_locmenu {
	margin:0;
	padding: 2rem 0 2rem 0;
	font-size: 1.1em;
	list-style-type: none;
}

.menu_locmenu li {
	list-style-type: none;
	margin-left: 2.5rem;
	padding-left: 1.5rem;
	padding-right: 1rem;
	background: url(../img/li-y.png) 0 center no-repeat;
	margin-bottom: 0.7rem; 
}

.menu_locmenu li.divider {
	display: block;
	width: auto;
	height: 1px;
	background-image: none;
	background-color: #d1c7bd;
	color: transparent;
	font-size: 1px;
	line-height: 1px;
	margin: 0.8rem 0 0.8rem 3.5rem;
}

.custom_popular li {
	margin-left: 2.5rem;
	padding-left: 1.5rem;
	background: url(../img/li-y.png) 0 center no-repeat;
	margin-bottom: 0.5rem; 
}

.custom_popular a, .menu_locmenu a {
	color: #ffffff;
	text-decoration: none;
}

.custom_popular a:hover, .menu_locmenu a:hover {
	text-decoration: underline;
}

.custom_popular hr {
	border: none;
	border-bottom: 1px solid #d1c7bd;
	margin-left: 3.5rem;
}


.authorslist {
	padding: 2rem 2rem 2rem 2.5rem;
	column-width: 300px;
	column-count: 2;
}

.authoritem {
	clear: both;
	white-space: nowrap;
}

.authorimg {
	display: block;
	float: left;
}

.authorimg img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #b9afa6;
	margin: 0.2em 1em 0.2em 0; 
}

.authortitle {
	display: block;
	float: left;
	white-space: nowrap;
	margin: 36px 3rem 0 0;
}

img.authorimg {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	border: 1px solid #b9afa6;
	float: left;
	margin-right: 2em;
}

.authorinfo {
	padding: 1rem 3rem 0rem 2.5rem;
}

.authordesc {
	padding: 0 2rem 0 0;
}

.authorbio {
	padding-top: 0.5rem;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: left;
}
.authorbio p {
	text-align: left;
}

.authorpadd {
	padding-bottom: 2rem;
}

@media screen and (max-width: 730px) {

	.authordesc {
		padding: 0;
	}
}

@media screen and (max-width: 480px) {

	.authorinfo {
		padding-bottom: 0;
	}
	
	.authordesc {
		text-align: center;
	}
	
	.authortitle {
		display: inline-block;
		float: none;
	}
	
	img.authorimg {
		display: inline-block;
		float: none;
		margin-right: 0;
	}

}

@media screen and (max-width: 810px) {
	.authorslist {
		padding: 2rem 2rem 2rem 2.5rem;
		column-width: auto;
		column-count: 1;
	}
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 20px;
}


[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}

.icon-calendar:before {
	content: "\43";
}

.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}

.pagination-toolbar, .pagination {
	text-align: left !important;
}

.limit.pull-right, .counter.pull-right {
	display: inline-block;
	display: block;
	float: left;
	width: calc(248px + 1rem);
	background: #e85122;
	padding: 4px 1.5rem 4px 4px;
	text-align: right;
	color: #ffffff;
}



ul.pagination-list, .pagination ul {
	padding: 0;
	margin: 0;
	padding-left: 2.5rem;
	list-style-type: none;
	display: inline-block;
}

.pagination-list li, .pagination ul li {
	display: block;
	float: left;
	text-align: center;
	background: #c0c0c0;
	padding: 4px;
	height: 20px;
	width: 20px; 
	margin-right: 0.9rem;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.5em;
	line-height: 1rem;
	color: #ffffff;

	padding: 4px 0 0 0;
	height: 24px;
	width: 28px; 
}

.pagination-list li a, .pagination ul li a {
	color: #ffffff;
	display: block;
	width: 100%;
	height: calc(100% + 2px);
	border-bottom: solid 3px #e85122;
	text-decoration: none;
}

.pagination ul li a:hover {
	border-bottom: dotted 3px #e85122;
}

.pagination ul li span {
	color: #ffffff;
	display: block;
	width: 100%;
	height: calc(100% + 2px);
	border-bottom: solid 3px #c0c0c0;
	text-decoration: none;
}

.pagination-list li.disabled, .pagination ul li.disabled {
	display: none;
}

.pagination-start .pagenav,
.pagination-prev .pagenav,
.pagination-next .pagenav,
.pagination-end .pagenav
 {
	color: transparent;
	font-size: 1px;
}

.pagination ul li.pagination-start {
	background: #c0c0c0 url(../img/nav-start.png) no-repeat 2px 5px;
}
.pagination ul li.pagination-prev {
	background: #c0c0c0 url(../img/nav-prev.png) no-repeat 6px 5px;
}
.pagination ul li.pagination-next {
	background: #c0c0c0 url(../img/nav-next.png) no-repeat 6px 5px;
}
.pagination ul li.pagination-end {
	background: #c0c0c0 url(../img/nav-end.png) no-repeat 3px 5px;
}



.category-info {
	padding: 0 2.5rem 0.7rem 2.5rem;
	margin-top: 1.2rem;
}

.mycat-info {
	margin-top: 0;
}

.finder-info {
	padding: 0 2.5rem 0.7rem 2.5rem;
}

.tag-category {
	padding: 1rem 2.5rem 0.7rem 2.5rem;
}

.tagouter {
	padding: 0rem 3rem 1rem 2.5rem;
	column-width: 250px;
}

.tagouter ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.tagouter li {
	display: block;
	margin: 0;
	padding: 0 0 0.6em 19px;
	background: url(../img/li-g.png) no-repeat 0px 2px;
}

.artsocialtop {
	margin-bottom: 1em;
}

@media screen and (max-width: 760px) {
	.artsocialtop {
		margin-bottom: 0;
	}
}


.saintsPage {
	padding: 0 3rem 0rem 2.5rem;
	font-size: 1.2em;
	line-height: 1.5em;
}

.saintsIndex {
	padding-bottom: 0.5em;
	font-size: 1em;
}

.alpha {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.4em;
	padding-top: 1em;
}

.saintsItem {
	padding-left: 40px;
	background: url(../img/li-g.png) no-repeat 20px 5px;
}


.remembrance {
	margin-bottom: 1em;
}

.remembrance .date {
	font-weight: bold;
}

.feastsPage {
	padding: 0 3rem 0rem 2.5rem;
	font-size: 1.2em;
	line-height: 1.5em;
}

.feastsList {
	display: table;
}

.feastsItem {
	display: table-row;

}

.feastDate {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

.feastDivider {
	display: table-cell;
}

.feastCaption {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

@media screen and (max-width:700px){

	.feastsList {
		display: block;
	}

	.feastsItem {
		display: block;
		padding-left: 20px;
		background: url(../img/li-g.png) no-repeat 0px 5px;
		line-height: 1.2em;
		padding-bottom: 0.3em;
	}

	.feastDate {
		display: block;
	}

	.feastDivider {
		display: none;
	}
	
	.feastCaption {
		display: block;
		padding-bottom: 0.4rem;
	}

}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}


#search-form .btn.btn-primary {
	background: #e85122;
	padding: 0.5em 1.5em 0.5em 1.5em;
	display: inline-block;
	width: auto;
	border: none;
	border-radius: 0.5em;
	box-shadow: none;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8rem;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

#search-form .btn.btn-primary:hover {
	box-shadow: 0 0 5px #000000;
}

#search-form .graybtn {
	background: #c0c0c0;
	padding: 0.5em 1.5em 0.5em 1.5em;
	display: inline-block;
	width: auto;
	border-radius: 0.5em;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8rem;
	color: #ffffff;
	text-decoration: none;
}

#search-form .graybtn:hover {
	box-shadow: 0 0 5px #000000;
}


#search-result-empty {
	padding: 0 2.5rem 0.7rem 2.5rem;
	font-weight: bold;
}

#search-query-explained .blog_groupdate.first {
	margin-bottom: 1.2em;
}

ul.search-results {
	padding: 0 2.5rem 0.7rem 2.5rem;
}

ul.search-results li {
	padding-bottom: 2em;
}

input {
	border: none;
}

#content input, #content_blog input, #content select, #content_blog select {
	padding: 4px 8px 4px 8px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
}

#content input:focus, #content_blog input:focus {
	border: 1px solid #4080f0;
}  

.fidner-section {
	clear: both;
	padding: 1em 0 0.5em 0;
	font-weight: bold;
}


ul#finder-filter-select-dates li.filter-date {
	display: inline-block;
	width: auto;
	margin-right: 2em;
}

li.filter-date .mycalendar {
	border: 1px solid #c0c0c0;
	border-radius: 4px;
}

li.filter-date input {
	height: 16px;
	border: none !important;
}

li.filter-date button {
	display: inline-block;
	height: 27px;
	padding: 0 2px 0 8px;
	margin: 0 0 0 -7px;
	background: #e0e0e0;
	border: none;
	cursor: pointer;
}

.btn-group {
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	margin: 4px;
	padding: 0;
}

.btn-clear, .btn-today, .btn-exit {
	display: inline-block;
	width: calc(33% - 8px);
	text-align: center;
	padding: 4px 2px 4px 2px;
	border: 1px solid transparent;
} 

.btn-today {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}

.calendar-container .day-name {
	padding: 0 2px 2px 2px;
}

#advancedSearch hr {
	border: 0;
	height: 1px;
	padding: 0;
	margin: 1em 0 1em 0;
	width: auto;
	background: #c0c0c0;
}

#finder-filter-window {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin: 2em 0 1em 0;
	padding: 0.5em 0 1.3em 3em;
	width: auto;
}

.sp-article .category-info {
	padding: 0;
}

.content-category {
	padding: 0 3rem 0rem 2.5rem;
}

.sp-article .content-category {
	padding: 0;
}

.content-category h2 {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-family: Georgia, Times New Roman, serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.content-category .category.table .list-title {
	display: block;
	padding-left: 40px;
	background: url(../img/li-g.png) no-repeat 20px 8px;
	vertical-align: top;
	line-height: 1.2em;
	margin-bottom: 0.6em;
}

.content-category .category.table {
 	margin-bottom: 2rem;
 }
 
.sp-article .blog .item {
	padding: 0rem 0rem 2rem 0rem;
}

.subheader {
	display: block;
	padding: 0;
	padding-top: 0.5em;
	margin: 0;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.7em;
	line-height: 1.1em;
	text-align: left;
}


p.subheader {
	padding-bottom: 0.5em;
	text-align: left;
}

.article .divider {
	clear: both;
	display: block;
	width: auto;
	padding: 0px;
	margin: 0px;
	margin-top: 18px;
	border: none;
	color: transparent;
}

.article a, .category-info a, .cat-children a, .sp-article .blog_item_outer a, .list-title a, .feastCaption a, .saintsItem a, .saintsIndex a, .categories-list a, .artlititem a, .category-desc a {
	color: #0000ee;
	color: #4877a1; 
	text-decoration: underline;
}

.article a:visited, .category-info a:visited, .cat-children a:visited, .sp-article .blog_item_outer a:visited, .list-title a:visited, .feastCaption a:visited, .saintsItem a:visited, .saintsIndex a:visited, , .categories-list a:visited, .artlititem a:visited, .category-desc a:visited {
	color: #0064ee;
	color: #4877a1; 
}

.article a:hover, .category-info a:hover, .cat-children a:hover, .sp-article .blog_item_outer a:hover, .list-title a:hover, .feastCaption a:hover, .saintsItem a:hover, .saintsIndex a:hover, .categories-list a:hover, .artlititem a:hover, .category-desc a:hover {
	text-decoration: none;
}


.cat-children {
	padding-bottom: 1rem;
}

.categories-list {
}

.catcat .page-header h1 {
	margin-top: 1em;
}

.catcat .categories-list {
	xmargin-top: -1.5em;
}

.cat-children h3, .categories-list h3 {
	font-size: 1rem;
	font-weight: normal;
	margin-top: 0;
	display: block;
	padding-left: 40px;
	background: url(../img/li-g.png) no-repeat 20px 8px;
	font-size: 1.2rem;

}

.article p {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.category-list .pagination {
	margin-left: -2.5rem;
	margin-bottom: 1.5em;
}

.listsocial {
	margin-left: 2rem;
}

.sp-article .listsocial {
	margin-left: 0rem;
}

.article .author {
	display: block;
	text-align: right;
	text-align: left;
	font-style: italic;
}

.lit-page {
	padding: 0.5rem 2rem 0rem 2.5rem;
	padding-top: 1em;
}

.lit-list {
	padding: 0rem 0rem 1em 0rem;
}

.artlititem {
	padding-top: 0.4em;
	padding-bottom: 2em;
	padding-left: 1em;
	line-height: 1.3em;
	background: linear-gradient(-45deg, transparent, #f0f0f0);
}

.artlititem.littoday {
	background: #e85122;
	padding: 2em;
	margin-bottom: 2.4em;
	color: #ffffff;
}

.artlititem.littoday a {
	color: #e0e0e0;
}

.litfilter {
	padding: 1rem;
	background: #e0e0e0;
	margin-bottom: 1rem;
}

a.littodaylink {
	display: inline-block;
	margin-left: 1em;
	padding-right: 1em;
	background: url(../img/li-y.png) right 2px no-repeat;
	color: #4877a1;
}

a.littodaylink:hover {
	text-decoration: none;
}

.artlitdate {
	font-weight: bold;
	padding-bottom: 0.4em;
}

.artlitdate .litcolor {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 6px;
	border: solid 1px transparent;
}

.artlitdate .litcolor1 {background: #00c000; border: solid 1px #c0c0c0;}
.artlitdate .litcolor2 {background: #ff0000; border: solid 1px #c0c0c0;}
.artlitdate .litcolor3 {background: #ffffff; border: solid 1px #c0c0c0;}
.artlitdate .litcolor4 {background: #800080; border: solid 1px #c0c0c0;}
.artlitdate .litcolor5 {background: #ff00ff; border: solid 1px #c0c0c0;}


.artlitnames {
	padding-top: 0.4em;
	font-style: Italic;
}

.artlitremembrance {
}

.artlitremembrance a {
	font-weight: bold;
}

.artlitreadings {
}

.artlitalso {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-style: Italic;
}

.article hr {
	display: block;
	width: auto;
	border: none;
	height: 1px;
	background: #c0c0c0;
	padding: 0;
	margin: 1rem 0 1rem 0;
	clear: both;
}

ul.mylist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-bottom: 1em;
}

ul.mylist li {
	list-style-type: none;
	display: block;
	padding-left: 40px;
	background: url(../img/li-g.png) no-repeat 20px 8px;
}

p.myleft {
	text-align: left;
}

.empinfo {
	display: flex;
	flex-direction: row;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.emptitle1 {
	display: none;
	font-weight: bold;
	padding-bottom: 0.4em;
}

.empimg img {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	border: 1px solid #b9afa6;
	margin-right: 2em;
}

.emptitle2 {
	font-weight: bold;
	padding-bottom: 0.4em;
}

.empbio {
}

@media screen and (max-width: 550px) {
	.empinfo {
		display: block;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	
	.empimg {
		text-align: center;
	}
	
	.emptitle1 {
		display: block;
	}
	
	.emptitle2 {
		display: none;
	}
	
}


#content_blog .addrsearch {
	margin-left: 2.5rem;
	margin-bottom: 2rem;
	display: inline-block;
	width: 242px;
	padding: 4px;
	background: rgb(232, 81, 34);
	border-radius: 6px;
}

#content_blog .addrsearch select {
	max-width: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	color: white;
	font-weight: bold;
}

#content_blog .addrsearch option {
	color: #000000;
	font-weight: normal;
}

@media screen and (max-width: 400px) {
	.page-header h2, .content-category h2, h1 {
		font-size: 1.5em;
	}
}

.category-desc .imgcenter img, .category-desc  img.imgcenter {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	margin-left: -2.5rem;
	margin-right: -2.5rem;
}

.sp-article .sp.category-desc .imgcenter img, .sp-article .category-desc  img.imgcenter {
	padding-left: 7rem;
	padding-right: 7rem;
	margin-left: -7rem;
	margin-right: -7rem;
}  

@media screen and (max-width: 900px) {
	.sp-article .sp.category-desc .imgcenter img, .sp-article .category-desc  img.imgcenter {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: -2rem;
		margin-right: -2rem;
	}  
}

@media screen and (max-width: 480px) {
	.sp-article .sp.category-desc .imgcenter img, .sp-article .category-desc  img.imgcenter {
		padding-left: 0rem;
		padding-right: 0rem;
		margin-left: -0rem;
		margin-right: -0rem;
	}  
}

.terms {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.1em; 
}

.terms a {
	color: #4877a1;
	text-decoration: underline;
}

.terms a:hover {
	text-decoration: none;;
}

.announces_dates {
	display: inline-block;
	background: #c0c0c0;
	color: #ffffff;
	font-weight: bold;
	font-size: .85em;
	border-radius: 4px;
	padding: 0.1rem 0.5rem 0.1rem 0.5rem;
	margin-bottom: 0.2rem; 
}

.eventdown {
	text-decoration: line-through;
	font-weight: normal;
}

.announcesort {
	padding: 0rem 0rem 1rem 2.5rem;
}

.announcesort a {
	color: #4877a1;
	text-decoration: underline;
}

.announcesort a:hover {
	text-decoration: none;;
}

.announcesort .pub.pubsel, .announcesort .event.eventsel {
	font-weight: bold;
	padding-right: 18px;
	background: url(../img/down-b.png) no-repeat 100% 6px;
}

.unpublished_item {
	background: #b7dbfa;
	padding: 1rem;
	
}

.unpublished_item .blog_item_image {
	padding-left: 0.35rem;
}

.unpublished_hint {
	display: inline-block;
	padding: 0.5rem 0.5rem 0.5rem 0;
	color: #ff0000;
	font-weight: bold;
}

.label-warning {
	color: #ff0000;
	font-weight: bold;
}

#contleft form {
	margin: 2em;
	padding: 2em;
	background: #9e948b;
	font-size: 1.2em;
}

#contleft form .btn {
	font-size: 1em;
	background: #e85122;
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em 0;
	margin-top: 0.5em;
	border-radius: 0.5em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#content .btn.btn-primary {
	font-size: 1em;
	background: #e85122;
	display: block;
	width: 160px;
	padding: 0.5em 0 0.5em 0;
	border-radius: 0.5em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#content .btn.btn-primary span {
	display: none;
}

#contleft form .btn:hover,
#content .btn.btn-primary:hover {
	box-shadow: 0 0 5px #000000;
}


.relatedblock {
	padding-top: 3rem;
}


.relateditem {
	float: left;
	padding: 0 0.5rem 0rem 0.5rem;
	width: calc(33.33% - 1rem);
}

.relatedimg {
	width: 100%;
}

.relatedimg img {
	width: 100%;
	color: #c0c0c0;
	font-size: 0.8rem;
	line-height: 1rem;
}

.relatedimg a:hover img {
	box-shadow: 0 0 5px #b0b0b0;
}

.relatedtitle {
	font-size: 0.9rem;
	line-height: 1.3rem;
	font-weight: bold;
	height: 8rem;
}

.relateditem a {
	text-decoration: none;
	color: #000000;
}

.relatedtitle a:hover {
	color: #808080;
}

.relatedheader {
	padding-left: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1.6rem;
	text-transform: uppercase;
}

@media screen and (max-width: 750px) {
	.relateditem {
		padding: 0 0.5rem 0rem 0.5rem;
		width: calc(50% - 1rem);
	}
}

@media screen and (max-width: 550px) {
	.relateditem {
		float: none;
		padding: 0;
		width: auto;
	}

	.relatedtitle {
		height: auto;
		padding-bottom: 2rem;
	}
	
	.relatedheader {
		padding-left: 0;
	}
	
}

@media screen and (max-width: 480px) {
	.relatedblock {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.galleryTitle {
	padding: 0;
	margin: -1rem -2rem 1.3rem 0;
	text-align: right;
	font-size: 0.85em;
	line-height: 1em;
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	font-weight: normal;
	color: #87847f;
}

p.imgcaption2 {
	margin-top: -0.9em;
	margin-bottom: 2.2em;
}

.noonlinevideo {
	font-weight: bold;
}



#actBtn {
	display: none;
}

#smartSocMenu {
	display: none;
}


@media screen and (max-width: 550px) {

	#hdrlogo {
		background: linear-gradient(to top, #ffffff 75%, #e0e0e0) !important;
		border-top: none;
		border-bottom: solid #393836 4px;
		color: #000000;
	}
	
	#hdrmenu {
		border-bottom: none !important;
	}
	
	#splogoimg {
		background: url('../img/sp-logo-min.png') bottom center no-repeat;
		margin: 0 0 0 1rem;
	}
	
	#hdrsearch {
		margin-top: -30px;
	}
	
	#actBtn {
		display: flex;
		background: #e8e8e8;
		border-bottom: 1px solid #c0c0c0;
	}
	
	#actBtnSendNews, #actBtnDonate {
		flex-grow: 1;
		text-align: center;
		margin: 2px 0 2px 0;
		padding: 2px 0 2px 0;
		font-size: 0.75rem;
	}
	
	#actBtnSendNews {
		border-right: 1px solid #c0c0c0;
	}

	#actBtn a {
		color: #606060;
		text-decoration: none;
	}
	
	#actBtn a:hover {
		text-decoration: underline;
	}
	
	.navbar-toggle {
		top: 29px;
		left: calc(100% - 25px - 0.7rem);
	}
	
	#navigation .mmenubar {
		background: none;
		color: #a8a8a8;
	}

	#navigation .mmenubar:hover {
		color: #e85122;
	}

	#navigation .fa-bars {
		font-size: 1.6rem;
	}

	#navigation .navbar-toggle {
		color: #a8a8a8;
		color: #808080;
	}
	
	#navigation .navbar-toggle:hover {
		color: #e85122;
	}


	#hdrsoc-func {
		display: block;
		position: absolute;
		z-index: 1;
		top: 27px;
		left: calc(100% - 25px - 0.7rem - 36px);
		xleft: calc(100% - 75px - 0.7rem - 36px);
		color: #a8a8a8;
		width: 25px;
		xwidth: 70px;
	}
	
	
	#hdrsoc-func .icon {
		display: inline-block;
		width: auto;
		color: #a8a8a8;
		color: #808080;
	}
	
	#hdrsoc-func .icon:hover {
		color: #e85122;
	}
	
	#smartsearch {
		top: 0;
	}

	#smartSocMenu {
		padding: 0.4rem 2rem 0.3rem 2rem;
		display: flex;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 0.3rem;
		background: #f0f0f0;
	}
	
	#smartSocMenu .icon {
		display: block;
		font-size: 0.95rem;
		color: #606060;
		margin-right: 2rem;
	}
	
	#smartSocMenu .icon:hover {
		color: #000000;
	}
	
}