html {overflow-y: scroll; overflow-x: hidden;}
h2 {color:#70822e; line-height: 37px;}
h3, h4, h5, h6 {margin-bottom: 15px;}
a {color: #008081;}
.panel-grid-cell .widget-title {font-size: 18px;}
#scroll-up {bottom: 50px;}

/*TOP BAR*/
.header-top {background-color: #067275;}
.header-top .tg-container {max-width: 1300px;}
.header-top .contact-info li {font-size: 13px; color: #fff; margin-right: 20px;}
.header-top .contact-info li .fa {margin-right: 5px;}
.social-menu li a {font-size: 16px; color: #067275;}

/*HEADER*/
.header-sticky .is-sticky #masthead {
    z-index: 99999 !important;
}
.header-bottom .tg-container {
    max-width: 1300px;
}
.logo {
    width: 27% !important;
    margin-right: 20px;
}
.logo .logo-text {
    display: none !important;
}
.logo .logo-image {
    padding: 10px 0;
    width: 100%; /*IE fix*/
}
.header-bottom .search-wrap {
    padding: 20px 0 20px 20px;
}
.header-bottom .search-icon {
    color: #121212;
    line-height: 27px;
    border: 0px;
}
.logo .logo-image a img{
position: relative;
}

/*MENU*/
#site-navigation ul li a {color: #323436; text-transform: uppercase;}
#site-navigation ul.sub-menu, .menu ul li ul.children {z-index: 999; min-width: 250px;}
.header-bottom .search-box.active {z-index: 999;}
.header-bottom .searchform .btn {background-color: #879c39;}

/*HOME PAGE*/
/*section over main slider*/
.home-box {
   background-color:rgba(255, 255, 255, 0.7);
   position:relative;
   z-index:999;
   margin-top:-725px;
   padding:50px 35px 25px;
}
.home-box hr {
   border-top: 3px dotted #067275;
   color: #fff;
   background-color: transparent;
   height: 1px;
}
.home-box p {
    margin: 0 0 20px;
    color: #067275;
}
.home-box a {
    color: #067275;
    font-size: 18px;
    font-weight: 600;
}
.home-main-content {background-color:rgba(255, 255, 255, 0.7) !important; padding: 50px 35px 25px !important;}
.home-main .panel-grid-cell-empty {background-color: transparent !important; padding:0px !important;}
.panel-no-style#pg-w5ab3dbcaa9e48-0, .panel-has-style#pg-w5ab3dbcaa9e48-0 > .panel-row-style, .panel-no-style#pg-w5ab3dbcaa9e48-1, .panel-has-style#pg-w5ab3dbcaa9e48-1 > .panel-row-style, .panel-no-style#pg-w5ab3dbcaa9e48-2, .panel-has-style#pg-w5ab3dbcaa9e48-2 > .panel-row-style {flex-direction: row !important; -ms-flex-direction: row !important;}
.home-image-grid {height: auto !important;}
.home .sow-image-grid-wrapper .sow-image-grid-image {background-color: rgba(255, 255, 255, 0.8); width: 50%; float: left; border: 1px solid #067275;}
.sow-image-grid-wrapper .sow-image-grid-image img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; margin-left: auto; margin-right: auto;}
.sow-image-grid-wrapper .sow-image-grid-image img:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}

.sow-image-grid-wrapper .sow-image-grid-image {margin-left: auto; margin-right: auto;}
.sow-image-grid-wrapper .sow-image-grid-image:hover {-webkit-filter: hue-rotate(90deg); filter: hue-rotate(260deg); -webkit-transition: 0s ease-in-out; transition: 0s ease-in-out;}
.sow-image-grid-wrapper .sow-image-grid-image:hover {background-color: rgba(255, 255, 255, 1);}

.home-main-content hr {border-top: 3px dotted #067275; color: #fff; background-color: transparent; height: 1px;}
.home-main-content a {color: #067275; font-size: 18px; font-weight: 600;}
.home-main-content a:hover {color: #000000;}
.home .so-widget-sow-image {
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #067275;
    padding: 5px;
}
.home-calendar, .home-news {
    -webkit-box-shadow: 0px 0px 10px #5c5c5c;
    -moz-box-shadow: 0px 0px 10px #5c5c5c;
    box-shadow: 0px 0px 10px #5c5c5c;
    border-radius: 5px;
}

/*GOOGLE CALENDAR*/
.simcal-default-calendar-grid .simcal-calendar-head .simcal-nav {
    padding: 5px 0;
}
.simcal-event-bubble .simcal-event-details .simcal-event-description, .simcal-event-bubble .simcal-event-details p {
    font-size: 1.1em !important;
}
.simcal-event-title {
    color:#879c39 !important;
   font-size: 13px !important;
}
.simcal-default-calendar-grid > table thead th {
    font-size: 12px;
}
.simcal-default-calendar-grid .simcal-day > div {
    min-height:78px !important;
}


/*FOOTER*/
#top-footer {
    padding: 0px 0 65px;
    background-color: #067275;
    background-image: url('https://www.cityofsheboyganfalls.com/wp-content/uploads/2018/03/footer-city-image2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
}
.tg-column-wrapper .tg-column-1, .tg-column-wrapper .tg-column-2, .tg-column-wrapper .tg-column-3, .tg-column-wrapper .tg-column-4, .tg-column-wrapper .tg-column-5 {
    margin-left: 1.5%; 
    margin-right: 1.5%;
}

#bottom-footer {
  display: none !important;
}

.custom-copyright {
  color: #ffffff !important;
  text-align: center !important;
  font-size: 12px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #067275 !important;
}

.custom-copyright a {
  color: #ffffff !important;
}

.custom-copyright a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/*service icons*/
.tg-service-widget .service-icon-wrap {
    margin-bottom: 20px;
    margin-right: 15px;
    background: #70822e;
}
.tg-service-widget .service-icon-wrap::after {
    border-top: 10px solid #70822e;
}
.tg-service-widget .service-icon-wrap {
    color: #9ab23f;
}
.tg-service-widget .service-title-wrap {
    margin-top: 2px;
}
.tg-service-widget .service-title-wrap a {
    color: #70822e;
}
.tg-service-widget .service-title-wrap a:hover {
    color: #9ab23f;
}
.tg-service-widget .service-more {
    font-weight: 400;
    color: #686868;
    font-size:14px;
}
#top-footer p {
    font-size:14px !important;
}
#top-footer .tg-column-3:nth-child(3) .widget {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
#top-footer h2, #top-footer h3, #top-footer h4 {
   margin-bottom:15px;
}
#top-footer a img {
    padding: 0px;
}
.footer-city-info {
    padding-left:45px;
}
.home .footer-cta-icons {
    background-color:white !important;
}
#bottom-footer {
    padding: 15px 0;
    background-color: #067275;
    background-color: transparent;
    margin-top: -52px;
    border-top: 1px solid rgba(255, 255, 255, 0.27);
}
#bottom-footer .copyright {
    float: none;
    text-align: center;
}


/*INNER PAGES-PAGE HEADERS*/
.wp-custom-header {
    height: 200px;
    overflow: hidden;
}
.wp-custom-header:after {
    content:' ';
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.2);
    top:0;
    left:0;
    z-index:99;
}
.home .wp-custom-header {
    display:none !important;
}
/*
.breadcrumb-trail.breadcrumbs {
    background: rgba(0, 0, 0, 0.4);
    margin-bottom: 0px;
    margin-top: -66px;
    z-index: 99;
    position: relative;
}
.breadcrumb-trail.breadcrumbs .trail-title {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    color: white !important;
    text-shadow: 1px 1px 4px black;
}
.breadcrumb-trail.breadcrumbs .trail-items {
    padding: 19px 0;
}
.breadcrumb-trail.breadcrumbs .trail-items li span {
    color: #eaeaea;
}
*/
.breadcrumb-trail.breadcrumbs {
    background: #879c39;
}
.breadcrumb-trail.breadcrumbs .trail-title {
    font-weight: 600;
    font-size: 28px;
    padding: 20px 0;
    text-transform: uppercase;
    color: #ffffff;
}
.breadcrumb-trail.breadcrumbs .trail-items {
    display: none;
}
#secondary {
    padding-top: 30px;
}
#primary {
    width: 67%;
}
#secondary {
    width: 30%;
}
.home #primary, .home #secondary {
    padding-top: 00px;
}
#primary {
    padding-bottom: 45px;
}
.home #primary {
    padding-bottom: 0px;
}
.entry-content ul, .entry-content ol {
    margin: 0 0 25px 40px;
}
.entry-content ul li, .entry-content ol li {
    font-size: 16px;
    margin-bottom: 8px;
}


