@import url('https://fonts.googleapis.com/css2?family=Alice&family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');

* {
  font-family: 'Open Sans', sans-serif;
}

#sitewide-notice {
  background: #fafafa;
  background: #dfe4e7;
  background: #eff4f8;
  border-bottom: 1px solid #eee;
  padding: 5px 30px;
  font-size: 1em;
  text-align: center;
  position: relative;
}
#sitewide-notice a {
  text-decoration: underline;
}
#skip a {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip a:focus {
  position: static;
  width: auto;
  height: auto;
}
h1, h2, h3, h4, .h1, .h2, .h3, h2 a, h3 a, h4 a {
  color: #4a4a4a;
  color:#000;
  font-family: 'Alice', serif;
}
h5, h6, .h4, .h5, .h6 {
  color: #4a4a4a;
  font-family: 'Open Sans', sans-serif;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #999;
}
h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader {
  color: #4a4a4a;
  color: #999;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
  font-style: italic;
}
#index-main h1 {
  /*font-family: 'Itim', cursive;*/
  /*color:#074b60;*/
}
h1.entry-title a, h1.entry-title, h1 {
  font-weight: 400;
}
h2 {
  font-weight: 400;
  margin-bottom: .5em;
  font-size: 2.6em;
}
h3, h4, h5, h6 {
  font-weight: 400;
}

h3.sd-title {
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h4 small {
  color: #616163;
}

.accordion-title h4
{
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}

span.script, h2.script, h5.script {
  font-size: 1.2em;
  font-weight: 300;
  margin-left: 15px;
  font-style: italic;
}
h2.script:after, h5.script:after, span.script:after {
  /*content:' ';
	display:block;
	border:1px solid #c6cacd;
	width:100px;
	margin:20px 0;*/
}
h6.superheader, h6.superheader a, span.superheader, span.superheader a {
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #f46036;
  display: block;
  margin-bottom: 7px;
  font-family: 'Open Sans', sans-serif;
}
.navy .superheader {
  color: #ddd;
}
.navy h2 {
  color: #fff;
}
.navy .hor-card h2 {
  color: #4a4a4a;
  /*font-weight:600;*/
}
.subheader strong {
  color: #50514f;
}
.bottom30 {
  margin-bottom: 30px;
}
p, li {
  font-size: 1rem;
  color: #4a4a4a;
  line-height: 1.6em;
}
p.wp-caption-text {
  margin-top: 10px;
  color: #666;
  font-size: .8em;
}
figcaption {
  margin-bottom: 30px;
}
p.featuredagent {
  font-size: .85rem;
  color: #444;
}
p.terms {
  color: #666;
  font-size: .85rem;
}
.entry-content p {
  font-size: 1.1em;
}
.entry-content p s {
  color: #999;
}
.entry-content p a, .entry-content li a, .content p a, ul.prettylinks li a {
  color: #333;
  border-bottom: 4px solid #dfe0e1;
  text-decoration: none;
}
.entry-content p a:hover, .content p a:hover, ul.prettylinks li a:hover {
  border-bottom: 4px solid #f6f878;
}
.text-gray {
  color: #ccc;
  font-size: .85rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.wrap {
  max-width: 1100px;
  margin: 0 auto;
}
.wrap-1400 {
  max-width: 1300px;
  margin: 0 auto;
}
blockquote p {
  color: #777;
}
.prettylinks li {
  margin-bottom: 10px;
}
.gray li {
  margin-bottom: 12px;
}

ul.breathe
{
  margin-top:20px;
}

ul.breathe li {
  margin-bottom: .9rem;
  font-size: .9rem;
  font-style: italic;
}
ul.breathe li a {
  font-size: 1.1rem;
  font-weight: 600;
  font-style: normal;
}
ul.list-spaced li {
  margin-bottom: 20px;
}
/* Navigation */
#topnav {
  z-index: 50;
}
#topnav-sticky {
  background: #fff;
  /*border-bottom:1px solid #ccc;*/
  box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 8%);
  transition: height 0.25s ease, box-shadow 0.15s ease;
}
#topnav-sticky .top-bar-left {
  padding: 30px 0 15px 30px;
  transition: padding 0.25s ease;
}
#topnav-sticky.is-stuck .top-bar-left {
  padding: 0 0 15px 15px;
  transition: padding 0.25s ease;
}
.title-bar {
  z-index: 1100;
  background: #14a4b8;
  background: #fff;
}
.menu-icon.dark {
  position: absolute;
  right: 1em;
}
.title-bar-title {
  padding-left: 0.25em;
}
.title-bar-title img {
  max-height: 50px;
  width: auto;
}
.top-bar, .top-bar .menu {
  background: none;
}
#topnav-sticky img.logo {
  max-width: 100%;
  max-width: 250px;
  height: auto;
  transition: padding 0.25s ease;
}
#topnav-sticky.is-stuck img.logo {
  margin-top: 7px;
  max-width: 200px;
  height: auto;
  transition: padding 0.25s ease;
}
.top-bar a strong {
  font-weight: 800;
  font-size: .95em;
  text-transform: uppercase;
}
#main-menu a {
  color: #000;
}
#main-menu a:hover {
  color: #000 ! important;
}
#main-menu > li > a {
  letter-spacing: 2px;
  padding: 15px 30px;
}
#main-menu > li > a:hover {
  color: #f46036;
}
.top-bar .menu li.last {
  margin-right: 0 !important;
}
#menu-secondary {
  font-size: .85em;
  margin-bottom: 20px;
}
#menu-secondary a {
  color: #0a0a0a;
}
#menu-secondary a:hover {
  text-decoration: underline;
}
.top-bar .menu .menu {
  background: #fff;
  min-width: 250px;
  border: 0;
  border-top: 3px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.top-bar .submenu a {
  color: #4a4a4a;
  color: #000;
  font-size: .9rem;
}
.top-bar .submenu a:hover {
  text-decoration: underline;
}
.menu-space a {
  margin-right: 5px;
}
.menu-spacer {
  border-top: 1px solid #ddd;
  margin: 15px 0;
}
.mobile-header {
  padding: 15px 0;
  text-align: center;
}
.mobile-header .social {
  margin-top: 10px;
}
.mobile-header .social a {
  font-size: 2em;
  color: #b5b5b5;
}
.menu .menu-text {
  font-weight: 300;
}
.is-dropdown-submenu {
  padding: 20px 10px;
}
.top-bar-right {
  padding-right: 30px;
}
/* Expanded menu - see media queries */
.top-bar .menu .menu {
  font-size: .8em;
}
.top-bar .is-dropdown-submenu strong {
  color: #000;
  font-size: 1em;
}
/* Secondary menus in WP sections */
.innermenu {
  background: #e6eaed;
  background: #fafafa;
}
.innermenu a {
  font-weight: 600;
  color: #000 ! important;
}
.innermenu .is-dropdown-submenu.first-sub {
  background: #fafafa;
  min-width: 300px;
  width: 100% !important;
  border: 0;
}
#directory-menu > li {
  font-size: 1em;
}
#directory-menu > li:last-child a {
  font-weight: 800;
}
#directory-menu a:hover {
  color: #000;
}
.innermenu .is-dropdown-submenu.first-sub li {
  font-size: .9em;
}
/* Index page */
#mobile-hero {
  width: 100%;
  background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), url(../images/plan-thingstodo.jpg);
  background-size: cover;
  text-align: center;
}
#mobile-hero h1 {
  color: #fff;
  font-weight: 800;
  padding: 50px 30px 20px;
  font-size: 2.3em;
}
#mobile-hero .button {
  color: #fff;
  border: 1px solid #fff;
  margin: 0 0 50px;
}
.spotlinks {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  background: #cdd1d4;
  background: #fafafa;
}
.spotlinks .cell {}
.spotlinks img, .cell.spotlink img {
 
 
}
.spotlinks img:hover, .cell.spotlink img:hover {
 -webkit-box-shadow: 0 0 5px 0 #999;
  box-shadow: 0 0 5px 0 #999;
}

