/*!
Theme Name: Jefferson County PUD 3.1
Theme URI: https://www.jeffersoncountypud.com/
Author: Craig Labenz
Author URI: https://www.craiglabenz.com/
Description: Description
Version: 3.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jeffcopud
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lp-expertise is based on Underscores https://underscores.me/, (C) 2012-2021 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Roboto', sans-serif;
	font-size: 115%;
	line-height: 1.5;
}

h1 {
	clear: both;
    margin-top:0;
    font-weight: 700;
    color: #b23c26;
    margin-bottom: 15px;
    line-height: 1.25;
}

h2,
h3,
h4,
h5,
h6  {
    color:#2f6aa5;
    clear: both;
    margin-top:0;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.25;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
}



p {
	margin-bottom: 1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #2f6aa5;
}

a:visited {
	color: #2f6aa5s;
}

a:hover,
a:focus,
a:active {
	color: #17384f;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*

===============================================

==================== INDEX ====================

===============================================

1.Body

2.Typography

3.Header

  3.1.Menu

  3.2.Logo

4.Content Elements

  4.1.Home

  4.2.Content Pages

  4.4.3.Layout Builder

5.Sidebars/Widgets

6.Footer

7.@media only screen and (min-width: 768px)

  7.1.Body

  7.2.Typography

  7.3.Header

    7.3.1.Menu

    7.3.2.Logo

  7.4.Content Elements

    7.4.1.Home

    7.4.2.Content Pages

    7.4.3.Layout Builder

  7.5.Sidebars/Widgets

  7.6.Footer

8.@media only screen and (min-width: 959px)

  8.1.Body

  8.2.Typography

  8.3.Header

    8.3.1.Menu

    8.3.2.Logo

  8.4.Content Elements

    8.4.1.Home

    8.4.2.Content Pages

    8.4.3.Layout Builder

  8.5.Sidebars/Widgets

  8.6.Footer

9.@media only screen and (min-width: 1020px)

  9.1.Body

  9.2.Typography

  9.3.Header

    9.3.1.Menu

    9.3.2.Logo

  9.4.Content Elements

    9.4.1.Home

    9.4.2.Content Pages

    9.4.3.Layout Builder

  9.5.Sidebars/Widgets

  9.6.Footer

*//*

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

==================== 1.Body ===================

===============================================

*/

body {
	font-family: 'Roboto', sans-serif;
}

.clearfix {
	clear:both;
}

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

=============== 2.Typography ==================

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


a:hover {
	cursor: pointer;
}

.no-underline {
	border-bottom: 0px !important;
}


.blue-text {
	color:#003366;
}

.green-text {
	color:#045566;
}

.smaller-text {
	font-size: 100%;
}

.large-text {
	font-size: 130%;
}

.larger-text {
	font-size: 150%;
}

.even-larger-text {
	font-size: 180%;
}


.no-padding {
    padding: 0;
}

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

================= 3.Header ====================

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

#wpadminbar {
    z-index: 99999 !important;
}

.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group .input-group-btn {
   z-index: 99979 !important;
}

header#masthead {
	position:relative;
	z-index: 99989;
	width: 100%;
    background: #4b87c4; /* Old browsers */
    background: -moz-linear-gradient(top,  #4b87c4 0%, #2f6aa5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4b87c4 0%,#2f6aa5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4b87c4 0%,#2f6aa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b87c4', endColorstr='#2f6aa5',GradientType=0 ); /* IE6-9 */

}

header .logo-container {
	/*position:relative;
	width: 100%;
	float: none;
	z-index: 30;
	padding-left:0px;
	text-align: center;*/
	    position: relative;
    width: 22%;
    float: left;
    z-index: 30;
    padding-left: 20px;
}


/*
header .right-nav-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-top: -75px;
    float: right;
    z-index: 20;
    padding-right: 0;
}*/

header .mobile-outage-alert-container  {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-top: -75px;
    float: right;
    z-index: 20;
    padding-right: 0;
    margin-right: 110px;
    text-align: right;
}

a.outage-alert-icon {
    background: url(img/outages-icon.svg) no-repeat 50% 50%;
    background-size: 45px 45px;
    outline: 0 none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    margin-top: 5px;
}


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

================== 3.1.Menu ===================

===============================================

*/

.ubermenu.ubermenu-archive_right_column_menu {
    overflow: visible !important;
    z-index: 90;
}

.ubermenu {
    font-size:100%;
}

.ubermenu p {
    margin:0;
}

.fas.fa-bars {
    font-size: 2.2em;
	color:#ffffff;
}

.primary-nav .ubermenu-responsive-toggle {
    padding: 22px 20px 32px;
    margin-top: -88px;
}

.ubermenu-responsive-toggle {
    vertical-align: middle !important;
	line-height: 30px !important;
	font-weight: 600;
}

.ubermenu-responsive-toggle .fa {
    margin-right: .3em !important;
}

.ubermenu-retractor.ubermenu-retractor-mobile {
	color:#00244c;
}

.ubermenu.ubermenu-uppernav_ubermenu .ubermenu-target {
    padding: 0px 20px 0px 20px;
    line-height: 55px;
}

.ubermenu.ubermenu-uppernav_ubermenu .search-box {
    padding: 6px 0px 6px 20px;
}

.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-target {
    padding: 10px 25px 10px 25px !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {
    margin-top: -8px !important;
}

.ubermenu .ubermenu-custom-content p {
    line-height: 1.3em;
	color:#bfbfbf;
}

.ubermenu .ubermenu-search input.ubermenu-search-input {
    padding: 8px 40px 8px 10px !important;
}

.ubermenu .ubermenu-custom-content.search-box .ubermenu-search .ubermenu-searchform {
    position: relative;
    background: #ffffff;
	font-size: 100%;
    width: 250px;
    margin: 0px;
}

.right-nav-container .ubermenu .ubermenu-search .ubermenu-search-submit {
    font-size: 1.1rem;
}

.ubermenu .ubermenu-custom-content.search-box .ubermenu-search .ubermenu-searchform input[type="text"] {
	font-size: 100%;
}

.ubermenu .ubermenu-search .ubermenu-searchform {
    margin: 0px !important;
}

.ubermenu .ubermenu-item.ubermenu-active .ubermenu-submenu-drop {
    z-index: 100;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #003366 !important;
	opacity: .5 !important;
	font-size: 14px !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #003366 !important;
	opacity: .5 !important;
	font-size: 14px !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #003366 !important;
	opacity: .5 !important;
	font-size: 14px !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #003366 !important;
	opacity: .5 !important;
	font-size: 14px !important;
}

.ubermenu .upper-nav-search .ubermenu-custom-content p {
    color:#ffffff;
}

.upper-nav .ubermenu a,
.upper-nav .ubermenu a:visited {
	color: #bbdbfb;
	color: #ffffff;
}

.upper-nav .ubermenu a:hover {
	color: #ffffff;
	color: #bbdbfb;
}

.primary-nav .ubermenu a {
	text-transform: none;
}
.primary-nav a {
	color:#ffffff;
	width:100%;
}


.primary-nav .ubermenu a:hover {
	color: #8ccdfa;
}

.ubermenu.ubermenu-primarynav_ubermenu {
    padding: 0px;
}

.ubermenu.ubermenu-primarynav_ubermenu a,
.ubermenu.ubermenu-primarynav_ubermenu a:visited {
	color:#ffffff;
}
.ubermenu.ubermenu-primarynav_ubermenu a:hover {
	color:#00244c;
	color:#ffffff;
}

.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-submenu a,
.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-submenu a:visited {
	color:#00244c;
}

.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-submenu a:hover {
	color:#2f6aa5;
}





#ubermenu-primarynav_ubermenu-39-primary-2 {
    padding: 0px;
}

#ubermenu-primarynav_ubermenu-39-primary-2 a,
#ubermenu-primarynav_ubermenu-39-primary-2 a:visited {
	color:#ffffff;
}
#ubermenu-primarynav_ubermenu-39-primary-2 a:hover {
	color:#00244c;
	color:#ffffff;
}

#ubermenu-primarynav_ubermenu-39-primary-2 .ubermenu-submenu a,
#ubermenu-primarynav_ubermenu-39-primary-2 .ubermenu-submenu a:visited {
	color:#00244c;
}

#ubermenu-primarynav_ubermenu-39-primary-2 .ubermenu-submenu a:hover {
	color:#2f6aa5;
}

/*
#ubermenu-primarynav_ubermenu-3-primary-2 {
    padding: 0px;
}

#ubermenu-primarynav_ubermenu-3-primary-2 a,
#ubermenu-primarynav_ubermenu-3-primary-2 a:visited {
	color:#ffffff;
}

#ubermenu-primarynav_ubermenu-3-primary-2 a:hover {
	color:#00244c;
}

#ubermenu-primarynav_ubermenu-3-primary-2 .ubermenu-submenu a,
#ubermenu-primarynav_ubermenu-3-primary-2 .ubermenu-submenu a:visited {
	color:#00244c;
}

#ubermenu-primarynav_ubermenu-3-primary-2 .ubermenu-submenu a:hover {
	color:#2f6aa5;
}
*/



/*submenu styles*/

.primary-nav .ubermenu .ubermenu-submenu a,
.upper-nav .ubermenu .ubermenu-submenu a:visited {
	color:#ffffff;
	text-transform: none;
}

.primary-nav .ubermenu .ubermenu-submenu a:hover {
	color:#8ccdfa;
}

/*submenu background color one level down*/

.primary-nav .ubermenu .ubermenu-submenu {
		background-color:#dae4ee;
	}

.primary-nav .ubermenu .ubermenu-submenu .ubermenu-target {
	font-size: 100%;
	
}