/*SIDEBAR*/
#secondary {
    border-left: 1px solid #e1e1e1;
    padding-left: 25px;
    padding-right: 22px;
}
#secondary {
    background-color: white;
    margin-top: -170px;
    position: relative;
    z-index: 99;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}
#secondary .widget {
    margin-bottom: 40px;
}
#secondary .widget-title::after {
    background: #879c39;
}
#secondary .widget-title {
    font-size: 18px;
}
#subpages-widget-2 ul li {
    color: white !important;
    margin-bottom: 6px;
    padding: 0px !important;
    background-color: #067275;
    border-radius: 4px;
}
#subpages-widget-2 ul li a {
    color: white;
    font-size: 13px  !important;
    background-color: #067275;
    padding: 12px 2px 12px 20px !important;
    width: 100% !important;
    display: block;
    border-radius: 4px;
}
#subpages-widget-2 ul li a:hover {
    color: #b8d54f !important;
}
#subpages-widget-2 ul li a:hover, #subpages-widget-2 ul li:hover {
    background-color: #0d9398;
}
#subpages-widget-2 ul li::after {
    color: #fff !important;
    left: 8px !important;
    top: 12px !important;
}
.widget_subpages_current_page, .widget_subpages_current_page a{
    background-color: #879c39 !important;
}
.widget_subpages_current_page:hover, .widget_subpages_current_page a:hover {
    background-color: #9cb442 !important;
    color: #008081 !important;
}
#secondary .widget ul li a {
    font-size: 14px;
}
#secondary .widget_search {
    background-color: #ededed;
    padding: 7px;
    border-radius: 6px;
    border: 1px solid #dedddd;
}
#secondary .searchform input {
    border-bottom: 0px;
    width: 80%;
}
#secondary .searchform .btn:hover {
    background: #067275 none repeat scroll 0 0;
}

