@import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i|Montserrat:400,400i,600,600i');

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

#sitewide-notice
{
	background:#fafafa;
	border-bottom:1px solid #eee;
	padding:5px 30px;
	font-size:.85em;
	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, h5, h6
{
	color:#4a4a4a;
	font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 em
{

}

h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader
{
	color:#4a4a4a;
}

h2, h3, h4, h5
{
	font-weight:600;
}

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

.subheader strong
{
	color:#50514f;
}

.bottom30
{
	margin-bottom:30px;
}

h4 small
{
	color:#616163;
}

h5.script{
	font-family: Merriweather, serif;
	font-weight:300;
	margin-left:15px;
	font-style:italic;
}

h5.script:after
{
	content:' ';
	display:block;
	border:1px solid #c6cacd;
	width:100px;
	margin:20px 0;
}

h6.superheader, h6.superheader a
{
	font-size:1em;
	font-weight:600;
	letter-spacing:5px;
	text-transform: uppercase;
	color:#f46036;
}

p, li
{
	color:#4a4a4a;
}

.entry-content p
{
font-size:1.1em;
}

.entry-content p, .entry-content p strong, .entry-content p em, .entry-content p i, .entry-content p b, .entry-content p a, .entry-content li, .entry-content li a, .entry-content s
{
font-family: Merriweather, serif;
}

.entry-content p s
{
	color:#999;
}

p.lead, p.lead em, p.lead strong, p.lead i, p.lead b, p.lead u, p.lead a
{
font-family: Merriweather, serif;
font-size:27px;
}

p.wp-caption-text
{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:.8em;
}

figcaption
{
	margin-bottom:30px;
}

p.featuredagent
{
	font-size:.85rem;
	color:#444;
}

p.terms
{
	color:#888;
	font-size:.85rem;
}

.wrap{
	max-width:1100px;
	margin:0 auto;
}

/* Navigation */

#topnav{
z-index:50;
}

#topnav-sticky {
	background:#fff;
	border-bottom:1px solid #ccc;
}

#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:1000;
	background:#14a4b8;
	background:#fff;
}

.menu-icon.dark {
	position:absolute;
	right:1em;
}

.title-bar-title{
padding-left:0.25em;
}

.title-bar-title img{
	max-height:40px;
	width:auto;
}

.top-bar, .top-bar .menu
{
	background:none;
}

#topnav-sticky img.logo
{
	max-width:100%;
	height:auto;
	transition: padding 0.25s ease;
}

#topnav-sticky.is-stuck img.logo
{
	max-width:150px;
	height:auto;
	transition: padding 0.25s ease;
}

.top-bar a strong
{
	font-weight:800;
	font-size:.8em;
	text-transform:uppercase;
}

#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:#0a0a0a;
}

.top-bar .submenu a:hover{
	text-decoration:underline;
}

.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;
}

.innermenu .is-dropdown-submenu.first-sub
{
	background:#e6eaed;
	min-width:300px;
	width:100%!important;
	border:0;
}

.innermenu .is-dropdown-submenu.first-sub li
{
font-size:.9em;
}

/* Slider */

.orbit
{
	overflow:hidden;
	max-height:500px;
}

/* 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;
	border-bottom:1px solid #eee;
background:#cdd1d4;
background:#fafafa;
}

.spotlinks img, .cell.spotlink img {
	border:3px solid #fff;
	-webkit-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999;
}

.spotlinks img:hover, .cell.spotlink img:hover
{
	border:3px solid #eee;
}

.accommodations
{
	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 */

.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;
}

.moreinfo{
	background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)), url(../images/damask3.jpg);
		background:url(https://www.capemay.com/images/debut_light.png);
		background:#ecf0f4;
	padding:50px 0;
}

.moreinfo a.button
{
	color:#fff;
}

.moreinfo li
{
	font-size:.95em;
	margin-bottom:.5em;
}

.moreinfo li a
{
	text-decoration: underline;
}