.primary-nav .ubermenu .ubermenu-submenu  .ubermenu-target {
    padding: 8px 20px 8px 40px !important;
}

/*.primary-nav .ubermenu .ubermenu-submenu  .ubermenu-target .ubermenu-target {
    padding: 6px 20px 6px 30px !important;
}*/

.primary-nav .ubermenu .ubermenu-submenu {
		padding:15px 0 15px 0px;
	}

.primary-nav .ubermenu .ubermenu-submenu .ubermenu-submenu {
	padding:0px 0 15px 0px;
	margin-left:10px;
}

.primary-nav .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu {
	padding:0px 0 0px 0px;
	margin-left:15px;
}

.primary-nav .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target span {
	padding-left: 0px;
	margin-left:10px; text-indent:-15px;
}

.primary-nav .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target span::before {
	content:"\f0c8";
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	font-size:8px;
	padding-right: 5px;
	color:#3976b2;
	width:38px;
	text-align: left;
	vertical-align: 15%;
}
	
.ubermenu .ubermenu-retractor {
	padding: 10px 20px !important;
}

a.special-mobile-color {
	background-color:#113f6c !important;
}

.ubermenu a.special-mobile-color img.ubermenu-image {
	display:inline-block;
}

.ubermenu.ubermenu-primarynav_ubermenu a.special-mobile-color.top-mobile-link.ubermenu-target {
	padding-top:30px !important;
	background-color:#113f6c !important;
}

.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.top-mobile-link {
	padding: 30px 25px 10px 25px !important;
	background-color:#113f6c !important;
	color:#ffffff;
}

.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.top-mobile-link a {
	color:#ffffff;
	text-decoration: none;
	font-size: 15px;
}

.ubermenu.ubermenu-primarynav_ubermenu a.special-mobile-color.bottom-mobile-link.ubermenu-target {
	padding-bottom:30px !important;
}

.primary-nav .ubermenu .ubermenu-search .ubermenu-searchform {
 position:relative;
 background:#f9f9f9;
 width:100%;
 margin:7px
}

.primary-nav .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
    position: relative;
    top: 50%;
    right:0;
    margin-left:10px;
    margin-top: -6px;
    color:#e27532;
}

.primary-nav .ubermenu-horizontal.ubermenu-items-align-flex .ubermenu-nav .ubermenu-item-level-0 {
   text-align: left;
}
/*

===============================================

================== 3.2.Logo ===================

===============================================

*/


a.homelink {
    background: url(img/jefferson-county-pud.svg) no-repeat 50% 50%;
    background-size: 123px 63px;
    outline: 0 none;
    display: inline-block;
    margin: 15px 0px 15px 0px;
    padding: 0px;
    width: 123px;
    height: 63px;
    text-indent: -9999px;
}


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

============ 4.Content Elements ===============

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

.full-width-row {
    width: 100%;
}

.row,
.row .row {
    margin-left: 0px;
    margin-right: 0px;
	position: relative;
	width:100%;
	max-width: 100%;
}

.full-width-row > .row {
  margin-left: auto;
  margin-right: auto;
  padding: 0em 0px 0 0px;
  max-width: 1500px;
    overflow: auto;
}

.full-width-row > .row .row {
  margin-left: auto;
  margin-right: auto;
  padding: 0em 0px 0 0px;
  max-width: 1500px;
    overflow: auto;
}


#main-content-area {
	padding-top:30px;
	width: 100%;
}

#main-content-area img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
	margin-bottom: 30px;
}

#main-content-area img.alignleft {
		float:left;
		padding: 30px 30px 0px 0;
	}
	
	#main-content-area img.alignright {
		float:right;
		padding: 30px 0px 0px 30px;
	}

#main-content-area .home-trio-container img {
  margin-bottom: 0px;
}

/*This changes the column padding in Foundation to match the column padding in VC*/
.columns {
    padding-left: 30px;
    padding-right: 30px;
}

.page-template-page-layout-builder-2023-broadband .columns {
    padding-left: 25px;
    padding-right: 25px;
}

.wrapper {
    margin: 0px auto !important;
    clear: both;
    display: block;
    padding:30px 0px 80px 0px;
    max-width: 1500px;
	overflow:auto;
}

.page-template-page-layout-builder-2023 .wrapper-new {
    max-width: 100%;
	 padding:30px 0px 80px 0px;
}

.wrapper-inner {
    margin: 0px auto !important;
    clear: both;
    display: block;
    padding:20px 0px 0 0px;
	width:100%;
	/*background-color:#ffffff;*/
}

.wrapper-header {
    margin: 0px auto !important;
    clear: both;
    display: block;
    padding:0px 0px 0px 0px;
    max-width: 1470px;
}

.archive-nav-yearly-links {
	text-align:center;
	padding-bottom:20px;
}

.background-light-blue {
	background-color: #e5f6fd;
}

.background-dark-gray {
    background-color: #353334;
}

.background-blue {
    background-color: #588ec5;
}

.background-green {
    background-color: #adc664;
}

.background-red {
    background-color: #b23c26;
}

.full-width-row.background-blue,
.full-width-row.background-dark-gray,
.full-width-row.background-green,
.full-width-row.background-red,
.full-width-row.background-orange {
    padding:50px 0 50px 0;
    color:#ffffff !important;
}

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

.page-template-page-layout-builder .semantic_ui .ui.striped.table > tr:nth-child(2n),
.page-template-page-layout-builder .semantic_ui .ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(229,235,241,.3);
}


.page-template-page-layout-builder .semantic_ui .ui.selectable.table tbody tr:hover,
.page-template-page-layout-builder .semantic_ui .ui.table tbody tr td.selectable:hover {
    background: rgba(229,235,241,.5)!important;
    color: rgba(0,0,0,.95)!important;
}

#main-content-area .ninja_table_wrapper img {
    margin-bottom: 0px;
    padding: 5px 0 5px 0;
   max-height: 35px;
} 
/*

===============================================

============= 4.2.Home ===============

===============================================

*/

.home-page-alerts-feed {
    padding:20px 30px 30px 30px;
    /*border-bottom: solid 8px #e27532;*/
}

/*.twitter-left {
    text-align: left;
}

.twitter-right {
    padding-left: 15px;
}*/

.home-page-alerts-feed {
	text-align: left;
    font-size:1em;
    font-weight: 400;
    margin-bottom: 30px;
}

.home-page-alerts-feed.normal {
	background-color: #588ec5;
	color: #ffffff !important;
}

.home-page-alerts-feed.yellow {
	background-color: #eccd50;
	color: #17384f !important;
}

.home-page-alerts-feed.orange {
	background-color: #e27532;
	color: #ffffff !important;
}

.home-page-alerts-feed.red {
	background-color: #b23c26;
	color: #ffffff !important;
}

.outages-page-alerts-feed.normal {
	background-color: #588ec5;
}

.outages-page-alerts-feed.yellow {
	background-color: #eccd50;
}

.outages-page-alerts-feed.orange {
	background-color: #e27532;
}

.outages-page-alerts-feed.red {
	background-color: #b23c26;
}

