.middle-nav { margin: 0 auto; background: #aa682c; margin-bottom: 25px; }
.footer-background { width: 100%; background: #aa682c; }
.container, .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 { padding: 0 !important; } /* lg=large / md=medium / sm=small / xs-extra small  */
.row { margin-left: 0 !important; margin-right: 0 !important; }
ul { margin-top: 10px !important;}
li.subhead14 { margin-bottom: 10px !important;}
.page-title-padding {padding: 25px 10px 20px 20px;}
.padding-bottom-20px {padding-bottom: 20px;}
/* bootstrap works off of 12 columns - by default they place padding / never mess with the bootstrap css file /  */

html {
	
.container { max-width: 90% !important; width: 90%; }

}

body {
	margin-top:0px;
	background-color:#ffffff !important;
	background-position: top center !important;

}

.site_container {
	margin:0 auto;
	max-width:100%; /* site is no wider than 950px wide but if screen size is smaller that 950px make it width: 100%  // iphone is 320px wide */
	width: 100%; /* RESPONSIVE - change width to max-width & place width: 100% to trigger repsonive */
	height:100%;
	background-color: #f9f2e9;
}

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

.secondary-nav-container {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}

.border-left-white {
	border-left: solid 1px white;
}

.padding-25 { padding-left: 50px; padding-right: 50px;}

.blur img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.blur img:hover {
	-webkit-filter: grayscale(100%);
}

.padding-right-0 { padding-right: 0 !important; }
.padding-left-0 { padding-left: 0 !important; }

/* SAME HEIGHT COLUMNS START */


/* SAME HEIGHT COLUMNS END */

.vertical-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
		padding-left: 15px;
		line-height: 0px;
}

.welcome-text {
	padding: 0px 10px 20px 10px;
	max-width: 1020px;
	margin: 0 auto;
}

.body-copy a:link, .body-copy a:visited, .body-copy a:active {
	color: #5357f5 !important;
	text-decoration: underline !important;
}

.body-copy a:hover {
  color: #c0b1aa !important;
	text-decoration: none !important;
}



.rotate { border-radius:50%;    
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;}

.rotate:hover { transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);}










/* JM Styles 2-12-19 */

/* To change light blue background color change it below */
.light-blue-bg-color {
	background-color: #c39766;
}


/*DEECFC*/











/* page styles start  -  page styles start  -  page styles start  -  page styles start  -  page styles start  -  page styles start */

.top_banner_address_area {
	margin:0 auto;
	background-image: url(../images/header-logo.jpg);
	background-repeat:no-repeat;
	background-color:#7EACDD;
	max-width:100%;
	width: 100%;
	clear: both;
	height:auto;
	background-size: contain;
}

.top_banner_address_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:right;
	color:#5E583F;
}

.home_slider_area {
	margin:0 auto;
	max-width:100%;
	width: 100%;
	height:auto;
}

.picture_banner_area {
	margin:0 auto;
	background-color:#2A787C;
	max-width:1020px;
	width: 100%;
	height:245px;
}

.middle_nav_area {
	margin:0 auto;
	max-width:100%;
	width: 100%;
	height:auto;
	padding-bottom: 6px;
	padding-left: 50px;
	padding-right: 50px;
  background-color: #aa682c;
	text-decoration:none;
	color:#ffffff; /*link font color*/
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	overflow: hidden;
}

.fixed {
	position: -webkit-sticky;
	position: sticky;
	z-index: 100;
	top: 0px;
	width: 100%;
}

.home_top_body_area
{
	margin: 0 auto;
	max-width:1020px;
	width: 100%;
	height:auto;
	position: relative;
	top: -20px;
}

.interior_top_body_area
{
	margin: 0 auto;
	width: 100%;
	height: auto;
	background-color: #7EACDD;
	padding-bottom:0px;
}

