/* 
	Theme Name: griddles
	Author: Nola Cooper
	Author URI: https://www.nolacooper.com
	Theme URI: https://www.nolacooper.com/website-design/
	Description: griddles is a responsive grid theme compatible with Gutenberg.
	Version: 3.0
	Tags: one-column,two-columns,grid-layout,editor-style,featured-images
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: griddles
	Tested up to: 6.5.3
	Requires at least: 6.0
	Requires PHP: 8.0
*/

* {
padding:0;
margin:0
}

body {
margin:0 auto;
padding:0;
font-family:'Open Sans','FontAwesome',serif;
font-size:18px;
font-weight:400;
line-height:1.5em;
color:#000;
text-align:center;
background:#fff
}


#headcontainer {
background-color:#fff;
-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);
box-shadow:0 3px 3px rgba(0,0,0,0.3);
width:100%;
overflow:visible;
position:fixed;
top:0;
height:100px;
z-index:9999
}

#headcontainer .col {
margin:0;
padding:0;
}

header {
clear:both;
width:99%;
max-width:1024px;
margin:0 auto;
padding:0;
position:relative;
box-sizing:border-box;
overflow:visible;
line-height:0;
}

.logo {
width:100%;
max-width:150px;
height: auto;
display:inline-block;
margin:0;
padding:5px 0
}


input,select,textarea {
font-weight:300;
background:#fff;
color:#333;
font-size:.85em
}

hr {
display: block;
border: 0;
width: 275px;
background: url(images/borderline.png) center center no-repeat;
height: 49px;
margin: 0px auto;
padding:15px 0;
clear: both;
}

#site-nav {
display:block;
font-family:'Open Sans','FontAwesome',serif;
font-weight:400;
margin:0;
padding:0;
font-size:.75em;
text-transform:uppercase;
letter-spacing:1px
}

#site-nav ul {
list-style-type:none;
margin:0;
padding:0;
position:absolute;
z-index:999
}

#site-nav li {
display:inline-block;
}

#site-nav li a {
display:block;
padding:0;
margin:35px 0 0 50px;
text-align:left;
line-height:30px;
color:#333;
text-decoration:none;
letter-spacing:1px
}

#site-nav li:hover a {
color:#687d49
}

#site-nav li.current_page_item a {
color:#999
}

#site-nav li:hover ul a {
background:#d6a12f;
color:#000;
margin:0 0 0 20px;
border-bottom:1px solid #fff;
position:relative;
text-align:left
}

#site-nav li:hover ul a:hover {
background:#000;
color:#fff
}

#site-nav li.menu-item-has-children >a:after {
content: "\25BE";
padding-left:3px
}

#site-nav li ul {
display:none
}

#site-nav li ul li {
display:block;
float:none
}

#site-nav li ul li a {
padding:0 10px
}

#site-nav ul li:hover >ul {
display:block
}

.nav-menu {
width:83%;
text-align:center
}

.show-menu {
position:absolute;
width:100px;
font-size:.80em;
color:#000;
top:25px;
right:20px;
padding:0;
margin:0;
display:none
}

.show-menu img {
display:block;
margin-bottom:8px;
width:45px;
height:36px
}

.show-menu label {
display:block
}

#headcontainer input[type=checkbox] {
display:none
}

#headcontainer input[type=checkbox]:checked ~ #site-nav ul.nav-menu {
display:block
}



button,input[type="button"],input[type="reset"],input[type="submit"] {
border:0;
cursor:pointer
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box
}

input[type="search"] {
box-sizing:content-box
}

button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0
}

button,input.action,a.action,a.action:visited,.gform_button,.gform_button:visited,#commentform .submit {
display:inline-block;
margin:10px 0 5px;
background:#d6a12f;
min-width:100px;
max-width:500px;
font-weight:400;
color:#000;
font-size:1em;
padding:.5em 2em;
text-align:center;
text-decoration:none;
border-radius:99px
}

.col a.action,
.col a.ghost {
display:block
}

