/*
Theme Name: Church
Theme URI: https://themehall.com/free-responsive-church-theme-wordpress
Author: themehall.com
Author URI: https://www.themehall.com
Description: Church WordPress theme is a Responsive HTML5 Omega child theme for WordPress. Church theme inherits all Omega parent theme capabilities, reveal big fat footer widget areas, built‑in WordPress Customizer, Custom Logo upload, custom header, custom background, custom colors, custom footer, custom menu, custom CSS live, custom widgets, woocommerce compatiblity for ecommerce site, inner page custom header via featured image. Church theme can be used for any type of website : corporate, blog, personal, non‑profit, online shop, and of course: churches.
Version: 0.7.7
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, brown, gray, white, two‑columns, one‑column, right‑sidebar, left‑sidebar, full‑width‑template, theme‑options, custom‑background, custom‑colors, custom‑menu, custom‑header, featured‑images, threaded‑comments, sticky‑post, featured‑image‑header, flexible‑header, translation‑ready, responsive‑layout, fluid‑layout

Domain Path: /languages

Template: omega

(C) 2012‑2013 themehall.com.

*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,700);
@import url(//fonts.googleapis.com/css?family=Oswald:300,400);

/* Baseline Reset (normalize.css 2.1.2)
	Link: http://necolas.github.com/normalize.css/
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"201C" "201D" "2018" "2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.post-navigation:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.post-navigation:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;	
	font-weight: 300;
	line-height: 1.625;
	background: url(images/bg.png) no-repeat top left #e8e4dc;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background: #333;
	color: #fff;
}

::selection {
	background: #333;
	color: #fff;
}

a {
	color: #B75343;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol, ul {
	list-style: none;
}

ul {
	list-style: disc outside;
	margin: 0 0 25px 48px;
	padding: 0;
}

ol {
	list-style-type: decimal;
	margin: 0px 0px 25px 16px;
}

ol ol {
	list-style: upper-roman;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: upper-alpha;
}

ol ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 0 25px 5px;
}

dl dt {
	font-weight: bold;
	margin: 10px 0 0 0;
}

dl dd {
	margin: 5px 0 0 24px;
}

blockquote,
blockquote::before {
	
}

blockquote {
	margin: 0;
	padding: 24px 40px;
}

blockquote::before {
	content: "201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

pre {
	background-color: #F9F9F9;
	overflow: scroll;
	padding: 0 20px;
	white-space: pre;
}

cite {
	font-style: normal;
}

/* Table
--------------------------------------------- */

table {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 25px;
}

table caption {
	margin: 0 0 5px;
	font-size: 15px;
	font-variant: small-caps;
}

th,td {
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget th,
.widget td {
	padding: 5px 2px;
}

th {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}

td {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

/* Headings
--------------------------------------------- */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	margin-bottom: 14px;
	padding: 0;
}

h1,.h1 {
	font-size: 26px;
}

h2,.h2 {
	font-size: 24px;
}

h3,.h3 {
	font-size: 22px;
}

h4,.h4 {
	font-size: 20px;
}

h5,.h5 {
	font-size: 18px;
}

h6,.h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video {
	max-width: 100%;
}

img {
	height: auto;
	width: auto; /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	border: 1px solid #DDD;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 16px;
	max-width: 100%;
}

select {
    line-height: 40px;
}

input:focus,
textarea:focus {
	border: 1px solid #bbb;
	outline: none;
}

::-moz-placeholder {
	color: #999;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #211b1a;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */	
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 980px;
}

.site-inner {	
	clear: both;
}

/* [MODIFIED] reduced padding and using 5% width to feel more flexible */
.site-inner .wrap {
	background: #fff;
	padding: 20px 5%;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

/* [MODIFIED] reduced padding */
.content {
	float: left;
	width: 67%;
	padding-right: 20px;
}

/* [MODIFIED] reduced padding on left‑sidebar / right‑sidebar content */
.page-template-left-sidebar .content,
.layout-2c-r .content {
	float: right;
	padding-left: 20px;
	padding-right: 0;
}

.layout-2c-l .content {
	float: left;
	padding-right: 20px;
}

/* [MODIFIED] full‑width pages, no side padding */
.page-template-full-width .content,
.layout-1c .content {
	width: 100%;
	padding: 0;
}

/* Primary Sidebar */

/* [MODIFIED] tweaked sidebar spacing */
.sidebar-primary {
	float: right;
	width: 33%;
	padding-left: 20px;
}

.layout-1c .sidebar-primary {
	display: none;
}

.layout-2c-r .sidebar-primary {
	float: left;
}

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.sticky {
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

.wp-caption {
	max-width: 100%;
}

img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	text-align: center;
}

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto 20px;
}

.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0 0 16px;
	text-align: center;
	list-style: none;
	padding: 0;
}