.home-page-special-announcement-background.background-dark-blue {
	background: linear-gradient(to bottom, #204f79 0%,#275987 8%);
	color:#ffffff !important;
}

.home-page-special-announcement-background.yellow {
	background-color: #eccd50;
	color: #17384f !important;
}

.home-page-special-announcement-background.orange {
	background-color: #e27532;
	color: #ffffff !important;
}

.home-page-special-announcement-background.red {
	background-color: #b23c26;
	color: #ffffff !important;
}




.home-page-alertsr-feeds p {
	margin:0;
}

.home-page-alerts-feed.normal a {
	color:#ffffff;
	text-decoration: underline;
}

.home-page-alerts-feed.yellow a {
	color:#17384f;
	text-decoration: underline;
}

.home-page-alerts-feed.orange a {
	color:#ffffff;
	text-decoration: underline;
}

.home-page-alerts-feed.red a {
	color:#ffffff;
	text-decoration: underline;
}

.home-page-alerts-feed a:hover {
	text-decoration: underline;
}

/*.home-page-twitter-feed .fa {
	font-size: 2.75em;
}*/

.ditty-item__elements {
	position: relative;
	font-family: Roboto,sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

.ditty-slider__slide {
  line-height: 1;
}

/*a.mtphr-dnt-nav-next,
a.mtphr-dnt-nav-next:hover,
a.mtphr-dnt-nav-prev,
a.mtphr-dnt-nav-prev:hover {
    text-decoration: none !important;
}

.mtphr-dnt-twitter-handle {
	padding-right:10px;
}

.mtphr-dnt-twitter-time {
	font-style: oblique;
    padding-left: 10px;
}*/

.home .content-area {
	padding:30px 0 30px 0;
}

.home-page-callout-container .home-callout-inner-container {
	/*border-bottom: #C1BDBD solid 1px;*/
	margin-bottom:25px;
}

.home-callout-box-image {
	margin-bottom:20px;
}

.home h2 {
	font-size:1.5em;
    color: #b23c26;
}

.tribe-mini-calendar-event {
    border-bottom: 1px solid #C1BDBD;
}

.tribe-common a.tribe-events-widget-events-list__event-title-link {
    color:#2f6aa5;
}

.tribe-events-widget {
  margin-bottom: var(--tec-spacer-0);
}

.tribe-events-widget .tribe-events-widget-events-list__view-more {
  margin-top: var(--tec-spacer-0);
  display: none;
}

.tribe-common h2.tribe-events-widget-events-list__header-title.tribe-common-h--alt.tribe-common-h6 {
  font-weight: var(--tec-font-weight-bold);
    font-size: var(--tec-font-size-5);
    padding-left: 18px;
}

.tribe-events-widget-events-list__header {
    padding-left: 30px;
}

h2.widgettitle {
	margin-top:0;
}

.home-page-image-trio-label {
	position: absolute;
	bottom: 0;
	padding:20px 15px;
	color:#ffffff;
	width: 100%;
	font-weight: bold;
}

.home-page-image-trio-label h3 {
	color:#ffffff;
	margin-bottom: 0;
}

.home-trio-container {
	position: relative;
	margin-bottom: 30px;
}

.layout-row-container.home-trio {
	margin-bottom: 30px;
	margin-top:20px;
}

.home-trio-container img {
	width:100%;
	max-width: 100%;
}

.home-trio-container .light-blue {
	background-color:rgba(207,231,241,0.7);
}

.home-trio-container .dark-teal {
	background-color:rgba(43,85,102,0.7);
}

.home-trio-container .yellow {
	background-color:rgba(251,174,56,0.7);
}

.home-trio-container .dark-blue {
	background-color:rgba(47,106,165,0.7);
}

.background-light-blue {
	background-color:rgba(207,231,241,1);
	color:#ffffff;
}

.background-light-blue a {
	color:#ffffff;
}

.background-dark-teal {
	background-color:rgba(43,85,102,1);
	color:#ffffff;
}

.background-dark-teal a {
	color:#ffffff;
}

.background-yellow {
	background-color:#eccd50;
}

.background-dark-blue {
	background: linear-gradient(to bottom, #204f79 0%,#275987 8%);
	color:#ffffff;
}

.background-dark-blue a {
	color:#ffffff;
}

.mtphr-dnt-twitter-name-name {
	display:none;
}

.home-page-news-feed .wrapper {
		padding:40px 0 50px 0;
}

.home-page-news-feed {
	font-size: 1.1em;
	text-align: left;
    margin-bottom: 80px;
}

.home-page-news-feeds p {
	margin:1em;
}

.home .home-page-news-feed h2 {
	font-size:2em;
	color:#ffffff;
}

.home .home-page-news-feed h4 {
	margin-bottom:0;
}

.home-page-news-feed .callout-box-button a:hover {
	text-decoration: none;
	color:#ffffff;
}

.background-quicklinks {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e7eff6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e7eff6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#e7eff6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eff6',GradientType=0 ); /* IE6-9 */
    border-bottom: solid 30px #adc664;

}

.home-page-feature-content-container {
    margin:0px 0 30px 0;
    padding-top:30px;
    border-top:2px solid #c8cacc;
}
.wrapper.home-page-special-announcement {
	padding: 30px 0px 30px 0px;
	font-size: 90%;
}

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

============ 4.Content Pages ===============

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


#error-404 {
    text-align: center;
    margin-bottom: 45px;
	padding-top: 45px;
}

body #error-404 h1 {
    font-size: 100px !important;
    line-height: 100px !important;
	color: #eaa203;
	font-weight:800;
	text-align: center;
	max-width: 100%;
	margin: 0.1em 0;
}

body #error-404 h2 {
    text-transform: uppercase;
	font-size: 30px;
    color: #eaa203;
	font-weight:600;
}

.wrapper-news {
    margin: 0px auto !important;
    clear: both;
    display: block;
    padding: 50px 0px 80px 0px;
    max-width: 1500px;
    overflow: auto;
}

.news-page {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.news-page.column,
.news-page.columns {
    position: relative;
	padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
}

#main-content-area .news-page img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
}

.news-page .position-1 {
    flex: 1 0 50%;
    margin: 0px 15px 30px 15px;
    display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
}

.news-page .position-2 {
    flex: 1 0 50%;
    margin: 0px 15px 30px 15px;
    display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
}

.news-page .position-3 {
    flex: 1 0 50%;
    margin: 0px 15px 30px 15px;
    display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
}

.news-page .position-4 {
    flex: 1 0 50%;
    margin: 0px 15px 30px 15px;
    display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
}

.news-page .position-5 {
    flex: 1 0 50%;
    margin: 0px 15px 30px 15px;
    display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
}

.news-page .individual-post-container {
    /*padding-bottom: 30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;*/
    text-align: center;
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
}

/*a.individual-post-container .post-title-container h2,
a.individual-post-container .post-title-container h2:hover {
	color:#ffffff;
    margin-bottom: 0;
    font-weight: 400;
}*/

a.individual-post-container .post-title-container h2 {
    font-size: 1em;
}
    

.post-title-container {
    flex: 1;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 25px 25px 25px 25px;
}

a.individual-post-container,
a.individual-post-container:hover {
    text-decoration: none;
}


a.individual-post-container .post-title-container h2::after {

    /*font-family: 'FontAwesome';
    content: '\f061';
    color: #ffffff;
    display: inline-block;
    margin-left: 10px;
    font-size: 1.35em;
    line-height: 1em;
    */vertical-align: middle;
    font-weight: 400;
    font-family: 'FontAwesome';
content: '\f054';
color: #e27532;
padding-left: 6px;
}

/*.news-page a.individual-post-container.color-1 .post-title-container h2::after {
    color: #64a7b5;
}

.news-page a.individual-post-container.color-2 .post-title-container h2::after {
    color: #92b5d8;
}

.news-page a.individual-post-container.color-3 .post-title-container h2::after {
    color: #94b7d9;
}*/

.news-page .color-1 {
	/*background-color: #045566;
    border-bottom: solid 8px #043641;
	text-align: center;*/
    background-color: #e5ebf1;
    border-bottom: solid 8px #588ec5;
    text-align: left;
}

.news-page .color-2 {
	/*background-color: #2f6aa5;
    border-bottom: solid 8px #153d65;
	text-align: center;*/
    background-color: #e5ebf1;
    border-bottom: solid 8px #588ec5;
    text-align: left;
}

.news-page .color-3 {
	/*background-color: #003366;
    border-bottom: solid 8px #2f6ead;
	text-align: center;*/
    background-color: #e5ebf1;
    border-bottom: solid 8px #588ec5;
    text-align: left;
}

.post-navigation a {
    text-decoration: none;
    font-size: 1.25em;
    font-weight: 500;
}

.post-navigation .alignright a::after {

    /*font-family: 'FontAwesome';
    content: '\f061';
    color: #94b7d9;
    display: inline-block;
    margin-left: 10px;
    font-size: 1.35em;
    line-height: 1em;
    vertical-align: middle;
    font-weight: 400;*/
    vertical-align: middle;
    font-weight: 400;
    font-family: 'FontAwesome';
    content: '\f054';
    color: #e27532;
    padding-left: 6px;
    font-size: 1.35em;
}

.post-navigation .alignleft a::before {

    font-family: 'FontAwesome';
    content: '\f060';
    color: #94b7d9;
    display: inline-block;
    margin-right: 10px;
    font-size: 1.35em;
    line-height: 1em;
    vertical-align: middle;
    font-weight: 400;
}


.news-page.home-news-callout .color-1 {
	background-color: #e5ebf1;
    border-bottom: solid 8px #588ec5;
    text-align: left;
}

.news-page.home-news-callout .color-2 {
	background-color: #e5ebf1;
    border-bottom: solid 8px #588ec5s;
    text-align: left;
}

.news-page.home-news-callout h3 {
    color: #2f6aa5;
    font-size: 1em;
}

.news-page.home-news-callout h3::after {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #e27532;
    padding-left: 6px;
}

.news-page.home-news-callout .position-1 {
    margin: 0px 0px 30px 0px;
}

.news-page.home-news-callout .position-2 {
    margin: 0px 0px 30px 0px;
}

.news-right-column h2.news-column-header {
    font-weight: 800;
    color:#d0d8e0;
    font-size: 88px;
    text-transform: uppercase;
    line-height: 60px;
    margin-top:0;
}

.news-right-column h2.news-column-header a,
.news-right-column h2.news-column-header a:hover,
.news-right-column h2.news-column-header a:active {
    color:#d0d8e0;
    text-decoration: none;
}

.single .widget-container.widget_recent_entries ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single .widget-container.widget_recent_entries ul li {
    margin-bottom: 15px;
}

/* form */

.news-signup .mailpoet_form {
    
}

.news-signup .mailpoet_form input {
    border-radius: 0;
}

.news-signup .mailpoet_form .mailpoet_paragraph {
    margin-bottom: 20px;
}

.news-signup h2 {
    text-transform: uppercase;
    font-weight: 600;
}

.news-signup .mailpoet_segment_label {
    margin-bottom: 10px;
}

.news-signup .mailpoet_checkbox_label {
    margin-bottom: 10px;
}

.news-signup .mailpoet_paragraph.subscribe-button input {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color:#ffffff;
    background-color: #eaa203;
    padding:13px 20px 10px 20px !important;
}

.news-right-column .ubermenu .ubermenu-search input.ubermenu-search-input {
    padding: 6px 40px 6px 15px !important;
    width:200px;
    color: #666;
    border: 1px solid #ccc;
    font-size: 1rem;
}

.news-right-column .ubermenu .ubermenu-custom-content.search-box .ubermenu-search .ubermenu-searchform {
    position: relative;
    background: #ffffff;
    font-size: 16px;
    width: 200px;
    margin: 0px;
}

.news-right-column .ubermenu .ubermenu-custom-content.search-box {
    padding: 6px 0 6px 0px;
}

.news-right-column .widget-container {
    padding: 30px 0 30px 0;
    border-bottom: solid 4px #abbccd;
}

.news-right-column .widget-container h2 {
     text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.news-right-column .widget-container .category-menu-title {
     text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0;
}

.news-right-column .ubermenu {
    z-index: 0;
}

/*

===============================================

============ 4.3.Layout Builder ===============

===============================================

*/

.layout-row-container {clear:both}

.page-template-page-layout-builder #main .mainBottom {
	padding: 24px 10px 70px 10px !important;
	box-sizing: border-box;
}