button:hover,input.action:hover,a.action:hover,.gform_button:hover,#commentform .submit:hover {
background:#555;
color:#fff
}

input.ghost,a.ghost,a.ghost:visited {
display:inline-block;
margin:10px;
background:none;
border:2px solid #687d49;
min-width:100px;
max-width:365px;
font-weight:600;
font-size:.75em;
color:#687d49;
text-transform:uppercase;
padding:1em 4em;
text-align:center;
line-height:1.3em;
text-decoration:none;
border-radius:99px
}

input.ghost:hover,input.ghost:active,a.ghost:hover,a.ghost:active {
background:#687d49;
color:#fff !important;
border:2px solid #687d49;
transition:background-color .3s ease-in,color .3s ease-in
}

a.phnbtn,a.phnbtn:visited,a.phnbtn:hover {
display:inline-block;
margin:0 auto;
height:48px;
line-height:48px;
background:#687d49;
border-top:2px solid #000;
position:fixed;
bottom:0;
font-weight:400;
width:100%;
z-index:999;
color:#fff;
font-size:1.2em;
padding:10px 0;
margin-top:10px;
text-align:center;
text-decoration:none
}

a.phnbtn {
display:none
}

a.back-to-top {
background:#d6a12f;
color:#fff!important;
margin:0;
position:fixed;
bottom:80px;
right:20px;
width:50px;
height:45px;
line-height:30px;
border-radius:50%;
z-index:99998;
display:none;
text-decoration:none;
text-align:center;
padding-top:5px
}

#wrapper {
width:100%;
position:relative;
text-align:left
}

body.admin-bar #headcontainer {
top:32px
}

#container {
width:100%;
position:relative;
top:80px
}

.gray {
background:#dedede;
color:#fff
}

.dkgray {
background:#333;
color:#fff
}

.green {
background:#046e47;
color:#fff
}

.gray,.dkgray,.green {
box-sizing:border-box;
overflow:hidden
}

.annc {
width:95%;
max-width:1000px;
margin:0px auto;
padding:1em 0;
font-size:1.2em;
line-height:1em;
text-align:center
}

.annc .textwidget {
display:inline-block;
padding:5px 15px 5px 0
}

.annc a, .annc a:hover, .annc a:visited {
color:#fff
}

#hmcontent {
width:100%;
padding:0;
text-align:center
}

h3.hmttl {
display:none
}

.cvrimg {
margin:0 auto;
padding:150px 0 150px;
}

.hilite {
background-color:rgba(0,0,0,0.72);
position:relative;
top:0;
width:100%;
height:auto;
margin:0 auto;
padding:0;
text-align:right;
}

#maincontent,
#main-content {
background:#fff;
clear:both;
width:100%;
margin:0 auto;
padding:0;
margin-bottom:100px;
position:relative;
box-sizing:border-box;
text-align:left;
color:#000;
}

#nocvrcont {
background:#fff;
clear:both;
width:100%;
margin:0 auto;
padding:2em 0 1em;
margin-bottom:100px;
position:relative;
box-sizing:border-box;
text-align:left;
color:#000;
}

.widgcont {
clear:both;
width:100%;
max-width:1024px;
margin:0 auto;
padding:25px 0;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}

.plncontent {
clear:both;
width:100%;
max-width:1024px;
margin:0 auto;
padding:1em 0;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}

.bxcontent {
margin:0 auto;
padding:1em 2em;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}

.ltcont {
background:#eaeaea;
padding:30px;
box-sizing:border-box;
overflow:hidden
}

.btncall {
width: 99%;
max-width:320px;
border:1px solid #fff;
background:none;
padding:30px;
box-sizing:border-box;
overflow:hidden;
text-align:center
}

.breakit {
display:block;
clear:both;
margin:0 auto;
width:100%;
max-width:1024px;
height:50px
}

.breakit::before {
content:"";
display:table
}

footer {
width:100%;
background:#fff;
}

.ftrcontent {
clear:both;
width:100%;
max-width:1024px;
margin:0 auto;
padding:.3em 0 1em;
position:relative;
box-sizing:border-box;
text-align:left;
left:50px
}

