/* line 23, css.scss */
nav * {
  box-sizing: border-box;
}

/* line 26, css.scss */
html nav {
  font-size: 62.5%;
}


/* line 29, css.scss */
 body nav{
  margin: 0;
  padding: 0;
  /*font-size: 18px;
  font-size: 1.8rem;*/
  font-size: 16px;
  /*added weight normal to override bold html style*/
  font-weight: bold;
  background-color: #eee;
}

/* line 37, css.scss */
nav {
  font-family: "franklin-gothic-urw-cond", tahoma, helvetica, arial, sans-serif !important;
  background: transparent  !important;
  font-size: 18px;
}

/* line 40, css.scss */
nav img {
  display: block;
  border: 0;
}

/* line 44, css.scss */
nav a, nav a:link, nav a:visited {
  color: #000;
  text-decoration: none;
  border: 0;
}

/* line 49, css.scss */
nav a:hover, nav a:active {
  text-decoration: underline;
}

/* line 52, css.scss */
nav h1,nav h2{
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
  font-family: adelle, helvetica,"ff-meta-serif-web-pro", georgia, serif;
  font-weight: normal;
  text-transform: none;
}

nav h3, nav h4, nav h5, nav h6 {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 11.25px;
  margin-bottom: 1.25rem;
  font-family: adelle, helvetica,"ff-meta-serif-web-pro", georgia, serif;
  font-weight: normal;
  text-transform: none;
}


/* line 61, css.scss */
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 66, css.scss */
nav label li {
  white-space: nowrap;
  font-weight: 500;
}

/* line 70, css.scss */
.no-flexbox {
  /*#menu-read-submenu{
      .visualnav{
          min-height:616px;
      }
  }*/
}
/* line 72, css.scss */
.no-flexbox .menu label {
  float: left;
  width: auto;
}
/* line 76, css.scss */
.no-flexbox .menu .wp-link {
  float: left;
  width: auto;
  font-weight: 500;
}

.menu #wp-link {
    display: inline-block;
}

.menu #wp-link {
 font-weight: 500;
}
/* line 80, css.scss */
.no-flexbox .menu .hide-box {
  float: left;
}
/* line 85, css.scss */
.no-flexbox .submenu .hide-box {
  float: none;
}
/* line 89, css.scss */
.no-flexbox .addflex {
  display: table-cell !important;
  float: none;
}
/* line 93, css.scss */
.no-flexbox .addflex .submenu-nav, .no-flexbox .addflex .display-block {
  display: table-cell;
  float: none;
  vertical-align: top;
}
/* line 105, css.scss */
.no-flexbox .visualnav .story-container {
  width: 21%;
}
/* line 109, css.scss */
.no-flexbox .more-icon {
  width: 13%;
}
/* line 112, css.scss */
.no-flexbox .hide-box {
  display: inline;
  width: 0px;
  height: 0px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -100px;
  top: -100px;
}

/* line 125, css.scss */
nav .container {
  margin: 0 auto;
  display: block;
  max-width: 994px;
}

/* line 130, css.scss */
nav .header .middle {
  width: 100%;
}