.page-template-page-layout-builder-two-columns #main .mainBottom {
	padding: 24px 10px 70px 10px !important;
	box-sizing: border-box;
}

.page-template-page-layout-builder-two-columns .content-area.wrapper {
    margin: 0px auto !important;
    clear: both;
    display: block;
    padding:30px 0px 80px 0px;
	padding:0px 0px 80px 0px;
    max-width: 1500px;
	overflow:auto;
}

/*
.page-template-page-layout-builder p,
.page-template-page-layout-builder-two-columns p{
    margin-bottom: 20px;
}

 .page-template-page-layout-builder h1, h2, h3, h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #b23c26;
    margin-bottom: 15px;
}

.page-template-page-layout-builder-two-columns h1 {
	font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #1f3461;
    margin-bottom: 15px;
}

.page-template-page-layout-builder h1,
.page-template-page-layout-builder-two-columns h1 {
    font-size: 36px;
}

.page-template-page-layout-builder h2,
.page-template-page-layout-builder-two-columns h2 {
    font-size: 24px;
}

.page-template-page-layout-builder h3,
.page-template-page-layout-builder-two-columns h3 {
    font-size: 20px;
}
*/

/*
.page-template-page-layout-builder h4,
.page-template-page-layout-builder-two-columns h4 {
    font-size: 18px;
}
*/

.search-results .page-template-page-layout-builder h3,
.search-results h3{
	margin-bottom: 0 !important;
}

.search-results .page-template-page-layout-builder-two-columns h3 {
	margin-bottom: 0 !important;
}

.meeting-archives h3 {
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.meeting-archives .ubermenu .ubermenu-target {
    padding: 10px 20px;
	font-size: 1.15em;
	text-align: center;
	background-color: #cfe7f1;
	margin-bottom: 10px;
}

.meeting-archives-main-section .entry-title a  {
	text-decoration: none;
}

/* ----Accordion Rows Components ----- */

ul.cd-accordion-menu, ul.cd-accordion-menu ul {
	list-style: outside none none;
	margin:0;
	padding:0;
}

.cd-accordion-menu {
  width: 100%;
  margin: 4em auto;
}
.cd-accordion-menu > .has-children > ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label {
    position: relative;
    display: block;
    padding: 10px 10px 10px 0px;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 300px auto;
	background-color: #e5ebf1;
    color: #2f6aa5;
    line-height:24px;
    font-weight:400;
    letter-spacing:.05em;
	margin-bottom: 20px !important;
}
.no-touch .cd-accordion-menu label:hover {
  background: #002F43;
}

.cd-accordion-menu label::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
	margin:10px;
	text-align: center;
	line-height: 24px;
}

.cd-accordion-menu label {
  cursor: pointer;
}

.cd-accordion-menu label span {
	vertical-align: middle;
    display: inline-block;
	max-width: 80%;
}

.cd-accordion-menu label::after {
	content: "\f067";
    font-family: 'FontAwesome';
    left:0px;
    position:absolute;
    top:0;
	color:#44697c;
	background-color:#ffffff; 
}

.cd-accordion-menu label > * {
    vertical-align: middle;
}

.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  content: "\f068";
    font-family: 'FontAwesome';
    right:0px;
    position:absolute;
    top:0;
	color:#44697c;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label {
  background: #35383d;
  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}

.cd-accordion-menu [type="checkbox"], [type="radio"], [type="checkbox"] + label {
    margin: 0 0 0;
}


.accordion-label {
	display: inline-block;
	padding-left: 50px;
}

.accordion-content {
	padding: 30px 0px 10px 0;
}

.cd-accordion-menu ul ul { padding-left:20px; list-style:none; margin-bottom: 1.5em; }
.cd-accordion-menu ul ul li { margin-bottom:10px; }
.cd-accordion-menu ul ul li:before {    
    font-family: 'FontAwesome';
    content: '\f111';
    margin:0 10px 0 -15px;
	font-size:8px;
	line-height: 1.428571429;
	vertical-align: middle;
	color:#2b5566;
}

.cd-accordion-menu label {
    background-color: #e5ebf1;
    color: #2f6aa5;
	font-weight:400;
}

.cd-accordion-menu.light-blue-rows label {
    background-color: #e5ebf1;
    color: #2f6aa5;
	font-weight:400;
}

.cd-accordion-menu.dark-blue-rows label {
    background-color: #4b87c4;
    color: #ffffff;
	font-weight:500;
}


.cd-accordion-menu.labels label {
    position: relative;
    display: inline-block;
    padding: 10px 30px 10px 30px;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 300px auto;
	background-color: #adc664;
    color: #1d3b4b;
    line-height:24px;
    font-weight:600;
	font-size: 1.35em;
    letter-spacing:.05em;
	margin-bottom: 20px !important;
	top: 2px;
	position: relative;
}
.no-touch .cd-accordion-menu.labels label:hover {
  background: #002F43;
}

.cd-accordion-menu.labels label::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
	margin:10px;
	text-align: center;
	line-height: 24px;
}

.cd-accordion-menu.labels label span {
	vertical-align: middle;
    display: inline-block;
	max-width: 100%;
}

.cd-accordion-menu.labels label::before {
	content: "\f067";
    font-family: 'FontAwesome';
	color:#1d3b4b;
	padding-right: 10px;
}

.cd-accordion-menu.labels label::after {
	content: "";
    display: none;
}

.cd-accordion-menu.labels input[type=checkbox]:checked + label::before {
  /* show open folder icon if item is checked */
  content: "\f068";
    font-family: 'FontAwesome';
    color:#1d3b4b;
	padding-right: 10px;
}

.cd-accordion-menu.labels input[type=checkbox]:checked + label::after {
	content: "";
	display: none;
}

.cd-accordion-menu.labels label > * {
    vertical-align: middle;
}

.cd-accordion-menu.labels label span.accordion-label {
  padding-left: 0px;
}

.row.broadband-labels {
	padding-top:50px;
}

.broadband-labels .columns {

}


.title-row {
	/*border-bottom: #5e899a solid 1px;
	padding-bottom:0px;*/
	margin-bottom: 35px;
}

.title-row h2,
.title-row h3 {
	border-bottom: 2px solid #c8cacc;
	padding-bottom: 15px;
	margin-bottom: 0px;
	}

.title-row.no-underline {
	border-bottom: #2b5566 solid 0px;
}

.staff-individual-row {
	border-bottom: #dbded2 solid 1px;
	padding-bottom:0px;
	margin-bottom: 30px;
}

.staff-individual-row .columns {
	padding-bottom:0px;
}

.staff-individual-row .col-md-3.columns img {
	margin-bottom: 30px;
}


.google-maps {
    position: relative;
    padding-bottom: 60%; /* This is the aspect ratio*/
    height: 0;
    overflow: hidden;
	margin-bottom: 30px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border:0;
}

.insertspacer {
	height: 30px;
}

.insertshortspacer {
	height: 15px;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px 0 0px;
    border-bottom: 0px solid #eee;
}

/*Events Calendar Fixes 2-2023*/

#tribe-events-pg-template, .tribe-events-pg-template {
    background-color: #ffffff;
/*	border-top: 20px solid #f5f5f5;*/
	padding-top:15px;
	padding-bottom:30px;
	padding:15px 50px 30px 50px; 
}

#tribe-events-content.tribe-events-single {
	padding:20px 5px 0 5px;
}

h2.tribe-events-page-title {
		font-size: 22px !important;
		line-height: 30px;
	}

h2.tribe-events-page-title {
    clear: both !important;
}

#tribe-events-bar {
    margin-bottom: 20px;
}

.single-tribe_events .tribe-events-single-event-title {
line-height: 1.25 !important;
}

.tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {
  font-size: 115%;
  line-height: var(--tec-line-height-2);
}

