/* Reapply default CSS after Global Reset */
ul.dottedlist {
	list-style-type: disc;
	padding-left: 19px;
}
ol.numberedlist {
	list-style-type: decimal;
	padding-left: 24px;
}
input[type=button], input[type=submit] {
	padding: 2px;
}
select {
	margin: 0;  /* reset Chrome's UA style being 2px */
}
fieldset {
	padding: 3px 6px 8px 6px;
	border: 2px groove #FFFFFF;
	border-radius: 3px;
}

/* body, td { FONT: 11px Arial, Helvetica, sans-serif } */
body {
	background-color: #0a1b2b;  /* if page is shorter than the browser is tall we want to fill the remaining part of the screen with same color as footer bg color */
}
body.white-bg-color {
	background-color: white;
}
body, td {
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	color: #4D4D4D;  /* original color used in WP: #6A6A6A */
}
body.larger-font, body.larger-font td {  /* only give pages we have checked the larger standard font we want to end up with */
	font-size: 18px;
}

[v-cloak],
.page-loader {
	display: none;
}
[v-cloak].page-loader {
	display: block;
}

input.button {
	font-size: 10pt;
}
input.button-medium {
	font-size: 150%;
	font-weight: bold;
	padding: 5px 30px;
}
input.button-big {
	font-size: 150%;
	font-weight: bold;
	padding: 8px 40px;
}
input.compact { font-size: 7pt }
th { font-size: 8pt } /* IE has different size by default */
h4 { margin-bottom: 0px; margin-top: 0px; font-weight: bold }
.nopadmarg { margin: 0; padding: 0 }

hr { position: relative; top: 4px }
img, table { border: 0; border-collapse: collapse }
img.border { border: solid black 1px }
img { vertical-align: middle }

.headline {
	font-style: normal;
	text-decoration: none;
	/* Give same styling as h2: */
	color: #468cac;
	font-family: 'robotoregular',arial,sans-serif;
	font-size: 30px;
	font-weight: normal;
 }
.headline_uline { font-size: 18px; color: brown; border-bottom: solid black 1px; font-weight: bold }
.headline td { background-color: black; color: white }
small {
	font-size: 11px;
	font-weight: normal;
}

.RightAlign { text-align: right }
.CenterAlign { text-align: center }

td, th { border: none; padding: 3px; vertical-align: top }
div#overDiv td { border: none; padding: 1px }  /* To remove the thick border from the overlib popup */
div#overDiv table td table td { text-align: left; padding: 10px }  /* To prohibit it from inheriting right-alignment from previous elements */

/* MENU (all links made with the function in php_html_layout.php) */
/* td#menu, td#menu td { font-size: 7pt; line-height: 20px } */ /* menu items and text outside the menu table */
td#menu { font-size: 8pt; color: #846B97 }
td#menu div { margin-bottom: 3px }
td#menu .menugrp { font-size: 14px; color: #000000; font-weight: bold }
td#menu a:link { text-decoration: none }
/* only good at 800x600+: td#menu table td a:hover { text-decoration: none; font-weight: bold } */
td#menu a:hover { text-decoration: none; color: #201826 }
td#menu a:active { text-decoration: none }
td#menu a:visited { text-decoration: none }
/* only good at 800x600+: td#menu table td a:visited:hover { text-decoration: none; font-weight: bold } */
td#menu a:visited:hover { text-decoration: none; color: #201826 }