.accommodations {
  display: none;
  padding: 35px 0;
  text-align: center;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: linear-gradient(rgba(230, 225, 215, 0.45), rgba(192, 187, 181, 0.2)), url("../images/background-sand.jpg");
  background-size: cover;
}
.accommodations i.fa {
  display: block;
  margin-bottom: 7px;
  font-size: 3em;
}
.accommodations a {
  color: #3c362c;
}
.accommodations a:hover {
  color: #756d61;
  transition: color 0.25s ease;
}
/* Sections */
#index-main {
  padding: 50px 0 0;
}
#home-ads {
  padding: 1em;
  text-align: center;
}
#home-ads .grid-container {
  max-width: 700px;
}
#options .cell {
  padding: 100px 30px;
  text-align: center;
}
#options .superheader, #options h2, #options p, #options a {
  color: #fff;
}
#options a.button.hollow {
  margin-top: 30px;
  border-color: #fff;
}
#options .guesthouse /* Accommodations section */ {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url("../images/choice-guest.jpg");
  background-size: cover;
  background-position: center center;
}
#options .hotel /* Accommodations section */ {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url("../images/choice-hotel.jpg");
  background-size: cover;
  background-position: center center;
}
#options .bandb /* Accommodations section */ {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url("../images/choice-bb2.jpg");
  background-size: cover;
  background-position: center center;
}
#childfriendly {
  background: url(../images/childfriendly-back.jpg);
  background-size: cover;
  background-position: bottom center;
  padding: 50px;
}
#childfriendly .white {
  background: #fff;
  padding: 30px;
}
.beachy {
  padding: 35px 0;
  background: linear-gradient(rgba(230, 225, 215, 0.45), rgba(192, 187, 181, 0.2)), url("../images/background-sand.jpg");
  background-size: cover;
}
.beachy h3 {
  margin-bottom: 1em;
}
.waves {
  background: #f7fcfc;
  padding: 50px 0;
}
.moreinfo {
  background: #fafafa;
  padding: 50px 0;
}
.moreinfo a.button {
  /*color:#fff;*/
}
.moreinfo li {
  margin-bottom: .5em;
}
.moreinfo blockquote {
  margin-top: 35px;
  margin-bottom: 35px;
}
.moreinfo blockquote p {
  color: #333;
  font-size: .95em;
}
.spacer30 {
  height: 30px;
}
.spacer50 {
  height: 50px;
}
.teal {
  padding: 5rem 3rem;
  background: #14a4b8;
  background: #033860;
}
.teal .subheader {
  color: #eee;
}
.teal h2 {
  /*font-weight:600;*/
  color: #fff;
}
.teal p {
  color: #fff;
  font-weight: 600;
}
.teal a {
  color: #fff;
}
.teal .button {
  border-radius: 25em;
  background: #ebf0f4;
  color: #000;
  font-weight: 600;
  font-size: 1.3em;
  box-shadow: 5px 7px 5px 0px rgba(0, 0, 0, 0.11);
}
.teal .button:hover {
  background: #f46036;
  color: #fff;
}
.orange, .gray {
  border: 1px solid #eee;
  padding: 5rem 3rem;
  background: #edf2f6;
  border-bottom: 2px solid #fff;
}
.gray2 {
  padding: 1em;
  background: #edf2f6;
  border-bottom: 2px solid #fff;
}
.orange .button {
  border-radius: 25em;
  background: #ff794a;
  color: #fff;
  font-weight: 600;
  font-size: 1.3em;
  box-shadow: 5px 7px 5px 0px rgba(0, 0, 0, 0.11);
}
.orange .button:hover {
  color: #fff;
  background: #14a4b8;
}
/*.orange p, .gray p
{
	color:#333;
}*/
.orange h2, .gray h2 {
  color: #ff794a;
  color: #333;
}
a.button span.text-small {
  display: block;
  line-height: 1.7em;
  font-size: .9em;
}
.photospan {
  position: relative;
  background-size: cover;
  height: 50vh;
  width: 100%;
}
.beach-photo {
  background-image: url(../images/hero-aerial.jpg);
}
.aerial-photo {
  background-image: url(../images/hero-parkway2.jpg);
}
.beach-faqs .cell {
  background: #fff;
  padding: 30px;
}
.sidebyside {
  max-width: 1000px;
  margin: 0 auto;
}
.sidebyside .cell {
  background: #fff;
}
.sidebyside .fullimage {
  background-size: cover;
  background-position: bottom right;
}
.sidebyside .boxtext {
  padding: 2em;
  text-align: center;
}
.sidebyside.leftalign .boxtext p, .sidebyside.leftalign .boxtext li {
  text-align: left;
}
/* Four squares on index page */
.foursquares {
  border-bottom: 2px solid #fff;
}
.foursquares .cell {
  text-align: center;
}
.foursquares a h3 {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
}
.foursquares a {
  display: block;
  padding: 10rem 5rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}