.ftrcontent h3.coltitle {
color:#ded6cc;
font-size:1em;
margin-top:.6em
}

.ftrcontent ul,.ftrcontent ul li {
list-style-type:none;
margin:0;
padding:0
}

.ftrcontent a,.ftrcontent a:visited {
color:#fff;
font-size:1em;
text-decoration:none
}

#smallprint {
clear:both;
width:99%;
max-width:1024px;
margin:0 auto;
padding:15px 0 30px;
position:relative;
color:#000;
background:none;
font-size:.7em;
text-align:center;
border-top:1px dotted silver
}

.home .billboard #smallprint {
position:absolute;
bottom:30px;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto;
padding:5px 0;
background-color:rgba(255,255,255,0.8);
border-top:none
}

#smallprint p {
vertical-align:middle
}

#smallprint a,#smallprint a:visited {
color:#000;
text-decoration:none;
margin:0 10px 0 0
}

#smallprint a:hover {
color:#0033ff;
text-decoration:underline
}

#smallprint ul {
list-style-type:none;
display:inline-block;
padding:0;
margin-left:10px
}

#smallprint ul li {
list-style-type:none;
display:inline-block;
padding:0;
font-size:1em
}

#smallprint ul li::before {
content:"•";
margin:0 20px 0 0
}

.soc {
position:absolute;
top:15px;
right:0
}

#smallprint .soc a {
margin:0 3px;
padding:0;
}

.soc a img {
display:inline-block;
width:25px;
height:25px;
opacity:.5;
filter:alpha(opacity=50)
}

.soc a img:hover {
opacity:1;
filter:alpha(opacity=100)
}

.ftrmn {
display:inline-block;
margin: 0 10px
}

h1,h2,h3 {
font-family: "Libre Baskerville", serif !important;
line-height:1.1;
font-weight:400;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration:none
}

h1 {
margin-top:2.5em;
margin-bottom:1em;
font-size:2.5em;
padding:0
}

#nocvrcont h1 {
color:#687d49 !important;
margin-top: 1em;
margin-bottom:0.5em;
padding-bottom: 10px;
border-bottom: 1px solid #c0c0c0
}

h2 {
margin-bottom:.5em;
margin-top:.5em;
font-size:2.1em
}

.ltcont h2 {
margin-top:0
}

.blg {
margin:10px 0
}

.ltcont .blg {
height:auto;
margin:5px 0
}

h3 {
margin-top:1.2em;
margin-bottom:1.2em;
font-size:1.6em
}

h3.sect {
color: #fff;
background: #cc0000;
padding: 5px 0 5px 5px
}

h4 {
font-weight:600;
margin-top:.5em;
margin-bottom:.5em;
font-size:1.1em
}

.sermwid h4 {
display:none;
}

h5 {
margin:0;
padding:0px;
font-size:.93em;
font-weight:700;
color:#555;
}

h6 {
font-size:12px;
}

.hilite h1 {
color:#fff;
padding:30px 0;
margin:0px auto;
width:99%;
max-width:1024px
}

h3.widget-title {
display:none;
line-height:0
}

h2 a, h2 a:hover, h2 a:visited,
h4 a, h4 a:hover, h4 a:visited,
h6 a, h6 a:hover, h6 a:visited {
color: #000;
text-decoration:none
}

.white {
background:url(images/billbdoverlay.png);
box-sizing:border-box;
overflow:hidden;
padding:0;
width:80%;
max-width:1024px;
margin:0px auto;
padding: 10px 0 0 25px;
color:#fff !important
}

.notop {
margin-top:0
}

.nobtm {
margin-bottom:0
}

.nomarg {
margin-top:0;
margin-bottom:0
}

p,dl,address {
margin-bottom:1.3em
}

.annc p {
margin-bottom:0;
}

#sp-wp-tabs-wrapper_43.sp-tab__lay-default label > .sp-tab__card-header {
color:#000 !important
}

.col p {
}

ul,ol {
margin:0 0 1.5em;
padding:0 0 0 24px
}