table#structuretable tr { background-color: transparent }
table.grid { background-color: #CCCCCC }
table.grid td, table.grid th { border: solid #DFDFDF 1px }
table.grid th { padding: 3px }
table.data td { border: solid #332D6D 1px }
table.data2 td { border-top: 1px solid #E3E4E7; border-bottom: 1px solid #E3E4E7; vertical-align: bottom } /* 'data'-version with facelift! (prev. line color was slategray) */
table.databg tr.header td { background-color: #D9D9D9 }
table.databg td { border: solid #aaaaaa 1px; background-color: #e6e6e6 } /* had to double this one up in order to have border in nested 'data' tables */
table.invisible td       { background-color: transparent; border: none }
table.invisible_small td { background-color: transparent; border: none; padding: 0px }
table.smallletters td { font-size: 11px }
table.padleftright td { padding-left: 2px; padding-right: 2px }
table.padleftrightmore td { padding-left: 7px; padding-right: 7px }
table.pad7 td { padding: 7px }
table.spacy td { padding: 15px }

.dimmed { color: #808080 !important }
.dimmedsmall, .dimmedsmall a, .dimmedsmall a:visited {
	color: #636F65 !important;
	font-size: x-small;
}
.label, .label a, .label a:visited, .gridheader, .gridheader a, .gridheader a:hover, .gridlabel, .gridlabel a { background-color: #193646; color: white }
.label, .gridlabel { text-align: right }
.content, .gridcontent { background-color: #F5F5F5 }
.desc { background-color: #F5F5F5; color: slategray }
.tablesection, .field_section { background-color: #193646; color: white; font-size: 9pt; font-weight: bold; vertical-align: middle }
.tablesection a, .field_section a { color: white }
.tablesection a:hover, .field_section a:hover, .tablesection a:visited:hover, .field_section a:visited:hover { color: gainsboro }
.match td { padding: 5px }
.schedavail td { color: seagreen; font-size: 7pt }
.onstandby { color: lightslategray }
.highlight {
	color: #8B0000;
	/*font-variant: small-caps;*/
	font-weight: bold;
}
.table_toplinks {
	padding-bottom: 15px
}
.field_desc {
	color: #2F4F4F;
}
.fielderror_msg { /* form fields that contain error will have error message written next to them with this style */
	color: #8B0000;
}
.fielderror_bg { /* form fields that contain error in value will be marked with this style */
	background-color: #EEA5A5;
}
td.filterindicator {
	padding-left: 10px;
	vertical-align: middle;
}
td.filterindicator div {
	padding: 1px 4px 1px 4px;
	background-color:#ffff6c;
	border: solid #e7ea73 1px;
}

.roundbox7 {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.linkblue, .linkblue:visited { color: #0645AD }

a.colorchg:hover { text-decoration: none; color: black }
a.colorchg:visited:hover { text-decoration: none; color: black }

a.biglink { font-size: 13pt; font-weight: bold; text-decoration: none }
a.biglink:hover { text-decoration: none }
a.biglink:visited { text-decoration: none }

.msg-box-success {
	/* green background */
	border-radius: 3px;
	background-color: #CF9;
	border: 1px solid green;
	padding: 20px;
	margin: 30px;
	text-align: center;
	color: green;
	box-shadow:0px 0px 2px 1px #E4E4E4;
}
.msg-box-info {
	/* yellow background */
	border-radius: 3px;
	background-color: #ffff99;
	border: 1px solid #ffcc33;
	padding: 20px;
	margin: 30px;
	text-align: center;
	color: #292900;
	box-shadow:0px 0px 2px 1px #EDEDED;
}
.msg-box-info-strong {
	/* yellow background */
	border-radius: 3px;
	background-color: #FFCC00;
	border: 1px solid #CBA100;
	padding: 20px;
	margin: 30px;
	text-align: center;
	color: black;
	font-size: 130%;
	font-weight: bold;
	box-shadow:0px 0px 2px 1px #EDEDED;
}
.msg-box-alert {
	/* red background */
	border-radius: 3px;
	background-color: #FF4242;
	border: 1px solid #830000;
	padding: 20px;
	margin: 30px;
	text-align: center;
	color: white;
	font-weight: bold;
	box-shadow:0px 0px 2px 1px #D5D5D5;
}
.msg-box-alert a {
	color: #FFF7BD;
}

a.css-button {
	color:#000;
	text-decoration:none;
	display:block;
	padding:2px 5px;
	border:1px solid #C8C8C8;
	text-align:center;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;

	background:#F9F9F9;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EEE));
	background:-moz-linear-gradient(0% 90% 90deg, #EEE, #F9F9F9);
	background:linear-gradient(0% 90% 90deg, #EEE, #F9F9F9);

	-webkit-box-shadow:0px 0px 2px 1px #EDEDED;
	-moz-box-shadow:0px 0px 2px 1px #EDEDED;
	-o-box-shadow:0px 0px 2px 1px #EDEDED;
	-ms-box-shadow:0px 0px 2px 1px #EDEDED;
	box-shadow:0px 0px 2px 1px #EDEDED;

	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a.css-button:hover {
	color: #2C2C2C;
	border-color:#B7B7B7;

	background:#F8F8F8;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#D9D9D9));
	background:-moz-linear-gradient(0% 90% 90deg, #D9D9D9, #F8F8F8);
	background:linear-gradient(0% 90% 90deg, #D9D9D9, #F8F8F8);
}
a.css-button:active {
	background:#DDDDDD;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2BFBF), to(#DDDDDD));
	background:-moz-linear-gradient(0% 90% 90deg, #DDDDDD, #C2BFBF);
	background:linear-gradient(0% 90% 90deg, #DDDDDD, #C2BFBF);
}
a.css-button.inline {
	display: inline-block;
}

a.css-button.blue-button {
	background: none;
	background-color: #337ab7;
	border: 0;
	border-radius: 4px;
	padding: 10px 56px;
	color: white;
}
a.css-button.blue-button:hover {
	background-color: #286090;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* popup menu next to mouse position - belongs to popup_menu_prepare() and popup_menu() */
#popup_menu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 8pt Tahoma, Arial, Helvetica, sans-serif;
line-height: 16px;
z-index: 100;
visibility: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 5px #666;
-webkit-box-shadow: 0 1px 5px #666;
box-shadow: 0 1px 5px #666;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
}

#popup_menu a{
text-decoration: none;
padding-left: 6px;
padding-right: 2px;
color: black;
display: block;
border-bottom: solid gainsboro 1px;
}

#popup_menu a:hover{ /*hover background color*/
background-color: #DCDCDC;
}

.breadcrumbs { padding-bottom: 7px; font-size: 9pt }
.breadcrumbs, .breadcrumbs a { color: dimgray; text-decoration: none }
.breadcrumbs span.endpoint { font-weight: bold }

.askaddfld-needmore {
	margin-bottom: 10px; font-size: 150%; font-weight: bold;
}
.askaddfld-label {
	text-align: right;
}

.sub-container1 {
	background-color: #F3F3F3;
	border: 1px solid #C7C7C7;
	box-shadow: 1px 1px 3px #D4D4D4;
	padding: 10px;
}
.sub-container1.alert {
	background-color: #F19B9B;
	border: 1px solid #BF6262;
	box-shadow: 1px 1px 3px #C38C8C;
	color: #714D4D;
}
.sub-container1.attention {
	background-color: #FFD07A;
	border: 1px solid #CAA666;
	box-shadow: 1px 1px 3px #C3AA8C;
	color: #796B58;
}
.sub-container1.advertise {
	background-color: #FDE7C0;
	border: 1px solid #BDAC8E;
	box-shadow: 1px 1px 3px #D6C6B3;
	color: #988469;
}

@media print {
	.noprint { display:none }
}

/* Header/footer of new design 20134 */

html {
	overflow-y: scroll;
}
/*
For some reason this doesn't work on http://local.sharehim.org/php/donate.php
::-webkit-scrollbar {
	  width: 15px;
}

::-webkit-scrollbar-track {
	  background-color: #dadada;
}
 
::-webkit-scrollbar-thumb {
	  background-color: #8a8a8a; 
}
*/

@font-face {
	font-family: 'robotomedium';
	src: url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot');
	src: url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
		url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
		url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoregular';
	src: url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot');
	src: url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
		url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
		url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotolight';
	src: url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_light_macroman/Roboto-Light-webfont.eot');
	src: url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
		 url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
		 url('/wp-content/themes/gospel-wp-sharehim/web-fonts/roboto_light_macroman/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

h1 {
	/* OLD - from before 2015 */
	color: #333;
	font-family: "robotomedium",Arial,sans-serif;
	font-size: 38px;
	font-weight: normal;
	padding-top: 0;

	/* NEW - from 2015 */
	color: #468cac;
	font-size: 38px;
	font-family: 'robotomedium', Arial, sans-serif;
	font-weight: normal;
}
h1.spaceafter {
	margin-bottom: 30px;
}
h2 {
	color: #468cac;
	font-family: 'robotoregular',arial,sans-serif;
	font-size: 30px;
	font-weight: normal;
}
h3 {
	color: #468cac;
	font-family: 'robotoregular',arial,sans-serif;
	font-size: 20px;
	font-weight: normal;
}


a {
	color: #4B8099;  /* Used in theme: #468cac */
	text-decoration: underline;
}
a:focus, a:hover {
	color: #2a6496;
}

#bdywrapper {
	background-color: white;
	background-repeat: repeat-x;
	background-image: url('/wp-content/themes/gospel-wp-sharehim/img/body_bground.jpg');
	position: relative;
	width: 100%;
	/*z-index: 3;  Conflicts with other elements, eg. from combo_lookupHTML() - plus I don't see ANY reason for having it! */
}

#outer_wrapper {
	font-family: "Muli",sans-serif;
	background-color: #2f4452;
	background-image: none;
	background-repeat: repeat-x;
	box-shadow: 0 0 1px #5f899e inset;
	height: 195px;
	position: relative;
	width: 100%;
}

#nav_wrapper {
	height: 148px;
	margin: 0 auto;
	max-width: 980px;
	position: relative;  /* need this due to .header-search */
}

/*
NOT USING BUTTON
.login-link {
	background: linear-gradient(to bottom, #adaaa9 0%, #c6c4c3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px;
	cursor: pointer;
	float: right;
	margin-top: 75px;
	padding: 5px 40px;
}
.login-link a {
	color: #5f5f5f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}
.login-link:hover {
	box-shadow: 0px 0px 4px #000;
}
.login-link a:hover {
	color: #2f2f2f;
}
*/

.login-nav {  /* proprietary to custom website, not in theme */
	float: right;
	margin-top: 15px;
	padding: 5px 10px;
	color: white;
	text-align: right;
	font-size: 13px;
}
.login-nav ul, .login-nav form {  /* this rule can be removed once Global Reset is used on all pages */
	margin: 0;
	padding: 0;
}
.login-nav li {
	display: inline-block;
	padding-left: 8px;
	list-style-type: none;
}
.login-nav a {
	color: #ddd;
	font-size: 11px;
	text-decoration: none;
}
.login-nav a:hover {
	text-decoration: underline;
}
.login-nav input.login-fields {
	height: 24px;
	padding: 0 5px;
	box-sizing: border-box;
}
.login-button input {
	position: relative;
	top: -1px;
	font-family: 'Muli', sans-serif;
	padding: 4px;
}
.login-nav input[type=text], .login-nav input[type=password] {
	font-family: Arial,Helvetica,sans-serif;  /* easier to read than Muli - and is narrower */
	color: #3A3A3A;
}
#nav_wrapper input[type=submit] {
	/* Copy from gospel-wp/style.css */
	background-image: -moz-linear-gradient(top, #7f443f, #5b2a26);
	background-image: -o-linear-gradient(top, #7f443f, #5b2a26);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, #7f443f),color-stop(1, #5b2a26));
	filter: progid:DXImageTransform.Microsoft.gradient
		(startColorStr='#7f443f', EndColorStr='#5b2a26');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient
		(startColorStr='#7f443f', EndColorStr='#5b2a26')";
	-moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	-o-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	background-color:#5b2a26;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	text-shadow: #421f1c 0 1px 0;
	/*float: left;*/
	margin-bottom: 15px;
	margin-top: 0px !important;
	/*display: block;*/
	color: #ffffff;
	height: 29px;
	font-size: 11px;
	font-family:'Muli', sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	border: none;
	padding-right: 12px;
	padding-left:10px;

	/* Override some values */
	margin-bottom: 0;
	padding-right: 9px;
	padding-left: 6px;
	height: 24px;
}
#nav_wrapper input[type=submit]:hover {
	/* Copy from gospel-wp/style.css */
	background-image: -moz-linear-gradient(top, #395664, #162733);
	background-image: -o-linear-gradient(top, #395664, #162733);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, #395664),color-stop(1, #162733));
	filter: progid:DXImageTransform.Microsoft.gradient
		(startColorStr='#395664', EndColorStr='#162733');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient
		(startColorStr='#395664', EndColorStr='#162733')";
	-moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	-o-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	background-color:#162733;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	text-shadow: #162733 0 1px 0;
	/*display: block;*/
	color: #ffffff;
}
.login-nav #unauth-menu {
	padding-top: 11px;
}
.sociallogin {
	padding-top: 5px;
	display: none;
}
#mem_usr {  /* checkbox for memorizing user name */
	position: relative;
	top: 3px;
}
#my-account-menu {
	position: absolute;
	top: 13px;
	left: 0;
	width: 140px;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #2f4452;  /* same as header background */ /* so that it covers the search field */
	border-radius: 3px;
	display: none;
}
#my-account-menu li {
	display: block;  /* one line per item, instead of next to each other */
}

.header-search {
	position: absolute;
	right: 9px;
	bottom: 19px;
	opacity: 0.8;
}
.header-search input[name=psearch] {
	width: 100px;
	padding: 2px 2px;

}




#top_logo {
	display: block;
	float: left;
	margin-top: 20px;
}

header #topmenu {
	background: none repeat scroll 0 0 #193646;
	overflow: hidden;
}

#top_menu_contents {
	margin-left: auto;
	margin-right: auto;
	max-width: 981px;
}

.sf-menu {
	line-height: 14px;
}

.sf-menu, .sf-menu * {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.sf-menu li {
	background-image: url('/wp-content/themes/gospel-wp-sharehim/img/menu_divider.png');
	background-position: left 9px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 46px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}

.sf-menu a {
	position: relative;
}
.sf-menu li a {
	box-shadow: none;
	display: block;
	font-size: 12px;
	height: 36px;
	padding: 18px 15px 0;
	color: white;
	text-decoration: none;
	text-shadow: 0 1px 0 #1a272e;
}
.sf-menu li:first-child {
	background: none;
}
.sf-menu li:first-child a {
	padding-left: 0;
}
ul.sf-menu li ul.sub-menu li.current_page_item a, ul.sf-menu li.current_page_item a {
	color: #ffffff;
}
.sf-menu li a:hover, .sf-menu li a:focus {
	color: #ddd;
}

.nav-panel {  /* what used to be the left-side menu */
	float: right;
	opacity: 0.8;
	margin: 5px;
	padding: 15px;
	border: 1px solid #DBDBDB;
	border-radius: 2px;
	background-color: #EEE;
	text-align: right;
	max-width: 230px;
	max-height: 70px;
	overflow-y: auto;
}
.nav-panel a {
	text-decoration: none;
}

#main_fullwidth {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	background-color: white;
	box-shadow: 0 0 80px 4px #ccc;
	box-sizing: border-box;
}
.article-layout #main_fullwidth {
	padding: 50px 60px 60px 60px;
}

#outer_footer_wrapper {
	background-color: #061a28;
	background-image: url('/wp-content/themes/gospel-wp-sharehim/img/footer_bg.jpg');
	background-repeat: repeat-x;
	border-top: 1px solid #162632;
	/*box-shadow: 0 0 1px #5f899e inset; DOESNT LOOK NICE IF FOOTER DOESNT REACH BOTTOM OF WINDOW */
	min-height: 285px;
	position: relative;
	width: 100%;
}

#footer_wrapper {
	margin: 0 auto;
	max-width: 980px;
}

#footer_wrapper .one_third_first, #footer_wrapper .one_third {
	padding-top: 59px;
}

.one_third, .one_third_bottom {
	width: 30.66%;
}

.one_third_first, .one_third_first_bottom {
	clear: left;
	float: left;
	margin-left: 0;
	position: relative;
	width: 30.66%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_third_bottom {
	float: left;
	margin-left: 4%;
	position: relative;
}

.one_half, .one_half_first, .one_third, .one_third_first, .two_third, .two_third_first, .one_fourth, .one_fourth_first, .three_fourth, .three_fourth_first {
	color: #6a6a6a;
	font-family: "Muli",sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3em;
}

#footer_wrapper h6 {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;

	text-transform: none;
	padding: 0;
	margin: 0;
	line-height: 1.1;  /* match boostrap used in WP */
}
#footer_wrapper p {  /* this can be removed when ALL pages are using a global reset */
	padding: 0;
	margin: 0;
}
#footer_wrapper p {  /* to match the gospel wp theme */
	margin-bottom: 15px;
	margin-right: 24px;
}
#footer_wrapper ul {  /* to match bootstrap used in WP */
	margin-bottom: 10px;
}

#footer_wrapper a {
	color: #919ea5;
	font-size: 12px;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
}
#footer_wrapper a:hover {
	color: #fefefe;
	font-size: 12px;
	text-decoration: none;
}

.textwidget {
	margin-bottom: 30px;
}

#footer_wrapper ul li {
	color: #919ea5;
	font-size: 12px;
	list-style: disc inside none;
	padding-bottom: 10px;
}

#footer_wrapper ul {	/* This rule can be removed once Global Reset has been implemented on all pages */
	padding-left: 0;
}

#footer_wrapper ul li a {
	color: #919ea5;
	font-size: 12px;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
}