/* line 133, css.scss */
.menu-container {
  position: relative;
  color: white;
  width: 100%;
  background-color: #dd4e2b;
  background-color: white;
  /*a, a:link, a:visited{
      color:#000;
      float:left;
      text-decoration:none;
  }*/
}
/* line 139, css.scss */
.menu-container p {
  margin-top: 0;
}
/* line 147, css.scss */
.menu-container .close {
  color: white;
  background-color: #dd4e2b;
}
/* line 151, css.scss */
.menu-container .ad {
  border-top: 1px solid #dddddd;
  padding: 22.5px 0;
  padding: 2.25rem 0;
  float: left;
  text-align: center;
}
/* line 157, css.scss */
.menu-container .ad img {
  display: inline;
  margin: 0;
}
/* line 161, css.scss */
.menu-container .ad .advertise-with-us {
  color: darkgray;
  float: none;
}
/* line 164, css.scss */
.menu-container .ad .advertise-with-us p {
  font-size: 9px;
  font-size: 0.9rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* line 171, css.scss */
.menu-container .ad .advertise-with-us:hover {
  text-decoration: underline;
}

/* line 176, css.scss */
.menu-container:hover {
  box-shadow: 0 2px 10px #ccc;
  z-index: 2;
  position: relative;
}

/* line 181, css.scss */
.menu {
  background-color: #dd4e2b;
  border-bottom: 1px solid #b7361c;
  list-style: none;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  float: left;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
/* line 192, css.scss */
.menu label {
  line-height: 22.5px;
  line-height: 2.25rem;
 /* padding: 5.625px 0;
  padding: 0.5625rem 0;*/
  float: none;
  clear: none;
  width: auto;
}
/* line 201, css.scss */
.menu label:hover {
  background-color: #b7361c;
  cursor: pointer;
}
/* line 208, css.scss */
.menu a, .menu a:link, .menu a:hover, .menu a:active, .menu a:visited {
  color: #fff;
  display: block;
  /*background-color: #dd4e2b;
  padding: 5.625px 0;
  padding: 0.5625rem 0;*/
}
/* line 215, css.scss */
.menu a:hover {
  background-color: #b7361c;
}
/* line 218, css.scss */
.menu li {
  border-right: 1px solid white;
  padding: 0 11.25px;
  padding: 0 1.125rem;
}
/* line 223, css.scss */
.menu label:last-child li {
  margin-right: 0;
  border: 0;
}
/* line 233, css.scss */
.menu .wp-link {
  line-height: 22.5px;
  line-height: 2.25rem;
}
/* line 243, css.scss */
.menu .arrow {
  font-size: 9px;
  font-size: 0.9rem;
  margin-bottom: 5px;
}

/* line 250, css.scss */
.hide-box {
  display: none;
  position: absolute;
  top: -1000;
  left: -1000;
}

/* line 258, css.scss */
#menu-read:checked ~ .read {
  background-color: #b7361c;
}

/* line 262, css.scss */
#menu-read:checked ~ .readnav {
  display: block;
}

/* line 266, css.scss */
nav .submenu {
  float: left;
  display: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 0;
 /* border-right: 1px solid darkgray;
  background-color: #dd4e2b;*/
}

nav .submenu a {
    text-decoration: none;
}

/* line 282, css.scss */
.addflex {
  display: -webkit-flex !important;
  display: flex !important;
}

/* line 287, css.scss */
nav .submenu-nav {
  background-color:#dd4e2b;
  list-style: none;
  text-transform: capitalize;
  padding: 0;
  float: left;
  margin: 0;
  width: 20%;
  line-height: inherit;
}
/* line 296, css.scss */
nav .submenu-nav label {
  float: left;
  clear: left;
  border-bottom: 1px solid #b7361c;
  width: 100%;
  padding: 5.625px 0;
  padding: 0.5625rem 0;
  display: block;
}
/* line 306, css.scss */
.submenu-nav label:hover {
  background-color: #b7361c;
  cursor: pointer;
}

nav .submenu-nav a {
  float: left;
  clear: left;
  border-bottom: 1px solid #b7361c;
  width: 100%;
  padding: 5.625px 0;
  padding: 0.5625rem 0;
  display: block;
}
/* line 306, css.scss */
.submenu-nav a:hover {
  background-color: #b7361c;
  cursor: pointer;
}

/* line 310, css.scss */
.submenu-nav li {
  width: 100%;
  padding: 5.625px 11.25px;
  padding: 0.5625rem 1.125rem;
  margin: 0;
  font-weight: 500;
}

/* line 319, css.scss */
.visualnav {
  display: none;
  padding: 22.5px 3%;
  color: black;
  float: left;
  width: 80%;
  background-color: white;
  text-transform: none;
  /*a, a:link, a:hover{
      color:black;
  }
  a:hover, a:active{
      text-decoration:underline;
  }*/
}
/* line 326, css.scss */
.visualnav h2 {
  border-bottom: 1px solid #dddddd;
}
/* line 329, css.scss */
.visualnav .submenu-accessory, .visualnav .submenu-accessory-50 {
  float: left;
  padding-top: 22.5px;
  border-top: 1px solid #dddddd;
}