li ul,li ol {
margin:0
}

.entry p {
margin-bottom:0;
}

.cntr {
text-align:center!important
}

#maincontent ul,#maincontent ol {
margin:0 10px 1.5em 30px;
padding:0
}

#maincontent .sermwid ul {
margin:0;
padding:0
}

#maincontent ul li {
list-style-type:disc;
margin:0 20px 5px 0
}

#maincontent .sermwid ul li {
list-style-type: none;
background:#dfdfdf;
padding:5px 5px 5px 12px;
margin:0 0 5px
}

#maincontent ol li {
list-style-type:decimal;
margin:0 20px 5px 0
}

ol.fancylist {
    list-style-type: none;
    margin: 1em;
    padding: 1em;
    counter-reset: li-counter;
}

ol.fancylist > li{
    position: relative;
    padding: 0.5em 0 0 0.5em;
    min-height: 1.5em;
}

ol.fancylist > li:before {
    position: absolute;
    top: 8px;
    left: -1.4em;
    width: 1.4em;
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #687d49;
    border-radius: 50%;
    content: counter(li-counter);
    counter-increment: li-counter;
}

#maincontent #sp-tab__ul {
margin:0;
padding: 0
}

#sidebar ul {
margin:0 0 2em
}

#sidebar ul li {
margin:0 0 .2em;
font-size:.75em;
font-weight:500
}

#sidebar ul li:before {
content:"";
padding:0 5px;
color:#6eb8e7;
font-size:.85em
}

#sidebar ul li a {
text-decoration:none
}

dl,dd {
margin-bottom:1.5em
}

dt {
font-weight:300
}

b,strong,bold {
font-weight:700;
}

small {
font-size:.82em
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup {
top:-.5em
}

sub {
bottom:-.25em
}

.subtext {
color:#666
}

a {
color:#046e47;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}

a:visited {
color:#555;
}

a:hover {
color:#555;
}

a.more,a.more:visited {
display:block;
margin:0px auto;
margin-top:25px;
margin-bottom:0;
max-width:75px;
font-weight:600;
color:#fff;
font-size:.7em!important;
padding:2px 10px;
border:1px solid #fff;
text-transform:uppercase;
text-align:center;
text-decoration:none
}

a.more:hover {
background:#fff;
color:#323030
}

img {
border:none !important
}

.wp-post-image {
float:right;
margin:0 0 0 10px;
padding:0
}

img.round {
border-radius: 50%;
border: 0px solid #000;
padding: 0px;
width: 100%;
max-width: 200px;
}

.box .wp-post-image {
float:none;
width:100% !important;
height:300px;
margin:0 auto!important;
padding:0;
overflow:hidden;
}

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width:100%;
height:auto
}

.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:35px;
margin-bottom:3px
}

.alignright,img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-bottom:3px
}

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

.alignleft,.alignright,.aligncenter {
margin-bottom:10px
}

.home .wp-block-image img {
  height: auto;
  max-width: 95%;
  vertical-align: bottom;
}

.ltcont.alignright,
.ltcont.alignleft {
padding: 0 45px;
width:98%;
max-width:400px
}

.ltcont.aligncenter {
margin-bottom:1.5em
}

img.rnded {
margin:20px 0;
border-radius:50%;
border:2px solid #ded6cc;
max-width:200px
}

.wp-caption {
line-height:18px;
margin-bottom:20px;
max-width:1024px!important;
padding:10px 0 5px 0;
text-align:center
}

.wp-caption img {
margin:5px 0
}

.wp-caption-text {
display:block;
background:#f2f2f2;
color:#222;
font-weight:400;
font-size:.8em;
padding:10px;
margin:5px 0 15px;
text-align:center!important
}

img.avatar {
float:left;
margin:5px 10px 0 0;
width:50px;
height:inherit
}

figure.gallery-item {
position: relative;
width: inherit;
float:left;
margin:10px;
text-align:center
}

.gallery-caption {
	background: #f7f7f7;
	padding: 5px;
	min-height: 40px;
	font-size: 0.75em;
	margin: 10px 0 5px;
}