a.tribe-events-pro .tribe-events-pro-summary__event-title-link {
  color: #2f6aa5;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3 {
  font-size: var(--tec-font-size-2);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h7--min-medium {
  font-size: var(--tec-font-size-3);
  line-height: var(--tec-line-height-3);
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
    font-size: var(--tec-font-size-1);
}

.callout-box-button-container {
	text-align: center;
	padding:20px 0 30px 0;
}
.callout-box-button {
	display: inline-block;
	text-align: center;
	padding: 5px 25px 5px 25px;
	min-width: 200px;
	background-color: #eccd50;
}

.callout-box-button a {
	text-decoration: none;
	font-size:20px;
	font-weight: 600;
	color:#17384f;
}

a.button {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	min-width: 200px;
	width:90%;
	border-radius: 8px;
	margin: 0 auto;
	margin-bottom: 25px;
	max-width: 400px;
}

a.button:active,
a.button:hover {
	text-decoration: none;
}

a.button.background-button-dark-blue {
	background-color: #275987;
	color:#ffffff;
}

a.button.background-button-dark-blue:hover {
	background-color: #296faf;
}

a.button.background-button-dark-blue:active,
a.button.background-button-dark-blue:hover,
a.button.background-button-dark-blue:focus {
	color:#ffffff !important;
}

a.button.background-bright-blue {
	background-color: #4a8ed4;
	color:#ffffff;
}

a.button.background-bright-blue:hover {
	background-color: #296faf;
}

a.button.background-bright-blue:active,
a.button.background-bright-blue:hover,
a.button.background-bright-blue:focus {
	color:#ffffff !important;
}

a.button.background-orange {
	background-color: #e27532;
	color:#ffffff;
}

a.button.background-orange:hover {
	background-color: #b95416;
}

a.button.background-orange:active,
a.button.background-orange:hover,
a.button.background-orange:focus {
	color:#ffffff !important;
}

a.button.background-button-dark-red {
	background-color: #b23c26;
	color:#ffffff;
}

a.button.background-button-dark-red:hover {
	background-color: #992e1a;
}

a.button.background-button-dark-red:active,
a.button.background-button-dark-red:hover,
a.button.background-button-dark-red:focus {
	color:#ffffff !important;
}

a.button.background-green {
	background-color: #839f30;
	color:#ffffff !important;
}

a.button.background-green:hover {
	background-color: #657d1e;
}

a.button.background-green:active,
a.button.background-green:hover,
a.button.background-green:focus {
	color:#ffffff !important;
}

a.button.background-button-yellow {
	background-color: #eccd50 !important;
	color:#17384f;
}

a.button.background-button-yellow:hover {
	background-color: #dbb726 !important;
}

a.button.background-button-yellow:active,
a.button.background-button-yellow:hover,
a.button.background-button-yellow:focus {
	color:#17384f !important;
}





.calendar-callout-button.callout-box-button-container {
	padding:20px 0 40px 0;
	text-align: center;
	
}

.right-column-background {
    background: rgb(229,235,241);
	background: linear-gradient(180deg, rgba(229,235,241,1) 35%, rgba(202,220,238,1) 100%);
    padding-top:50px;
    padding-bottom: 50px;
	border-radius: 15px;
}


.quick-links a.individual-quick-link-container img {
    max-width:40px;
    height: auto;
}

.quick-links p {
    margin:0;
}

.quick-links p::after {
    font-family: 'FontAwesome';
    content: '\f054';
    color:#2f6aa5;
    padding-left: 6px;
}

.quick-links a.individual-quick-link-container,
.quick-links a.individual-quick-link-container:hover {
    font-size: .8em;
    color:#17384f;
    text-decoration: none;
    line-height: 40px;
}

.quick-links a.individual-quick-link-container {
    flex: 1 0 45%;
    margin: 0px 0px 0px 0px;
    padding-top:10px;
    text-align: center;
    border-left: 1px solid #89aacc;
}

.quick-links a.individual-quick-link-container:last-child {
    border-right: 0px solid #89aacc;
}

.quick-links a:nth-child(-n+4) {
    border-bottom: 1px solid #89aacc;
}

.wrapper.quick-links-wrapper {
    padding:5px 0 5px 0;
}

.meeting-archive-downloads {
	text-align: center;
}

a.archive-button {
	display: inline-block;
	color:#ffffff;
	font-weight: 600;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	background-color: #eaa203;
	margin:10px;
}

.right-archive-nav a.archive-button {
display: inline-block;
color: #ffffff;
font-weight: 600;
text-decoration: none;
padding: 10px 20px 10px 20px;
background-color: #2f6aa5;
margin: 0px;
width: 100%;
text-align: center;
}

.right-archive-column {
	padding:0 0 0 30px;
}

.right-archive-column p
.main-archive-page-column p {
	margin-bottom: .5em;
}

a.meetingarchives.hentry {
	margin-bottom: 0em !important;
	margin: 0 0 0em !important;
}

.meeting-archive-title {
	margin-bottom: .5em;
}


.left-archive-column {
	padding-bottom: 50px;
}

.right-archive-column a.archive-button {
	margin:0px;
	margin-bottom: .5em;
}

.archive-callout-box {
	padding: 35px 30px 50px 30px;
	background-color: #e8f7fd;
	border-radius: 12px;
}

.right-archive-nav .accordion-label {
    color: #ffffff;
    font-size: 15px;
    display: inline-block;
}

.right-archive-nav .cd-accordion-menu label {
    margin-bottom: 0px !important;
}

.right-archive-nav .cd-accordion-menu ul {
	padding: 25px;
	background: #e8f7fd;
}

.main-archive-page-accordions .cd-accordion-menu label {
    margin-bottom: 0px !important;
}


.main-archive-page-accordions .cd-accordion-menu ul {
	padding: 25px;
	background: #e8f7fd;
	margin-bottom:10px;
}

.main-archive-page-accordions ul.cd-accordion-menu, .main-archive-page-accordions ul.cd-accordion-menu ul {
    margin-bottom: 15px;
}

ul.dlm-downloads {
    list-style: none;
	padding: 0;
}

ul.dlm-downloads li {
    padding: 0;
	margin:0;
}

ul.dlm-downloads li a {
    padding: 0;
	margin:0;
	text-decoration: none;
}

/*ul.dlm-downloads li a::before {
  font-family: "Font Awesome";
  font-weight: 400;
  content: "\f1c1";
}*/

pre a {
    padding: 0 !important;
	margin:0 !important;
}


.dlm-downloads .download-button {
	text-align: center;
text-decoration: none !important;
padding: .15em .15em;
color: #fff;
display: block;
font-size: 1.2em;
line-height: 1.5em;
background-color: #09c;
background-image: none;
background-image: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
box-shadow: 0 0px 0px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.4);
border: 1px solid #0086b2;
cursor: pointer;
	background-color: #2f6aa5;
}

.smart-hub-page {
	background-image: url("img/smart-hub-background.png");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 450px;
}

.smart-hub-page a {
	text-decoration: none;
}

.smart-hub-page .columns {
	padding-top:2em;
	padding-bottom: 2em;
	/*background: rgba(28,87,146,.2)*/
}

.page-template-page-layout-builder-two-columns .blue-right-nav {
	margin-bottom: 40px;
}

.page-template-page-layout-builder-two-columns .blue-right-nav h3 {
	text-align: center;
}