.foursquares a span {
  display: block;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 5px;
  font-size: 1rem;
}
.foursquares a h3:hover {
  text-decoration: underline;
}
.square-plan {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../images/play-faqs.jpg");
  background-position: center center;
  background-size: cover;
}
.square-stay {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../images/stay-hotel3.jpg");
  background-position: center center;
  background-size: cover;
}
.square-do {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../images/todo-beaches.jpg");
  background-position: center center;
  background-size: cover;
}
.square-explore {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../images/explore-potd.jpg");
  background-position: center center;
  background-size: cover;
}
/* Index page features */
#event-spotlink img {
  -webkit-box-shadow: 0 0 10px 0 #e2e6e9;
  box-shadow: 0 0 10px 0 #e2e6e9;
  border: 1px solid #cdd1d4;
}
.socialfeed {
  -webkit-box-shadow: 0 0 10px 0 #e2e6e9;
  box-shadow: 0 0 10px 0 #e2e6e9;
  border: 1px solid #cdd1d4;
  max-height: 300px;
  overflow: hidden;
}
.house {
  padding: 50px 0;
  border-bottom: 1px solid #e2e6e9;
}
.activities {
  padding: 30px 0;
  border-bottom: 1px solid #e2e6e9;
}
.affiliates h6, h6.subtle {
  text-transform: uppercase;
  color: #838383;
  font-size: 12px;
  letter-spacing: 1px;
}
.affiliates {
  padding: 30px;
  text-align: center;
}
.affiliates ul {
  max-width: 960px;
  max-width: 1100px;
  margin: 0 auto;
  list-style: none;
}
.affiliates li {
  display: inline-block;
}
.affiliates img {
  border: 0;
  margin: 0 1em;
  height: 50px;
  width: auto;
}
.thumbnail {
  background: #fff;
}
/* Cape May Magazine */

#magazine
{
padding:4em;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#b0c1c5 ;
}