#footer_wrapper ul li a:hover {
	color: #fefefe;
	font-size: 12px;
	text-decoration: none;
}

.dont-show-me {
	opacity: 0;  /* use opacity in order to keep taking the space */
}

.textwidget ul li {
	line-height: 155%;
}

.donate_button {
	background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%) repeat scroll 0 0 #ededed;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-shadow: 0 1px 0 0 #ffffff inset;
	color: #5f5f5f;
	cursor: pointer;
	display: inline-block;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 40px;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
}
#footer_wrapper a.donate_button:hover {
	color: black;
}

.sharehim-social-icons img {
	width: 23px;
	margin: 0 4px 8px 0;
}
.sharehim-social-icons a {
	text-decoration: none;
}

#footer_wrapper .copyright_message {
	border-top: 1px solid #3d5c6b;
	box-shadow: 0 -1px 0 #2e4550;
	clear: both;
	color: #919ea5;
	font-family: 'Muli', sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 40px;
}

#fdbck1 {
	font-size: 10px;
}

#upload-status {
	color: #e58918;
	border-radius: 3px;
	padding: 2px 6px;
	margin-top: 2px;
}

.attached-file-item {
	background-color: #ededed;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}

/* Override old hardcoded design on generated pages */
tr[bgcolor="#453D93"], td[bgcolor="#453D93"] {
	background-color: #193646;
}
tr[bgcolor="#F2EEF6"] {
	background-color: #EEF1F6;
}

@media only screen and (max-width: 800px) {
	#outer_wrapper {
		height: auto;
	}
	#top_menu_contents {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* no longer show menu item seperator and compress items a little bit */
	#topmenu {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.sf-menu li {
		background-image: none;
		height: 28px;
	}
	.sf-menu li a {
		padding-left: 0;
		padding-right: 30px;
		padding-top: 7px;
	}

	/* make footer one column instead of 3 */
	.one_third_first, .one_third {
		width: 95%;
	}
	#footer_wrapper .one_third {
		padding-top: 0;
	}
	.one_third_first {
		margin-left: 4%;
	}
	#footer_wrapper .one_third h6 {
	}
	.dont-show-me {
		display: none;
	}
	#footer_wrapper .textwidget {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 550px) {
	/* Not enough space for both logo and login fields, so we need to go dynamic on the height of nav_wrapper and center the content */
	#nav_wrapper {
		height: auto;
	}
	.header-search {
		position: static;
		right: auto;
		bottom: auto;
		margin-bottom: 20px;
	}
	.login-nav, #top_logo {
		float: none;
		text-align: center;
	}

	/* "Re-order" elements we want in a different order */
	.responsive-order-container {
		display: table;
	}
	.responsive-order-first {
		display: table-header-group;
	}
	.responsive-order-second {
		display: table-row-group;
	}
	.responsive-order-third {
		display: table-footer-group;
	}
}