/*===============================================================================

# Default Stylsheet

Filename:		slobc-gridgrid.css
Site:			slobc.com
Version:		1.0
Updated:		6/3/21 wrb
Description:	Default styles applied to all pages on the site	
Embedded:		None

# Table of Contents

* HTML5 Elements
* Base Settings
	** Reset
	** Body	
* Structure
	** Header Structure
	** Content Structure
	** Footer Structure
* Lists & Links
	** Unordered & Ordered Lists
	** Base Links
	** Image Links
	** Nav
	** Horizontal Nav, Moblie Nav
	** Links List
	** Jump
	** buttons
* Header
* Navigation
* Content Tags
	** Paragraph Tag
	** Head Tags
	** Definition Lists
	** Blockquote
* Images
	** Images – Figure
* Tables
	** Tables - Head Top
	** Tables - Head Left
	** Tables - Head Both
* Forms
* @ Media Print

# Colors

#ffffff; /*--Background--*
#d7d8d2; /*--warm gray--*
#6c6c69; /*--40% warm gray border--*
#991111; /*--Red--*
#552288; /*--Purple--*
#001199; /*--Blue--*
#ffdd00; /*--Yellow--*
#ff9911; /*--Poppy--*

# Image Widths/Structure Widths
880px
700px
520px 160px
340px 340px
220px 220px 220px
160px 160px 160px 160px


=================================================================================*/


/*== Base Settings
=================================================================================*/

/**-- Reset
--------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box; /*--BOX + PADDING + BORDER--*/
}


/**-- Body
--------------------------------------------------------------------------------*/

body {
	background-color: #d7d8d2;/*--10% warm gray--*/
	font-size: 110%;
	line-height: 140%;
	font-family: sans-serif;
}
	

/*== Structure
=================================================================================*/

#wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "header"
						 "nav"
						 "main"
						 "footer";
	grid-template-rows: auto;
	grid-column-gap: 20px;
	padding: 10px 20px 20px 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #ffffff;
	max-width: 740px;
}


/*-- Header & Footer Structure
--------------------------------------------------------------------------------*/

header {
	grid-area: header; /*--Grid Specks--*/
}
.headergrid {
	display: grid; /*--Flex Specks--*/
	grid-template-columns: 3fr 1fr;
	grid-template-rows: auto;
	border-top: 5px solid #552288; /*--Purple--*/
	border-bottom: 10px solid #552288; /*--Purple--*/
	margin-bottom: 10px;
}
#skip {
	font-size: .7em;
}
#logo {
	margin-top: -5px;
	padding: 0 0 0 126px; /* Mobile 15px 0 0 0; */
	background: none;
}
#name {
	margin: -5px 0px 0 0px;
	padding: 0 0 4px 80px; /* Mobile 0 0 4px 0; */
	font-size: 1.2em;
	line-height: 1.2em;
}
#media {
	padding-right: 2px;
	padding-top: 120px;
	text-align: right;
}
#media a {
	border-bottom: none;
	background: none;
}
footer {
	grid-area: footer; /*--Grid Specks--*/
}
.footergrid {
	display: grid; /*--Flex Specks--*/
	grid-template-columns: 1fr 3fr;
	grid-template-rows: auto;
	grid-gap: 20px;
	padding-top: 10px;
	border-top: 5px solid #552288; /*--Purple--*/
}


/*-- Main Structure
--------------------------------------------------------------------------------*/

main {
	grid-area: main; /*--Grid Specks--*/
}
section {
	padding-bottom: 20px;
}
iframe {
	margin: 0 0 20px 0;
	border: none;
}
.gridcol-2 {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
}
.gridcol-4 {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
}
.gridcol-1-3 {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 3fr;
	grid-template-rows: auto;
	grid-gap: 20px;
}


/**-- Structural Widths
--------------------------------------------------------------------------------*/

.w720 {
	width: 720px; /* 1 Column + margins + margin= 720px; Mobile auto */
}
.w700 {
	width: 700px; /* 4x160 + margins= 700px; Mobile auto */
}
.w540 {
	width: 540px; /* 3x160 + margins + margin= 540px; Mobile auto */
}
.w520 {
	width: 520px; /* 3x160 + margins= 520px; Mobile auto */
}
.w480 {
	width: 480px; /* 2x220 + margins= 480px; Mobile auto */
}
.w460 {
	width: 460px; /* 2x220 + margin= 460px; Mobile auto */
}
.w380 {
	width: 380px;
}
.w360 {
	width: 360px; /* 2x160 + margin= 360px; Mobile auto */
}
.w340 {
	width: 340px; /* 2x160= 340px; Mobile auto */
}
.w220 {
	width: 220px; /* 1x220= 220px Mobile auto */
}
.w200 {
	width: 200px; /* 1x200= 200px Mobile auto */
}
.w180 {
	width: 180px; /* 1x160 + margin= 180px Mobile auto */
}
.w160 {
	width: 160px; /* 1x160= 160px Mobile auto */
}


