/*
Theme Name: Brighton First United Methodist Church
Theme URI: http://www.brightonfumc.org
Description: The theme for the FUMCB Website
Version: 2.0
Author: Dynamic Edge, Inc.
Author URI: http://www.dynedge.com

*/

body{
	background: #234A6D;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin: 0;}

a{
	color:#32689B;}

ul li{
	margin:10px 0;}

h1{
	color:#32689B;
	font-size:1.7em;
	font-weight:500;
	margin-bottom:15px;}

h2{
	color:#32689B;
	font-size:1.4em;
	font-weight:500;}

.back-to-top{
	background:#234A6D url(img/up-arrow.png) no-repeat center 43%;
	background-size:50%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	bottom:10px;
	display:none;
	height:40px;
	opacity:.8;
	position:fixed;
	right:10px;
	text-indent:-9999px;
	width:40px;
	z-index:9999;}
	
.back-to-top:hover{
	opacity:1;}

.breadcrumbs{
	background:#32689B;
	color:#E2EAF1;
	font-size:1.05em;
	padding:20px 0 22px;}

.breadcrumbs a{
	color:#E2EAF1;
	text-decoration: none;}

.breadcrumbs a:hover{
	color:#fff;}

.breadcrumbs .current{
	color: #fff;
	font-weight: 500;}

.clear{
	clear: both;}

.container{
	margin: 0 auto;
	width: 1400px;}

.copyright{
	color: #91A5B6;
	font-size: .9em;
	padding: 20px 0;
	text-align: center;}

.copyright a{
	color: #91A5B6;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari */}

.copyright a:hover{
	color: #fff;}

footer{
	background: #32689B;
	color: #fff;
	font-size: 1.3em;
	padding: 40px 0;
	text-align: center;}

footer img.logo{
	height: auto;
	width: 310px;}

footer .address{
	margin: 15px 0 5px;}

footer .phone{
	font-size:1.3em;
	font-weight: 600;
	margin-bottom:15px;}

footer .social img{
	height: auto;
	margin: 5px 1px;
	width: 55px;}

header.site-header{
	background-image:url(img/banner-homepage.jpg);
	background-position: center;
	background-size: cover;}

header.site-header .header-inner{
	background-image:url(img/home-headerfade.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: auto;
	padding: 25px 0;}

header.site-header .logo-container{
	text-align: right;
	max-width: 95%;
	width: 320px;}

header.site-header .logo-container img{
	height: auto;
	width: 100%;}

header.site-header .logo-container .tagline{
	color: #fff;
	font-family: 'Hind', sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.3em;
	margin-top: 15px;}

.home header.site-header .header-inner{
	height: 290px;
	padding: 35px 0;}

.home header.site-header .logo-container{
	width:450px;}

.home header.site-header .logo-container .tagline{
	font-size: 1.75em;
	margin-top: 20px;}

hr{
	background:#ccc;
	color:#ccc;
	border:0;
	height:1px;}

nav.site-nav{
	background: #32689B;}

.online-sermon{
	box-shadow: 0 5px 4px -4px #aaa;
	min-height: 235px;}

.online-sermon h4{
	color:#234A6D;
	font-size:1.2em;
	font-weight: 400;
	margin: 0;}

.online-sermon h4 a:hover{
	text-decoration: underline;}

.online-sermon .post-date{
	color:#888;
	font-size:.95em;
	margin:3px 0 5px;}

.online-sermon .post-excerpt{
	font-size:1em;
	margin:6px 0 16px;}

.online-sermon .post-excerpt p{
	color:#333;
	margin:0;}

.page-wrapper{
	min-height: 100px;
	padding:30px 0;}

.post-wrapper-single{
	background:#fff;
	box-shadow: 0 5px 4px -4px #aaa;
	margin-bottom:15px;
	padding:5px 25px 25px;}

.post-wrapper-single h3{
	color:#333;
	font-size:1.3em;
	font-weight: 400;}

.post-wrapper-single h3 a{
	color:#32689B;
	text-decoration: none;}

.post-wrapper-single h3 a:hover{
	text-decoration: underline;}

.post-wrapper-single .post-date{
	color:#888;
	font-size:.95em;
	margin-top:-17px;}

.post-wrapper-single img{
	max-width:100%;
	height:auto;}

.search-results .result-post-type{
	font-size:.95em;
	font-weight: 400;
	margin:-20px 0 5px;}

.single-staff .wp-post-image{
	border-radius: 50%;
	float:left;
	height:auto;
	margin:30px 30px 30px 0;
	width:180px;}

.single-staff .email{
	margin-top:-20px;}

.single-staff .email a{
	color:#32689B;
	font-size:1.05em;
	text-decoration: none;}

.single-staff .email a:hover{
	text-decoration:underline;}

.staff-grid h4{
	color:#32689B;
	font-size:1.2em;
	font-weight: 400;
	line-height: 1.2em;
	margin:0;}

.staff-grid h4 a{
	color:#32689B;}

.staff-grid h4 a:hover{
	text-decoration: underline;}

.staff-grid .position{
	color:#444;
	font-size:.95em;
	font-weight: 400;
	margin:4px 0 10px;}

.staff-grid .email-address{
	color:#333;
	font-size:1em;
	margin:4px 0 0;}

.staff-grid-photo,
.staff-grid-tile .vc_gitem-animated-block{
	border-radius:50%;}

h2.widgettitle{
	border-bottom: 4px solid #3E81BD;
	color: #224768;
	font-family: 'Hind', sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	margin: 0;}

h2.widgettitle a{
	color: #224768;
	text-decoration: none;}

.grid-excerpt p{
	margin: 0;}

.wp-pagenavi{
	clear:both;
	margin:40px 0px 0px;
	padding-bottom:30px;
	text-align:center;}

.wp-pagenavi span.pages{
	color:#555;
	display:inline-block;
	margin-right:10px;}

.wp-pagenavi span.current{
	background:#32689B;
	color:#fff;
	margin:2px;
	padding:6px 10px;}

.wp-pagenavi a{
	background:#888;
	color:#fff;
	margin:2px;
	padding:6px 10px;
	text-decoration:none;
	transition:background 0.3s ease 0s;}
	
.wp-pagenavi a:hover{
	background:#555;
	color:#fff;}

.wrapper-white{
	background: #eee;}

.white-box{
	background:#fff;
	box-shadow: 0 5px 4px -4px #aaa;
	margin:15px 0 0;
	padding:30px;}





.stretch-bar{
	font-size:1.4em;
	margin-top:30px;
	margin-bottom:15px;}

.stretch-bar h1{
	font-size:1.4em;
	font-weight:500;
	margin-bottom:-10px !important;}

.stretch-bar h2{
	font-size:1.3em;
	font-weight:500;
	margin-bottom:-10px !important;}

.stretch-bar-top{
	margin-top:-30px;}


/*/////////////////////////////////////////////////////////////
GRAVITY FORM STYLES
/////////////////////////////////////////////////////////////*/

form.no-labels label{
	display: none !important;}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper select{
	border: 1px solid #ccc !important;
	padding:14px 10px !important;}

.gform_wrapper textarea{
	border: 1px solid #ccc !important;}

.gform_wrapper .gform_footer{
	margin: 0 !important;}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"]{
	background: #08c;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	padding: 14px 20px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover{
	background: #0074ad;
}



/*/////////////////////////////////////////////////////////////
EXTENDED RECENT POSTS WIDGET STYLES
/////////////////////////////////////////////////////////////*/

.rpwe-ul{
	list-style: none;
	margin: 0;
	padding: 0;}

.rpwe-ul li{
	margin: 20px 0 25px;}

h3.rpwe-title{
	color: #32689B;
	font-family: 'Hind', sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	margin: 0;}

h3.rpwe-title a{
	color: #32689B;
	text-decoration: none;}

.rpwe-time{
	color: #444;
	display: block;
	font-size: 1em;
	font-weight: 400;
	margin: -3px 0 8px;}

.rpwe-summary{
	color: #666;}


/*/////////////////////////////////////////////////////////////
VISUAL COMPOSER STYLE FIXES
/////////////////////////////////////////////////////////////*/

.vc_custom_heading a:hover{
	opacity:1.0 !important;}

.vc_general.vc_btn3,
.vc_general.vc_btn3:focus,
.vc_general.vc_btn3:hover{
	border:0 !important;}


/*/////////////////////////////////////////////////////////////
DEFAULT WORDPRESS STYLES
/////////////////////////////////////////////////////////////*/

.alignleft{
	float: left;}

.alignright{
	float: right;}

p img{
	max-width: 100%;
	padding: 0;}

img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright{
	display: inline;
	margin: 2px 0 2px 20px;
	padding: 4px;}

img.alignleft{
	display: inline;
	margin: 2px 20px 8px 0;
	padding: 4px;}