.home_body_area
{
	margin: 0 auto;
	max-width:95%;
	min-height:300px;
	background-color: #f9f2e9;
	padding-top:20px;
	width: 100%;
}

.floatleft_home_bodytext_area {
	float: left;
	max-width:550px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 300px;
	height: 100%;
}

.floatleft_home_leftside_area {
	float: left;
	max-width: 210px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
}

.floatleft_home_worshipschedule_area {
	float: left;
	max-width: 180px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 100%;
	padding: 0px 0px 0px 10px;
}

.floatleft_announcements_area {
	float: left;
	max-width: 220px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
}

.bottom_area
{
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
	padding: 0px 0px 20px 0px;
}

.footer_graphic_lowernav_container {
	margin: 0 auto;
	vertical-align:top;
	max-width: 1020px;
	width: 100%;
	text-align:center;
	padding: 20px 0px 20px 0px;
}

.homepage_worshipschedule_container {
	margin: 0 auto !important;
	display: block;
	border:1px;
	vertical-align:top;
	width: 100%;
	text-align:center !important;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align:left !important;
	color: #9c8a86;
}


/* text starts  -  text starts  -  text starts  -  text starts  -  text starts  -  text starts  -  text starts  -  text starts */

hr {
	margin:0 auto !important;
	background-color:#aa682c !important;
	max-width:100% !important;
	width: 100% !important;
	height:1px !important;
}



h1
{
	margin: 0 auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #7f5022;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}

h2
{
	margin: 0 auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #7f5022;
	text-decoration: none;
}

h3
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #7f5022;
	text-decoration: none;
}

h4
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

h5
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3586C5;
	text-decoration: none;
}

.subhead14
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2B6C9E;
	text-decoration: none;
}

.subhead15_normal
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #9c8a86;
	text-decoration: underline;
}

.subhead14_normal_16
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #327DB8;
	text-decoration: underline;
}

.subhead14_normal
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2B6C9E;
	text-decoration: none;
}

.tagline_text
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.body_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align:left;
  color: #9c8a86}

.worship_header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align:left;
	color: #ffffff;
	text-decoration: underline;
}

.worship_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #ffffff;
}

.footer_address_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align:center;
	color: #fff;
	padding-top:9px;
}


.form_text
{
	color: #9c8a86;
  font-weight:normal;
  font-size:15px;
}


.body_area
{
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
	min-height: 300px;
	background-color: #ffffff;
}

.floatleft_home_worshipschedule_area {
	float: left;
	max-width: 180px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
	min-height: 100%;
	padding: 0px 0px 0px 10px;
}

.floatleft_announcements_area {
	float: left;
	max-width: 220px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
}

.floatleft_interior_bodytext_area {
	float: left;
	max-width:720px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
}

.floatleft_bodytext_area {
	float: left;
	max-width:530px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
	min-height: 300px;
	height: 100%;
}

.page_header_normal
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #2A787C;
	text-decoration: none;
}

.page_header_bold
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.events_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #7f7f7f;
}

.leftside_headline
{
	margin: 0 auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.left_side_text_left
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #69615A;
	vertical-align:top;
}

.left_side_text_center
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:center;
	color: #69615A;
	vertical-align:top;
}

.homeimage_text_center
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:center;
	color: #69615A;
	vertical-align:top;
}

/* volunteers needed box - volunteer page  */
.volunteersneeded_header {
  font-size: 15px;
  color: #777;
  margin: 0 auto;
  text-align:left;
  padding:0px;
}


/* rsvp worship service header - home page  */
.rsvp_header {
  font-size: 18px;
  color: #6767f9;
  margin: 0 auto;
  text-align:center;
  padding:0px;
}

/* rsvp worship service text - home page  */
.rsvp_text {
  font-size: 16px;
  color: #7f6c68;
  margin: 0 auto;
  text-align:center;
  padding:0px;
}


