/*
 Theme Name:     Churches Together Marple
 Description:    A custom theme for CTMA
 Author:         DOWO Digital
 Author URI:     https://www.dowo.digital
 Template:       twentysixteen
 Version:        1.0.
*/

/* Gloabl */
.shadow {
	box-shadow: 0 8px 8px -6px #333;
}
/* Header */
.site-header {
	padding: 1.25em 1.5455%;
}
.site-branding {
	width: 100%;
	text-align: center;
}
.custom-logo {
    max-width: 400px!important;
}
@media screen and (min-width: 44.375em) {
.site-header-main .site-branding {
	margin: 0;
}
.site-header-menu {
	margin: 0 auto;
}
.primary-menu {
	width: auto;
}
}

/* Page Layout */
@media (min-width:910px) {
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
	margin: 0px;
}
}
/* Churches */
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
	background: #632A8C;
	font-family: 'Open Sans', sans-serif;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 50px 10px;
}
.hovereffect img {
	display: block;
	position: relative;
	max-width: none;
	width: calc(100% + 10px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hovereffect:hover img {
	opacity: 0.1;
	filter: alpha(opacity=10);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.hovereffect h2, a.hovh2 {
	color: #012!important;
	width: calc(100% - 20px)!important;
	bottom: 0px;
	text-align: center!important;
	position: inherit;
	font-size: 17px!important;
	overflow: hidden;
	padding-bottom: 0.5em;
	background: rgba(255,255,255,0.9);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	opacity: 1!important;
	transform: translate3d(0, 0, 0);
}
.hovereffect h4 {
	text-transform: uppercase;
	margin: 0px;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	overflow: hidden;
	padding: 0.5em 0;
	background-color: transparent;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.hovereffect h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.hovereffect:hover h2 {
	color: #FFF;
	background: transparent;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.hovereffect:hover h2:after, .hovereffect:hover h4 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.hovereffect a, .hovereffect p {
	color: #FFF;
	font-size: 13px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.hovereffect:hover a, .hovereffect:hover p {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.dowo-ctma-overlay {
	margin: 5px;
}
.dowo-ctma-overlay.tel {
	font-size: 14px;
}
.dowo-ctma-overlay a {
	border-bottom: 1px dashed #fff;
	box-shadow: none;
}
.dowo-ctma-overlay a:hover {
	border-bottom: 1px solid #fff;
}