.gallery::after {
clear:both;
content:"";
display:table
}

.row {
  display: flex; /* equal height of the children */
}

.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}

.col:first-child {
margin-left:0
}

.span_2_of_2 {
width:100%
}

.span_1_of_2 {
width:49.2%
}

.span_3_of_3 {
width:100%
}

.span_2_of_3 {
width:66.13%
}

.span_1_of_3 {
width:32.26%
}

.span_4_of_4 {
width:100%
}

.span_3_of_4 {
width:74.6%
}

.span_2_of_4 {
width:49.2%
}

.span_1_of_4 {
width:23.8%
}

.span_5_of_5 {
width:100%
}

.span_4_of_5 {
width:79.68%
}

.span_3_of_5 {
width:59.36%
}

.span_2_of_5 {
width:39.04%
}

.span_1_of_5 {
width:18.72%
}

.span_6_of_6 {
width:100%
}

.span_5_of_6 {
width:83.06%
}

.span_4_of_6 {
width:66.13%
}

.span_3_of_6 {
width:49.2%
}

.span_2_of_6 {
width:32.26%
}

.span_1_of_6 {
width:15.33%
}

.span_7_of_7 {
width:100%
}

.span_6_of_7 {
width:85.48%
}

.span_5_of_7 {
width:70.97%
}

.span_4_of_7 {
width:56.45%
}

.span_3_of_7 {
width:41.94%
}

.span_2_of_7 {
width:27.42%
}

.span_1_of_7 {
width:12.91%
}

.span_8_of_8 {
width:100%
}

.span_7_of_8 {
width:87.3%
}

.span_6_of_8 {
width:74.6%
}

.span_5_of_8 {
width:61.9%
}

.span_4_of_8 {
width:49.2%
}

.span_3_of_8 {
width:36.5%
}

.span_2_of_8 {
width:23.8%
}

.span_1_of_8 {
width:11.1%
}

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

.ftfwd {
display:none
}

.section {
clear:both;
padding:0;
margin:0
}

.single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date {
display:none
}

blockquote {
display:inline-block;
margin:20px 80px 20px 40px;
padding:15px 40px;
border-left:6px solid #687d49;
background:#f2f2f2
}

blockquote p {
margin-bottom:0
}

#crumbs {
font-size:.8em;
text-align:right;
margin:0 0 25px;
padding:5px;
background:#f7f7f7
}

#lndr #topbar,#lndr footer {
display:none
}

#lndr h1 {
color:#0033ff;
margin-bottom:1.2em;
border-bottom:none
}

#lndr h2 {
color:#cc0000;
margin-top:1.2em;
margin-bottom:1.2em;
font-size:1.8em
}

#lndr h3 {
font-size:1.5em;
margin-top:1em;
margin-bottom:1em
}

#lndr .ltcont {
width:98%;
max-width:480px;
padding:20px 30px
}

.divider {
display:block;
border:0;
width:100%;
max-width:1024px;
background:#c0c0c0;
height:1px;
margin:30px auto;
clear:both
}

.divihom {
display:block;
border:0;
width:100%;
max-width:1024px;
height:1px;
margin:20px 0;
clear:both
}

#sidebar h3.widget-title {
display:block;
clear:left;
color:#323030;
font-size:.85em;
font-weight:600;
text-transform:uppercase;
padding:0;
margin:30px 0;
}

#sidebar a.action {
font-size:1em;
margin:0 0 5px
}

#maincontent form ul li,#sidebar ul li {
list-style-type:none
}

img.error {
float:left;
margin:80px 15px 0 0
}

#err {
float:right;
width:70%;
margin:50px 0 0;
}

.spchd {
font-size:2em;
font-weight:300;
color:#cc0000;
margin:40px 0 25px;
padding:0;
line-height:1em
}

.box {
box-shadow:0 0 6px 3px #dedede;
padding:0 0 10px;
height:520px;
text-align:center;
box-sizing:border-box;
overflow:hidden
}