/* volunteers needed box - volunteer page  */
.volunteersneeded_box {
  margin: 0 auto;
  text-align:center;
  padding:0px;
  width: 80%;

  padding: 50px;
  border: 1px solid #aa682c;
}




/* links start  -  links start  -  links start  -  links start  -  links start  -  links start  -  links start  -  links start */


/* top graphic links start */
.top_graphic_links	{
	text-decoration:none;
	color: #1D3F64;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.top_graphic_links a:link, .top_graphic_links a:visited, .top_graphic_links a:active {
	color: #1D3F64; 
	text-decoration: none;
}

.top_graphic_links a:hover {
	color: #eee;
}
/* top graphic links end */


/* footer graphic lowernav links start */
.footer_graphic_lowernav_links	{
	text-decoration:none;
	color: #cdcefa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.footer_graphic_lowernav_links a:link, a:visited, a:active {
	color: #cdcefa;
	text-decoration: underline;
	font-weight: normal;
}

.footer_graphic_lowernav_links a:hover {
	color: #ffffff;
}
/* footer graphic lowernav links end */

.facebook_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align:left;
	color: #FFFFFF;
	padding-left:12px;
}

/* facebook links start */
.facebook_links	{
	max-width: 900px;
	width: 100%;
	text-decoration: none;
	color: #e1dfdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.facebook_links a:link, .facebook_links a:visited, .facebook_links a:active {
	color: #e1dfdf;
	text-decoration: underline;
}

.facebook_links a:hover {
	color: #993333;
	text-decoration: underline;
}
/* facebook links end */


/* top banner address links start */
.top_links	{
	padding-top: 7px;
	text-decoration: none;
	color: #4A4855;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: right;
}

.top_links a:link, .top_links a:visited, .top_links a:active {
	color: #4A4855;
	text-decoration: underline;
}

.top_links a:hover {
	color: red;
	text-decoration: underline;
}
/* top banner address links end */


/* MiddleNav Links Start */
.middlenav_links	{
	padding-top: 2px;
	text-decoration: none;
	color: #ffffff !important; /*link font color*/
	font-size: 15px;
	font-weight: normal;
	text-align: right;
}

.middlenav_links a:link, .middlenav_links a:visited, .middlenav_links a:active {
	color: #ffffff !important; /*link font color*/
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
}

.middlenav_links a:hover {
	color: #c0b1aa !important; /*hover font color*/
}
/* MiddleNav Links End */



