/* Default Colors */
.ra-component * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ra-component {
  width: 100%;
}
.ra-component .title {
  margin-bottom: 28px;
}
.ra-component .title img {
  width: 20px;
  display: none;
}
.ra-component .content {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ra-component.accordion .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  border: solid 1px #E2E2E2;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ra-component.accordion .content {
  overflow: hidden;
}
.ra-component.accordion h2 {
  text-align: left;
}
.ra-component.accordion[data-state=close] .title {
  background: #EEEEEE;
}
.ra-component.accordion[data-state=close] .title .close-icon {
  display: block;
}
.ra-component.accordion[data-state=close] .title .open-icon {
  display: none;
}
.ra-component.accordion[data-state=close] .content {
  height: 0;
  padding: 0;
}
.ra-component.accordion[data-state=open] .title {
  background: #e4e2e2;
}
.ra-component.accordion[data-state=open] .title .close-icon {
  display: none;
}
.ra-component.accordion[data-state=open] .title .open-icon {
  display: block;
}
.ra-component.accordion[data-state=open] .content {
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px;
}

.ra-component .weather-component-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 941px;
}
.ra-component .weather-component-content .info {
  width: 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.ra-component .weather-component-content .info .info-content {
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ra-component .weather-component-content .info h3 {
  text-align: center;
}
@media (max-width: 767px) {
  .ra-component .weather-component-content .info {
    width: 46%;
  }
}
.ra-component .weather-component-content .weather .info-content img {
  width: 100%;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .ra-component .weather-component-content {
    padding: 20px;
  }
}

.ra-component .weather-widget-io {
  width: 100%;
  max-width: 941px;
}

.ra-component .about-component-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ra-component .neighborhoods-component-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ra-component .neighborhoods-component-content p {
  width: 100%;
  max-width: 941px;
}

.ra-component.accordion .neighborhoods-component-content p {
  max-width: 100%;
}

.ra-component .thingstodo-component-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1240px;
}
.ra-component .thingstodo-component-contents .thingstodo {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  border-style: solid;
  transition: 0.3s ease-in-out all;
}
.ra-component .thingstodo-component-contents .thingstodo .place_img {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ra-component .thingstodo-component-contents .thingstodo .reviews {
  display: flex;
  gap: 8px;
}
.ra-component .thingstodo-component-contents .thingstodo .reviews .stars {
  display: flex;
  gap: 4px;
}
.ra-component .thingstodo-component-contents .thingstodo .reviews .stars img {
  width: 16px;
}
.ra-component .thingstodo-component-contents .thingstodo h3 {
  width: 100%;
  text-align: center;
}
.ra-component .thingstodo-component-contents .thingstodo:hover {
  transform: scale(1.02);
}
@media (max-width: 1024px) {
  .ra-component .thingstodo-component-contents .thingstodo {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .ra-component .thingstodo-component-contents .thingstodo {
    width: 100%;
  }
}

.ra-component .busstops-component-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1240px;
}
.ra-component .busstops-component-contents .busstop {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  border-style: solid;
  transition: 0.3s ease-in-out all;
}
.ra-component .busstops-component-contents .busstop iframe {
  height: 250px;
  width: 100%;
}
.ra-component .busstops-component-contents .busstop h3 {
  width: 100%;
  text-align: center;
}
.ra-component .busstops-component-contents .busstop:hover {
  transform: scale(1.02);
}
@media (max-width: 1024px) {
  .ra-component .busstops-component-contents .busstop {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .ra-component .busstops-component-contents .busstop {
    width: 100%;
  }
}

.ra-component .drivingdirections-component-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1240px;
}
.ra-component .drivingdirections-component-contents .drivingdirection {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  border-style: solid;
  transition: 0.3s ease-in-out all;
}
.ra-component .drivingdirections-component-contents .drivingdirection iframe {
  height: 250px;
  width: 100%;
}
.ra-component .drivingdirections-component-contents .drivingdirection h3 {
  width: 100%;
  text-align: center;
}
.ra-component .drivingdirections-component-contents .drivingdirection:hover {
  transform: scale(1.02);
}
@media (max-width: 1024px) {
  .ra-component .drivingdirections-component-contents .drivingdirection {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .ra-component .drivingdirections-component-contents .drivingdirection {
    width: 100%;
  }
}

.ra-component .mapembed-component-content {
  width: 100%;
  max-width: 1240px;
}
.ra-component .mapembed-component-content iframe {
  height: 340px;
  width: 100%;
}/*# sourceMappingURL=default_city_components_styles.css.map */