.submenu-accessory ul li{
  display: block;
}
/* line 333, css.scss */
.visualnav .submenu-accessory li, .visualnav .submenu-accessory-50 li {
 /* margin: 11.25px 0;
  margin: 1.125rem 0;
  margin: 6.625px 0;
  margin: 0.5rem 0;*/
}
/* line 338, css.scss */
.visualnav .submenu-accessory {
  width: 100%;
  clear: left;
}
/* line 342, css.scss */
.visualnav .submenu-accessory-50 {
  width: 50%;
}
/* line 351, css.scss */
.visualnav .story-list {
  float: left;
  width: 100%;
}


/*added to photo mask the images */
.visualnav .story-container .photomask{
    width: 162px;
    height: 162px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 11.25px;
    margin-bottom: 1.25rem;
}
 
/*added to photo mask the images */
.visualnav .story-list .photomask img{
    width: 150%;
    margin-left: -30px;
}

.visualnav .story-container .partners_photomask{
    width: 162px;
    height: 162px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 11.25px;
    margin-bottom: 1.25rem;
}
 
/*added to photo mask the images */
.visualnav .story-list .partners_photomask img{
    width: 100%;
}

.visualnav .story-container .photomask-icon{
    width: 162px;
    height: 162px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 11.25px;
    margin-bottom: 1.25rem;
}
 
/*added to photo mask the images */
.visualnav .story-list .photomask-icon img{
    width: 100%;
}

/* line 355, css.scss */
.visualnav .story-container {
  float: left;
  width: 21%;
  margin-right: 4%;
}
/* line 360, css.scss */
.visualnav .story-container:last-of-type {
  margin-right: 0;
}

.visualnav .story-container img .opacity{
  opacity: 0.3;
}


/* line 363, css.scss */
.visualnav .story {
  float: left;
  padding-bottom: 22.5px;
  padding-bottom: 2.25rem;
  text-decoration: none;
}
/* line 367, css.scss */
.visualnav .story img {
  width: 100%;
}
/* line 373, css.scss */
.visualnav .story .title {
  font-size: 1.15em;
  margin-bottom: 0;
  word-break: break-word;
}
/* line 376, css.scss */
.visualnav .story .description {
  display: none;
}
/* line 379, css.scss */
.visualnav .story .read-more {
  display: none;
}
/* line 382, css.scss */
.visualnav .story .see-more {
  font-family: "adelle";
  margin-bottom: 12.5px;
  margin-bottom: 1.25rem;
}
/* line 386, css.scss */
.visualnav .story .more-arrow {
  float: left;
  background-color: white;
 /* border-radius: 5px;*/
}
/* line 392, css.scss */
.visualnav .story .more-arrow img {
  opacity: 0.3;
  margin: 0;
}
/* line 398, css.scss */
.visualnav .story:hover {
  background-color: #dddddd;
  border-radius: 20px 20px 0 0;
}
/* line 401, css.scss */
.visualnav .story:hover .title, .visualnav .story:hover .see-more {
  text-decoration: none;
}
/* line 404, css.scss */
.visualnav .story:hover img {
  opacity: 1;
}
/* line 409, css.scss */
.visualnav .tags {
  /*float:left;
  clear:left;
  width:100%;
  margin-bottom:$lineHeightPx;
  h4{
      width:100%;
      margin-bottom:$lineHeightPx/2;
  }*/
}
/* line 418, css.scss */
.visualnav .tags ul {
  /*a:hover{
      text-decoration:underline;
  }*/
}
/* line 419, css.scss */
.visualnav .tags ul a {
  /* padding-right: 2%;*/
  margin-right: 2%;
 /* border-right: 1px solid black;*/
  float: left;
}
/* line 428, css.scss */
.visualnav .tags ul a:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

/* line 441, css.scss */
.business-search {
  float: left;
  width: 100%;
}

/* line 444, css.scss */
.business-search-container, .pop-businesses-container {
  width: 48%;
  float: left;
 /* margin-bottom: 22.5px;
  margin-bottom: 2.25rem;*/
}

.pop-businesses-container div {
    margin-bottom: 15px;
    width:100%;
}

.pop-businesses-container div span {
    display: block;
    margin-bottom: 5px;
}    

.pop-businesses{
    float:left;
        
}
.pop-businesses h3 {
   margin-bottom: 11.25px;
   margin-bottom: 1.125rem;
}