/* Subpages */
#main-container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sidebar p a, .sidebar li a {
  text-decoration: none;
}
#history, #jobs {
  padding: 50px 0;
}
#history {
  background: linear-gradient(rgba(246, 246, 246, 0.75), rgba(205, 209, 212, 1)), url("../images/background-historic.jpg");
  background-color: #cdd1d4;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 300px;
  border-bottom: 1px solid #fff;
}
/* Accommodation listings */
.listing .cell {
  border-radius: 0;
  padding-bottom: 10px;
}
.listing .cell p, .featured-listing p {
  font-size: .9rem;
  color: #444;
}
.listing .cell p {
  padding: 0 20px;
}
.featured-listing {
  text-align: center;
}
.listing .cell img, .featured-listing .cell img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  line-height: 0;
}
.listing i.fa {
  display: inline-block;
  color: #f46036;
  color: #788385;
  text-align: center;
  margin: 0 5px;
}
.featured-listing h4, .featured-listing h3 {
  font-size: 1.5rem;
  /*font-weight:600;*/
  color: #4a4a4a;
}
.listing h5, .listing h2, .listing h3 {
  font-weight: 400;
  font-size: 1.5rem;
  color: #4a4a4a;
  padding: 0 20px;
}
.listing p.subheader {
  font-style: italic;
  color: #4a4a4a;
  padding: 0 20px;
  font-size: 1rem;
}
.featured-listing p.subheader {
  font-style: italic;
  color: #4a4a4a;
  padding: 0 20px;
  font-size: 1.1rem;
}
.listing .button, .featured-listing .button {
  transition: background .5s ease;
  background: #d6e3e5;
  color: #000;
  border-radius: 25px;
  font-weight: 600;
}
.listing .button:hover, .featured-listing .button:hover {
  transition: background .5s ease;
  background: #788385;
  background: #f46036;
  background: #ae1f29;
  color: #fff;
}
.listing .cell:hover {
  -webkit-box-shadow: 0 0 15px 0 #d2d2d2;
  box-shadow: 0 0 15px 0 #d2d2d2;
}
.listing .acc-icons {
  margin: -15px 15px 0;
}
/* Guidebook WP styles */
.guidebook .card {
  border-radius: 0;
}
.guidebook .card h5 a {
  /*font-weight:600;*/
}
.guidebook .card:hover {
  -webkit-box-shadow: 0 0 15px 0 #d2d2d2;
  box-shadow: 0 0 15px 0 #d2d2d2;
}
.guidebook .card img {
  border: 1px solid #e1e1e1;
}
.guidebook .card .card-section.tags {
  margin: 0;
  padding: 10px;
  background: #dfe4e7;
}
.guidebook .post-categories {
  margin: 0;
}
.guidebook .post-categories li {
  margin: 0;
  padding: 0;
}
.guidebook .button {
  transition: background .5s ease;
  background: #d6e3e5;
  color: #000;
  border-radius: 25px;
  font-weight: 600;
}
.guidebook .button:hover {
  transition: background .5s ease;
  background: #788385;
  background: #f46036;
  background: #ae1f29;
  color: #fff;
}
ul.wp-block-gallery {
  margin-left: 0;
}
/* Inner Hero */
.inner-hero {
  padding: 120px 30px;
  border-bottom: 1px solid #cdd1d4;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url(../images/inner-hero-beach.jpg);
  background-position: center center;
  background-size: cover;
  /* margin-bottom: 1em; */
}
.inner-hero h1 {
  text-align: center;
  margin: 0 auto;
  font-size: 2em;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Domine', serif;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 4px;
}
.inner-hero h1 a {
  color: #fff;
}
/* Inner Hero individual styles */
.inner-hero.white h1 {
  font-size: 2.5em;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 3px #4a4a4a;
}
.inner-hero.white h1 a {
  color: #fff;
}
.coastguard {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-coastguard.jpg);
}
.gettinghere {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-parkway.jpg);
}
.plan {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.6)), url(../images/hero-covebeach.jpg);
}
.hotels {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.6)), url(../images/hero-hotels.jpg);
}
.bb {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.7)), url(../images/hero-bb.jpg);
}
.guesthouse {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.6)), url(../images/hero-guesthouse.jpg);
}
.explore {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-aerial.jpg);
}
.stay {
  background: linear-gradient(rgba(38, 38, 41, 0.5), rgba(38, 38, 41, 0.7)), url(../images/hero-congress.jpg);
}
.accfaqs {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.6)), url(../images/hero-porch.jpg);
}
.deals {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.6)), url(../images/hero-mall.jpg);
}
.dogs {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url(../images/hero-dogs.jpg);
}
.faqs {
  background: linear-gradient(rgba(38, 38, 41, 0.3), rgba(38, 38, 41, 0.5)), url(../images/hero-sunset.jpg);
}
.weddings {
  background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.3)), url(../images/hero-blossoms.jpg);
}
.realestate {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-realestate.jpg);
}
.area {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-smansion.jpg);
}
.eventcalendar {
  background: linear-gradient(rgba(116, 125, 130, 0.1), rgba(58, 69, 75, 0.1)), url(../images/hero-park.jpg);
}
.todo {
  background: linear-gradient(rgba(38, 38, 41, 0.4), rgba(38, 38, 41, 0.4)), url(../images/hero-shopping.jpg);
}
.todo2 {
  background: linear-gradient(rgba(38, 38, 41, 0.4), rgba(38, 38, 41, 0.5)), url(../images/hero-beachvignette.jpg);
}
.us {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-us.jpg);
}
.around {
  background: linear-gradient(rgba(38, 38, 41, 0.5), rgba(38, 38, 41, 0.6)), url(../images/hero-bike.jpg);
}
.kids {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-kids.jpg);
}
.groups {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.8)), url(../images/hero-dunes.jpg);
}
.camping {
  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(../images/hero-camping.jpg);
}
/* WP headers */
.play {
  background: linear-gradient(rgba(38, 38, 41, 0.2), rgba(38, 38, 41, 0.3)), url(../images/hero-covebeach2.jpg);
}
.dining {
  background: linear-gradient(rgba(38, 38, 41, 0.3), rgba(38, 38, 41, 0.4)), url(../images/hero-scallops.jpg);
}
.inner-hero.blog {
  background: linear-gradient(rgba(38, 38, 41, 0.2), rgba(38, 38, 41, 0.5)), url(../images/hero-beach18.jpg);
  background-size: cover;
}
.potd {
  background: linear-gradient(rgba(38, 38, 41, 0.0), rgba(38, 38, 41, 0.6)), url(../images/hero-virginiaumbrellas.jpg);
}
.beaches {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url(../images/hero-beaches.jpg);
  height: 45vh;
  padding: 0;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Buttons */
.button {
  border-radius: 25px;
}
.content p a.button {
  color: #fff;
  border-bottom: 0;
}
.content p a.button:hollow {
  border: 1px solid #000;
}
.content p a.button.secondary {
  color: #333;
}
.shadow {
  -webkit-box-shadow: 0 0 5px 0 #EDEDED;
  box-shadow: 0 0 5px 0 #EDEDED;
}
.darkshadows {
  -webkit-box-shadow: 0 0 5px 0 #454545;
  box-shadow: 0 0 5px 0 #454545;
}
/* Cards */
.card {
  /*border:none;*/
}
.beachy .card {
  border: none;
  border-radius: 0;
}
.card-section {
  padding-bottom: 30px;
  font-size: .85em;
  color: #999;
  color: #666;
}
.card-divider {
  background: #fafafa;
}
.icon-large {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto .5em;
  font-size: 4em;
  color: #ddd;
}
.beach-activities .card {
  padding: 20px;
}
.beach-activities .card:hover {
  -webkit-box-shadow: 0 0 15px 0 #d2d2d2;
  box-shadow: 0 0 15px 0 #d2d2d2;
}
/* Callouts */
.callout {
  border: 1px solid #dcdcdc;
}
.callout.secondary {
  border: 1px solid #dadee1;
  border: 0;
  background: #ebecee;
  padding: 1.5em;
}
.callout.small p {
  font-size: .85em;
  color: #666;
}
.callout.alert {
  border: 0;
}
.callout.alert a {
  text-decoration: underline;
}
/* Ad blocks */
.advertisement {
  text-align: center;
}
.advertisement img {
  margin: 0 auto;
}
.ad-adlabel, .advertisement h6 {
  font-size: .8em;
  color: #888;
  font-weight: 300;
  letter-spacing: 1px;
}
.margin-top30 {
  margin-top: 30px;
}
.legend {
  font-size: 1em;
  color: #788385;
  color: #6B7576;
  margin-bottom: 20px;
}
.legend .fa {
  margin-left: 5px;
}
.featured-image-block-grid {
  padding-bottom: 50px;
}
.featured-image-block-grid .cell {
  text-align: center;
  align-content: center;
  color: #4a4a4a;
  letter-spacing: 0;
  font-size: 1em;
  text-transform: none;
}
.featured-image-block-grid a {
  font-size: 1.4em;
  display: block;
  font-weight: 600;
  color: #4a4a4a;
}
.featured-image-block-grid img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
}
.featured-image-block-grid img:hover {
  -webkit-box-shadow: 0 0 15px 0 #ccc;
  box-shadow: 0 0 15px 0 #ccc;
}
/* Accordion */
.accordion-item {
  background: #dfe4e7;
  background: #edf2f6;
  margin-bottom: 15px;
}
.accordion-title {
  padding: 1rem;
  text-decoration: none !important;
  color: #000;
}
a.accordion-title h4 {
  font-size: 1.3em;
  margin: 0;
}
.accordion-content ul {
  margin-bottom: 20px;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #d3d7da;
}
/* Sections */
section.spaceitout:last-of-type {
  border: none;
  padding-bottom: 0;
}
.navy {
  padding: 50px 0;
  background: #2b3f62;
  background: #033860;
}
/* Info pages */
.bucket h3 {
  font-size: 1.5em;
}
/* Wordpress galleries */
.wp-block-gallery {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* Special offers */
.specialoffer .button {
  border-radius: 25px;
  font-weight: 600;
}
.specialoffer h2 {
  font-size: 1.4em;
}
.specialoffer h3.subheader {
  font-size: 1.2em;
  font-style: normal;
  color: #888;
  font-weight: 600;
}
.specialoffer .price {
  font-size: .95em;
  letter-spacing: 1px;
  color: #888;
  font-weight: 600;
}
/* Staff Bios */
.staffbios {
  margin: 20px;
  padding: 30px !important;
  text-align: center;
}
.staffbios img {
  margin: 0 auto 30px;
}
.staffbios h3 {
  font-size: 1.4rem;
  line-height: 1.35rem;
  text-align: center;
}
.staffbios h3.subheader {
  font-size: 1.1rem;
  margin-bottom: 1.3rem;
  color: #666;
}
.staffbios p {
  font-size: .9rem;
  text-align: left;
}
/* Coast Guard table */
.cg td {
  font-size: .88em;
}
/* Footer */
footer {
  background: #14a4b8;
  background: #033860;
  color: #fff;
  padding: 15px 0 20px;
  font-size: .9em;
}
footer .footerlogo {
  margin-top: 5px;
  margin-bottom: 15px;
}
footer.article-footer {
  background: none;
}
footer p {
  color: #fff;
}
footer a {
  transition: color 0.25s ease;
  color: #fff;
  font-weight: 400;
}
footer a:hover {
  color: #eee;
}
footer .menu.social a {
  font-size: 1.3em;
}
footer .menu.social a:hover {
  color: #ccc;
  transition: color 0.25s ease;
}
.footer-menu li a {
  padding: .4rem 1em;
  font-size: .9rem;
  font-weight: 600;
}
.footer-menu li a:hover {
  text-decoration: underline;
}
/* AdSense */
.ad-container {
  text-align: center;
}
.ad-label {
  text-align: center;
  text-transform: uppercase;
  color: #ccc;
  font-size: .7em;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
/* Brands and Copyright */
.spacer {
  display: inline-block;
  margin: 0 10px;
}
.brands {
  background: #0091a6;
  background: #002f54;
  color: #004255;
  font-size: .8em;
  text-align: center;
  padding: 10px 0;
}
.brands img {
  opacity: 0.65;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  max-height: 45px;
  width: auto;
}
.brands img:hover {
  opacity: 1;
}
.brands li {
  margin: 0 20px;
}
.copyright {
  background: #fff;
  color: #666;
  font-size: .9rem;
  text-align: center;
}
.copyright p {
  color: #666;
  font-size: .85em;
}
.copyright a {
  color: #666;
  text-decoration: underline;
}
.copyright a:hover {
  color: #fff;
  color: #14a4b8;
}
#social a {
  font-size: 21px;
  color: #e2e6e9;
  margin: 0 7px;
}
/* Menu fix */
.no-js .top-bar {
  display: none;
}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }
  .no-js .title-bar {
    display: none;
  }
}
/* Filtering */
.filter-simple {
  /*margin-top:30px;*/
}
.filter-simple .button-group {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.filter-simple .filter-simple-button.hollow.is-active, .filter-simple .filter-simple-button.hollow:focus, .filter-simple .filter-simple-button.hollow:active {
  background-color: #1779ba;
  background-color: #f46036;
  color: #fefefe;
}
.button-group.secondary .button {
  background: #dfe3e4;
}
.button-group.secondary .button:hover, .button-group.secondary .button:active {
  background: #50514f;
  color: #fff;
}
.column-block {
  margin-bottom: 30px;
}
/* Wordpress Styles */
.rpwwt-widget ul {
  line-height: 1.3em !important;
  font-size: .9em;
}
.rpwwt-post-title {
  font-weight: 600;
}
.rpwwt-post-author {
  font-size: .8em;
  color: #666;
}
.rpwwt-post-date {
  font-size: .8em;
  color: #999;
}
.article-header a {
  color: #4a4a4a;
}
p.meta {
  margin-top: 30px;
  font-size: 11px;
  color: #999;
}
p.meta li a {
  display: inline-block;
  background: #e2e6e9;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 20px;
}
.byline {
  font-size: .9em;
  font-family: 'Alice', serif;
  color: #999;
}
.byline .author a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Alice', serif;
  color: #999;
}
.byline .button {
  margin-top: 7px;
  /*font-family: 'Montserrat', sans-serif;*/
  font-style: normal;
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
}
.mindthegap {
  display: inline-block;
  width: 20px;
}
.single-post #main-container {
  margin-top: 1.5em;
}
ul#directory-menu {
  font-size: 15px;
}
div#restaurant-info {
  font-size: 16px;
  font-size: 14px;
  line-height: 1.4em;
}
#restaurant-info h6.subheader {
  font-weight: 600;
}
div#restaurant-info p {
  font-size: 13px;
  margin: 10px 0;
}
div#restaurant-info ul {
  margin: 20px 0;
  padding: 0;
}
div#restaurant-info li {
  list-style: none;
  display: inline-block;
  margin: 0 5px 5px 0;
}
div#restaurant-info li a {
  display: inline-block;
  font-size: 12px;
  color: #4a4a4a;
  background: #e2e6e9;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 20px;
}
div#restaurant-info li a:hover {
  background: #cdd1d4;
}
div#restaurant-info img.business-logo {
  display: inline-block;
  margin: 0 auto 20px;
}
#restaurant-info .button {
  border-radius: 25px;
  font-weight: 600;
}
#restaurant-info .post-categories a {
  display: inline-block;
  margin: 0 1px 9px 0;
}
body.archive .card img {
  /*max-height:220px;
width:auto;
overflow-y:crop;*/
  width: 100%;
  height: auto;
  border: 0;
}
body.archive .card p {
  font-size: .9rem;
}
/* Mailing list tweaks */
#mc_embed_signup {
  background: none !important;
}
.mc-field-group ul {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
.mc-field-group label {
  color: #fff;
}
#mc_embed_signup .mc-field-group {
  padding-bottom: 0 !important;
}
.mc-field-group p {
  font-size: .9rem;
  line-height: 1em;
}
#mc_embed_signup .mc-field-group.input-group ul li {
  padding: 0 !important;
}
.menu .active > a {
  background: none;
  color: #4a4a4a;
  font-weight: 800;
}
/* Featured posts */
.display-posts-listing .listing-item {
  display: inline-block;
  width: 22%;
  float: left;
  margin: 10px 1% 25px;
  text-align: center;
}
.listing-item a.title {
  /*font-family:Montserrat, sans-serif;*/
  font-weight: 600;
  font-size: 1.1rem;
  color: #0a0a0a;
  display: block;
  margin-bottom: 10px;
}
.listing-item .excerpt-dash {
  display: none;
}
.listing-item img {
  display: block;
  margin: 0 auto 10px;
  padding: 4px;
  /*border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 0 #e2e6e9;
  box-shadow: 0 0 10px 0 #e2e6e9;
  border: 1px solid #cdd1d4;*/
}
.listing-item .excerpt {
  display: block;
  font-size: 14px;
  color: #444;
  text-align: center;
}
/* Wodrpress 2021 directory sidebar */
.tags-grid {
  font-size: .8em;
}
.directory-header {
  display: block;
  font-weight: 800;
  margin-bottom: 7px;
}
/* Wordpress directory photo galleries */
div.gallery figure {
  padding: 5px;
}
div.gallery figure img {
  padding: 4px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 0 #e2e6e9;
  box-shadow: 0 0 10px 0 #e2e6e9;
  border: 1px solid #cdd1d4;
}