/*WP Accessibility Helper*/
button.aicon_link {
    width: 40px;
    height: 40px;
    border-left: 1px solid white !important;
}
.aicon_link {
    left: -40px;
    max-width: 40px;
    max-height: 40px;
}
button.close_container {
    background: #008081 !important;
}

/*TABLEPRESS*/
.tablepress tfoot th, .tablepress thead th {
    background-color: #067275;
    color: white !important;
}
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #088184;
}
.tablepress tbody td a, .tablepress tfoot th a {
    color:#879c39;
}

/*AVAILABILITY CALENDARS*/
.wpdevart-booking-form, .prev_year_info, .next_year_info {
    display:none !important;
}
.booking_calendar_main_container .week-day-name .wpda-day-header {
    background-color: #FEFEFE;
}
.booking_widget.show_day_info_on_hover .wpdevart-calendar-container > div:not(.week-day-name) {
    height: auto !important;
    pointer-events: none;
    cursor: default;
}
.wpdevart-calendar-container > div.wpdevart-available .wpda-day-header {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ffffff !important;
}
.wpdevart-calendar-container > div.wpdevart-booked .wpda-day-header {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #97b135 !important;
}
.wpdevart-calendar-container > div .wpda-day-header {
    text-align: center;
    padding: 10px 1px 10px 1px;
}
.wpdevart-calendar-container > div:not(.week-day-name):hover .booking_widget_day {
    display: none !important;
}
.booking_calendar_main_container .week-day-name .wpda-day-number {
    padding-left: 3px;
}
.wpdevart-calendar-container > div.past-day {
    opacity: 1 !important;
}
.wpdevart-booking-legends {
    margin-top: 0px;
    background-color: white;
    padding: 13px 5px 8px;
}
.wpdevart-legends-available .legend-div {
    background: #ffffff;
    border: 1px solid grey;
}
.wpdevart-legends-pending .legend-div {
    background: #97b135;
}
.wpdevart-legends-unavailable .legend-div {
    background: #ccc;
}
.booking_calendar_main_container .wpdevart-calendar-container > div, .wpdevart-calendar-container > div.wpdevart-available, .wpdevart-calendar-container > div.wpdevart-booked .wpda-day-header, .booking_calendar_main_container .wpdevart-calendar-container > div:not(.week-day-name) {
    pointer-events: none !important;
    cursor: default !important; 
}
.booking_calendar_main_container .wpdevart-available .day-availability, .booking_calendar_main_container .wpdevart-day .day-price, .booking_calendar_main_container .wpdevart-booked .day-availability {display:none !important;}
.booking_calendar_main_container .wpdevart-calendar-container > div:not(.week-day-name) {height: 39px;}
#booking_calendar_main_container_1 .wpdevart-legends-pending .legend-div {background-color: #97b135;}
#booking_calendar_main_container_1 .wpdevart-legends-unavailable .legend-div {background-color: #d2d2d2;}
#booking_calendar_main_container_1 .wpdevart-legends-available .legend-div {background-color: #ffffff;}
.booking_calendar_main_container .wpdevart-available .wpda-day-header .wpda-day-number {color: #867f7f !important;}
.booking_calendar_main_container .wpdevart-unavailable .wpda-day-header {background-color: #e6e6e6;}
.booking_calendar_main_container .wpdevart-unavailable .wpda-day-header .wpda-day-number {color: #848484;}

/*CALDERA FORM APPLICATION*/
.caldera-grid .form-control {height: 42px !important;}
.caldera-grid label {margin-top: 5px !important;}
.caldera-grid .btn-default {color: #fff !important; background-color: #879c39 !important; border-color: #718330 !important;}
.caldera-grid .btn-default:hover {color: #879c39 !important; background-color: #fff !important; border-color: #718330 !important;}
.caldera-grid .btn {font-weight: 600 !important; padding: 15px 22px !important; font-size: 17px !important; height: auto !important;}



/*****RESPONSIVE*****/
@media only screen and (max-width: 1350px) {
    #top-footer .tg-container {padding-left: 45px; padding-right: 35px;}
}
@media only screen and (max-width: 1330px) {
    .header-top .tg-container, .header-bottom .tg-container {padding-left: 15px; padding-right: 15px;}
    #site-navigation ul li {padding: 23px 20px 23px 0;}
    #site-navigation ul li a {font-size: 13px;}
    .header-bottom .search-wrap {padding: 20px 0 20px 10px;}
}
@media only screen and (max-width: 1080px) and (min-width: 780px)  {
    .tg-service-widget .service-icon-wrap {display: block; width: 100%;}
    .tg-service-widget .service-title-wrap {font-size: 15px; line-height: 1.3; margin-bottom: 5px !important;}
    .tg-service-widget .service-more {font-size: 12px;}
    .tg-service-widget .service-more::after {display: none;}
}
@media only screen and (max-width: 1070px) {
    .header-bottom .tg-container {padding-left: 0px; padding-right: 0px;}
    .logo {width: 24% !important; margin-right: 10px;}
    #site-navigation ul li a {font-size: 12px;}
}
@media only screen and (max-width: 978px) {
    .header-top .contact-info li {font-size: 12px; padding: 3px 0;}
    .header-bottom .tg-container {border-bottom: 1px solid #9e9e9e;}
    .logo {width: 28% !important;}
    #site-navigation ul li {padding: 5px 20px 5px 0;}
    #site-navigation ul li a {font-size: 14px;}
    #site-navigation ul li.menu-item-has-children .sub-toggle {height: 30px; width: 30px; line-height: 30px;}
}
@media only screen and (max-width: 950px) {
     .wp-custom-header {height: 120px;}
    .breadcrumb-trail.breadcrumbs .trail-title {font-size: 26px; padding: 12px 0;}
    .breadcrumb-trail.breadcrumbs {margin-bottom: 20px;}
    #secondary {margin-top: -110px; padding-left: 15px; padding-right: 15px; padding-top: 15px;}
    .footer-city-info {padding-left: 30px;}
}
@media only screen and (max-width: 920px) {
    .left-content {display:none !important;}
    .footer-city-info {padding-left: 10px;}    
}
@media only screen and (max-width: 780px) {
    .home-main-content {width: 62%; padding: 40px 35px 25px !important;}
    .home .sow-image-grid-wrapper .sow-image-grid-image img {width: 85%;}
    .home-calendar, .home-news {-webkit-box-shadow: 0px 0px 6px #5c5c5c; -moz-box-shadow: 0px 0px 6px #5c5c5c; box-shadow: 0px 0px 6px #5c5c5c; margin-bottom: 30px;}
    .home-calendar {margin-bottom: 40px;}
    .home-2box-section {padding: 6% 8% 3% 8% !important;}
    .footer-city-info {padding-left: 0px;}
    .footer-cta-icons {margin-bottom: -30px !important;}
    #top-footer .panel-grid-cell {padding: 0 15px; text-align: center;}
    #top-footer .widget ul li::after {display: none;}
    #top-footer a img {padding: 10px; width: 75%;}
    .footer-helpful-links {margin-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 35px;}
    .tg-service-widget {width: 60%; margin-left: auto !important; margin-right: auto !important;}
    .tg-service-widget .service-title-wrap {text-align: left;}
    .tg-service-widget .service-more {text-align: left; float: left; margin-left: 75px; margin-top: -35px; font-size: 16px;}
}
@media only screen and (max-width: 768px) {
    #primary {width: 100%;}
    #secondary {width: 80%; margin-left: auto; margin-right: auto;margin-top: 10px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-left:0px; border-top: 1px solid #e1e1e1;}
    .breadcrumb-trail.breadcrumbs .trail-title {float:none !important;font-size: 28px; text-align: center;}
}
@media only screen and (max-width: 760px) {
.panel-no-style#pg-w5ab3dbcaa9e48-0, .panel-has-style#pg-w5ab3dbcaa9e48-0 > .panel-row-style, .panel-no-style#pg-w5ab3dbcaa9e48-1, .panel-has-style#pg-w5ab3dbcaa9e48-1 > .panel-row-style, .panel-no-style#pg-w5ab3dbcaa9e48-2, .panel-has-style#pg-w5ab3dbcaa9e48-2 > .panel-row-style {flex-direction: row !important; -ms-flex-direction: row !important;}
}
@media only screen and (max-width: 650px) {
    .home .sow-image-grid-wrapper .sow-image-grid-image img {width: 100%;}
   #top-footer .tg-column-wrapper .footer-block {margin: 0px;}
    .tg-service-widget {width: 85%;}
}
@media only screen and (max-width: 768px) {
    .logo {width: 40% !important;}
    #top-footer .tg-container {padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width: 580px) {
    h2 {font-size: 25px;}
    .logo {width: 50% !important;}
    .home-main-content {background-color: rgba(255, 255, 255, 0.8) !important; padding: 15px 20px 0px !important; width: 80%; margin-left: auto; margin-right: auto; margin-top: 25px; border-radius: 7px;}
    .wp-custom-header img {height: 100%; width: 100%;}
}
@media only screen and (max-width: 540px) {
    .home-main-content {width: 82%;}
    #primary {padding-left: 10px; padding-right: 10px;}
    #top-footer {padding: 0px;}
    #bottom-footer {background-color: #067275; margin-top: 0px;}
}
@media only screen and (max-width: 480px) {
    .center-logo-below-menu .logo, .logo {padding: 0px 0;}
    .logo {width: 60% !important;}
    .logo .logo-image {transform: scale(1);}
    .header-bottom .site-navigation-wrapper {-webkit-box-flex: 5; -ms-flex: 5; flex: 5;}
    #site-navigation .menu-toggle {font-size: 28px; margin-right: 10px !important;}
    .home-main-content {width: 85%; padding: 8px 12px 0px !important;}
    #secondary {width: 95%;}
    .wp-custom-header {height: 100px;}
    #top-footer a img {display: none;}
}
@media only screen and (max-width: 425px) {
    .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover { height: 570px !important;}
}
@media only screen and (max-width: 400px) {
    .so-widget-sow-layout-slider-default-1e4e5462154c .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {margin: 0.5em 0 !important;}
    .home-main-content a {font-size: 16px;}
    #secondary {width: 100%;}
    .tg-service-widget {width: 100%;}
    .tg-service-widget .service-more {margin-top: -15px;}
    .tg-service-widget .service-icon-wrap {float: none; margin: 0 auto 25px auto !important; display: table;}
    .tg-service-widget .service-title-wrap {text-align: center;}
    .tg-service-widget .service-more {text-align: center; float: none; margin-left: -10px; margin-top: 5px;}
    .tg-service-widget .service-title-wrap {margin-bottom: 0px !important;}
}
@media only screen and (max-width: 350px) {
    .logo {width: 70% !important;}
    .home-main-content {width: 90%;}
}
@media only screen and (max-width: 320px) {
    .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover { height: 525px !important;}
    html {overflow-y: scroll; overflow-x: hidden;}
}