.pop-business{
   border-bottom: 1px solid lightgray;
   clear:left;
   float:left;
   margin-bottom: 11.25px;
   margin-bottom: 1.125rem;
   padding-bottom: 11.25;
   padding-bottom: 1.125;
   width: 100%;
}
.pop-business:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.pop-business .categories {
    clear: left;
}

.neighborhood-business{
  border-bottom: 1px solid lightgray;
  clear:left;
  float:left;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  margin-right: 5%;
  padding-bottom: 11.25px;
  padding-bottom: 1.125rem;
  width: 95%;
}

.neighborhood-business .categories a, .categories a:link, .categories a:visited {
   color: #dd4e2b;
}

.neighborhood-business:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}



.neighborhood-events .categories {
   color: #dd4e2b;
}

.neighborhood-events{
  border-bottom: 1px solid lightgray;
  clear:left;
  float:left;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  padding-bottom: 11.25px;
  padding-bottom: 1.125rem;
  padding-left: 5px;
  width: 100%;
}
.neighborhood-events:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.pop-business .categories a, .categories a:link, .categories a:visited {
   color: #dd4e2b;
}

/* line 450, css.scss */
.business-search-container {
  margin-right: 4%;
}

/* line 454, css.scss */
.pop-businesses {
  float: left;
}
/* line 456, css.scss */
.pop-businesses li {
  float: left;
  clear: left;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}
/* line 462, css.scss */
.pop-businesses li:last-child {
  margin-bottom: 0;
}

/* line 469, css.scss */
.featured-events .event-list {
  width: 74%;
  margin-right: 4%;
  float: left;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
}
/* line 476, css.scss */
.featured-events .event-container {
  width: 100%;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  padding-bottom: 11.25px;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid #dddddd;
  float: left;
  /*a:hover, a:active{
      text-decoration:underline;
  }*/
}
/* line 484, css.scss */
.featured-events .event-container a, .featured-events .event-container a:link, .featured-events .event-container a:visited {
  color: #dd4e2b;
}
/* line 490, css.scss */
.featured-events .event-container .title {
  width: auto;
}
/* line 492, css.scss */
.featured-events .event-container .title a, .featured-events .event-container .title a:link, .featured-events .event-container .title a:visited {
  color: black;
}
/* line 496, css.scss */
.featured-events .event-container .categories {
  font-family: tahoma, helvetica, arial, sans-serif;
  margin: 0;
  margin-bottom: 12px;
  margin-bottom: 1.5rem;
  width: auto;
  padding-left: 0;
  list-style: none;
  float: left;
  clear: left;
  font-size: 12px;
  /*font-size: 1.2rem;*/
}
/* line 508, css.scss */
.featured-events .event-container .categories li {
  float: left;
  clear: none;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid black;
}
/* line 515, css.scss */
.featured-events .event-container .categories li:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}
/* line 521, css.scss */
.featured-events .event-container .event-details {
  list-style: none;
  clear: left;
  padding: 0;
  margin: 0;
  margin-bottom: 22.5px;
  /*.date, .time{
      border-right:1px solid black;
      margin-right:10px;
      padding-right:10px;
  }
  .location{
      margin-bottom:$lineHeightPx;
  }*/
}
.featured-events .event-container .event-details .date{
  border-right: 1px solid black;
  margin-right: 10px;
  padding-right: 10px;
}

/* line 527, css.scss */
.featured-events .event-container .event-details li {
  width: auto;
  display: inline;
}
/* line 534, css.scss */
.featured-events .event-container .event-details li:last-child {
  display: block;
  margin-top: 5px;
  margin-top: 0.5rem
  width: 100%;
}

.event-details{
  display: block;
}
/* line 550, css.scss */
.featured-events .event-container .more-info {
  float: left;
}
/* line 554, css.scss */
.featured-events .event-container:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
/* line 559, css.scss */
.featured-events .event-container:hover {
  background-color: #dddddd;
}

/* line 565, css.scss */
.nb-icon {
  width: 14%;
  float: left;
  margin-right: 3%;
}
/* line 569, css.scss */
.nb-icon img {
  border-radius: 10px;
  overflow: hidden;
  width: auto;
  max-width: 100%;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  cursor: pointer;
}

/* line 578, css.scss */
.nb-icon:nth-child(6n) {
  margin-right: 0;
}