/* Wordpress sections - narrow description */
.taxonomy-description
{
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}


/* Breadcrumbs */
.breadcrumbs-container {
  background: #dfe4e7;
  background: #fafafa;
  padding: 10px 0;
  border-bottom: 1px solid #cdd1d4;
  letter-spacing: 1px;
}
.breadcrumbs li {
  color: #4a4a4a;
  font-weight: 600;
}
.breadcrumbs-container a, .breadcrumbs a {
  color: #666;
  font-weight: 300;
  text-decoration: none;
}
.breadcrumbs-container .breadcrumbs {
  margin: 0;
}
.breadcrumbs li.disabled {
  font-weight: 600;
  color: #4a4a4a;
}
/* Table tweaks */
table a {
  text-decoration: underline;
}
td {
  /*vertical-align: top;*/
}
table tbody tr:nth-child(even) {
  /*background:#f2f5f7;
	background:#e9eef1;*/
}
table thead, table tbody, table tfoot {
  /* border: 1px solid #ddd;*/
}
th em {
  /*font-weight:300;*/
}
.dogbeaches td img {
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
}
#map_canvas {
  border: 1px solid #e2e6e9;
  height: 400px;
  margin-bottom: 20px;
}
#map_canvas_single {
  height: 400px;
  margin-top: 20px;
}
#map_canvas_single.eventpage {
  height: 300px;
  transition: height 0.25s ease;
}
#series fieldset label {
  width: 25%;
  display: inline-block;
}
#series fieldset .output {
  width: 70%;
  display: inline-block;
}
p.instruct {
  margin-top: 10px;
  clear: left;
  font-size: 12px;
  color: #999;
}
iframe {
  border: 0;
}
hr {
  margin: 30px 0;
}
img.float-right {
  margin-left: 20px;
}
/* Weather */
#weather {
  border: 1px solid red;
  max-width: 200px;
}
#weather img {
  border: 3px solid #eee;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