.moreinfo blockquote
{
	margin-top:35px;
	margin-bottom:35px;
}

.moreinfo blockquote p
{
	color:#333;
	font-size:.95em;
}

.teal 
{
	padding:5rem 3rem;
	background:#14a4b8;
	background:#033860;
}

.orange
{
	background:#ff794a;
	background:#364156;
	border-bottom:2px solid #fff;
}

.teal h6.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 .button:hover
{
	background:#14a4b8;
}

/* Four squares */

.foursquares
{
	border-bottom:2px solid #fff;
}

.foursquares .cell
{
	text-align:center;
}

.foursquares a
{
	display:block;
	padding:10rem 3rem;
	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:.9em;
}

.foursquares a:hover{
	text-decoration: underline;
}

.square-plan
{
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/play-faqs.jpg");
	background-position: center center;
	background-size: cover;

}

.square-stay
{
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/stay-hotel3.jpg");
	background-position: center center;
	background-size: cover;

}

.square-do
{
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/todo-beaches.jpg");
	background-position: center center;
	background-size: cover;

}

.square-explore
{
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/explore-potd.jpg");
	background-position: center center;
	background-size: cover;

}


/* Events */

#billboard-events {
	padding:30px 0;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	background:url(https://www.capemay.com/images/debut_light.png);
	background:#fff;
}

.today ul
{
	list-style:none;
	margin-left:0;
	font-size:14px;
}  

.today li
{
	margin-bottom:15px;
	font-size:1rem;
}

.today li.date{
	color:#666;
	margin:0;
	font-size:.9rem;
}


.today .button {
	transition:background .5s ease;
	background:#f46036;
	color:#fff;
	border-radius:25px;
	font-weight:600;
}

.today .button:hover {
	transition:background .5s ease;
	background:#333;
}

#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 */


.full-width-testimonial {
  background: linear-gradient(rgba(136, 136, 136, 0.55), rgba(0, 0, 0, 0.1)), url("../images/mag-hero.jpg");
  background-position: center center;
	background-size: cover;
}

.full-width-testimonial-icon .quote-path {
  fill: none;
  stroke: #ffae00;
  stroke-width: 2.5192;
  stroke-miterlimit: 10;
}

.full-width-testimonial-content,
.full-width-testimonial-icon {
  text-align: center;
}

.full-width-testimonial-section {
  padding-top: 2rem;
	padding-top: 3.5rem;
	padding-top:4rem;
}

.full-width-testimonial-section .full-width-testimonial-text {
  font-weight: 300;
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -5px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 1.5em;
}

.full-width-testimonial .button.alert
{
	background: #000;
}

@media print, screen and (min-width: 40em) {
  .full-width-testimonial-section .full-width-testimonial-text {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media print, screen and (min-width: 64em) {
  .full-width-testimonial-section .full-width-testimonial-text {
    padding-left: 180px;
    padding-right: 180px;
    font-size: 1.8em;
  }
}

@media screen and (min-width: 75em) {
  .full-width-testimonial-section .full-width-testimonial-text {
    padding-left: 300px;
    padding-right: 300px;
  }
}

.full-width-testimonial-section .full-width-testimonial-source {
  font-size: 1.2em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding-bottom: 0;
  margin-bottom: 0.2em;
  font-size: 1.0em;
}

.full-width-testimonial-section .full-width-testimonial-source-context {
  display: block;
  font-size: 0.9em;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.8em;
}

.full-width-testimonial-section .slick-slider {
  margin-bottom: 0px;
}

.full-width-testimonial-text,
.full-width-testimonial-content,
.full-width-testimonial-source,
.full-width-testimonial-icon {
  padding-bottom: 2.5rem;
}

.full-width-testimonial-content {
  width: 100%;
}


/* Subpages */

#main-container{
padding-top:30px;
padding-bottom:50px;
}

p a, li a
{
	color:#05668d;
}

.sidebar p a, .sidebar li a
{
	text-decoration: none;
}

p a.button
{
	text-decoration:none;
	font-weight:600;
}

#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
{
font-family: Merriweather, serif;
font-size:1.4rem;
font-weight:600;
color:#4a4a4a;
}

.listing h5
{
	font-family: Merriweather, serif;
	font-weight:600;
	font-size:1.2rem;
	color:#4a4a4a;
	padding:0 20px;
}

.listing h6.subheader {
	font-style:italic;
	font-family: Merriweather, serif;
	color:#4a4a4a;
	padding:0 20px;
}

.featured-listing h6.subheader {
	font-style:italic;
	font-family: Merriweather, serif;
	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;
	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;
	color:#fff;
}

ul.wp-block-gallery
{
	margin-left:0;
}

/* Bed and Breakfasts for sale */

#bbforsale{
	background:navy;
	color:#fff;
}