.page-template-page-layout-builder-two-columns .blue-right-nav ul,
.page-template-page-layout-builder-two-columns .blue-right-nav li {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

.page-template-page-layout-builder-two-columns .blue-right-nav li a {
    padding: 10px 20px;
    font-size: .95em;
    text-align: left;
    background-color: #cfe7f1;
    margin-bottom: 10px;
	text-decoration: none;
	display: block;
}

.quick-links-nav {
    width: 100%;
   border-radius: 0px;
}

.page-template-page-layout-builder-two-columns .quick-links-nav {
	margin-bottom: 40px;
}

.page-template-page-layout-builder-two-columns .quick-links-nav h3 {
	text-align: center;
	color:#404040;
}

.page-template-page-layout-builder-two-columns .quick-links-nav ul,
.page-template-page-layout-builder-two-columns .quick-links-nav li {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

.page-template-page-layout-builder-two-columns .quick-links-nav li a {
    padding: 10px 20px;
    font-size: .95em;
    text-align: left;
    background-color: #e27532;
    margin-bottom: 10px;
	text-decoration: none;
	display: block;
	color:#ffffff;
}


/*TABS*/

.tabs {
    border:0;
}

.tabs-container nav {
  margin: 0 auto;
  background: #fff;
}

.tabs-container nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  padding: 0 10px;
}

.tabs-container nav ul li {
  padding: 1rem;
  cursor: pointer;
  color: #A7A7A7;
  border-top: 1px solid #eee;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 25px;
}

.tabs-container nav ul li:hover { color: #000000;}

.tabs-container nav ul li.active {
  color: #3e4b58;
  border-top: none;
}


/* the nitty gritty */

.tabs-container {
  position: relative;
  height: 60px;
}

.tabs-container .tabs {
/*    background-color: rgba(255,255,255,0);*/
}

.tabs-container nav {
    position: absolute;
    width: 100%;
    z-index: 300;
}

.tabs-container nav ul {
  display: flex;
  flex-direction: column;
}

.tabs-container nav ul li {
  order: 1;
}

.tabs-container nav ul li.active {
  order: 0;
}

.tabs-container nav ul li.active:after {
  width: 1px;
  height: 1px;
  border: 5px solid transparent;
  border-top: 5px solid #555;
  content: '';
  position: absolute;
  right: 1.5em;
  top: 1.4em;
  z-index: 9999;
}

.tabs-container nav ul li:not(.active) {
  position: absolute;
  top: -999em;
}

.tabs-container nav ul.expanded li.active:after{
  border-top-color: transparent;
  border-bottom-color: #555;
  top: 1em;
}

.tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top: auto;
}

.tab-content {
    margin-top: 40px;
	margin-bottom: 40px;
	color:#0e3b61;
	line-height: 1.5;
	font-size: 110%;
}


.tab-content h3,
.tab-content h4 {
    display: inline-block;
}

.tab-content h2 {
    font-size: 122%;
    line-height: 1;
	color: #0e3b61;
	margin-bottom: 0;
}

.tab-content h3 {
    font-size: 120%;
    line-height: 1;
	color: #0e3b61;
	margin-bottom: 0;
}

.tab-content{
    display: none;
}
.tab-content.current{
    display: inherit;
}


.broadband-red circle.lower-circle {
	stroke:#f3a1a9;
}

.broadband-red circle.upper-circle {
	stroke:#dd0715;
}

.broadband-red text {
	fill: #dd0715;
}

.broadband-red.tab-borders {
	border: 0px solid #dd0715;
	border-top-width:7px;
	border-bottom-width: 7px;
}



/* ==== */

.broadband-orange circle.lower-circle {
	stroke:#f7ae7a;
}

.broadband-orange circle.upper-circle {
	stroke:#fe791a;
}

.broadband-orange text {
	fill: #fe791a;
}

.broadband-orange.tab-borders {
	border: 0px solid #fe791a;
	border-top-width:7px;
	border-bottom-width: 7px;
}

/* ==== */

.broadband-purple circle.lower-circle {
	stroke:#bf9bf7;
}

.broadband-purple circle.upper-circle {
	stroke:#a46cfc;
}

.broadband-purple text {
	fill: #a46cfc;
}

.broadband-purple.tab-borders {
	border: 0px solid #a46cfc;
	border-top-width:7px;
	border-bottom-width: 7px;
}

/* ==== */

.broadband-green circle.lower-circle {
	stroke:#b2fcaa;
}

.broadband-green circle.upper-circle {
	stroke:#24d523;
}

.broadband-green text {
	fill: #24d523;
}

.broadband-green.tab-borders {
	border: 0px solid #24d523;
	border-top-width:7px;
	border-bottom-width: 7px;
}

/* ==== */

.broadband-blue circle.lower-circle {
	stroke:#65c4f2;
}

.broadband-blue circle.upper-circle {
	stroke:#0f97da;
}

.broadband-blue text {
	fill: #0f97da;
}

.broadband-blue.tab-borders {
	border: 0px solid #0f97da;
	border-top-width:7px;
	border-bottom-width: 7px;
}

/* ==== */

.broadband-pink circle.lower-circle {
	stroke:#fbbef1;
}

.broadband-pink circle.upper-circle {
	stroke:#f22dea;
}

.broadband-pink text {
	fill: #f22dea;
}

.broadband-pink.tab-borders {
	border: 0px solid #f22dea;
	border-top-width:7px;
	border-bottom-width: 7px;
}

/* ==== */

.broadband-yellow circle.lower-circle {
	stroke:#fff27e;
}

.broadband-yellow circle.upper-circle {
	stroke:#f8d926;
}

.broadband-yellow text {
	fill: #f8d926
}

.broadband-yellow.tab-borders {
	border: 0px solid #f8d926;
	border-top-width:7px;
	border-bottom-width: 7px;
}

/* ==== */

.broadband-service-area-row-container {
	background-color: #f2f1f1;
	border-radius: 30px;
	/*margin-top:50px;*/
	padding: 40px;
}

.service-area-content-container {
	margin: 30px 0 30px 0;
}

.service-area-percentage-container {
	margin: 0px 0 30px 0;
}

.gradient-row-backgrounds.background-blue {
	background: #4b87c4;
	background: -moz-linear-gradient(top, #4b87c4 0%, #2f6aa5 100%);
	background: -webkit-linear-gradient(top, #4b87c4 0%,#2f6aa5 100%);
	background: linear-gradient(to bottom, #4b87c4 0%,#2f6aa5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b87c4', endColorstr='#2f6aa5',GradientType=0 );
	color:#ffffff;
}

.gradient-row-backgrounds.background-blue p,
.gradient-row-backgrounds.background-blue h2,
.gradient-row-backgrounds.background-blue h3,
.gradient-row-backgrounds.background-blue h4 {
	color:#ffffff;
}

.gradient-row-backgrounds.background-blue a,
.gradient-row-backgrounds.background-blue a:hover,
.gradient-row-backgrounds.background-blue a:active {
	color:#b9dcfb;
	text-decoration: underline;
}

.gradient-row-backgrounds.background-orange {
	background: rgb(226,117,50);
	background: linear-gradient(0deg, rgba(226,117,50,1) 45%, rgba(251,106,16,1) 100%); 
	color:#ffffff !important;
}

.gradient-row-backgrounds.background-orange p,
.gradient-row-backgrounds.background-orange h2,
.gradient-row-backgrounds.background-orange h3,
.gradient-row-backgrounds.background-orange h4 {
	color:#ffffff;
}

.gradient-row-backgrounds.background-orange a,
.gradient-row-backgrounds.background-orange a:hover,
.gradient-row-backgrounds.background-orange a:active {
	color:#f9cc8c;
	text-decoration: underline;
}

.gradient-row-backgrounds.background-green {
	 background: rgb(153,176,84);
	background: linear-gradient(0deg, rgba(153,176,84,1) 45%, rgba(202,224,138,1) 100%);  
	color:#ffffff !important;
}

.gradient-row-backgrounds.background-green p,
.gradient-row-backgrounds.background-green h2,
.gradient-row-backgrounds.background-green h3,
.gradient-row-backgrounds.background-green h4 {
	color:#ffffff;
}

.gradient-row-backgrounds.background-green a,
.gradient-row-backgrounds.background-green a:hover,
.gradient-row-backgrounds.background-green a:active {
	color:#ecfbbc;
	text-decoration: underline;
}


.gradient-row-backgrounds.background-red {
	background: rgb(178,60,38);
	background: linear-gradient(0deg, rgba(178,60,38,1) 45%, rgba(241,90,61,1) 100%); 
	color:#ffffff !important;
}

.gradient-row-backgrounds.background-red p,
.gradient-row-backgrounds.background-red h2,
.gradient-row-backgrounds.background-red h3,
.gradient-row-backgrounds.background-red h4 {
	color:#ffffff;
}

.gradient-row-backgrounds.background-red a,
.gradient-row-backgrounds.background-red a:hover,
.gradient-row-backgrounds.background-red a:active {
	color:#f4afa3;
	text-decoration: underline;
}

.gradient-row-backgrounds.background-yellow {
	 background: rgb(236,205,80);
	background: linear-gradient(360deg, rgba(236,205,80,1) 0%, rgba(252,242,200,1) 100%); 
	color:#404040 !important;
}

.gradient-row-backgrounds.background-yellow p,
.gradient-row-backgrounds.background-yellow h2,
.gradient-row-backgrounds.background-yellow h3,
.gradient-row-backgrounds.background-yellow h4 {
	color:#404040;
}

.gradient-row-backgrounds.background-yellow a,
.gradient-row-backgrounds.background-yellow a:hover,
.gradient-row-backgrounds.background-yellow a:active {
	color:#2f6aa5;
	text-decoration: underline;
}

.background-yellow {
	 background: rgb(236,205,80);
	background: linear-gradient(360deg, rgba(236,205,80,1) 0%, rgba(252,242,200,1) 100%); 
	color:#404040 !important;
}

.background-yellow p,
.background-yellow h2,
.background-yellow h3,
.background-yellow h4 {
	color:#404040;
}

.background-yellow a,
.background-yellow a:hover,
.background-yellow a:active {
	color:#2f6aa5;
	text-decoration: underline;
}

.background-light-gray {
	  background: rgb(242,241,241);
	background: linear-gradient(360deg, rgba(242,241,241,1) 0%, rgba(255,252,252,1) 100%); 
	color:#404040 !important;
}

.background-light-gray p,
.background-light-gray h2,
.background-light-gray h3,
.background-light-gray h4 {
	color:#404040;
}

.background-light-gray a,
.background-light-gray a:hover,
.background-light-gray a:active {
	color:#2f6aa5;
	text-decoration: underline;
}

.gradient-row-backgrounds .columns {
	margin-bottom:50px;
}

.content-page-button-rows {
	display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}

.content-page-button-rows a.button {
  flex: 1 0 30%;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 20px 40px 20px;
  max-width: 375px;
}

.fa-arrow-right::before {
  content: "\f061";
}

.content-page-button-rows a.button.blue {
  color: #ffffff !important;
  background-color: #034878;
	text-transform: uppercase;
	text-decoration: none !important;
}

.content-page-button-rows a.button i {
  font-family: FontAwesome;
  content: '\f35a';
  display: inline-block;
  margin-left: 10px;
  font-size: 1.35em;
  line-height: 1em;
  vertical-align: middle;
}

.content-page-button-rows a.button {
	padding: 1rem 3.5rem;
	font-size: 120%;
}

.callout-row-gray-background .columns .callout {
	/*background-color: #f2f1f1;*/
	  border-radius: 30px;
	  margin-top: 50px;
	  padding: 30px;
}

.full-color-broadband-page-background {
	background: url(img/full-color-broadband.svg) no-repeat bottom center;
    background-size: contain;
}

.callout-row-gray-background.full-color-broadband-page-background {
	background: url(img/full-color-broadband.svg) no-repeat top center;
    background-size: cover;
}

.page-template-page-layout-builder-2023-broadband #main-content-area {
  padding-top: 0px;
  width: 100%;
}

.outage-map {
	width:100%;
}

.outage-map-iframe {
	height: 350px;
	width: 100%;	
}

.hide-on-mobile {
	display: none;
}


/*

===============================================

============ 5.Sidebars/Widgets ===============

===============================================

*/

.blue-left-nav, .blue-right-nav {
    width: 100%;
    padding: 25px;
    background: #e8f7fd;
}


/*

===============================================

================== 6.Footer ===================

===============================================

*/

footer.site-footer {
	background-color: #2f6aa5;
	padding: 10px 0 0px 0;
	color:#ffffff;
	font-size:16px;
}

.site-footer .wrapper {
	padding: 20px 0px 20px 0px;
}

footer p {
	margin-top:0;
}

footer a, footer a:visited  {
	color:#fae076;
	text-decoration: none;
}

footer a:hover {
	color:#eaa203;
	text-decoration: underline;
}

footer .footer-01,
footer .footer-02,
footer .footer-03 {
	font-size: 1.1em;
}

footer ul.social-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
	font-size: 1.75em;
	margin-bottom: 1.5em;
}

footer ul.social-links li a {
    color: #adc664;
    font-size: 1em;
    padding: 0 10px 0 10px;
}

footer ul.social-links li .fa {
    color: #adc664;
    font-size: .9em;
	/*font-family: 'FontAwesome';*/
}

footer ul.social-links li {
    list-style-type: none;
    display: inline-block;
}

footer .small-footer-text {
	font-size: 100%;
	text-align: center;
}

footer .small-footer-text p {
	max-width: 800px;
	margin: 0 auto 1.5em auto;
}

i.eight-one-one {
	display: inline-block;
font: normal normal normal 14px/1 'FontAwesome';
    font-size: 14px;
font-size: inherit;
text-rendering: auto;
}

i.eight-one-one {
    content:"";
	background:url(img/811.svg);
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	vertical-align:middle;
}

i.nextdoor {
    display: inline-block;
    content:"";
	background:url(img/nextdoor.svg);
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	vertical-align:middle;
}


/*


==============================================================================================
==============================================================================================

======================= 7.@media only screen and (min-width: 400px) ==========================

==============================================================================================
==============================================================================================

*/


@media only screen and (min-width: 415px) {
    
    
    .news-page.home-news-callout .position-1 {
         flex: 1 0 41%;
        margin: 0px 15px 30px 0px;
    }
    
    .news-page.home-news-callout .position-2 {
         flex: 1 0 41%;
        margin: 0px 0px 30px 15px;
    }
	
}

/*


==============================================================================================
==============================================================================================

======================= 7.@media only screen and (min-width: 600px) ==========================

==============================================================================================
==============================================================================================

*/


@media only screen and (min-width: 600px) {
	
	
	/*
	===============================================

	==================== 7.1.Body ===================

	===============================================

	*/


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

	=============== 7.2.Typography ==================

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

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

	================= 7.3.Header ====================

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

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

	================== 7.3.1.Menu ===================

	===============================================

	*/

	/*

	===============================================

	================== 7.3.2.Logo ===================

	===============================================

	*/

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

	============ 7.4.Content Elements ===============

	===============================================
	*/
    
    
    .news-page .position-1 {
		flex: 1 0 41%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-2 {
		flex: 1 0 41%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-3 {
		flex: 1 0 41%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-4 {
		flex: 1 0 41%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-5 {
    	flex: 1 0 41%;
		margin: 0px 15px 30px 15px;
	}
    
    .news-page.home-news-callout .position-1 {
        margin: 0px 15px 30px 0px;
    }

    .news-page.home-news-callout .position-2 {
        margin: 0px 0px 30px 15px;
    }

	

	/*

	===============================================

	================== 7.4.1.Home ===================

	===============================================

	*/
    
    .quick-links a.individual-quick-link-container {
        flex: 1 0 30%;
    }
    
    .quick-links a:nth-child(-n+4) {
        border-bottom: 0px solid #89aacc;
    }
    
     .quick-links a:nth-child(-n+3) {
        border-bottom: 1px solid #89aacc;
    }
    
    .quick-links a.individual-quick-link-container,
    .quick-links a.individual-quick-link-container:hover {
        font-size: .9em;
    }


	/*

	===============================================

	============= 7.4.2.Content Pages ===============

	===============================================

	*/
	
	/*

	===============================================

	============ 7.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 7.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 7.6.Footer ===================

	===============================================

	*/
	
}


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

======================= 7.@media only screen and (min-width: 959px) ==========================

==============================================================================================
==============================================================================================

*/


@media only screen and (min-width: 959px) {
	
	
	/*
	===============================================

	==================== 7.1.Body ===================

	===============================================

	*/


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

	=============== 7.2.Typography ==================

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

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

	================= 7.3.Header ====================

	===============================================
	*/
    
    /*header#masthead {
		position:fixed;
		top: 0px;
		left: 0px;
		z-index: 100;
		width: 100%;
	}
	
	#header-space {
		height: 177px;
	}*/
    
    #masthead .header-top-container {
        height:128px;
    }
    
    #navbar.fixed {
        position: fixed;
        top:0;
}
	
	.admin-bar header#masthead {
        top: 32px;
	}



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

	================== 7.3.1.Menu ===================

	===============================================

	*/
    
    .background-navigation {
        background: #204f79; /* Old browsers */
        background: -moz-linear-gradient(top,  #204f79 0%, #275987 8%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #204f79 0%,#275987 8%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #204f79 0%,#275987 8%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204f79', endColorstr='#275987',GradientType=0 ); /* IE6-9 */

    }
    
    
    
    .ubermenu.ubermenu-primarynav_ubermenu {
		padding:0px;
		/*margin: 40px 0 0 0;*/
	}
	
	.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-nav {
		padding: 0px;
	}
	
	.primary-nav-row {
		background-color: #454545;
		clear: both;
		display: block;
	}

	.primary-nav .ubermenu a,
	.upper-nav .ubermenu a:visited {
		color:#ffffff;
        font-size: 1.1em;
    }
	 
    .primary-nav .ubermenu a:hover {
		color: #ffffff;
     }
	
	.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-target {
		padding: 10px 16px 10px 10px !important;
	}

	.ubermenu .ubermenu-custom-content p {
		line-height: 1.3em;
		color:#44697d;
		}
	
	/*submenu styles*/

    /*submenu background color one level down*/

    .primary-nav .ubermenu .ubermenu-submenu {
		background-color:#dae4ee;
	}



.primary-nav .ubermenu .ubermenu-submenu .ubermenu-target:before {
		content:"";
		padding-right:0;
	}
	
	.primary-nav .ubermenu .ubermenu-submenu .ubermenu-target {
		padding-left:20px;
	}
    
	/*#ubermenu-primarynav_ubermenu-2-primary #ubermenu-nav-primarynav_ubermenu-2-primary,
	#ubermenu-primarynav_ubermenu-27-primary-home #ubermenu-nav-primarynav_ubermenu-27-primary-home {
		padding:0px;	
	}*/
    
    
    .ubermenu.ubermenu-primarynav_ubermenu a:hover {
		color:#2f6aa5 !important;
	}
	
	.ubermenu.ubermenu-primarynav_ubermenu .ubermenu-active a {
		color:#00244c !important;
	}

	.ubermenu-has-submenu-mega.ubermenu-active {
		background-color:#dae4ee!important;
	}
	
	.ubermenu-has-submenu-flyout.ubermenu-active {
		background-color:#dae4ee!important;
	}
	
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
        position: relative;
    }

	/*

	===============================================

	================== 7.3.2.Logo ===================

	===============================================

	*/
    
    a.homelink {
        background: url(img/jefferson-county-pud.svg) no-repeat 50% 50%;
        background-size: 177px 91px;
        outline: 0 none;
        display: inline-block;
        margin: 20px 0px 10px 0px;
        padding: 0px;
        width: 177px;
        height: 91px;
        overflow: hidden;
        text-indent: -9999px;
	}

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

	============ 7.4.Content Elements ===============

	===============================================
	*/
    
    .hide-for-mobile {
		display:block;

	}
    
    #error-404 {
		text-align: center;
		margin-bottom: 145px;
	}

	body #error-404 h1 {
		font-size: 200px !important;
		line-height: 200px !important;
		font-weight:800;
	}

	body #error-404 h2 {
		text-transform: uppercase;
		font-size: 60px;
		font-weight:600;
	}

	/*

	===============================================

	================== 7.4.1.Home ===================

	===============================================

	*/
    
    .home-page-twitter-feed {

	}
	
	.mtphr-dnt-twitter-time {
        font-style: oblique;
	}
    
    .home h2 {
        font-size:2.5em;
    }
    
    .home .calendar-callout h2.widgettitle {
         font-size:2.1em;
    }
	
    .home .content-area {
        padding: 60px 0 0 0;
    }
    
    .home-page-twitter-feed .fa {
        font-size: 3em;
    }
	
	.wrapper.home-page-special-announcement {
		font-size: 115%;
	}

	/*

	===============================================

	============= 7.4.2.Content Pages ===============

	===============================================

	*/
	
	/*

	===============================================

	============ 7.4.3.Layout Builder ===============

	===============================================

	*/
    
    .page-template-page-layout-builder #main .mainBottom {
		padding: 24px 50px 70px 50px !important;

	}	
	
	#main .mainBottomNew {
        background: #ffffff;
        padding: 50px 75px 70px 75px;
        overflow: hidden;
    }
    
    
	.accordion-content {
	    padding: 10px 45px 20px 45px;				
	}
	
	.accordion-content.accordion-content-flexible {
		padding: 10px 15px 20px 15px;				
	}
	
	#tribe-events-content.tribe-events-single {
		padding:80px 85px 0 85px;
	}
	
	h2.tribe-events-page-title {
		font-size: 30px !important;
		line-height: 36px;
	}
    
    .quick-links a.individual-quick-link-container {
        flex: 1 0 30%;
        margin-bottom: 0px;
         flex: 1 0 10%;
    }
    
     .quick-links a:nth-child(-n+3) {
        border-bottom: 0px solid #89aacc;
    }
	
	.tab-content {
		font-size: 120%;
	}
	
	.service-area-content-container,
	.service-area-percentage-container {
		margin: 30px 0 30px 0;
	}


	/*

	===============================================

	============ 7.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 7.6.Footer ===================

	===============================================

	*/
    
    footer ul.social-links li a,
	footer ul.social-links li fa {
		font-size: 1.5em;
	}
	
	i.eight-one-one {
		background-size: 42px 42px;
		width: 42px;
		height: 42px;
	}
    
    i.nextdoor {
		background-size: 42px 42px;
		width: 42px;
		height: 42px;
	}
	
}


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