.gallery .gallery-item .gallery-icon {
	position:relative;
}

.gallery .gallery-item .gallery-icon img {
	width: auto;
	max-width: 89%;
	height: auto;
	padding: 5%;
	margin: 0 auto;
}

.gallery-caption {
	margin: 0 10px;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar th {
	text-align: center;
	font-weight: bold;
}
.widget_calendar td {
	text-align: center;
}

.widget_search input.search-field {
	width: 100%;
}

/* Headings
--------------------------------------------- */

.entry-title {
	font-size: 26px;
	word-wrap: break-word;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
}

.entry-title a:hover {
	color: #444;
}

.archive-title {
	font-size: 20px;
	margin-bottom: 24px;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
/* [MODIFIED] less vertical padding */
.site-header {
	padding: 20px 0;
}

.site-header > .wrap {
	padding: 0 5%;
}

.header-right {
	text-align: right;	
	margin: 8px 0 0;
}

.header-right h2, .header-right h3, .header-right h4 {
	margin: 0 0 2px;
}

.header-right .widget_search input.search-field {
	max-width: 300px;
}

.header-right.sidebar .widget {
	margin-bottom: 10px;
	display: block;
}

.banner {
	line-height: 1;
}

/* [MODIFIED] banner padding */
.banner .textwidget {
	background: #fff;
	line-height: 1.625;
	padding: 20px;
}

.banner p {
	line-height: 1.625;
}

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

/* Title Area
--------------------------------------------- */

.title-area {
	font-weight: 700;
	width: 400px;
	float: left;	
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-size: 45px;
	margin: 0;
	line-height: 1;
}

.site-title a,
.site-title a:hover {
	color: #211b1a;
}

.site-description {
	color: #211b1a;
	font-size: 17px;
	margin: 0;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.tinynav { display: none }

.nav-primary {
	margin: 0;
}

.nav-primary .wrap {
	background: #211b1a;
}

.omega-nav-menu,
.omega-nav-menu > ul {
	clear: both;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	width: 100%;
}

.omega-nav-menu li:hover,
.omega-nav-menu li:hover ul {
	background-color: #181313;
}

.omega-nav-menu .menu-item,
.omega-nav-menu .page_item {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}

.omega-nav-menu a {
	border: none;
	color: #fff;
	display: block;
	padding: 28px 24px;
	position: relative;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
}

.omega-nav-menu li ul li:hover {
	background: #211b1a;
}

.omega-nav-menu .sub-menu,
.omega-nav-menu .children {
	left: -9999px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.omega-nav-menu .sub-menu a,
.omega-nav-menu .children a {
	border-top: none;
	font-size: 14px;
	letter-spacing: 0;
	padding: 16px 20px;
	position: relative;
	width: 200px;
}

.omega-nav-menu .sub-menu .sub-menu,
.omega-nav-menu .children .children {
	margin: -40px 0 0 190px; /* a bit less negative top, so submenu lines up better */
}

.omega-nav-menu .menu-item:hover,
.omega-nav-menu .page_item:hover {
	position: static;
}

.omega-nav-menu .menu-item:hover > .sub-menu,
.omega-nav-menu .page_item:hover > .children {
	left: auto;
	opacity: 1;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry, .hentry {
	margin-bottom: 20px; /* less bottom space */
	background: #fff;
}

.entry.sticky, .hentry.sticky {
	padding: 20px; /* was 40px */
	background: #fafafa;
}

.entry-content {
	word-wrap: break-word;
}

.entry-content img.wp-post-image {
	margin-bottom: 10px; /* a bit tighter */
}

.entry-content img.medium,
.entry-content img.thumbnail {
	float: left;
	margin: 5px 16px 16px 0; /* reduced spacing around floated images */
}

.entry-content .attachment a,
.entry-content .gallery a {
	border: none;
}

.entry-content .wp-caption p {
	margin-bottom: 0;
}

.entry-meta {
	clear: both;
	color: #211b1a;
	font-size: 14px;
}

.entry-header .entry-meta {
	margin-bottom: 16px; /* was 24px */
}

.entry-footer .entry-meta {
	margin: 0;
	padding: 0 0 6px; /* was 0 0 8px */
}

.entry-comments-link::before {
	content: "2014";
	margin: 0 4px 0 2px; /* a bit tighter */
}

.entry-categories,
.entry-tags {
	display: block;
}

/* Entry Navigation
--------------------------------------------- */

.navigation {
	clear: both;
	font-size: 14px;
	margin: 20px 0; /* was 40px */
	overflow: hidden;
}

.entry .navigation a {
	border-bottom: 1px solid #ddd;
}

.navigation li {
	display: inline;
}

.navigation li a {
	background: #333;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 6px 10px; /* was 8px 12px */
}

/* Pagination
--------------------------------------------- */

.pagination .page-numbers {
	padding: 6px 10px; /* a bit tighter */
	border: 1px solid #F5F5F5;
}

.pagination .current {
	background-color: #F5F5F5;
}

/* Comments
--------------------------------------------- */

.entry-comments,
#respond {
	background: #fff;
	border-radius: 3px;
}

.entry-comments,
.ping-list,
#respond {
	margin-bottom: 20px; /* was 40px */
}

.entry-comments a,
#respond a {
	border-bottom: 1px solid #ddd;
}

.entry-comments .comment-author {
	margin: 8px 0 8px; /* was 10px */
}

.entry-comments .comment-content {
	clear: both;
}

#respond input[type="email"],
#respond input[type="text"],
#respond input[type="url"] {
	width: 50%;
}

#respond label {
	display: block;
	margin-right: 10px; /* was 12px */
}