/* Inner Hero */

.inner-hero{
	padding:30px;
	padding:100px 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;
}

.inner-hero h1
{
	text-align:center;
	text-transform:uppercase;
	margin:0 auto;
	font-size:2em;
	font-size:2.4em;
	letter-spacing:4px;
	color:#999;
	color:#fff;

}

.inner-hero h1 a
{
	color:#999;
	color:#fff;
}

/* Inner Hero individual styles */

.inner-hero.white
{
	padding:125px;
	padding:160px;
	background-size:cover;
	background-position: center center;
	border-bottom:0;
}

.inner-hero.white h1
{
	font-size:2.3em;
	font-size:2.75em;
	color:#fff;
	font-weight:bold;
	text-shadow: 0 0 3px #4a4a4a;
}

.inner-hero.white h1 a
{
	color:#fff;
}

.inner-hero.white h1:after
{
	content:' ';
	display:block;
	border:1px solid #fff;
	width:125px;
	margin:20px auto 0;
	box-shadow: 0 0 3px #4a4a4a;
}

.inner-hero.blog
{
	background:linear-gradient(rgba(159, 167, 172, 0.0), rgba(185, 145, 92, 0.1)), url(../images/hero-beach18.jpg);
	background-size:cover;
}

.fancy:after
{
	content:' ';
	display:block;
	width:100px;
	border:1px solid #666;
	margin:20px 0 20px;
}

/* Shrink hero for individual guidebook entries */

body.single-post .inner-hero.white, body.page .inner-hero.white
{
	padding:50px;
	background-position:bottom center;
}

body.page.home .inner-hero.white
{
	padding:160px;
}

.coastguard
{
	background:linear-gradient(rgba(120, 116, 83, 0.1), rgba(47, 69, 123, 0.2)), url(../images/hero-coastguard.jpg);
}

.gettinghere
{
	background:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(../images/hero-gettinghere.jpg);
}

.plan
{
	background:linear-gradient(rgba(92, 160, 231, 0.1), rgba(175, 149, 116, 0.1)), url(../images/hero-covebeach.jpg);
}

.hotels
{
	background:linear-gradient(rgba(74, 106, 154, 0.1), rgba(129, 135, 133, 0.1)), url(../images/hero-hotels.jpg);
}

.bb
{
	background:linear-gradient(rgba(101, 76, 36, 0.1), rgba(80, 59, 32, 0.1)), url(../images/hero-bb.jpg);
}

.guesthouse
{
	background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url(../images/hero-guesthouse.jpg);
}

.explore
{
	background:linear-gradient(rgba(0, 93, 145, 0.1), rgba(151, 106, 66, 0.1)), url(../images/hero-aerial.jpg);
}

.stay
{
	background:linear-gradient(rgba(161, 125, 37, 0.20), rgba(35, 40, 36, 0.1)), url(../images/hero-congress.jpg);
}

.accfaqs
{
	background:linear-gradient(rgba(131, 135, 135, 0.10), rgba(66, 53, 44, 0.1)), url(../images/hero-porch.jpg);
}

