.section {
clear: both;
padding: 0px;
margin: 0px;
} .col {
display: block;
float:left;
margin: 0;
padding-top: 25px;
padding-bottom: 25px;
}
.col:first-child { margin-left: 0; } .group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; } .span_12_of_12 {
width: 100%;
}
.span_11_of_12 {
width: 91.62%;
}
.span_10_of_12 {
width: 83.25%;
}
.span_9_of_12 {
width: 74.87%;
}
.span_8_of_12 {
width: 66.5%;
}
.span_7_of_12 {
width: 58.12%;
}
.span_6_of_12 {
width: 49.5%;
}
.span_5_of_12 {
width: 41.37%;
}
.span_4_of_12 {
width: 33%;
}
.span_3_of_12 {
width: 24.62%;
}
.span_2_of_12 {
width: 16.25%;
}
.span_1_of_12 {
width: 7.875%;
} @media only screen and (max-width: 768px) {
.col {  margin: 1% 0 1% 0%; }
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
width: 100%; 
}
}  body{
font-family: open sans, sans-serif;
} .storefront-secondary-navigation .site-header .secondary-navigation{
width: 100%;
float: right;
margin-right: 0;
background-color: #CECECE;
}
.secondary-navigation{
margin: 0;
}
.storefront-primary-navigation {
background-color: #1A4099;
}
header.site-header div.col-full {
max-width: 100%;
padding: 0;
}
.site-header{ 
border-bottom: 0;
padding-top: 0;
margin-bottom: 0 !important;
}
.main-navigation{
margin:0;
float: right;
width: auto;
clear: none;
padding-right: 10%;
text-align-last:end;
color: #fff;
}
.storefront-secondary-navigation .site-header .site-branding{
margin:0;
padding:0;
float: left;
width: auto;
padding-left: 10%;
clear: none;
position: absolute;
top: 50%;
}
.site-header .site-branding img{
max-width: 150px;
}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{
color: #fff;
border-left: 1px #fff solid;
}
#menu-item-35{
border-right: 1px #fff solid;
} .entry-header {
display:none;
} div.header-widget-region div.col-full{
max-width: 100%;
margin:0;
padding: 0;
width:100%;
}
.header-widget-region .widget img{
width: 100%;
}
.header-widget-region .widget{
padding: 0;
}
img{
border-radius: 0;
} .heading{
font-weight: bold;
color: #1C79E6;
}
a{
color: #1C79E6;
}
.site-header .primary-navigation ul.menu li.current-menu-item > a {
color: #ffffff75;
} html{
scroll-behavior: smooth;
} #ub-tabbed-content-dd76dcfd-c266-47a3-a5c1-a1b4be55b60a .wp-block-ub-tabbed-content-tab-title-wrap{
background-color: #1C79E6 !important;
color: #fff !important;
}
#ub-tabbed-content-dd76dcfd-c266-47a3-a5c1-a1b4be55b60a .wp-block-ub-tabbed-content-tab-title-wrap.active{
background-color: #1a4099 !important;
}
.wp-block-ub-tabbed-content-tab-title-wrap{
border:none;
border-top-right-radius: 0;
border-top-left-radius:0;
}
.wp-block-ub-tabbed-content-tabs-content{
border: none;
padding: 25px 0 0 0;
}
.footer-text{
margin: 0;
}
.footer-heading{	
font-weight: bold;
color: #1C79E6;
margin:0;
}
.footer-column-4{
margin-top: 80px;
font-size: 12px;
} @media only screen and (max-width: 768px) {
.storefront-secondary-navigation .site-header .site-branding{
top:15px;
padding-left:5%;
}
button.menu-toggle {
background-color: #333;
border-color: #fff;
color: #fff;
margin-top: 10%;
}
.site-header{
background-color: #333;
padding-bottom: 20px;
}
.main-navigation ul.menu > li > a{
border-left: none;
}
.widget-area {
display:none;
}
button.menu-toggle, button.menu-toggle:hover{
border-color:#fff;
color: #fff;
background-color: #333;
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after{
background-color:#fff;
}
button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before{
background-color: #fff;
}
} .emergency{
background-color: red;
color: white;
height: auto;
padding: 10px 0;
text-align: center;
font-weight: bold;
}
.route{
background-color: purple;
color: white;
height: auto;
padding: 10px 0;
text-align: center;
font-weight: bold;
}
.holiday {
background-color: green;
color: white;
height: auto;
padding: 10px 0;
text-align: center;
font-weight: bold;
}
.recycling {
background-color: blue;
color: white;
height: auto;
padding: 10px 0;
text-align: center;
font-weight: bold;
}
.emergency:empty {
display:none;
}
.route:empty {
display:none;
}
.holiday:empty {
display:none;
}
.recycling:empty {
display:none;
}