ol.comment-list {
	margin: 0;
	padding: 0;
}

.comment-list > li,
.ping-list > li {
	list-style-type: none;
}

li.comment,
li.pingback {
	border: 2px solid #fff;
	border-right: none;
}

li.comment .comment-item,
li.pingback .comment-item {
	background: #f9f9f9;
	margin: 10px 0; /* was 12px */
	padding: 20px; /* was 30px */
}

li.comment ol {
	margin: 0;
}

li.comment ol.children {
	list-style: none;
}

ol.comment-list .comment-content ol,
ol.comment-list .comment-content ul {
	margin-bottom: 20px; /* was 32px */
}

ol.comment-list .comment-content ol ol,
ol.comment-list .comment-content ul ul {
	margin-bottom: 0;
}

.comment .avatar {
	margin: 0 12px 16px 0; /* was 0 16px 24px 0 */
}

.bypostauthor {
}

.form-allowed-tags {
	background: #f5f5f5;
	font-size: 14px;
	padding: 16px; /* was 24px */
}

textarea#comment {
	width: 100%;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	color: #999;
}

.widget-title {
	word-wrap: break-word;
	font-weight: normal;
}

.sidebar p:last-child,
.sidebar ul,
.footer-widgets ul {
	margin: 0;
}

.sidebar li,
.footer-widgets li {
	list-style-type: none;
	margin-bottom: 4px; /* was 6px */
	padding: 0;
	word-wrap: break-word;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 20px; /* was 40px */
}