======================= 8.@media only screen and (min-width: 1060px) ==========================

==============================================================================================
==============================================================================================

*/


@media only screen and (min-width: 1060px) {
	
	
	/*
	===============================================

	==================== 8.1.Body ===================

	===============================================

	*/
	
	#main-content-area {
		padding-top:60px;
		width: 100%;
	}

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

	=============== 8.2.Typography ==================

	===============================================
	*/
    
    h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.2em;
}


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

	================= 8.3.Header ====================

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


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

	================== 8.3.1.Menu ===================

	===============================================

	*/
    
    .ubermenu.ubermenu-primarynav_ubermenu .ubermenu-target {
		padding: 13px 22px 13px 16px !important;
	}
	
	.primary-nav .ubermenu .ubermenu-submenu .ubermenu-target {
		padding: 8px 20px 8px 30px !important;
	}
	
	.primary-nav .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target {
		padding: 3px 20px 3px 30px !important;
	}
	
	.primary-nav .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu {
		margin-bottom:10px;
	}
	
	.primary-nav .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu .ubermenu-submenu {
		margin-bottom:0px;

	}
	
	.ubermenu-has-submenu-mega.ubermenu-active {
		background-color:#dae4ee!important;
	}
	
	.ubermenu-has-submenu-flyout.ubermenu-active {
		background-color:#dae4ee!important;
	}
    
    .primary-nav .ubermenu-horizontal.ubermenu-items-align-flex .ubermenu-nav .ubermenu-item-level-0 {
       text-align: center;
    }
	

	/*

	===============================================

	================== 8.3.2.Logo ===================

	===============================================

	*/
	

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

	============ 8.4.Content Elements ===============

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

	===============================================

	================== 8.4.1.Home ===================

	===============================================

	*/
    
    .quick-links a.individual-quick-link-container img {
        max-width: 45px;
        height: auto;
    }

    .quick-links a.individual-quick-link-container,
    .quick-links a.individual-quick-link-container:hover {
        font-size: 1em;
        color: #17384f;
    }

	/*

	===============================================

	============= 8.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 8.4.3.Layout Builder ===============

	===============================================

	*/
	
	.outage-map {
		width:100%;
	}

	.outage-map-iframe {
		height: 600px;
		width: 100%;	
	}

	.hide-on-mobile {
		display: block;
	}


	/*

	===============================================

	============ 8.5.Sidebars/Widgets ===============

	===============================================

	*/
    
    /*.twitter-right.columns {
        padding-left:0;
    }
    
    .twitter-left.columns {
        padding-right:0;
    }*/

	/*

	===============================================

	================== 8.6.Footer ===================

	===============================================

	*/

	
}



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