/* FOUC */
.no-js .top-bar {
  display: none;
}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }
  .no-js .title-bar {
    display: none;
  }
}
/* Site-wide media queries */
/* Small only */
@media screen and (max-width: 39.9375em) {
  .event-cover {
    padding: 50px;
  }
  section#events li time {
    float: none;
    display: block;
    margin-bottom: 0;
  }
  #event-spotlink img {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .display-posts-listing .listing-item {
    display: inline-block;
    width: 100%;
    float: none;
    display: block;
    margin: 20px 0;
    text-align: left;
  }
  .listing-item img {
    width: 100%;
    height: auto;
  }
  #topnav {
    height: 0 !important;
  }
  footer .cell.branding {
    padding-left: 30px;
    padding-right: 30px;
  }
  #restaurant-info {
    background: #fff;
    border: 0;
    padding: 0;
    outline: 0;
  }

#magmobile
{
 height:100vh;
 padding:3em; 
   display: flex;
  align-items: center;
  justify-content: center;
  background:#b0c1c5 ;
}

#magazine
{
  display:none;
}


  /* Hero images */
  .inner-hero.white {
    padding: 3em 0;
    background-size: cover;
    background-position: center center;
    border-bottom: 0;
    transition: padding .5s ease;
  }
  .inner-hero.white h1 {
    font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 3px #4a4a4a;
  }
  .gray {
    padding: 1em;
  }
  .sidebyside .fullimage {
    height: 40vh !important;
    margin-bottom: -1em;
    background-position: center left;
  }
  .specialoffer {
    background: #fff;
    margin-bottom: 30px;
  }
  .specialoffer .special-business {
    background: #fafafa;
    padding: 30px;
  }

  .specialoffer .special-text {
    padding: 30px;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {
  .top-bar .menu-expanded .menu {
    min-width: 400px;
    width: 100%;
  }

  .menu-expanded .menu-pic {
    margin-right: 20px;
  }

  .menu-expanded .cell a {
    padding: 10px 0;
  }

  td.wide-on-large {
    width: 400px;
  }

  section.spaceitout {
    padding: 50px 0;
    padding: 5rem 3rem;
    /*border-bottom:1px solid #e2e6e9;*/
  }

  .specialoffer {
    background: #fff;
    margin-bottom: 30px;
    display: flex;
    align-items: top;
    justify-content: top;
  }

  .specialoffer div.special-business {
    min-width: 350px;
    width: 350px;
    padding: 30px;
    background: #fafafa;
    height: 100%;
  }

  .specialoffer div.special-text {
    padding: 50px;
  }

#magmobile /* Hide magazine mobile ad for larger browsers */
{
  display:none;
}

}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .inner-hero.white {
    padding: 7em 0;
    background-size: cover;
    background-position: center center;
    border-bottom: 0;
    transition: padding .5s ease;
  }

  /* Shrink hero for individual guidebook entries */
  body.single-post .inner-hero.white, body.page .inner-hero.white {
    padding: 3em 0!important;
    background-position: center center;
  }

 

  body.page.home .inner-hero.white {
    /*padding:76em;*/
  }
  ul.columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  #topnav {
    height: 0 !important;
  }
  .event-cover {
    padding: 100px;
  }
  .display-posts-listing .listing-item {
    display: inline-block;
    width: 46%;
    float: left;
    margin: 10px 1% 25px;
    text-align: left;
  }
  .listing-item img {
    width: 100%;
    height: auto;
  }
  #restaurant-info {
    background: #fff;
    border: 0;
    padding: 0;
    outline: 0;
  }
}
/* Large and up */
@media screen and (min-width: 64em) {
  .top-bar ul#main-menu > li {
    margin: 0 10px;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:hover::after {
    border-color: #f46036 transparent transparent;
  }
  .top-bar .menu-expanded .menu {
    min-width: 460px;
    width: 100%;
  }
  .menu-expanded .cell {
    padding: 15px;
  }
  .menu .cell.left-col {
    border-right: 1px solid #eee;
  }
  p.narrow {
    max-width: 800px;
    margin: 0 auto 20px;
    text-align: center;
  }
  #map_canvas_single.eventpage {
    height: 150px;
    transition: height 0.25s ease;
  }
  .inner-hero.white {
    padding: 10em 0;
    background-size: cover;
    background-position: center center;
    border-bottom: 0;
    transition: padding .5s ease;
  }
  .sidebyside .boxtext {
    min-height: 600px;
    display: grid;
    justify-content: center;
    align-content: center;
  }
  /* Shrink hero for individual guidebook entries */
  body.single-post .inner-hero.white, body.page .inner-hero.white, body.archive .inner-hero.white {
    padding: 3em 0;
    background-position: center center;
  }
  body.page.home .inner-hero.white {
    padding: 6em;
  }
  .orbit {
    overflow: hidden;
    max-height: 650px;
  }
  .moreinfo .links {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }
  ul.columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-gap: 30px;
  }
  ul.columns li {
    margin-bottom: 10px;
  }
  /* Bed and Breakfasts for sale */
  #bbforsale .thumbnail {
    margin-right: 2em;
  }
  footer .grid-container {
    /*width:960px;*/
  }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}