.deals
{
	background:linear-gradient(rgba(109, 144, 168, 0.1), rgba(201, 121, 88, 0.1)), url(../images/hero-mall.jpg);
}

.dogs
{
	background:linear-gradient(rgba(106, 165, 216, 0.1), rgba(132, 124, 108, 0.2)), url(../images/hero-dogs.jpg);
}

.faqs
{
	background:linear-gradient(rgba(243, 182, 138, 0.20), rgba(121, 80, 78, 0.1)), url(../images/hero-sunset.jpg);
}

.weddings
{
	background:linear-gradient(rgba(20, 24, 10, 0.10), rgba(158, 59, 58, 0.1)), url(../images/hero-smansion.jpg);
}

.realestate
{
	background:linear-gradient(rgba(75, 35, 23, 0.10), rgba(83, 106, 122, 0.1)), url(../images/hero-realestate.jpg);
}

.area
{
	background:linear-gradient(rgba(20, 24, 10, 0.10), rgba(158, 59, 58, 0.1)), 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(81, 72, 67, 0.1), rgba(96, 94, 99, 0.1)), url(../images/hero-shopping.jpg);
}

.todo2
{
	background:linear-gradient(rgba(143, 151, 157, 0.01), rgba(198, 164, 98, 0.2)), url(../images/hero-beachvignette.jpg);
}

.us
{
	background:linear-gradient(rgba(22, 46, 105, 0.10), rgba(145, 140, 142, 0.1)), url(../images/hero-us.jpg);
}

.around
{
	background:linear-gradient(rgba(88, 154, 191, 0.1), rgba(85, 63, 42, 0.2)), url(../images/hero-bike.jpg);
}

.play
{
	background:linear-gradient(rgba(57, 102, 155, 0.1), rgba(155, 114, 84, 0.1)), url(../images/hero-covebeach2.jpg);
}

.dining
{
	background:linear-gradient(rgba(94, 56, 35, 0.1), rgba(195, 110, 53, 0.1)), url(../images/hero-dining.jpg);
}

.potd
{
	background:linear-gradient(rgba(88, 133, 167, 0.1), rgba(73, 73, 73, 0.1)), url(../images/hero-cabanas.jpg);
}

.kids
{
	background:linear-gradient(rgba(47, 131, 177, 0.2), rgba(170, 118, 73, 0.1)), url(../images/hero-kids.jpg);
}

/* Buttons */

.button.alert{
	background:#033860;
font-weight:600;
font-size:1em;

}

.button.alert:hover{
	background:#011638;
}

.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;
}

/* Callouts */

.callout
{
	border:1px solid #dcdcdc;
}

.callout.secondary
{
border:1px solid #dadee1;
}

.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;
}

.advertisement h6
{
	font-size:.8em;
	color:#ccc;
}

.margin-top30
{
	margin-top:30px;
}

.legend
{
	font-size:1em;
	color:#788385;
	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;
	font-family: Montserrat, sans-serif;
}

.featured-image-block-grid a
{
	font-size:1.4em;
	font-family: Merriweather, serif;
	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;
	margin-bottom:15px;
}

.accordion-title
{
	padding:1rem;
	text-decoration: none;
	color:#000;
}

a.accordion-title h4
{
font-size:1.3em;
margin:0;
}

.accordion-content p
{
	font-family: 'Montserrat', sans-serif;
}

.accordion-content ul
{
	margin-bottom:20px;
}

.accordion-title:hover, .accordion-title:focus
{
	background-color:#d3d7da;
}

/* Sections */

section.spaceitout{
	padding:30px 0;
	border-bottom:1px solid #e2e6e9;
}

section.spaceitout:last-of-type
{
	border:none;
	padding-bottom:0;
}

/* Wordpress galleries */

.wp-block-gallery
{
	margin-top:30px;
	margin-bottom:30px;
}

/* Special offers */

