body {
  background-color: ;
  color: ;
}
.webpage-block .jumbotron h1, h1 {
  color: ;
  font-family: Montserrat;
  font-size: 50px;
}
.webpage-block .jumbotron h2, h2 {
  color: ;
  font-family: Helvetica Neue;
  font-size: 30px;
}
.webpage-block .jumbotron h3, h3 {
  color: #00aaf0;
  font-family: Helvetica Neue;
  font-size: 30px;
}
.webpage-block .jumbotron h4, h4 {
  color: #00aaf0;
  font-family: Helvetica Neue;
  font-size: 25px;
}
.webpage-block .jumbotron h5, h5 {
  color: ;
  font-family: ;
  font-size: 14px;
}
.webpage-block .jumbotron h6, h6 {
  color: ;
  font-family: ;
  font-size: 12px;
}
.webpage-block .jumbotron p, p, .content-block div, .panel div, li {
  color: #646991;
  font-family: Oswald;
  font-size: 18px;
}
.jumbotron blockquote, blockquote {
  color: ;
  font-family: ;
  font-size: 18px;
}
.jumbotron .lead, .content-block .lead, .lead {
  color: ;
  font-family: ;
  font-size: 21px;
}
@media (max-width: 767px) {
  .webpage-block .jumbotron h1, h1 {
    font-size: 42px;
  }
  .webpage-block .jumbotron h2, h2 {
    font-size: 30px;
  }
  .webpage-block .jumbotron h3, h3 {
    font-size: 24px;
  }
  .webpage-block .jumbotron h4, h4 {
    font-size: 22px;
  }
  .webpage-block .jumbotron h5, h5 {
    font-size: 14px;
  }
  .webpage-block .jumbotron h6, h6 {
    font-size: 12px;
  }
  .webpage-block .jumbotron p, p {
    font-size: 17px;
  }
  .webpage-block .jumbotron blockquote, blockquote {
    font-size: 18px;
  }
  .webpage-block .jumbotron .lead, .lead {
    font-size: 20px;
  }
}
.webpage-background a {
  color: ;
}
.webpage-block a {
  color: ;
}
.webpage-contact a {
  color: ;
}
.webpage-about a {
  color: ;
}
.webpage-footer {
  background-color: #e8e8e8 !important;
  color: #555555 !important;
}
.webpage-footer a{
  color: #0091c8 !important;
}
.webpage-footer .site-footer-simple {
  background-color: #e8e8e8 !important;
  color: #555555 !important;
}

.webpage-footer p {
  color: #555555 !important;
}
.webpage-footer .site-footer-simple a,
.webpage-footer .site-footer-simple a:hover {
  background-color: #e8e8e8 !important;
  color: #0091c8 !important;
}
.webpage-header .navbar {
  background-color: #ffffff;
  color: ;
}
.webpage-header .navbar a,
.webpage-header .navbar a:hover {
  color: #505fa5 !important;
}
.webpage-header.navbar-fixed-top {
  background-color: ;
}
.webpage-group .webpage-hero > div > div {
  padding-top: 20px;
}
.webpage-header.navbar-fixed-top.hero-behind.transparent {
  background-color: transparent;
}
.webpage-header.hero-behind.transparent .navbar {
  background-color: transparent;
}
body.hero-behind .webpage-group .webpage-hero > div {
  margin-top: 0 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper,
.webpage-footer .site-footer-layers {
  background-color: #e8e8e8 !important;
  color: #555555 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper a,
.webpage-footer .site-footer-columns .site-footer-upper a:hover,
.webpage-footer .site-footer-layers a,
.webpage-footer .site-footer-layers a:hover {
  color: #0091c8 !important;
}
.refferal_badge {width: 120px !important; margin-top: 25px !important;}
.form-inline {margin-bottom: 25px !important;}
.form-inline .m-l-5px {display: inline-block !important;}
#directory-widget-8133db93-2ce5-4b99-87d3-0bd1c6725f2f .form-inline .m-l-5px {margin-right: 10px !important; padding-left:0 !important;}
#directory-widget-8133db93-2ce5-4b99-87d3-0bd1c6725f2f > div:nth-child(2) > div {padding-left: 0 !important;}
#directory-widget-fd8fb7f3-04e4-4fb9-8c83-300c44d18a22 > div:nth-child(2) > div > form > div.form-group.m-l-5px > input {margin-left: 10px !important; margin-right: 10px !important;}
.webpage-block ul li::before {content: "•" !important; font-size: 16px !important; padding-left: 0 !important;}

.event-block.card .time, .event-block.agenda-item .time {
    color: #444 !important;
}

.logo-large {
 max-height: 150px;
}

.blog-content {
margin-top: 3rem;
}

.reviews {
    padding-bottom: 0;
}

.p-y-3 {
margin-top: 0;
}

.business-card h3 {
margin-top: 25px !important;
}

.categories-view {
margin-top: 25px !important;
}


.categories-view h3 {
font-size: 20px !important;
}

.business-box h3 {
font-size: 16px !important;
}


.accent-icon {
 font-family: 'Font Awesome 5 Free';
 font-style: normal;
}

.support_local_block .btn-primary {
    background-color: #F7971F !important;
    border-color: #F7971F !important;
    color: #FFFFFF !important;
}

.btn-primary {
    background-color: #F7971F !important;
    border-color: #F7971F !important;
    color: #FFFFFF;
}

#scroll-btn {
  opacity: 0;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: rgba(247, 151, 31, 0.8);
  position: fixed;
  bottom: 10%;
  right: 7%;
  border: none;
  border-radius: 25%;
  font: bold 20px monospace;
  transition: opacity 0.5s, transform 0.5s;
text-align: center;
    margin: 0 auto;
padding: 0;
}

#scroll-btn.show {
  opacity: 1;
  transition: opacity 1s, transform 1s;
}