/* line 583, css.scss */
.pop-guides {
  /*a:hover, a:active{
      text-decoration:underline;
  }*/
  width: 100%;
  clear: left;
}
/* line 584, css.scss */
.pop-guides ul {
  float: left;
  display:table;
  width: 100%;
}

.pop-guides ul .col{
    display:table-column;
}    
.pop-guides ul .tr{
    display:table-row;
}    
/* line 586, css.scss */
.pop-guides ul a {
  clear: none;
  display:table-cell;
  float: left;
  margin-bottom: 1.125rem;
  margin-right: 3%;
  width: 30%;
}

.pop-guides ul a:nth-child(3) {
  padding-right: 0;
}


/* line 591, css.scss */
.pop-guides ul li {
  background-color: #dddddd;
  padding: 5.625px 11.25px;
  padding: 0.5625rem 1.125rem;
  border-radius: 10px;
  display: block;
  width: 100%;
  line-height: 1;
  }

/* line 608, css.scss */
.visualnav form {
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
  float: left;
  width: 100%;
}
/* line 613, css.scss */
.visualnav form label, .visualnav form select, .visualnav form input {
  float: left;
  clear: left;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
  text-transform: none;
}
/* line 619, css.scss */
.visualnav form select {
  min-width: 50%;
}

.biz_submit{
  margin-top: 0.75rem;
  padding: 4px 12px;
}

/* line 623, css.scss */
.visualnav .affiliate-attribution {
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 9px;
 /* font-size: 0.9rem;*/
  line-height: 1;
  color: darkgrey;
  float: left;
  /*a:hover, a:active{
      text-decoration:underline;
  }*/
}

.visualnav .story-attribution {
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 9px;
 /* font-size: 0.9rem;*/
  line-height: 1;
  color: darkgrey;
  float: left;
  /*a:hover, a:active{
      text-decoration:underline;
  }*/
}

/* line 630, css.scss */
.visualnav .affiliate-attribution a, .visualnav .affiliate-attribution a:link, .visualnav .affiliate-attribution a:visited {
  color: darkgrey;
  clear: none;
  float: none;
}

/* line 642, css.scss */
.six-across {
  float: left;
  width: 100%;
}

/* line 646, css.scss */
.more-icon {
  border-radius: 20px 20px 0 0;
  width: 14%;
  float: left;
  margin-right: 3%;
  /*a:hover, a:active{
      text-decoration:underline;
  }*/
}
/* line 651, css.scss */
.more-icon img {
  width: auto;
  max-width: 100%;
  margin-bottom: 11.25px;
  margin-bottom: 1.125rem;
}

/* line 661, css.scss */
.more-icon:hover {
  background-color: #dddddd;
}

/* line 664, css.scss */
.menu-select {
  background-color: #b7361c;
}

/* line 667, css.scss */
.more-icon:nth-child(6n) {
  margin-right: 0;
}

/* give the icons a background color so hover doesn't grey out imges */
.read_icons{
    background-color: #dd4e2b;;
    width: 162px;
    height: 162px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 11.25px;
    margin-bottom: 1.25rem;
    padding: 10px;

}

.read_icons img{
   margin-right: -30px;
   margin-bottom: 0;

}   


.read-arrow {
  float: left;
  background-color: #dd4e2b;
 /* border-radius: 5px;*/
}
/* line 392, css.scss */
.visualnav .story .read-arrow img {
  opacity: 0.3;
  margin: 0;
}

.visualnav .story .read-arrow img:hover {
  opacity: 1;
}

/* line 670, css.scss */
.display-block {
  display: block;
}

/* line 674, css.scss */
nav .clearfix {
  float: left;
  clear: left;
}

#visual_search_form{
    bottom: 8px;
    margin: 2% 0;
    position: absolute;
    right: 0px;
}

#visual_phrase{
    color: #666;
    font-weight: bold;
    font-size: 18px;
    height: 35px;
    line-height: 24px;
    margin-right: 0px;
    padding: 0 5px;
    width: 280px;
}

#logo{
    display:inline !important;
}


.sub_link{
    color:white !important;
}

.social_icons{
    margin-bottom: 15px;
}    

.social_icons a:first-child{
    margin-left: 0px;
}
.social_icons a{
   margin-left: 5px;
   text-decoration: none;
   color: transparent;
}

.social_icons a img{
    vertical-align: middle;
    width: 43px;
}    