.specialoffer
{
	background:#fff;
	margin-bottom:30px;
	padding:30px 15px;
	border:1px solid #d3d8db;
	background:url(https://www.capemay.com/images/debut_light.png);
	border-radius: 0;
}

.specialoffer .callout
{
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:2em;
	background:#fff;
	margin-bottom:40px;
	border:1px solid #dfe3e7;
}

.specialoffer .button
{
	border-radius: 25px;
	font-weight:600;
}

/* Staff Bios */

.staffbios h4
{
	font-family:Merriweather, serif;
}

.staffbios .subheader
{

}

.staffbios .callout p
{
	font-size:.9rem;
}

/* 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;
}

/* 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:.85em;
	font-weight:600;
	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;

  color:#999;
	font-family: Merriweather, serif;
}

.byline .author a
{
	text-transform: uppercase;
	font-style: italic;
	font-family: Merriweather, 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;
}

body.archive .card p
{
	font-size:.9rem;
}

#mc_embed_signup
{
	background:none!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:left;
}

.listing-item a.title
{
	text-align:left;
	font-family:Montserrat, sans-serif;
	font-weight:600;
	font-size:1.2rem;
	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:left;
}

/* 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;
}

/* Marketing content - Restaurants page */

.marketing-site-content-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

/*max-width:1500px;*/
margin:0 auto;

}

.marketing-site-content-section .button.round {
  border-radius: 5000px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight:600;
}

.marketing-site-content-section .marketing-site-content-section-img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.marketing-site-content-section .marketing-site-content-section-img img {
  width: 100%;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-img {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}

.marketing-site-content-section .marketing-site-content-section-block {
  padding: 1rem;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  background: #eff4f8;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-block {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    padding: 2rem;
  }
}

.marketing-site-content-section-block-header {
  font-size: 24px;
}

.marketing-site-content-section-block-subheader {
  font-size: 13px;
}

/* Events Calendar */