#search-input-group > div.col-md-3.hidden-xs.hidden-sm {
    float: right;
    margin-right: 0;
}

#search-input-group > div.col-xs-6.col-md-2 {
    width: 25%;
}


/*.webpage-footer:after {
position: fixed;
bottom: 0;
right:0;
width: 50px;
font-weight: 400;
content: "▲";
color: orange;
display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}*/

body {font-family: Oswald, sans-serif; text-rendering: geometricPrecision;}
.hide-block {display: none;}
.pagination li:before {display: none;}
.jumbotron {padding-bottom: 50px !important;}


.webpage-header .vcard>li {display: none;}
.vcard {background: #00aaf0; padding: 5px 15px; color: #fff; z-index: 99;}
.vcard-phone a, .header-social a {color: #fff;}
.vcard-phone a, .header-social a, .navbar-nav .navbar-text, .navbar-nav .navbar-text a, .header-social .social-icon svg {color: #fff;}
.webpage-header .vcard.navbar-nav ul.header-social li {padding: 3px 9px; font-size: 18px;}
li.social-icon svg {margin-top: 2px !important;}
.site-footer-upper li.social-icon svg {color: #0091c8 !important;}

.alert-bar h4, .alert-bar h4 a {
color: #C28614 !important;
font-size: 18px !important;
margin-top: 15px;
text-transform: none !important;
}

.alert-bar h4 a:hover {
text-decoration: underline !important; 
}

.asw-items:before {display: none}


/*navigation*/
.dropdown-menu {
  width: 300px;
}

.navbar-nav>li {
    margin-right: 10px;
    margin-left: 10px;
}

.webpage-header .navbar-default {
border-color: transparent !important;
}

/*alert bar*/ 
.alert-bar {
  background-color: transparent;
    color: #F7971F;
    box-shadow: none;
    text-align: inherit;
    position: relative;
    top: 0;
    right: 0
    width: 100%;
    z-index: 9999;
    transition: all 0.25s linear;
    -webkit-backface-visibility: hidden;
    min-height: 30px;
}

/*.covid-alert .covid-alert-container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    width: 1000px;
    padding: 10px 60px;
    line-height: 1.4;
}*/

/*Home Page*/
.property .webpage-call-to-action .panel {
    max-width: 400px !important;
}

.opportunities .webpage-call-to-action .panel {
    max-width: 400px !important;
}

/*special block*/
.special-block img  {
 border: 2px solid #ffffff !important;
 margin: 25px auto; 
}

.special-block p, .special-block span {
text-align: center;
}

.special-block a {
margin-top: 10px;
}

.special-block .btn {
 font-size: 24px;
}

/*Add shadow below navbar*/
.webpage-header, .navbar-fixed-top {border: none; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
                         box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 
background-color: #ffffff!important;
z-index: 9;}

.navbar-fixed-top img {height: 80px!important;}
.hero-content a {color: #a6ecff;}
/*Add shadow on footer*/
.webpage-footer-embed {border: none; 
-webkit-box-shadow: inset 0px 10px 20px rgba(0, 0, 0, 0.3);
              -moz-box-shadow: inset 0px 10px 20px rgba(0, 0, 0, 0.3);
                         box-shadow: inset 0px 10px 20px rgba(0, 0, 0, 0.3); 
background-color: #e8e8e8!important;
z-index: 9;}

.welcome.text-shadow-dark .btn {text-shadow: none;}


.webpage-block .jumbotron h1 {font-weight: 900;}
/*.webpage-hero {border-bottom: 25px solid #636363;}*/
.jumbotron {padding: 10px;}

.hero-content .btn {
    float: left;
}

.restaurants-slide .btn, .dtnights .btn, .school-of-rock .btn, .non-profit .btn, .audacity .btn, .funrun .btn, .family-fun-night .btn {
float: right !important;
margin-top: 25px !important;
margin-right: 50px !important;
}


.first-slide .btn {
float: right !important;
margin-top: 25px !important;
margin-right: 300px !important;
}

.offset-anchor {
padding-top: 100px !important;
}

/*Buttons*/
.btn-secondary {
background-color: #F7971F !important;
color: white !important;
border: none !important;
font-size: 20px !important;
font-weight: bold !important;
margin-top: 15px !important;
}

.btn-secondary:hover {
background-color: #f9ac4c !important;
}

/*Icons*/
.icons img {
    margin-top: 15px !important;
}

/*side tab*/
.side-tab {
position: fixed; 
background-color: #0091c8; 
text-align: center;
color: white; 
top: 250px; 
left: -76px; 
z-index: 10000; 
transform: rotate(-90deg); 
font-size: 18px; 
height: 50px; 
padding: 10px;
-webkit-box-shadow: 0px 2px 7px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 2px 7px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 2px 7px 0px rgba(50, 50, 50, 0.35);
background-color: rgba(194, 134, 20, 0.9);
cursor: pointer;
}

.side-tab:hover {
   background-color: rgba(175, 121, 18, 0.9);
}

/*Overrides*/


@media (min-width: 992px) {
.slide-description {position: relative !important; bottom: -250px !important; display: block !important; font-size: inherit !important; background-color: rgba(0,0,0,0.5);
    padding: 10px;}
}

@media (min-width: 769px) {
.webpage-header-embed {top: 0;
    position: absolute;
    z-index: 999;
right: 30%;}
.webpage-header .navbar li a {font-size: 130%; text-transform: uppercase; font-weight: 900; }
.navbar-header {top: 0;
    position: fixed;}
.navbar-right li a {line-height: 65px!important;}


/*Hero Styling w custom class "welcome"*/
.welcome .btn:not(.exclude-custom-css) {margin-top: -50px; text-align: center; vertical-align: middle; font-size: 30px; font-weight: 600;}
.welcome .jumbotron .hero-content:not(.exclude-custom-css) {margin-top: 240px;}
.welcome .jumbotron:not(.exclude-custom-css) {font-size: 200%;} 


#search-input-group .btn {margin-top: 26px;}
}

@media screen and (max-width: 1199px) {
.slide-description {font-size: 2rem !important;}

#search-input-group > div.col-md-3.hidden-xs.hidden-sm {
    float: right;
    margin-right: 0;
}
}

@media (max-width: 1024px) {
.navbar-header .navbar-toggle:before {content: "Menu"; color: #00aaf0; font-weight: bold; position: absolute; right: 50px; top: 4px;}
.webpage-header .navbar-toggle {background: #fff; border: none; margin-top: 20px!important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #00aaf0;}

.webpage-header {
  height: 150px;
}

.navbar-toggle {
  top: 70px;
  left: 725px;
}

#header-collapse {
  width: 100%;
}

.float-left {
float: left;     
margin: 10px 15px 5px 0; 
}

.event_post img {
width: 90% !important;
margin-left: 5% !important;
margin-right: 5% !important;
height: auto !important; 
}

.event_post .img_small {
width: 60% !important;
margin-left: 20% !important;
margin-right: 20% !important;
height: auto !important; 
}

.event_post .link_mobile {
font-size: 16px !important;
}


}


@media (max-width: 991px) {
.slide-description {position: relative; display: block; font-size: 18px;}

.navbar-toggle {
  top: 70px;
  left: 600px;
}
}

@media (max-width: 768px) {
.vcard-phone a, .header-social a, .navbar-nav .navbar-text, .navbar-nav .navbar-text a, .header-social .social-icon svg {
    #15aee7 !important;
}
body > div.webpage-header.hero-below > div.vcard-social > div > div > ul > li:nth-child(2) > a > i > svg {color: #15aee7 !important;}
.b-p-h-xl {padding-bottom: 10px !important;}
.sub-block {padding-top: 10px !important; padding-bottom: 10px !important;}
.new-section {margin-top: 25px !important;}

#search-input-group > div.col-xs-6.col-md-2 {
    width: 50%;
}

li.social-icon svg {
    color: #15aee7 !important;
}

/* Removes top margin in mobile hero */
.welcome .jumbotron .container {margin-top: 0;}
/*Optional logo height change for mobile*/
.webpage-header .navbar-brand-image img {height: 60px!important; max-height: 60px!important;}

.sub-nav .webpage-tagline .row a {font-size: 20px !important;}

#directory-widget-fd8fb7f3-04e4-4fb9-8c83-300c44d18a22 > div:nth-child(2) > div > form > div.form-group.m-l-5px > input {margin-left: 0 !important;}
#directory-widget-8133db93-2ce5-4b99-87d3-0bd1c6725f2f  .btn {margin-top: -6px !important;}
#directory-widget-8133db93-2ce5-4b99-87d3-0bd1c6725f2f .form-inline .m-l-5px .btn {margin-top: -6px !important;}
#directory-widget-8133db93-2ce5-4b99-87d3-0bd1c6725f2f > div:nth-child(2) > div {padding-left: 15px !important;}

#calendar-widget-510fe61c-a1b3-495d-bc0c-54b5a05c976d > form > div > div.row.visible-xs-block.visible-sm-block.m-b > div:nth-child(2) {
margin-top: 10px !important;
}

.webpage-group .row>*:not(:first-child) {margin-top: 0 !important;}


.categories-view {margin:0; display:block;}

.form-inline .m-l-5px {margin-left:0 !important;}

.asw-menu-btn {
    bottom: 65px !important;
}

body > div.asw-container > div > a {
border-radius: 100%;
outline: none !important;
}

#scroll-btn {
background-color: rgba(200, 200, 200, 0.8);
border: none;
}

.alert-bar {
    background-color: #aaa;
    height: 40px;
    margin-top: -15px;
    right: 0;
    width: 100%;
    position: relative;
}

.alert-bar h4, .alert-bar h4 a {
    color: white !important;
    margin-top: 15px;
    padding: 11px 0 10px 0;
    text-align: center;
    font-size: 16px !important;
}

.webpage-header, .navbar-fixed-top {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}

.vcard {
background-color: white !important;
}

.header-social a {
color: #15aee7 !important;
}

.webpage-header {
  height: auto;
}

.navbar-toggle {
  top: inherit;
  left: inherit;
}

.carousel-indicators {
display: none !important;
}

.hero-content .btn {
 width: 75% !important;
margin: 15% auto !important;
}

.special-block  {
    padding-top: 25px;
    padding-bottom: 25px;
}


}

@media (max-width: 475px) {

.sub-nav .webpage-tagline .row a {font-size: 16px !important;}

.slide-description {bottom: 75px;}

.side-tab {
     top: inherit;
     left: inherit;
     bottom: 0;
     right: 0;
     transform: rotate(0deg);
     position: fixed; 
     width: 100%;
    -webkit-box-shadow: 0px -5px 7px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px -5px 7px 0px rgba(50, 50, 50, 0.35);
     box-shadow:         0px -5px 7px 0px rgba(50, 50, 50, 0.35);
     background-color: rgba(194, 134, 20, 0.9);
}

.locable-footer {
       margin: 5em 0 !important;
}
}
 
h4 {font-weight: 800; text-transform: uppercase; }
.well p {color: #fff;}

.business-card {height: 290px;}
.webpage-block ul li {list-style-type: none;}
.webpage-block ul li::before {
    content: "\f0c8";
    font-family: FontAwesome;
font-size: 50%;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: relative;
    right: 5px;
bottom: 5px;
    color: #00aaf0;}

/* site customizations*/
.modal-content h1 {color: #646991;}
.event-block.card .time, .event-block.agenda-item .time {background: #f1f1f1;}
.event-block .read-more {color:#0091c8;}
.calendar-widget .btn-primary {background: #0091c8; border: 1px solid #fff;}



/*Buttons*/
.webpage-block .btn {background: #fff; color: #333; border: 1px solid #333;}
.webpage-block .btn:hover {background: #333; color: #fff;border: 1px solid #fff;}

.webpage-block hr {border: solid #DDD;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem;}

.webpage-footer-embed {background-color: #e8e8e8;
    color: #646991;
padding: 30px 0;}

.footer-social {    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);}
.footer-social li {margin-right: 8px;}
.footer-links li {margin-bottom: 20px;}