/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme
 Template:     twentyseventeen
 Version:      1.0.0
 Text Domain:  twenty-seventeen-child
*/

/* =Theme customization starts here

This is a basic twenty-seventeen child wordpress reset and template for quick customizations of most basic elements.  For example, you can do a find and replace of the colors throughout this stylesheet to set site-wide color schemes for most elements.  There is also a pre-set forms style that you can customize.

I also included a twelve column responsive set of classes, as well as classes for basic element changes like inline-block, text-centered, etc...

NOTE - there are many "reset" type codes that are already built into the wordpress core stylesheet such as box-sizing, margin and padding resets, etc... so this stylesheet isn't near as helpful outside of wordpress

-------------------------------------------------------------- */

/* Global Classes - MOBILE FIRST
-------------------------------------------------------------- */
* {
	-ms-word-break: break-all;
	word-break: keep-all;

	// Non standard for webkit
	word-break: keep-all;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
html, body, p, h1, h2, h3, h4, h5, h6, input {
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 400;
	line-height: 1.7;
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	margin: .2em 0 .5em 0;
	width: auto;
    line-height: 1.3;
    padding: 0;
    font-weight: 300;
}
h1 { font-size: 2.0em; color: #146057; }
h2 { font-size: 1.8em; color: #146057; }
h3 { font-size: 1.5em; color: #146057; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
ul, ol { padding: 0 0 0 1em; }
li { line-height: 1.5; margin: 0 0 .7em 0; }
p {font-size: 1em;}
p:last-child {margin-bottom: 0;}
a, .entry-content a, .comment-content a, .entry-meta a {color: #1f4876; transition: color 300ms ease-out; font-weight:bold; border:0; border-bottom: 0;}
a:hover, .entry-content a:hover, .comment-content a:hover, .entry-title a:hover, .entry-meta a:hover, .navigation a:hover {text-decoration: none; color: #182f19; border-bottom: 0; }
a:visited, .entry-content a:visited, .comment-content a:visited, .entry-meta a:visited {color: #4c4c4c;}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong { box-shadow: none; }
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:focus:not(.prev):not(.next), .pagination a:hover:not(.prev):not(.next), .comments-pagination a:focus:not(.prev):not(.next), .comments-pagination a:hover:not(.prev):not(.next), .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover { box-shadow: none; }
.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
    box-shadow: none;
}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
img {max-width: 100%;}
footer.entry-meta {
	display:none;
}
::selection {
	background: #aaa;
	color: #FFF;
	text-shadow: 0;
}
hr {
	border-top: 1px solid #1f4876;
	width: 70%;
	clear:both;
	margin: 3% auto;
	background:none;
}
input, textarea {
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%);
	background: linear-gradient(top, #fafafa 0%,#ffffff 100%);
	border: 1px solid #c0c0c0;
	margin: 5px 5px 5px 0;
	display: inline-block;
	-moz-box-shadow: 0;
	box-shadow: 0;
	-webkit-box-shadow: 0;
	text-shadow: 0;
	padding: 8px 10px 8px;
	color: #000;
	width: 100%;
	transition: box-shadow 300ms ease-out;
	-moz-transition: box-shadow 300ms ease-out;
	-webkit-transition: box-shadow 300ms ease-out;
}
input:focus, textarea:focus {
	border: 1px solid #555;
	box-shadow: inset 0 0 10px #ccc;
	-moz-box-shadow: inset 0 0 10px #ccc;
	-webkit-box-shadow: inset 0 0 10px #ccc;
}
input[type="search"] {
	width: auto;
	background: #fafafa;
	max-width: 200px;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
}
input[type="search"]:focus {
	border-color: #777;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #555;
}
button, input[type="submit"], input[type="button"], input[type="reset"], .with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .frm_form_submit_style, .with_frm_style.frm_login_form input[type=submit], #respond .form-submit input, #respond .form-submit input#comment-submit, #respond .comment-form-fields input[type=submit], #respond p.form-submit input[type=submit], #respond input[type=submit], #commentform #submit {
	padding: 1em 2em;
	text-align: center;
	color: #fff;
	background-color: #146057;
	background-image: none;
	border-radius: 0;
	-webkit-transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	-moz-transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	-o-transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	text-transform: uppercase;

}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, .with_frm_style .frm_submit input[type=submit]:hover {
	background-color: #000;
	background-image: none;
	border-radius: 0;
	color: #fff;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	padding: 1em 2em;
}
input[type="checkbox"], input[type="radio"] {
	display: inline-block;
	width: auto;
	margin-right: .5em;
}
.centered { margin: 0 auto; }
.text-centered { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }
.float-right { float:right; clear:none; }
.float-left { float:left; clear:none; }
img.float-left { margin: 0 2% 2% 0; }
.top-align { vertical-align:top; }
.middle-align { vertical-align:middle; }
.clear-both { clear:both; }
.extra-padding { padding: 1em; }
.inline-block { display: inline-block; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.img-full-width { width: 100%; }
.row { margin: 0 0 1em 0; padding: 0; }
div.row:after { clear:both; }
.column-gutter, .column-no-gutter { vertical-align:top; float:left; transition: width 300ms ease-out; width: 100%; }
.column-gutter.last-column, .column-no-gutter.last-column, .row { margin: 0 0 1em 0; }
form .column-gutter.last-column, form .column-no-gutter.last-column, form .row { margin: 0 0 1em 0; }
.last-column::after { clear:both; content:''; display:block; }
.column-gutter.six, .column-no-gutter.six, .column-gutter.four, .column-no-gutter.four, .column-gutter.three, .column-no-gutter.three { width: 100%; margin: 0 0 1em 0; }
.column-no-gutter.twelve {width: 100%; margin: 0 0 1em 0; }
.column-gutter.twelve {width: 100%; margin: 0 0 1em 0;}
.row div.column-gutter:last-child {margin-right: 0 !important;}
.column-gutter.city, .column-gutter.state, .column-gutter.zip-code { width: 100%; margin: 0 0 1em; 0; }
div.layout-examples div.column-gutter, div.layout-examples div.column-no-gutter {
	background-color: #374c5a;
	color: #fff !important;
	padding: 1em;
	text-align:center;
}
a.custom-button {
	margin: 1em 0;
	background-color: #1f4876;
	display:inline-block;
	color: #fff !important;
	font-weight: 400;
	padding: 1em 2em;
	border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
	transition: background-color 200ms ease-out, border-radius 200ms ease-out;
}
a.custom-button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #182f19;
}
p.disclaimer {
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    margin: 8px auto;
}
p.footer-disclaimer {
	font-size: 12px;
	text-align: center;
	margin: 1.5em auto 1.5em auto;
	padding: 0 1em;
}
.content-wrapper {
	max-width: 960px;
	padding: 0 1em;
	margin: 0 auto;
}
ul.custom-list {
	padding: 0;
}
ul.custom-list li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
}
ul.custom-list li::before {
    content: '';
	font-family: 'Font Awesome 5 Pro';
    color: #1f4876;
    display: none;
}
ul.custom-list.checkmark li::before { content: '\f00c'; }
ul.custom-list.arrow li::before { content: '\f054'; }
ul.custom-list.star li::before { content: '\f005'; }
ul.custom-list.info li::before { content: '\f05a'; }
ul.custom-list.link li::before { content: '\f14c'; }
ul.custom-list li .svg-inline--fa { position: absolute; top: 0; left: 0; }
li.custom-list-item { position: relative; padding: 0 0 0 20px; }
li.custom-list-item i { position: absolute; top: 2px; left: 0; }
a#scroll-to-top-link {
    padding: 10px;
    bottom: 40px;
    right: 0;
    position: fixed;
    display: none;
    font-size: 1.2em;
    line-height: 1;
    background-color: #1f4876;
    background-color: rgba(31,72,118,.8);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #fff;
}
#scroll-to-top-link.show {
    display: inline-block;
}
.alpha-custom-box { overflow:hidden; }

/* NAVIGATION CUSTOMIZATIONS
===================================================*/

#masthead .wrap {
    padding-left: 0;
    padding-right: 0;
}
.navigation-top {
    border-top: 1px solid #fff;
    border-bottom: 8px solid #1f4876;
    z-index: 99999;
}
.navigation-top nav {
    margin-left: 0;
}
.navigation-top .wrap {
    max-width: 1200px;
    padding: 0;
}
.main-navigation {
    position: relative;
}
.main-navigation li { margin: 0; line-height: 1.7; }
.main-navigation a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #fff;
    background-color: #1f4876;
}
ul#top-menu {
    text-align: center;
}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, .with_frm_style .frm_submit input[type="submit"]:hover {
    color: #fff;
}
.main-navigation a.home-logo-link {
    display: inline-block;
    float:left;
    padding: .6em;
    margin: 0;
    max-width: 100px;
}
.main-navigation a.home-logo-link:hover {
    background-color: transparent;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
    color: #1f4876;
}
.main-navigation a {
    text-transform: uppercase;
    line-height: 1.4;
    font-size: 1em;
    padding: 12px;
    color: #1f4876;
    transition: background-color 300ms ease-out, color 300ms ease-out;
    -o-transition: background-color 300ms ease-out, color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out, color 300ms ease-out;
    -webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
}
.main-navigation > div > ul { padding: 0; }
.main-navigation ul { text-align: center; }
.main-navigation ul ul { padding: 0; }
.main-navigation ul ul a { padding: .5em .75em; }
.main-navigation ul ul.toggled-on { background-color: #f1f1f1; padding: .5em 0; }
.dropdown-toggle { right: 0; }
button.dropdown-toggle:active { padding: .5em; }
.menu-toggle:focus { outline: none; }

/* END NAVIGATION CUSTOMIZATIONS
===================================================*/


/* SITE SPECIFIC CUSTOMIZATIONS
===================================================*/

.left-sidebar, .right-sidebar {
		float:none;
        position: relative;
		width: 100%;
		border-right: 0;
		border-left: 0;
		margin: 0 auto 1.5em auto;
	}
.right-page-content, .left-page-content { width: 100%; float:none; margin: 0 auto 3em auto; }
.left-sidebar.no-border { border-right: 0; }
.right-sidebar.no-border { border-left: 0; }
.site-main { position: relative; }
.wrap { max-width: 1200px; padding-left: 1.5em; padding-right: 1.5em; }
.entry-footer { padding: .5em 0; }
.site-branding { padding: 0; }
.site-branding a:hover, .site-branding a:focus { opacity: 1; }
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float:none;
    width: 100%;
}
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float:none;
    width: 100%;
}
.entry-content a img, .widget a img { box-shadow: none !important; }
.top-bar {
    text-align: right;
}
.site-branding a {
    display: inline-block;
    padding: .5em 1.5em .5em 1.5em;
    color: #fff;
    position: relative;
    font-weight: 300;
    text-transform: uppercase;
    font-size: .9em;
}
.site-branding a.member-login, .site-branding a.member-logout, .site-branding a.member-page, .site-branding a.buyers-guide, .site-branding a.action-center { 
    display:block; 
    background-color: #182f19;  
    text-align: center;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
.site-branding a.buyers-guide, .site-branding a.action-center { clear:both; }
.site-branding a.buyers-guide { border-bottom: 1px solid #146057; }
.logged-in .site-branding a.member-login, .logged-in .site-branding a.member-logout, .site-branding a.member-page {  
    float:left;
    width: 50%; 
}
.site-branding a.member-login:hover, .site-branding a.member-logout:hover, .site-branding a.member-page:hover { background-color: #000; }
.site-branding a::before {
    font-family: "Font Awesome 5 Pro";
    margin: 0 12px 0 0;
    line-height: 1;
    display: none;
}
.site-branding a.phone::before {
    content: '\f095';
}
.site-branding a.contact::before {
    content: '\f0e0';
}
.site-branding a.member-page, .site-branding a.member-logout { border-right: 1px solid #146057; border-bottom: 1px solid #146057; }
.site-branding a.member-login::before {
    content: '\f023';
}
.site-branding a.member-logout::before {
    content: '\f09c';
}
.site-branding a.top-link .svg-inline--fa { margin-right: 4px; }
.site-branding { text-align: center; background-color: #146057; }
.site-footer .widget-area { text-align:center; }
.quick-stat { margin: 0 auto 1em auto; text-align: center; position: relative; }
.quick-stat:last-column { margin: 0 auto; }
.quick-stat .stat-title, .quick-stat .stat-text, .quick-stat .stat-icon { color: #fff; text-shadow: 1px 1px 3px #000; }
.quick-stat .stat-title { font-weight: 600; margin: 0; font-size: 1.8em; }
.quick-stat .stat-text { margin: 0; }
.quick-stat .stat-icon { font-size: 80px; }
.entry-content .more-link::before { display: inline-block; margin-top: 0; }
.site-footer { background-color: #e6e6e6; }
.site-info { text-align: center; }
.site-info a { color: #1f4876; }
.custom-button.footer-button { margin: 0; }
ul.footer-sitemap { padding: 0; }
ul.footer-sitemap li { border-top: 0; border-bottom: 0; padding: 0; list-style-type: none; }
ul.footer-sitemap li a:before { content:'\f0da'; font-family: "Font Awesome 5 Pro"; display: none; }
ul.footer-sitemap li a .svg-inline--fa { margin-right: 4px; }
section#shortcodes-ultimate-2 .su-gmap { margin: 0; border: 2px solid #cecece; }
section#shortcodes-ultimate-2 .su-responsive-media-yes { padding-bottom: 80%; }
.footer-contact p { line-height: 1.5; }
.site-footer .widget-column.footer-widget-2 { width: 100%; float: none; max-width: 1200px; text-align: center; margin: 0 auto; padding: 0 1em; }
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { color: #146057; font-size: 1.8rem; line-height: 1; border-bottom: 1px solid #cecece; padding-bottom: 10px; }
.sidebar-widget { margin: 0 0 2em 0; }
.sidebar-widget .update { padding: 1em; border: 1px solid #e6e6e6; border-bottom: 0; }
.sidebar-widget .update:last-child { border-bottom: 1px solid #e6e6e6; }
.sidebar-widget .update h3 { font-size: 1.2em; }
.sidebar-title { font-size: 1.4em; }
.sidebar-widget.quote { border: 2px solid #83a6cc; padding: 2em; border-radius: 8px; background-color: #f9f9f9; }
.quote .quote-text { font-size: 1.4em; }
.quote .quote-author { font-size: .8em; font-style: italic; padding: 0 0 0 1.5em; line-height: 1.3; }
.su-spoiler .su-spoiler-title { font-size: 1em; border-top: 1px solid #cecece; }
.css-columns.three { columns: 1; -moz-columns: 1; -webkit-columns: 1; column-gap: 2.5em; -moz-column-gap: 2.5em; -webkit-column-gap: 2.5em; }
.su-spoiler-style-fancy { border-radius: 0 !important; }
.su-spoiler-style-fancy > .su-spoiler-title { text-transform: uppercase; border-radius: 0 !important; }
blockquote { margin: 1.5em auto; border-top: 2px solid #1f4876; border-bottom: 2px solid #1f4876; padding: 1em; }
.footer-widget-2 #text-7 { background-color: #efefef; border: 1px solid #000; padding: 2px; }
.footer-widget-2 #text-7 .gas-title { background-color: #cecfce; font-weight: bold; color: #000; font-size: 18px; text-align: center; line-height: 1; margin: 0 auto 8px auto; padding: 6px; }


/* END SITE SPECIFIC CUSTOMIZATIONS
===================================================*/


/* PAGE SPECIFIC CUSTOMIZATIONS
===================================================*/

.intro-wrapper { 
    overflow: hidden;
    max-width: 1200px; 
    margin: 0 auto; 
    background-color: #fff;
    padding: 0;
}
.intro-left, .intro-right { background-color: #fff; padding: 1.5em; }
.intro-right { 
    background-image: url('/wp-content/themes/twentyseventeen-child/art/green-wheat-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.mission h2 { margin: 0 0 .5em 0; font-weight: bold; }
.intro-left p { text-align: justify; }
.quick-links-wrapper { padding: 0; margin: 0 auto; max-width: 1200px; text-align: center; border: 1px solid #fff; }
.quick-links-wrapper a.custom-button { width: 100%; margin: 0 auto; border-bottom: 1px solid #fff; }
.quick-links-wrapper a.custom-button:last-child { border-bottom: 0; }
.pub-bg { background-color: #e6e6e6; margin: 0 auto; }
.pub-wrapper { max-width: 1200px; margin: 0 auto 2em auto; padding: 3em 1.5em; overflow:hidden; }
.pub-box { margin: 0 auto 3em auto; }
.pub-box:last-child { margin: 0 auto; }
.pub-thumb { float: left; margin: 0 .6em .3em 0; max-width: 120px; }
.pub-title { font-weight: 600; margin: 0 0 .2em 0; font-size: 1.4em; }
.pub-box p { margin: 0 0 .5em 0; }
.custom-button.pub-button { margin: 0; }
.updates-wrapper { max-width: 1200px; margin: 0 auto 2em auto; padding: 0 1.5em; position: relative; }
.update-title { font-size: 1.3em; margin: 0 0 .2em 0; }
.blog-updates { margin: 0 auto 3em auto; }
.blog-updates .display_archive .campaign, .mt-petrol-report .display_archive .campaign, .member-newsletter .display_archive .campaign { padding: .5em; border: 1px solid #f1f1f1; border-bottom: 0; line-height: 1.4; }
.blog-updates .display_archive .campaign:last-child, .mt-petrol-report .display_archive .campaign:last-child, .member-newsletter .display_archive .campaign:last-child { border-bottom: 1px solid #f1f1f1; }
table.permits { border: 1px solid #cecece; border-radius: 4px; }
table.permits tr { display: block; padding: 1em; }
table.permits td { display: block; text-align:center; padding: 0 .4em; line-height: 1.4; }
table.permits th:first-child, td:first-child { padding: .4em; }
table.permits tr:nth-child(odd) { background-color: #f1f1f1; }
table.permits tr.table-header { background-color: #dadada; }
.child-page { margin: 0 auto 1.5em auto; border-bottom: 1px solid #cecece; padding-bottom: 1.5em; }
.child-page h2 { font-size: 1.5em; margin: 0; }
.child-page p { margin: 0; }
table.myth-fact.hydraulic-fracturing { margin: 2em auto 0; border: 2px solid #1f4876; }
table.myth-fact.hydraulic-fracturing tr { border-bottom: 2px solid #1f4876; }
table.myth-fact.hydraulic-fracturing tr.table-header { display: none; background-color: #1f4876; }
table.myth-fact.hydraulic-fracturing tr.table-header td { color: #fff; }
table.myth-fact.hydraulic-fracturing td { display: block; padding: 12px; }
span.table-mobile-label { font-weight: bold; color: #1f4876; }
.energy-future-wrapper { padding: 2em; overflow: hidden; }
.covid-message { text-align: center; padding: 6px 1em; margin: 0 auto; background-color: #146057; }
.covid-message p, .covid-message a { display: inline-block; vertical-align: middle; margin: 0; padding: 1em; color: #fff; font-weight: bold; }
.covid-message p { font-size: 1.4em; line-height: 1; }
.covid-message a { background-color: red; }
.home-meeting-notice { padding: 16px 20px; background-color: red; text-align: center; font-size: 1.2em; color: #fff; }
.home-meeting-notice p { color: #fff; }
.home-meeting-notice a { color: #fff; text-decoration: underline; }

/* END PAGE SPECIFIC CUSTOMIZATIONS
===================================================*/


/* SLIDER  CUSTOMIZATIONS
===================================================*/

/* END SLIDER CUSTOMIZATIONS
===================================================*/


/* BLOG POST/CATEGORY CUSTOMIZATIONS
===================================================*/


/* END BLOG POST/CATEGORY CUSTOMIZATIONS
===================================================*/

@media screen and (min-width: 20em) /* ==== 320px ==== */ {
    
}

@media screen and (min-width: 30em) /* ==== 480px ==== */ {
    h1 { font-size: 2.2em; }
    h2 { font-size: 2.0em; }
    h3 { font-size: 1.8em; }
    h4 { font-size: 1.6em; }
    h5 { font-size: 1.4em; }
    h6 { font-size: 1.2em; }
    .column-gutter.six { margin: 0 4% 0 0; }
    form .column-gutter.six { margin: 0 2% 0 0; }
    .column-gutter.six { width: 48%; }
    form .column-gutter.six { width: 49%; }
    .column-no-gutter.six { width: 50%; }
    .column-gutter.four, .column-gutter.three { margin: 0 4% 0 0; }
    form .column-gutter.four, form .column-gutter.three { margin: 0 2% 0 0; }
    .column-gutter.four { width: 30.66666%; }
    form .column-gutter.four { width: 32%; }
    .column-no-gutter.four { width: 33.33333%; }
    .row.all-the-same .column-gutter.three { width: 48%; }
    form .row.all-the-same .column-gutter.three { width: 49%; }
    .row.all-the-same .column-no-gutter.three { width: 50% }
    .row.all-the-same .column-gutter.three:nth-child(even), .row.all-the-same .column-no-gutter.three:nth-child(even) { margin: 0 0 4% 0; }
    form .row.all-the-same .column-gutter.three:nth-child(even), form .row.all-the-same .column-no-gutter.three:nth-child(even) { margin: 0 0 2% 0; }
    .column-gutter.last-column, .column-no-gutter.last-column, .row { margin: 0 0 4% 0; }
    form .column-gutter.last-column, form .column-no-gutter.last-column, form .row { margin: 0 0 2% 0; }
    .column-gutter.city, .column-gutter.state, .column-gutter.zip-code { margin: 0 0 2% 0; }
    .column-gutter.state, .column-gutter.zip-code { width: 49%; }
    .column-gutter.state { margin: 0 2% 2% 0; }
    .site-branding { text-align: right; }
    .site-branding a.member-login { display:inline-block; float:none; width: auto; }
    .logged-in .site-branding a.member-logout, .logged-in .site-branding a.member-page { float:none; width: auto; display: inline-block; }
    .site-branding a.buyers-guide, .site-branding a.action-center { float:left; clear:none; }
    .site-branding a.buyers-guide { border-right: 2px solid #146057; }
    .quick-links-wrapper a.custom-button { width: 50%; float:left; border-left: 1px solid #fff; }
    .quick-links-wrapper a.custom-button:nth-child(even) { border-right: 1px solid #fff; }
    .quick-links-wrapper a.custom-button:last-child { border-bottom: 1px solid #fff; }
    table.permits tr { display: table-row; }
    table.permits td { display: table-cell; padding: .4em; line-height: 1.8; }
    section#shortcodes-ultimate-2 .su-responsive-media-yes { padding-bottom: 56%; }
}

@media screen and (min-width: 48em) /* ==== 768px ==== */ {
    .row.all-the-same .column-gutter.three, .column-gutter.three { width: 22%; }
    form .row.all-the-same .column-gutter.three, form .column-gutter.three { width: 23.5%; }
    .row.all-the-same .column-no-gutter.three, .column-no-gutter.three { width: 25%; }
    .row.all-the-same .column-gutter.three:nth-child(even) { margin: 0 4% 0 0; }
    form .row.all-the-same .column-gutter.three:nth-child(even) { margin: 0 2% 0 0; }
    .column-gutter.city { width: 49%; margin: 0 2% 0 0; }
    .column-gutter.state, .column-gutter.zip-code { width: 23.5%; }
    .left-sidebar, .right-sidebar {
        position: absolute;
        width: 300px;
        top: 0;
        overflow: hidden;
    }
    .left-sidebar { left: 0; }
    .right-sidebar { right: 0; }
    .right-page-content, .left-page-content { width: 100%; overflow:hidden; }
    .right-page-content { padding: 0 0 0 350px; }
    .left-page-content { padding: 0 350px 0 0; }
    .main-navigation a { padding: 1.9em 1em; }
    .main-navigation ul { text-align: left; }
    .site-content { padding: 2.5em 0 0; }
    .intro-left, .intro-right { float:left; width: 50%; padding: 2em; min-height: 25em; }
    .mission h2 { font-size: 2.6em; }
    .intro-right { padding: 3em 4em; }
    ul#top-menu { text-align: right; }
    .quick-stat { text-align: left; margin: 0 auto 2.5em auto; padding: 0 0 0 120px; }
    .quick-stat:last-child { margin: 0 auto; }
    .quick-stat .stat-icon { position: absolute; top: 0; left: 0; }
    .blog-updates { padding: 0 340px 0 0; }
    .facebook-updates { position: absolute; top: 0; right: 1.5em; width: 300px; }
    .site-info { width: 100%; max-width: 1600px; margin: 0 auto; }
    .site-footer .wrap { max-width: 1600px; }
    .site-footer .widget-column.footer-widget-1 { float:none; width: 100%; }
    .widget-column section.widget { display: inline-block; width: 100%; max-width: 250px; margin: 0 4em 2em 0; vertical-align: top; text-align: left; }
    .widget-column section.widget:last-child { margin: 0; }
    #login-message-form p.login-username, #login-message-form p.login-password { width: 48%; float:left; margin: 0 4% 0 0; }
    #login-message-form p.login-password { margin: 0 0 1em 0; }
    #login-message-form .login-submit input[type="submit"] { display: inline-block; width:auto; padding: 1em; }
    .css-columns.three { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
    table.myth-fact.hydraulic-fracturing { margin: 3em auto 0; }
    table.myth-fact.hydraulic-fracturing tr.table-header { display: table-row; }
    table.myth-fact.hydraulic-fracturing td { display: table-cell; }
    span.table-mobile-label { display:none; }
    .energy-future-wrapper .left, .energy-future-wrapper .right { float:left; }
    .energy-future-wrapper .left { width: 40%; padding-right: 1em; }
    .energy-future-wrapper .right { width: 60%; padding-left: 1em; }
}

@media screen and ( min-width: 52em ) /* ==== 832px ==== */ {
    h1 { font-size: 2.4em; }
    h2 { font-size: 2.2em; }
    h3 { font-size: 2.0em; }
    h4 { font-size: 1.8em; }
    h5 { font-size: 1.6em; }
    h6 { font-size: 1.4em; }
    .main-navigation a.home-logo-link { max-width: 150px; }
    .quick-links-wrapper a.custom-button { width: 25%; }
    .quick-links-wrapper a.custom-button:last-child { border-right: 1px solid #fff; }
    .pub-box { float:left; padding: 0 1.5em 0 0; margin: 0 auto 1em auto; }
    .pub-wrapper.two-column .pub-box { width: 50%; }
    .pub-wrapper.three-column .pub-box { width: 33.3333%; }
    .pub-box:last-child { padding: 0; }
    .pub-thumb { max-width: 160px; }
    .custom-button.pub-button { display: inline-block; margin: 0; }
    section#shortcodes-ultimate-2 .su-responsive-media-yes { padding-bottom: 100%; }
}

@media screen and ( min-width: 67em ) /* ==== 1072px ==== */ {
    .pub-thumb { max-width: 130px; }
    .css-columns.three { columns: 3; -moz-columns: 3; -webkit-columns: 3; }
}

@media screen and ( min-width: 79em ) /* ==== 1264px ==== */ {

}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
    
}