.evntwid,
.sermwid {
height: 330px;
box-sizing:border-box;
overflow:hidden;
font-size:14px;
}

.postinfo .fa,
.postinfo .fas {
padding:0 4px
}

.blgcont {
padding:30px 50px 30px 0
}

.blgdt {
font-size:.6em;
margin:10px 0;
padding:0
}

.blgdt .fa.fa-calendar {
padding-right:3px
}

.blgdt .fa.fa-list-ul {
padding:0 3px 0 3px
}

.exc, .smlnk {
margin:15px 0 0;
font-size:.90em
}

.entry {
text-align:left;
margin:5px 10px;
line-height:1.2em;
height:70px;
}

.entry2 {
text-align:center;
margin:5px 10px;
font-size:0.85em;
line-height:1.1em;
text-transform:uppercase;
height:36px
}

.postinfo {
display:block;
width:100%;
box-sizing:border-box;
overflow:hidden;
font-size:.92em;
color:#323030;
margin:0 auto;
padding:30px 0;
text-align:center;
clear:both
}

.box .more {
display:none
}

#pgnav {
display:block;
font-size:.8em;
padding:10px 0;
color:#666;
margin-top:20px
}

#pgnav a {
padding:0 50px;
margin:0
}

.comments-area {
width:98%;
padding:0;
margin:50px 0 0
}

.comment-reply-title,.comments-title {
margin:10px 0 20px;
font-weight:300
}

#maincontent ol.comment-list {
list-style:none;
padding:0 5px 1px 30px;
box-sizing:border-box;
overflow:hidden;
margin:24px 0
}

.comment-author {
font-size:1em;
line-height:1.7
}

.comment-list .reply,.comment-metadata {
font-size:.85em;
line-height:2
}

.comment-list .reply {
margin-top:24px
}

.comment-author .fn {
font-weight:300
}

.comment-author a {
color:#323030
}

.comment-list .trackback a,.comment-list .pingback a,.comment-metadata a {
color:#767676
}

.comment-author a:hover,.comment-list .pingback a:hover,.comment-list .trackback a:hover,.comment-metadata a:hover {
color:#323020
}

.comment-list article,.comment-list .pingback,.comment-list .trackback {
border-top:1px solid rgba(0,0,0,0.1);
margin-bottom:24px;
padding-top:24px
}

.comment-list > li:first-child > article,.comment-list > .pingback:first-child,.comment-list > .trackback:first-child {
border-top:0
}

.comment-author .avatar {
border:1px solid rgba(0,0,0,0.1);
height:50px;
padding:2px;
position:relative;
top:0;
right:0;
width:50px
}

.bypostauthor > article .fn:before {
content:"\f02d";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}

.says {
display:none
}

.comment-meta, .comment-content {
width:99%
}

.comment-meta {
margin-bottom:20px;
}

.comment-content {
position: relative;
background: #f2ece5;
border-radius: .4em;
}

.comment-content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 6%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #f2ece5;
	border-top: 0;
	border-left: 0;
	margin-left: -10px;
	margin-top: -20px;
}

.comment-content p {
padding:15px;
}

.comment-author,.comment-awaiting-moderation,.comment-content,.comment-list .reply,.comment-metadata {
padding-left:0
}

.comment-edit-link {
margin-left:10px
}

.comment-edit-link:before {
content:"\f044";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none!important
}

.comment-reply-link:before,.comment-reply-login:before {
content:"\f112";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}

.comment-content {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word
}

.comment-content ul,.comment-content ol {
margin:0 0 24px 22px
}

.comment-content li > ul,.comment-content li > ol {
margin-bottom:0;
list-style-type:none
}

#comments ol li,#comments ul li {
list-style-type:none!important
}

#commentform {
margin-left:0
}

.comment-form-comment {
width:97%
}

.form-allowed-tags {
display:none
}

.comment-content > :last-child {
margin-bottom:0
}

.comment-list .children {
list-style:none;
margin-left:15px
}

.comment-respond {
margin-bottom:24px;
padding:0
}