/*== Lists & Links
=================================================================================*/

/**-- Ordered & Unordered Lists
--------------------------------------------------------------------------------*/

ol {
	list-style-type: decimal;
	margin: 0 0 0 30px;
	padding: 0 0 .5em 0;
}
ol.decimal {
	list-style-type: decimal;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ul {
	list-style-type: square;
	margin: 0 0 0 25px;
	padding: 0 0 .5em 0;
}
ul.circle {
	list-style-type: circle;
}
ul > li > ul > li {
	padding: 0;
}
ol li, ul li {
	padding: 0 0 .3em 0;
}
ol li p {
	margin: 0 0 .2em 30px;
}
ol.hierarchy {
	padding: 0 0 .5em 0;
}
ol.hierarchy li {
	padding: .3em 0 0 0;
}
ol.hierarchy > li > ol,
ol.hierarchy > li > ol > li > ol, 
ol.hierarchy > li > ol > li > ol > li > ul {
	padding: 0;
}


/*-- Base Links
--------------------------------------------------------------------------------*/

a:link,
a:visited {
	color: #991111; /*--Red--*/
	font-weight: bold;
}
a:hover,
a:focus,
a:active {
	color: #fff; /*--White--*/
	background: #991111; /*--Red--*/
}


/*-- Image Links
--------------------------------------------------------------------------------*/

a:link img,
a:visited img {
	margin: 0;
	opacity: 1.0;
	-webkit-transition: opacity 0.3s; /*- transition added to normal state -*/
	   -moz-transition: opacity 0.3s;
		 -o-transition: opacity 0.3s;
			transition: opacity 0.3s;
	text-decoration: none;
}
a:hover img,
a:focus img,
a:active img {
	opacity: 0.5;
}
a.img-link {  /*- add to "a" tag for images -*/
	border-bottom: none;
	background: none;
}


/*-- Nav
--------------------------------------------------------------------------------*/

nav {
	grid-area: nav; /*--Grid Specks--*/
	border-bottom: 5px solid #552288; /*--Purple--*/
}

.navhormain {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 3px;
	margin-bottom: 10px;
}
.navhormain a:link, 
.navhormain a:visited {
	display: block;
	padding: 1em 5px .8em 5px;
	background-color: #d7d8d2; /*--10% warm gray--*/
	color: #000; /*--Black--*/
	text-align: center;
	line-height: 1em;
	text-decoration: none;
}
.navhormain a:hover, 
.navhormain a:focus,
.navhormain a:active {
	color: #fff; /*--White--*/
	background-color: #991111; /*--Red--*/
}
.navhormain a.open {
	color: #000; /*--Black--*/
	background-color: #ffdd00; /*--Soft Yellow--*/
}
hr.navmainrule{
	border-top: 2px solid #552288; /*--Purple--*/
	padding-bottom: 10px;
}

/*-- Horizontal Nav, Mobile Nav
--------------------------------------------------------------------------------*/

.navhoryellow, .navhorgray {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 3px;
	margin-bottom: 10px;
}
.navhoryellow a:link, .navhorgray a:link,
.navhoryellow a:visited, .navhorgray a:visited {
	display: block;
	padding: 1em 5px .8em 5px;
	text-align: center;
	line-height: 1.1em;
	text-decoration: none;
}
.navhoryellow a:link, 
.navhoryellow a:visited {
	background-color: #ffdd00; /*--Soft Yellow--*/
	color: #000; /*--Black--*/
}
.navhorgray a:link, 
.navhorgray a:visited {
	background-color: #d7d8d2; /*--10% warm gray--*/
	color: #000; /*--Black--*/
}
.navhoryellow a:hover, .navhorgray a:hover,
.navhoryellow a:focus, .navhorgray a:focus,
.navhoryellow a:active, .navhorgray a:active {
	color: #fff; /*--White--*/
	background-color: #991111; /*--Red--*/
}


/*-- 7 days, Mobile Nav
--------------------------------------------------------------------------------*/
.days {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 3px;
	margin-bottom: 10px;
}
.days a:link,
.days a:visited {
	display: block;
	padding: 1em 5px .8em 5px;
	text-align: center;
	line-height: 1.1em;
	background: #ffdd00; /*--Yellow--*/
	color: #000; /*--Black--*/
	text-decoration: none;
}
.days a:hover,
.days a:focus, 
.days a:active {
	color: #fff; /*--White--*/
	background: #991111; /*--Red--*/
}


/*-- Links List
--------------------------------------------------------------------------------*/
.linklist {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 3px;
}
.linklist-2 {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 3px;
}
.linklist-3 {
	display: grid; /*--Grid Specks--*/
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 3px;
}
.linklist a:link, .linklist-2 a:link, .linklist-3 a:link,
.linklist a:visited, .linklist-2 a:visited, .linklist-3 a:visited {
	display: block;
	padding: 1em 5px .8em 10px;
	text-align: left;
	line-height: 1.1em;
	background: #d7d8d2; /*--10% warm gray--*/
	color: #000; /*--Black--*/
	text-decoration: none;
	margin-bottom: 3px;
}
.linklist a:hover, .linklist-2 a:hover, .linklist-3 a:hover,
.linklist a:focus, .linklist-2 a:focus, .linklist-3 a:focus,
.linklist a:active,.linklist-2 a:active, .linklist-3 a:active {
	color: #fff; /*--White--*/
	background: #991111; /*--Red--*/
}
 a:link.linklist-indent,
 a:visited.linklist-indent {
	padding-left: 25px;
}
.linklist-indent-2 a:link,
.linklist-indent-2 a:visited {
	padding-left: 50px;
}


/*== PARTNER GRID
=================================================================================*/

/*.partners {
	display: grid; /*--Grid Specks--*
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 0;
	align-items: center;
}*/

.partners {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	grid-template-rows: auto;
	grid-gap: 4px;
	align-items: center;
}


/*-- Content Details
--------------------------------------------------------------------------------*/

.margin-b {
	margin-bottom: 20px; /* use on grid elements that float */
}
.float {
	float: left;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hrtopwide {
	border-top: 5px solid #552288; /*--Purple--*/
}
.hrbotwide {
	border-bottom: 5px solid #552288; /*--Purple--*/
}
.hrtopthin {
	border-top: 1px solid #552288; /*--Purple--*/
}
.hrbotthin {
	border-bottom: 1px solid #6c6c69; /*--40% warm gray--*/
}
.em80 {
	font-size: .8em;
	line-height: 1.3em;
}
.em90 {
	font-size: .9em;
	line-height: 1.3em;
}
.bc {
	background-color: #d7d8d2; /*--10% warm gray--*/
	padding-left: 5px;
	padding-right: 5px;
}
.bch {
	display: block;
	background-color: #d7d8d2; /*--10% warm gray--*/
	margin-bottom: .3em;
	margin-top: .9em;
	padding-left: 5px;
	padding-right: 5px;
}
.bch-y {
	display: block;
	background-color: #ffdd00; /*--Yellow--*/
	margin-bottom: .3em;
	margin-top: .9em;
	padding-left: 5px;
	padding-right: 5px;
}
.bch-p {
	display: block;
	background-color: #552288; /*--Purple--*/
	margin-bottom: .3em;
	margin-top: .9em;
	padding-left: 5px;
	padding-right: 5px;
}
h3.bch-p {
	color: #fff;
}
.bch-first {
	display: block;
	background-color: #d7d8d2; /*--10% warm gray--*/
	margin-bottom: .3em;
	margin-top: .3em;
	padding-left: 5px;
	padding-right: 5px;
}
.bch-y-first {
	display: block;
	background-color: #ffdd00; /*--Yellow--*/
	margin-bottom: .3em;
	margin-top: .3em;
	padding-left: 5px;
	padding-right: 5px;
}


.bc p, .bc h2, .bc h3, .bc h4, .bc h5,
h2.bch, h3.bch, h4.bch, h5.bch {
	padding-left: 5px;
	padding-right: 5px;
}
h2.bch, h3.bch, h4.bch, h5.bch {
	padding-left: 5px;
}


/*-- Buttons
--------------------------------------------------------------------------------*/

.button a {
	margin: .3em 0 .3em 0;
	padding: 5px 20px 5px 20px;
	font-size: 1.2em;
	font-weight: normal;
	display: inline-block;
	text-align: center;
	min-width: 200px;
	border: 1px solid #6c6c69;
	border-radius: 10px;
}
.button a:link,
.button a:visited {
	background: #991111; /*--Red--*/
	color: #fff; /*--White--*/
	border-bottom: none;
	text-decoration: none;
}
.button a:hover,
.button a:focus,
.button a:active {
	background: #ffdd00; /*--Yellow--*/
	color: #000; /*--Black--*/
}


/*== Content Tags
=================================================================================*/

/**-- Paragraph Tag
--------------------------------------------------------------------------------*/

p { 
	padding-bottom: .5em;
}
p.solid {
	padding-bottom: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.underline {
	font-weight: bold;
	text-decoration: underline;
}
.strikethrough {
	text-decoration: line-through;
}
.highlight {
	background-color: #ffdd00; /*--Yellow--*/
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.indent {
	padding-left: 30px;
}
.indent-2 {
	padding-left: 60px;
}
.text-big {
	font-size: 1.5em;
	line-height: 1.1em;
}

/**-- Head Tags
--------------------------------------------------------------------------------*/

h1 {
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1em;
	margin: .8em 0 .3em 0;
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.1em;
	padding: .4em 0 .2em 0;
}
.page-break	{ 
	display: none;
}
h3 { 
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.1em;
	padding: .3em 0 .2em 0;
}
h4 { 
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	padding: .2em 0 .2em 0;
}
h5 { 
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	padding: .2em 0 .2em 0;
}
h2.top {
	padding-top: 0;
}


/**-- Definition Lists
--------------------------------------------------------------------------------*/

dl {
	margin: 0 0 .6em 20px;
}
dl dt {
	margin: .4em 0 0 -20px;
	font-weight: bold;
}
dl dd {
	font-size: 1em;
}

#faq dl {
	margin: 0 0 0 20px;
}
#faq dl dt {
	margin: 0 0 0 -20px;
	font-size: 1.2em;
	font-weight: bold;
}
#faq dl dd {
	margin: 0 0 .5em 0;
	font-size: 1em;
}


/**-- Blockquote
--------------------------------------------------------------------------------*/

blockquote {
	margin: 0 0 .4em 0;
	padding: 0 6em 0 6em;
	font-style: italic;
}


/*== Images
=================================================================================*/

/**-- Images
--------------------------------------------------------------------------------*/

p.hrtopwide img {
	margin: 3px 0 0 0;
}
p.floatleft img {
	margin: 0 20px 20px 0;
}
p.floatright img {
	margin: 0 0 20px 20px;
}
p.floatleft-solid img {
	margin: 0 20px 0 0;
}
img.top {
	vertical-align: top;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/**-- Figures
--------------------------------------------------------------------------------*/

figure {
	margin: 0 20px 15px 0;
}
figure img {
	vertical-align: bottom; /*--eliminates gap at bottom of cell--*/
}
figure img.image-border {
	border: 1px solid #000;
}
figcaption {
	padding: 5px 5px 10px 5px;
	background-color: #d7d8d2; /*--10% warm gray--*/
	font-size: .9em;
	line-height: 1em;
	font-style: italic;
}


/*== TABLES
=================================================================================*/

table {  /*--Reset--*/
	border-collapse: collapse;
	border-spacing: 0;
}


/**-- Tables - Head Top
--------------------------------------------------------------------------------*/

table {
	margin: 0 0 10px 0;
	width: 100%;
}
caption.head2 {
	padding: 0 0 .3em 0;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.1em;
	text-align: left;
}
caption.head3 {
	padding: 0 0 .3em 0;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.1em;
	text-align: left;
}
th {
	background-color: #d7d8d2; /*--10% warm gray--*/
	font-weight: bold;
	text-align: left;
}
th, td {
	padding: .3em .2em 0 .4em;
}
th.nowrap, td.nowrap {
	white-space: nowrap;
}
td {
	border-bottom: 1px solid #6c6c69; /*--40% warm gray border--*/
}
td.top {
	vertical-align: top; /*--aligns text to top of cell--*/
}


/**-- Tables - Head Left
--------------------------------------------------------------------------------*/

table.head-left th {
	background-color: #d7d8d2;
	border-bottom: 1px solid #6c6c69; /*--40% warm gray border--*/
}
table.head-left td {
	border-bottom: 1px solid #6c6c69; /*--40% warm gray border--*/
}


/**-- Tables - Head Both
--------------------------------------------------------------------------------*/

table.head-both th {
	background-color: #d7d8d2;
	border-bottom: 1px solid #6c6c69; /*--40% warm gray border--*/
	border-right: 1px solid #6c6c69; /*--40% warm gray border--*/
}
table.head-both td {
	border-bottom: 1px solid #6c6c69; /*--40% warm gray border--*/
	border-right: 1px solid #6c6c69; /*--40% warm gray border--*/
}


/*== FORM USING OL
=================================================================================*/

form ol {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
	}
form ol li {
	margin: 0;
	padding: .4em 0 0 0;
	}

form {
	margin: 0 0 0 0;
	width: auto;
	}
fieldset {
	float: left;
	clear: left;
	margin: 10px 0 0 0;
	width: 100%;
	border: none;
	}
legend {
	font-size: 1.4em;
	}
fieldset p {
	margin: 0 0 5px 0;
	}	
fieldset ol {
	float: left;
	clear: left;
	width: 100%;
	padding: 10px 0 5px 0;
	background-color: #d7d8d2;
	list-style: none;
	}
fieldset li {
	float: left;
	width: 100%;
	}
label {
	float: left;
	width: 200px;
	padding: .2em 10px .2em 10px; /*-top and bottom should match entry-*/
	text-align: right;
	}
label.right {
	padding: 0 8px 0 8px;
	text-align: left;
	}
input, select {
    vertical-align: middle;/*-From Reset set-*/
}
input,
textarea,
select {
	float: left;
	margin: 0 0 5px 0; /*-Space below entry box-*/
	padding: .2em .2em .2em .2em; /*-top and bottom should match label-*/
	border: 1px solid #6c6c69;
	font-size: 1em;
	font-family: inherit;
	background-color: #fff;
	}
input,
textarea {
	width: 66%; /*width=1*/
	}
textarea {
	height: 80px;
	}
input[type=radio],
input[type=checkbox] {
	width: auto;
	}
input[type=radio] {
	position: relative;
	top: .2em;
	}
	
/*-- submit --*/	
	
fieldset.submit {
	float: none;
	width: auto;
	margin: 0;
	padding: 15px 0 10px 200px;
	}
input[type=submit] {
	float: none;
	padding: 2px 0 2px 0;
	background-color: #d7d8d2; /*--10% warm gray--*/
	font-size: 1.1em;
	font-family: inherit;
	}
input:hover[type="submit"] {
	background: #991111; /*--Red--*/
	color: #fff; /*--White--*/
}


/*-width divisions in pixels: 1=380, .75=285, .5=190, .33=125, .25=95 -*/
/*-width divisions in percent: 1=66, .75=50, .5=33, .33=22, .25=16 -*/

fieldset .width75 {
	width: 50%;
	}
fieldset .width50 {
	width: 33%;
	}
fieldset .width33 {
	width: 22%;
	}
fieldset .width25 {
	width: 16%;
	}


/*== Newsletter-Form-lookup GRID
=================================================================================*/

form.lookup {
	display: grid;
	grid-template-columns: 140px 1fr;
	grid-gap: 10px;
	margin: 20px 0 30px 0;
}
form.lookup > label {
    grid-column: 1 / 2;
	width: 140px;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	text-align: right;
}
 
form.lookup > select {
    grid-column: 2 / 3;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 1.1em;
	text-align: left;
}
form.lookup > input {
    grid-column: 2 / 3;
	margin: 0;
	padding: .2em 0 .2em 0;
	background-color: #d7d8d2;/*--10% warm gray--*/
	font-size: 1.1em;
	text-align: center;
}


/*== FORM AND TABLE WIDTHS
=================================================================================*/

.w020 {
	width: 20px;
}
.w030 {
	width: 30px;
}
.w040 {
	width: 40px;
}
.w050 {
	width: 50px;
}
.w060 {
	width: 60px;
}
.w070 {
	width: 70px;
}
.w080 {
	width: 80px;
}
.w090 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w120 {
	width: 120px;
}
.w130 {
	width: 130px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w240 {
	width: 240px;
}
.w280 {
	width: 280px;
}
.w380 {
	width: 380px;
}


/*== @ Media Screen
=================================================================================*/
@media only screen and (max-device-width: 812px) {
body {
	font-size: 160%;
}
#wrapper {
	max-width: 120%;
}
}


/*== @ Media Print
=================================================================================*/
@media print { 
	.headergrid { display: none; }
	.navhormain { display: none; }
	.footergrid { display: none; }
	hr { display: none; }
}