/* Mini-Calendar */
.mini-cal {border-collapse:collapse;empty-cells:show;width:100%;height:150px;font-size:14px;padding:0;margin:0 auto 20px;}
.mini-cal a {text-decoration:none;display:block;line-height:20px;}
.mini-cal td {cursor:pointer;text-align:center;border:solid 1px #fff;padding:3px;margin:0;}
.mini-cal td.nav, .mini-cal td.title {background:#e2e6e9;}
.mini-cal td.title select {font-family:inherit;background-color:#e2e6e9;border:0;float:none;color:#4a4a4a;}
.mini-cal td.nav a {text-decoration:none;font-size:14px;font-weight:bold;color:#4a4a4a;}
.mini-cal td.nav a:hover {text-decoration:none;font-weight:bold;color:#993300;}
.mini-cal td.dow {background:#FAFAFA;color:#00a6c0;width:14%;}
.mini-cal td.blank {background:#FAFAFA;}
.mini-cal td.today, .mini-cal td.today a {background:#87d300;color:#fff!important;}
.mini-cal td.today:hover, .mini-cal td.today a:hover {background:#67b300;color:#fff!important;}
.mini-cal td.events, .mini-cal td.events a {background:#e8ecf0;}
.mini-cal td.events:hover, .mini-cal td.events a:hover {background:#d5d9dd;color:#4a4a4a;}

.event-cover
{
	padding:200px;
}

.event-hero
{
	padding:30px 0;
	border-bottom:1px solid #e2e6e9;
	margin-bottom:30px;
	background:#fafafa;
	background:url(https://www.capemay.com/images/debut_light.png);
	background:#cdd1d4;
	background:#ecf0f4;
}

.event-hero.hasimage
{
/*background:none;*/
padding:20px 0;
}

.event-hero h1
{
	font-size:2.5em;
}

.event-date h2
{	
	font-family: 'Montserrat', sans-serif;
	color:#4a4a4a;
	font-size:21px;
}

.event-date h2 small
{
	margin-left:20px;
	color:#4a4a4a;
}

.event-date h2 small a
{
	font-size:13px;
}

.event-cost
{
	font-size:1em;
	color:#4a4a4a;
}

/*#events li.featured
{
	border:1px solid #000;
	background:#fff;
}

#events li.featured a
{
	text-decoration: none;
	font-weight:600;
}

#events li.featured a:hover
{
	color:#000;
}*/

/* Breadcrumbs */

.breadcrumbs-container
{
	background:#dfe4e7;
	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;
}

/* Events */

/*
.event-title
{
padding-right:30px;
}

.event-location .menu
{
	margin:20px 0 20px;
	font-size:13px;
}

#location .button
{
margin-top:10px;
}

.event-meta .callout
{
	font-size:.9rem;
}

section#events header, section#series header
{
	font-size:19px;
	font-weight:600;
	margin-top:30px;
	margin-bottom:15px;
}

header span.venue
{
	color:#999;
	margin-left:10px;
}

section#events ul, section#series ul
{
	margin-left:0;
	margin-bottom:20px;
}

section#events li, section#series li
{
	list-style:none;
	padding:17px 10px;
	padding:12px 5px;
	background:#f1f6f9;
	background:url(https://www.capemay.com/images/debut_light.png);
	border-radiux:3px;
	font-size:15px;
}

section#events li.hl, section#series li.hl
{
	background:#fff;
}

section#events li time, section#series li time
{
	color:#666;
	margin-right:10px;
	font-size:14px;
	display:inline-block;
	min-width:140px;
	float:left;
	margin-bottom:5px;
}

section#events li a, section #series li a
{
	font-weight:600;
}

.event-meta h5
{
	font-weight:600;
}

#location .menu.horizontal.simple a
{
	font-size:.75em;
	text-transform: uppercase;
	font-weight:600;
	letter-spacing:1px;
}

#daily, #weekly, #monthly
{
	border:1px solid #cdd1d4;
	background:#e2e6e9;
	padding:15px;
	border-radius:3px;
	font-size:12px;
}

#daily input, #daily select, #weekly input, #weekly select, #monthly input, #monthly select
{
	font-size:14px;
}

#startTimeHour, #startTimeMins, #startTimeAMPM, #endTimeHour, #endTimeMins, #endTimeAMPM, #recDaily1, #recDaily2, #dailyDays, #recWeekly, #recurType1, #recurType2, #recurType3
{
	width:auto;
	margin:0 10px 0 0;
	float:left;
}

#monthlyOption1, #monthlyDays, #monthlyMonths
{
	width:50px;
	display:inline-block;
	margin:0 10px;
}

#dailyDays, #recWeekly, #monthlyMonthRepeat
{
width:50px;
	display:inline-block;
	margin:0 10px;
}

#monthlyMonthOrder, #monthlyMonthDOW
{
	width:auto;
	display:inline-block;
	margin:0 10px 5px;
}

#monthly .frm_ctrls
{
	margin-top:10px;
}

.catCol
{
	width:29%;
	float:left;
	margin:0 2%;
}

.catCol label.sub
{
	margin-left:15px;
}

.catCtrl
{
	clear:left;
}

#hcFilter .catCol
{
	width:100%;
	float:none;
	margin:inherit;
	clear:none;
}


.req2 {color:#0000FF;display:none;}
.req3 {color:#008000; display:none;}
input[type="submit"], input[type="button"], input[type="reset"] {margin:5px 10px 0 0;}
.frm_ctrls {float:left;line-height:20px;}
.frm_ctrls label {float:left;width:auto;text-align:right;padding:0 0 0 5px;margin:0;white-space:nowrap;text-indent:0;}
.frm_ctrls label input, #loc_results input {margin:3px 5px 3px 0;}
.frm_grp label {float:left;width:100%;text-align:left;padding:5px 0 10px 5px;margin:0;}
#custom_notice {float:left;padding:15px 0 0 0;}
#recur_chk {float:left;width:80%;}
.time {clear:both;float:left;width:16px;height:8px;}
.tup {background-image:url(../img/time_up.gif);margin:5px 0 0 0;}
.tdown {background-image:url(../img/time_down.gif);margin:2px 0 0 0;}
a.ds {margin:5px 0 0 5px;float:left;width:16px;height:16px;}
#dsCal {position:absolute;visibility:hidden;background-color:#FFFFFF;border:0;}
#daily, #weekly, #monthly {float:left;width:auto;margin:0 0 0 20px;}
#dailyDays, #recWeekly, #monthlyDays, #monthlyMonths, #monthlyMonthOrder, #monthlyMonthDOW,#monthlyMonthRepeat {float:none;margin:0 3px 0 3px;}
.series_today {font-style:italic;}
.feedback {clear:both;padding:5px;text-align:center;margin:15px 0 15px 0;}
.feedback img {vertical-align:middle;}
.success{background:#eef7ef;border: solid 1px #008E0D;}
.warning{background:#fffcee;border: solid 1px #FFDA00;}
.error{background:#fceeee;border: solid 1px #E40000;}
fieldset {clear:both;}
#no_events li {margin:0 0 15px 25px;}
#no_events a {display:inline;vertical-align:top;}
.data {width:100%;margin:0 0 10px 0;padding:0;min-height:20px;height:auto;}
.row {clear:both;min-height:20px;list-style-type:none;margin:1px 0 1px 0;padding:2px 0 0px 0;}
.row:hover {background:#FEFFE6;}
.row div {float:left;vertical-align:middle;}
.txt {padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.number {text-align:right;}
.tools img {float:left;vertical-align:middle;margin:0 0 1px 10px;}
.tools input {float:left;vertical-align:middle;margin:0 0 0 10px;padding:0;}
.user .data .row {width:100%;}
.user .data .row .ue_title {float:left;width:40%;}
.user .data .row .ue_date {float:left;width:15%;}
.user .data .row .ue_time {float:left;width:12%;}
.user .data .row .ue_status {float:left;width:15%;}
.user .data .row .ue_status img {float:right;}
.user .data .row .ue_tools {float:left;width:18%;margin:0;padding:0;text-align:left;}
.onote {font-style:italic;font-size: 0.9em;}




.fieldset label
{
	clear:left;
	display:block;
}

#filter label
{
	line-height:1.1em;
}

#filter label.sub
{
	margin-left:20px;
}

.side-menu ul
{
	margin-left:0;
}

.side-menu li
{
	list-style:none;
}

.side-menu li a
{
	display:block;
	padding:5px 10px;
	border-radius:3px;
	background:#e8edf0;
	text-align:center;
	margin-bottom:5px;
}

.side-menu li a:hover
{
	background:#14a4b8;
	color:#fff;
}

.tabs-panel ul
{
	list-style:none;
	font-size:14px;
	margin-left:0;
}

.tabs-panel li.date
{
	font-weight:800;
	margin-top:10px;
}

fieldset.registration
{
	display:none;
}

*/


/* Table tweaks */

td
{
	vertical-align: top;
}

table tbody tr:nth-child(even)
{
	background:#f2f5f7;
	background:#e9eef1;
}

 table thead,
  table tbody,
  table tfoot {
    border: 1px solid #ddd;
}

#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;
}

/* 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;
	}
	
	.inner-hero.white {
		padding:60px 30px!important;
	}

	.inner-hero.white h1 a
	{
		font-size:1em;
	}

	footer .cell.branding
	{
		padding-left:30px;
		padding-right:30px;
	}
	
#restaurant-info
{
	background:#fff;
	border:0;
	padding:0;
	outline: 0;
}

}

/* Medium and up */
@media screen and (min-width: 40em) {
	

	ul.columns{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}

	.top-bar .menu-expanded .menu
{
	min-width:400px;
	width:100%;
}

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

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

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	#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;
}

	
			#map_canvas_single.eventpage
{
	height:150px;
	transition: height 0.25s ease;
}
	
.moreinfo .links 
{
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}

	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

	
}