/* faqnav links start */
.faq_nav_links	{
	max-width: 1020px;
	width: 100%;
	padding-top: 7px;
	text-decoration: none;
	color: #cdcefa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

.faq_nav_links a:link, a:visited, a:active {
	color: #cdcefa;
	text-decoration: underline;
}

.faq_nav_links a:hover {
	color: #cdcefa;
	text-decoration: underline;
}
/* faqnav links end */


/* faqnav links white start */
.faq_nav_links_white	{
	max-width: 1020px;
	width: 100%;
	padding-top: 7px;
	text-decoration: none;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.faq_nav_links_white a:link, a:visited, a:active {
	color: #cdcefa;
	text-decoration: underline;
}

.faq_nav_links_white a:hover {
	color: #cdcefa;
	text-decoration: underline;
}
/* faqnav links white end */


/* faith navlinks start */
.faith_nav_links	{
	max-width: 1020px;
	width: 100%;
	text-decoration: none;
	color: #1D3F64;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.faith_nav_links a:link, .faith_nav_links a:visited, .faith_nav_links a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.faith_nav_links a:hover {
	color: #4E96CF;
	text-decoration: underline;
}
/* faith navlinks end */


/* fgw links start */
.fgw_links	{
	max-width: 1020px;
	width: 100%;
	height: 40px;
	padding-top: 10px;
	color: #4E96CF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.fgw_links a:link, .fgw_links a:visited, .fgw_links a:active {
	color: #4E96CF;
	text-decoration: underline;
}

.fgw_links a:hover {
	color: #97650D;
	text-decoration: underline;
}
/* fgw links end */


/* Body Links Start */
.body_links	{
	color: #1D3F64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.body_links a:link, .body_links a:visited, .body_links a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.body_links a:hover {
	color: #97650D;
	text-decoration: underline;
}
/* Body Links End */


/* Body Links small Start */
.body_links_small	{
	color: #1D3F64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.body_links_small a:link, .body_links_small a:visited, .body_links_small a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.body_links_small a:hover {
	color: #97650D;
	text-decoration: underline;
}
/* Body Links small End */


/* print this link starts */
.print_this_link	{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #1D3F64;
}

.print_this_link a:link, .print_this_link a:visited, .print_this_link a:active {
	color: #1D3F64; 
	text-decoration: underline;
}

.print_this_link a:hover {
	color: #97650D;
}
/* print this link ends */


/* middle hot links start */
.middle_hot_links	{
	color: #ffffff !important;
  text-decoration: none;
	font-family:font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align:center;
	padding: 3px 0px 0px 0px;
}

.middle_hot_links a:link, .middle_hot_links a:visited, .middle_hot_links a:active {
	color: #ffffff !important; 
	text-decoration: none;
}

.middle_hot_links a:hover {
	color: #c0b1aa !important;
	-webkit-transform: scale(1.2);
  transform: scale(1.2);
  font-weight: 400;
}
/* middle hot links end */


/* search field starts */
input[type=text] {
width: 170px !important;
padding: 4px !important;
margin: 0 auto !important;
padding-right: 10px !important;
outline: none !important;
border: 1px solid #2800F1 !important;
border-radius: 5px !important;
background-color: #FBFBFB !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
background-position: 130px -10px !important;
background-image: url('/images/search.png') !important;
background-repeat: no-repeat !important;
 
-webkit-transition: background-color .2s ease-in,
                    background-position .2s ease-in,
                    box-shadow .3s ease-in;
 
-moz-transition: background-color .2s ease-in,
                 background-position .2s ease-in,
                 box-shadow .3s ease-in;
 
-o-transition: background-color .2s ease-in,
               background-position .2s ease-in,
               box-shadow .3s ease-in;
 
-ms-transition: background-color .2s ease-in,
                background-position .2s ease-in,
                box-shadow .3s ease-in;
 
transition: background-color .2s ease-in,
            background-position .2s ease-in,
            box-shadow .3s ease-in;
}/* search field ends */


/* go button starts */
.classname {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0F2638), color-stop(1, #0F2638) );
	background:-moz-linear-gradient( center top, #0F2638 5%, #0F2638 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#0F2638;
	border:1px solid #2800F1;
	border-radius: 5px;
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
	position: absolute;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97650D), color-stop(1, #97650D) );
	background:-moz-linear-gradient( center top, #97650D 5%, #97650D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}/* go button ends */

/* Body Text Area Images */
.bodytextarea-img { display: block; margin: 10px 0; text-align: center; }
.bodytextarea-img .padding-container { padding: 0px 0px 0px 20px; text-align:center; }
.zero-padding: { padding: 0 !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-left-20 { padding-left: 20px !important; }
.index .middle-nav { top: -10px; }



@media (max-width: 1020px) {
 
    .worship_text { text-align: center;}
    .worship_header { text-align: center; }
    
}









/* Mobile Nav Styles */
nav select {
  display: none;
}

.pushmenu { display: none; }




@media (max-width: 1020px) {
    nav ul     { display: none; }
    nav select { display: inline-block; }
    .middlenav_links { display: none !important; }
    .styled-select {
    background: #ffffff url('../images/drop-down-arrow.gif') no-repeat scroll right center;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555 !important;
    height: 34px;
    margin-bottom: 13px;
    overflow: hidden;
    width: 100%;
}

.styled-select select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset !important;
    color: #555;
    height: 100%;
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px;
    width: 103%;
}
    
    
.pushmenu { /*this is the nav*/
  background: #aa682c;
    display: block;
  font-family: Arial, Helvetics, sans-serif;
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
  position:fixed;
    text-align: left;
    overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.pushmenu h3 {
  color: #cbbfad;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 20px;
  margin: 0;
  background: #282522;    
  height: 16px;
}

.pushmenu a {
  display: block; /* drops the nav vertically*/
  color: #fff !important;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none !important;
  border-top: 1px solid #56544e;
  border-bottom: 1px solid #312e2a;
  padding: 14px;
    float: left;
    clear: both;
    width: 100%;
}
    
    .pushmenu a:focus, a:hover { color: white; }

.pushmenu a:hover {
  
    color: #c0b1aa !important;
}

.pushmenu a:active {
  background: #454f5c;
  color: #fff !important;
}

.pushmenu-left {
  left: -240px;

}

.pushmenu-left.pushmenu-open {
  left: 0;
}

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.pushmenu-push-toright {
  left: 240px;
}

/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;  
    
}
    
    .children-about { margin-left: 0px; }
    .children-worship { margin-left: 0px; }
    .children-features { margin-left: 0px; }
    .children-ministries { margin-left: 0px; }
    .children-youth { margin-left: 0px; }
    .children-committees { margin-left: 0px; }
    .children-cool { margin-left: 0px; }
    .children-outreach { margin-left: 0px; }

#nav_list {
  background: url(https://www.fgwministries.org/images/global-images/icon_nav.png) no-repeat left top;
  background-size:contain;
  cursor: pointer;
  height: 27px;
  width: 33px;
  text-indent: -99999em;
}

nav-list.active {
  background-position: -33px top;
}

 .buttonset {
      height: 16px;
      padding: 0px 20px 20px;
 }
 
 section.content {
   font-family: Arial, Helvetica, sans-serif;
   padding: 10px 20px;
 }    
      
}

/* circle buttons bootstrap start */
.btn-circle.btn-xl {
    width: 160px;
    height: 160px;
    padding: 0px 0px 0px 0px;
    border-radius: 100px;
    font-size: large;
    line-height: 1.25;
    color:blue;
}

.btn-circle {
    width: 90px;
    height: 90px;
    padding: -20px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}
/* circle buttons bootstrap end */


/* GOOGLE FONTS START */
header_strikethrough {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.2em;
    color: #734523;
    margin:10px;
}

header_strikethrough:before,
header_strikethrough:after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough:after {
    margin: 0 0 0 20px;
}


header_strikethrough_medium {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.2em;
    margin:10px;
    color: #734523;
}

header_strikethrough_medium:before,
header_strikethrough_medium:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough_medium:after {
    margin: 0 0 0 20px;
}


header_strikethrough_large {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.6em;
    margin:10px;
    color: #734523;
}

header_strikethrough_large:before,
header_strikethrough_large:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough_large:after {
    margin: 0 0 0 20px;
}


header_strikethrough_large_bold {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.6em;
    font-weight:bold
    margin:10px;
    color: #734523;
}

header_strikethrough_large_bold:before,
header_strikethrough_large_bold:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough_large_bold:after {
    margin: 0 0 0 20px;
}

.courgette_googlefont_italic_large
}
font-size: large !important;
font-weight:bold !important;
color:#327DB8 !important;
font-family: 'Courgette', cursive !important; /* GOOGLE FONT */
}

.courgette_googlefont_italic_x-large
}
font-size: x-large !important;
font-weight:bold !important;
color:#327DB8 !important;
font-family: 'Courgette', cursive !important;  /* GOOGLE FONT */
}

.courgette_googlefont_italic_xx-large
}
font-size: xx-large !important;
font-weight:bold !important;
color:#327DB8 !important;
font-family: 'Courgette', cursive !important;  /* GOOGLE FONT */
}
/* GOOGLE FONTS END */