======================= 9.@media only screen and (min-width: 1200px) ==========================

==============================================================================================
==============================================================================================

*/


@media only screen and (min-width: 1200px) {
	
	
	/*
	===============================================

	==================== 9.1.Body ===================

	===============================================

	*/


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

	=============== 9.2.Typography ==================

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

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

	================= 9.3.Header ====================

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

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

	================== 9.3.1.Menu ===================

	===============================================

	*/
    
        
    

    .ubermenu.ubermenu-uppernav_ubermenu .search-box {
        padding: 6px 0px 6px 40px;
    }
    
		
	
	/*

	===============================================

	================== 9.3.2.Logo ===================

	===============================================

	*/
	

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

	============ 9.4.Content Elements ===============

	===============================================
	*/
    
    .quick-links a.individual-quick-link-container {
        flex: 1 0 15%;
        margin: 0;
        border-left: 2px solid #89aacc;
    }

    .quick-links a.individual-quick-link-container:last-child {
        border-right: 2px solid #89aacc;
    }

	
	/*

	===============================================

	================== 9.4.1.Home ===================

	===============================================

	*/
	

	/*

	===============================================

	============= 9.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 9.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 9.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 9.6.Footer ===================

	===============================================

	*/

}

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

======================= 10.@media only screen and (min-width: 1120px) ==========================

==============================================================================================
==============================================================================================

*/


@media only screen and (min-width: 1120px) {
    .mobile-outage-alert-container {
        display: none;
    }
    
    header .right-nav-container {
      width: 75%;
      max-width: 75%;
      margin-top: 40px;
      float: right;
      position: relative;
      padding-right: 30px;
      padding-bottom: 0;
        z-index: 20;
    }

}

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

======================= 10.@media only screen and (min-width: 1200px) ==========================

==============================================================================================
==============================================================================================

*/

@media only screen and (min-width: 1200px) {
	
	
	/*
	===============================================

	==================== 10.1.Body ===================

	===============================================

	*/


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

	=============== 10.2.Typography ==================

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

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

	================= 10.3.Header ====================

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

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

	================== 10.3.1.Menu ===================

	===============================================

	*/
	
	
	/*

	===============================================

	================== 10.3.2.Logo ===================

	===============================================

	*/
	

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

	============ 10.4.Content Elements ===============

	===============================================
	*/
	
    
    .news-page .position-1 {
		flex: 1 0 25%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-2 {
		flex: 1 0 25%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-3 {
		flex: 1 0 25%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-4 {
		flex: 1 0 41%;
		margin: 0px 15px 30px 15px;
	}

	.news-page .position-5 {
    	flex: 1 0 41%;
		margin: 0px 30px 30px 30px;
	}
    
     .news-page.home-news-callout .position-1 {
		flex: 1 0 25%;
		margin: 0px 30px 30px 30px;
	}

	.news-page.home-news-callout .position-2 {
		flex: 1 0 25%;
		margin: 0px 30px 30px 30px;
	}

	.news-page.home-news-callout .position-3 {
		flex: 1 0 25%;
		margin: 0px 30px 30px 30px;
	}
    
    .home-page-news-feed .columns {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    
    
	/*

	===============================================

	================== 10.4.1.Home ===================

	===============================================

	*/
    
        .news-page.home-news-callout .position-1 {
        margin: 0px 15px 30px 0px;
    }

    .news-page.home-news-callout .position-2 {
        margin: 0px 0px 30px 15px;
    }

	/*

	===============================================

	============= 10.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 10.6.Footer ===================

	===============================================

	*/
	
}

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

======================= 10.@media only screen and (min-width: 64em) ==========================

==============================================================================================
==============================================================================================

*/

@media only screen and (min-width: 64em) {
	
	
	/*
	===============================================

	==================== 10.1.Body ===================

	===============================================

	*/


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

	=============== 10.2.Typography ==================

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

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

	================= 10.3.Header ====================

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

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

	================== 10.3.1.Menu ===================

	===============================================

	*/
	
	/*

	===============================================

	================== 10.3.2.Logo ===================

	===============================================

	*/
    


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

	============ 10.4.Content Elements ===============

	===============================================
	*/
    
    .wrapper-news .large-9,
    .wrapper-news .large-9 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    
    .wrapper-news .large-3,
    .wrapper-news .large-3 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
	/*

	===============================================

	================== 10.4.1.Home ===================

	===============================================

	*/


	/*

	===============================================

	============= 10.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 10.6.Footer ===================

	===============================================

	*/
	
}

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

======================= 10.@media only screen and (min-width: 1300px) ==========================

==============================================================================================
==============================================================================================

*/

@media only screen and (min-width: 1300px) {
	
	
	/*
	===============================================

	==================== 10.1.Body ===================

	===============================================

	*/


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

	=============== 10.2.Typography ==================

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

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

	================= 10.3.Header ====================

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

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

	================== 10.3.1.Menu ===================

	===============================================

	*/
    
    .ubermenu.ubermenu-uppernav_ubermenu .ubermenu-target {
        padding: 0px 40px 0px 40px;
        line-height: 48px;
    }
	
	/*

	===============================================

	================== 10.3.2.Logo ===================

	===============================================

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

	============ 10.4.Content Elements ===============

	===============================================
	*/
	
    .wrapper-news .large-9,
    .wrapper-news .large-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    
    .wrapper-news .large-3,
    .wrapper-news .large-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
	/*

	===============================================

	================== 10.4.1.Home ===================

	===============================================

	*/
    
        
    .home-page-twitter-feed .fa {
        font-size: 4em;
    }

	/*

	===============================================

	============= 10.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 10.6.Footer ===================

	===============================================

	*/
	
}

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

======================= 10.@media only screen and (min-width: 1660px) ==========================

==============================================================================================
==============================================================================================

*/

@media only screen and (min-width: 1660px) {
	
	
	/*
	===============================================

	==================== 10.1.Body ===================

	===============================================

	*/


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

	=============== 10.2.Typography ==================

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

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

	================= 10.3.Header ====================

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

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

	================== 10.3.1.Menu ===================

	===============================================

	*/
	
	/*

	===============================================

	================== 10.3.2.Logo ===================

	===============================================

	*/

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

	============ 10.4.Content Elements ===============

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

	/*

	===============================================

	================== 10.4.1.Home ===================

	===============================================

	*/

	/*

	===============================================

	============= 10.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 10.6.Footer ===================

	===============================================

	*/
	
}

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

======================= 10.@media only screen and (min-width: 1950px) ==========================

==============================================================================================
==============================================================================================

*/

@media only screen and (min-width: 1950px) {
	
	
	/*
	===============================================

	==================== 10.1.Body ===================

	===============================================

	*/


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

	=============== 10.2.Typography ==================

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

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

	================= 10.3.Header ====================

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

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

	================== 10.3.1.Menu ===================

	===============================================

	*/
	
	/*

	===============================================

	================== 10.3.2.Logo ===================

	===============================================

	*/

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

	============ 10.4.Content Elements ===============

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

	===============================================

	================== 10.4.1.Home ===================

	===============================================

	*/

	/*

	===============================================

	============= 10.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 10.6.Footer ===================

	===============================================

	*/
	
}


@media only screen and (min-width: 2400px) {
	
	
	/*
	===============================================

	==================== 10.1.Body ===================

	===============================================

	*/


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

	=============== 10.2.Typography ==================

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

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

	================= 10.3.Header ====================

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

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

	================== 10.3.1.Menu ===================

	===============================================

	*/
	
	/*

	===============================================

	================== 10.3.2.Logo ===================

	===============================================

	*/

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

	============ 10.4.Content Elements ===============

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

	===============================================

	================== 10.4.1.Home ===================

	===============================================

	*/

	/*

	===============================================

	============= 10.4.2.Content Pages ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.4.3.Layout Builder ===============

	===============================================

	*/

	/*

	===============================================

	============ 10.5.Sidebars/Widgets ===============

	===============================================

	*/

	/*

	===============================================

	================== 10.6.Footer ===================

	===============================================

	*/
	
}

.twitter-feed .ctf-feed-1.ctf_palette_custom_1 .ctf-item {
    padding:40px !important;
}