.sidebar .search-form {
	width: 100%;
}

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
}

.footer-widgets a { 
	color: #fff;
}

/* [MODIFIED] reduced padding */
.footer-widgets .wrap {
	background: #211b1a;
	padding: 20px 0 20px 20px; /* was 40px 0 40px 40px */
	color: #fff;
}

.footer-widgets .widget-title {
	color: #fff;
}

.footer-widgets .widget {
    margin-bottom: 16px; /* was 24px */
}

.footer-widgets .col-3 .widget-area {
	float: left;
	padding: 0 20px 0 0; /* was 0 40px 0 0 */
    width: 33.33%;
}

.footer-widgets .col-4 .widget-area {
	float: left;
	padding: 0 20px 0 0; /* was 0 40px 0 0 */
    width: 25%;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {	
	color: #eaeaea;
	font-size: 13px;
	text-align: center;
}

.site-footer a {
	color: #fff;
}

.site-footer .wrap {
	padding: 20px 0; /* was 40px 0 */
	background: #181313;
}

.site-footer p {
	margin: 0;
}

p.copyright {
	font-size: inherit;
}

/*
Woocommerce 
---------------------------------------------------------------------------------------------------- */
.woocommerce .cart_totals th {
	width: 50% !important;
}

.woocommerce .cart_totals th, .cart_totals td {
    padding: 5px !important; /* was 6px */
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

	.wrap {
		width: 960px;
		margin: 0 auto;
	}

	#header .wrap {
		padding: 0 16px; /* was 0 20px */
	}
}

@media only screen and (max-width: 640px) {

	.title-area,
	.content,
	.sidebar-primary,
	.wrap,
	.footer-widgets .col-3 .widget-area,
	.footer-widgets .col-4 .widget-area {
		width: 100%;
	}

	.layout-2c-r .content {
		padding-left: 0;
	}

	.page-template-full-width .content,
	.page-template-left-sidebar .content,
	.layout-2c-l .content,
	.content {
		padding-right: 0;
		padding-left: 0;
	}

	.header-right {
	    text-align: center;
	    color: #211b1a;
	    padding-top: 10px; /* was 15px */
		clear: both;
	}

	.header-image .site-header .wrap {
		background-position: center top;
	}

	.archive-description,
	.entry,
	.entry-comments,
	.entry-footer .entry-meta,
	.sidebar .widget,
	#respond {
		padding: 0;
	}

	.site-inner {
		background: none;
	}

	.omega-nav-menu li {
		float: none;
	}

	.omega-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-title {
		text-align: center;
	}

	.omega-nav-menu a,
	.omega-nav-menu > .first > a,
	.omega-nav-menu > .last > a {
		padding: 16px 12px; /* was 20px 16px */
	}

	.omega-nav-menu li.right {
		display: none;
	}

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 8px; /* was 12px */
	}

	.tinynav { 
		border: none;
		display: block; 
		color: #fff;
		background: url(images/button.png) no-repeat center right #211b1a;
		-webkit-appearance: none;
		width: 100%;
		padding-right: 40px; /* was 45px */
	}
	.nav-primary ul.menu {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	#respond input[type="email"],
	#respond input[type="text"],
	#respond input[type="url"] {
		width: 100%;
	}

	.woocommerce .cart .actions input {
		display: block !important;
		width: 100% !important;
		margin: 3px 0 !important; /* was 5px */
	}
}

/*
Plugins Style
---------------------------------------------------------------------------------------------------- */

/* Jetpack */
input#subscribe-field {
	padding: 12px 16px !important; /* was 16px; keeps it a bit tighter */
}