.comment .comment-respond {
margin-top:24px
}

textarea#comment {
width:98%
}

.comment-respond h3 {
margin-top:25px;
margin-bottom:24px
}

.comment-notes,.comment-awaiting-moderation,.logged-in-as,.no-comments,.form-allowed-tags,.form-allowed-tags code {
color:#767676
}

.comment-notes,.comment-awaiting-moderation,.logged-in-as {
font-size:.9em;
line-height:1.5
}

.no-comments {
font-size:1em;
font-weight:7;
line-height:1.5;
margin-top:24px;
text-transform:uppercase
}

.comment-form label {
display:block
}

.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {
width:100%
}

.form-allowed-tags,.form-allowed-tags code {
font-size:12px;
line-height:1.5
}

.required {
color:#c0392b
}

.comment-reply-title small a {
color:#2b2b2b;
float:right;
height:24px;
overflow:hidden;
width:24px
}

.comment-reply-title small a:hover {
color:#41a62a
}

.comment-reply-title small a:before {
content:"\f112";
margin-right:2px;
font-family:FontAwesome;
text-decoration:none
}

.comment-navigation {
font-size:.75em;
line-height:2;
margin-bottom:48px;
text-transform:uppercase
}

.comment-navigation .nav-next,.comment-navigation .nav-previous {
display:inline-block
}

.comment-navigation .nav-previous a {
margin-right:10px
}

#comment-nav-above {
margin-top:36px;
margin-bottom:0
}

.screen-reader-text {
display:none
}

.search-form {
background:url(images/billbdoverlay.png);
box-sizing:border-box;
overflow:hidden;
padding:0;
width:80%;
max-width:1024px;
margin:0px auto;
padding:10px 0 25px 25px
}

.search-submit {
float:left;
background-color:#d6a12f;
font-size:.99em;
color:#000;
width:15%;
border-radius:0;
letter-spacing:2px;
height:38px;
margin:0
}

.search-field {
float:left;
background-color:#fff;
background-image:url(images/search.svg);
background-position: 5px center;
background-repeat:no-repeat;
background-size:20px 20px;
border:none;
border-radius:0;
width: 80%;
height: 18px;
padding:10px 0 10px 32px;
margin:0 auto;
}

.span_1_of_3:nth-child(3n+1) {
clear:both;
margin-left:0
}

#blgpg .span_1_of_4:nth-child(4n+1) {
clear:both;
margin-left:0
}

.breaker {
clear:both;
margin-bottom:10px
}

.group:before,.group:after {
content:"";
display:table
}

.group:after {
clear:both
}

.group {
zoom:1
}

@media print {
body {
background:#fff;
color:#000;
margin:0;
font:10pt Verdana,Helvetica,sans-serif
}

a:link,a:visited {
background:transparent;
font-weight:300;
text-decoration:underline;
color:#00f
}

h1,h2,h3,h4 {
font-family:Verdana,Helvetica,sans-serif
}

h1 {
font-size:1.5em
}

h2 {
font-size:1.3em
}

h3 {
font-size:1.2em
}

h4 {
font-size:1.1em
}

img {
display:block;
border:0
}

div#navcontain,div#socmed,div#sidebar,div#commentblock,div#crumbs,div#footer {
display:none
}

hr {
background:#000;
color:#000;
width:100%;
height:1px;
margin:2em 0;
border:none
}

blockquote {
margin:10px 0 10px 35px;
padding:0 35px 0 15px;
border-left:4px solid silver
}
}

@media screen and (max-width: 768px) {
	
header {
width:100%
}
	
.logo {
width:77%;
padding:0;
position:absolute;
top:1px;
left:10px;
}
	
.show-menu {
display: block
}

.col {
float:none;
margin:1% 0
}

.billboard{
height:auto;
display:block;
box-sizing:border-box;
overflow:auto
}
	
#maincontent {
padding:1em 0
}

.plncontent {
width:90%;
}
	
.evntwid,
.sermwid {
height:auto;
}

.ltcont {
padding:15px
}


h1 {
margin-top:1em;
text-align:center
}

.wp-post-image {
float:none;
margin:0 auto
}
	
#site-nav {
width:100%;
margin-top:100px;
font-size: 1.2em;
}

.nav-menu {
width:100%;
height:auto
}

#site-nav ul {
position:static;
top:auto;
display:none
}

#site-nav ul li,#site-nav li a {
width:100%;
float:none;
padding:0;
margin:0;
height:48px;
}

#site-nav li a {
background:#687d49;
color:#fff;
padding:0;
border: 2px solid #fff;
text-align:center;
line-height:48px;
}

#site-nav li a:hover {
color:#fff
}

#site-nav li:hover a {
color:#fff
}
	
#site-nav li.current_page_item a {
background:#d6a12f;
color:#000
}
	
#site-nav li:hover ul a {
background:#555;
color:#fff;
margin:0;
text-align:center
}
	
#site-nav li ul li a {
width:100%;
padding:0;
margin:0
}

h2.posted {
font-size:22px
}

#sidebar {
padding:0
}

.ftrcontent {
left:0
}

footer ul.ftmenu {
display:block;
margin:0 auto;
margin-bottom:30px;
text-align:center
}

footer .span_1_of_5 {
text-align:center
}
}

@media screen and (max-width: 736px) {
a.phnbtn {
display:block
}
	
img.icon {
max-height:none;
}

.btncall {
max-width:none;
}

.span_8_of_8 {
width:100%;
margin-left:0
}

.span_7_of_8 {
width:100%;
margin-left:0
}

.span_6_of_8 {
width:100%;
margin-left:0
}

.span_5_of_8 {
width:100%;
margin-left:0
}

.span_4_of_8 {
width:100%;
margin-left:0
}

.span_3_of_8 {
width:74.2%;
margin:1% 0 1% 3.2%
}

.span_2_of_8 {
width:48.4%;
margin:1% 0 1% 3.2%
}

.span_1_of_8 {
width:22.6%;
margin:1% 0 1% 3.2%
}
}

@media screen and (max-width: 480px) {
.home .billboard #smallprint {
position:static;
}
	
a.phnbtn {
display:block
}

a.action,a.ghost {
font-size:1.2em;
height:32px;
line-height:32px
}

#soc {
position:relative
}
	
.search-field {
float:none;
font-size:0.92em
}

.search-submit {
letter-spacing:normal;
width:90%;
float:none;
margin-top:2px
}

.box {
margin-bottom:10px
}
	
img {
max-width: 100%;
height: auto;
width: auto;
}
	
.back-to-top img {
width: 35px;
height: 40px
}

.alignleft,img.alignleft,.alignright,img.alignright,a.action,a.ghost,.revinfo,.dirinfo {
display:block;
float:none;
margin:0 auto;
clear:both;
margin-bottom:15px
}

a.action,a.ghost {
margin-top:25px
}

h2 {
font-size:1.5em
}
	
.white {
text-align:center
}

.tgln {
margin:10px auto;
text-align:center
}

.span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_5_of_5,.span_4_of_5,.span_3_of_5,.span_2_of_5,.span_1_of_5,.span_6_of_6,.span_5_of_6,.span_4_of_6,.span_3_of_6,.span_2_of_6,.span_1_of_6,.span_7_of_7,.span_6_of_7,.span_5_of_7,.span_4_of_7,.span_3_of_7,.span_2_of_7,.span_1_of_7,.span_8_of_8,.span_7_of_8,.span_6_of_8,.span_5_of_8,.span_4_of_8,.span_3_of_8,.span_2_of_8,.span_1_of_8 {
width:100% !important
}

#maincontent ul,#maincontent ol {
margin:0 0 1.5em 1.3em
}

#smallprint li {
margin:10px 10px 0 0
}

img.error {
float:none;
margin:0 0 20px;
width:auto;
max-height:200px
}

#err {
float:none;
width:90%;
margin:10px 0
}

.spchd {
font-size:2.5em;
font-weight:300;
color:#fff;
margin:0 0 45px;
padding:0
}
}