@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700|PT+Serif:400,700|Roboto');

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

h1, h2, h3, h4, h5, h6
{
	color:#333;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 em
{
font-family: 'PT Serif', serif;
}

h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader
{
	font-family: 'Roboto', sans-serif;
	color:#818588;
}

.bottom30
{
	margin-bottom:30px;
}

/*
h4, h4 a
{
	font-family: 'Roboto', sans-serif;
}*/

p.lead, p.lead em, p.lead strong, p.lead i, p.lead b, p.lead u, p.lead a
{
font-family: 'PT Serif', serif;
}

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

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

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

/*
.wrap1500
{
	text-align:center;
	background:#bec3c5 url(../images/damask3.jpg);
	border-bottom:1px solid #cdd1d4;
}

.wrap1500 section {
	margin:0 auto;
	max-width:1700px;
}
*/

/* Navigation */

#topnav{
z-index:50;
}

.sticky
{

}


#topnav-sticky {
	background:#fff;
	-webkit-box-shadow: 0 0 5px 0 #4F4F4F;
	box-shadow: 0 0 5px 0 #4F4F4F;
}

#topnav-sticky .top-bar-left
{
		padding:30px 0 15px;
	transition:padding 0.25s ease;
}

#topnav-sticky.is-stuck .top-bar-left
{
padding:0;
transition:padding 0.25s ease;
}

.title-bar
{
	z-index:1000;
	background:#14a4b8;
	background:#fff;
	-webkit-box-shadow: 0 0 4px 0 #4F4F4F;
	box-shadow: 0 0 4px 0 #4F4F4F;
}

.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 {
	padding:10px 0;
}

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

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

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

.top-bar a strong
{
	font-weight:400;
	font-size:1.1em;
}

.top-bar .menu .menu
{
	background:#fff;
}

.top-bar .submenu a
{
	color:#333;
}

.top-bar .submenu a:hover{
	color:#000;
}

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


/* 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 #cdd1d4;
	border-top:1px solid #fff;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(192, 187, 181, 0.2)), url(../images/damask3.jpg);

}

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

.spotlinks img:hover, .cell.spotlink img:hover
{
	-webkit-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999;
}

.accommodations
{
	padding:35px 0;
	text-align:center;
	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;
	/*color:#3c362c;*/
}

.accommodations a
{
	color:#3c362c;
}

.accommodations a:hover{
	color:#756d61;
	transition: color 0.25s ease;
}

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

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

.today
{
	-webkit-box-shadow: 0 0 10px 0 #e2e6e9;
	box-shadow: 0 0 10px 0 #e2e6e9;
	border:1px solid #cdd1d4;
	min-height:300px;
}

.today h4
{
	font-family:PT Serif, serif;
}

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

#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:#ccc;
	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:48px;
width:auto;
}


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

.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:10px;
padding-bottom:50px;
}

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

#history a
{
	color:#000;
}

.listing .cell{
	border:1px solid #e2e6e9;
	border-radius: 3px;
	padding:15px;
}

.listing .cell p, .featured-listing p
{
	font-size:.9rem;
	color:#444;
}

.featured-listing
{
	text-align:center;
}

.listing .cell img, .featured-listing .cell img {  
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1rem;
/*border: solid 4px #fefefe;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);*/
	line-height: 0;	
}

.listing i.fa
{
	display:inline-block;
	color:#999;
	text-align:center;
	margin:0 5px;
}

.featured-listing h4
{
font-family: 'PT Serif', serif;
font-size:1.28rem;
color:#000;
}

.listing h5
{
	font-size:1.2rem;
	color:#000;
}

.listing h6.subheader, .featured-listing h6.subheader {
	font-style:italic;
	font-family: 'PT Serif', serif;
	color:#333;
}

.listing .button{

}

.listing .cell:hover
{
-webkit-box-shadow: 0 0 15px 0 #DBDBDB;
box-shadow: 0 0 15px 0 #DBDBDB;
}

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

.inner-hero{
	padding:30px;
	padding:100px 30px;
	margin-bottom:20px;
	border-bottom:1px solid #cdd1d4;
	background:url(../images/damask3.jpg);
	background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.25)), url(../images/damask3.jpg);
	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;
	letter-spacing:4px;
	color:#999;
	color:#fff;
}

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

/* Inner Hero individual styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Buttons */

.button.alert{
	background:#ec8a34;
}

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

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

.beachy .card{
	border: none;
	border-radius:0;
}

.card-section
{
	padding-bottom:30px;
	font-size:.85em;
	color:#999;
}

.beachy a
{
	color:#ac250b;
}

/* Callouts */

.callout
{
-webkit-box-shadow: 0 0 5px 0 #E3E3E3;
box-shadow: 0 0 5px 0 #E3E3E3;
border:1px solid #dcdcdc;
}

.callout.secondary
{
	background:url(http://www.capemay.com/images/debut_light.png);
}

.moreinfo{
	background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)), url(../images/damask3.jpg);
		background:url(http://www.capemay.com/images/debut_light.png);
	padding:50px 0;
	/*border-top:1px solid #cdd1d4;
	border-bottom:2px solid #fff;*/
}

.moreinfo a
{
	color:#ac250b;
}

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

.legend
{
	font-size:.8em;
	color:#999;
	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:#999;
	letter-spacing:0;
	font-size:1em;
	text-transform:none;
	font-family: 'PT Serif', serif;
}

#featured-image-block-grid a
{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:1.2em;
	font-family: 'PT Serif', serif;
	display:block;
}

#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-content p
{
	font-family: 'Roboto', sans-serif;
}

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

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

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

.specialoffer
{
	margin-bottom:30px;
	padding:30px 15px;
	background:url(http://www.capemay.com/images/debut_light.png);
	border:1px solid #ededed;
	-webkit-box-shadow: 0 0 5px 0 #E3E3E3;
	box-shadow: 0 0 5px 0 #E3E3E3;
}

.specialoffer .callout
{
	-webkit-box-shadow:none;
	box-shadow:none;
	border:1px solid #cdd1d4;
}

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

.staffbios .subheader
{

}

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

/* Footer */

footer
{
	background:#14a4b8;
	color:#fff;
}

footer .footerlogo{
	margin-top:5px;
	margin-bottom:15px;
}

footer a
{
	transition:color 0.25s ease;
	color:#fff;
}

footer a:hover{
	color:#000;
}

footer .menu.social a{
	font-size:1.3em;
}

footer .menu.social a:hover{
	color:#000;
	transition:color 0.25s ease;
}

.footer-menu li a
{
padding:.5rem 1em;
}

.brands{
	background:#0091a6;
	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:#006e82;
	background:#000;
	color:#004255;
	color:#333;
	color:#999;
	font-size:.8em;
	text-align:center;
}

.copyright a
{
	color:#004255;
	color:#999;
	text-decoration:underline;
}

.copyright a:hover{
	color:#fff;
}

#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;
  color: #fefefe;
}

/*
.button-group.round :first-child {
  border-radius: 5000px 0 0 5000px;
}

.button-group.round :last-child {
  border-radius: 0 5000px 5000px 0;
}*/

.column-block {
  margin-bottom: 30px;
}

/* Wordpress Styles */

.rpwwt-widget ul
{
	line-height:1.3em!important;
	font-size:.9em;
}

.rpwwt-post-date
{
	font-size:.8em;
	color:#999;
}

.article-header a
{
	color:#333;
}

.article-header h5.subheader
{
	
}


p.meta
{
	margin-top:30px;
	font-size:11px;
}

p.meta li a
{
	display:inline-block;
	background:#eee;
	padding:5px 15px;
	border-radius:10px;
}

.byline {
	font-size:.9em;
  color: #333; 
	font-family: PT Serif, serif;
}

.byline a
{
	text-transform: uppercase;
	font-family: PT Serif, serif;
}

.mindthegap
{
	display:inline-block;
	width:20px;
}

ul#directory-menu
{
	font-size:15px;
}

div#restaurant-info
{
	font-size:16px;
	line-height:1.4em;
}

div#restaurant-info p
{
	font-size:14px;
	margin:10px 0;
}

div#restaurant-info ul
{
	margin:20px 0;
	padding:0;
}

div#restaurant-info li
{
	list-style:none;
	display:inline;
	margin:0 5px 5px 0;
}

div#restaurant-info li a
{
	font-size:12px;
	color:#333;
	background:#e2e6e9;
	padding:5px 10px;
	border-radius:3px;
}

div#restaurant-info li a:hover
{
	background:#cdd1d4;
}

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:#333;
	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:PT Serif, serif;
	font-size:1.4rem;
	color:#000;
	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;
/*max-width:95%;
height:auto;*/
}

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

/* 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:#333;}
.mini-cal td.nav a {text-decoration:none;font-size:14px;font-weight:bold;color:#333;}
.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:#333;}

.event-cover
{
	padding:200px;
}

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

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

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

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

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

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

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

#categories ul
{
	/*margin:20px 0;
	/*margin:20px 0;
	padding:0;*/
}

#categories ul li
{
	/*display: inline;*/
}

#categories ul li a
{
	/*display:inline-block;
	padding:7px 10px;
	background:#e2e6e9;
	margin-right:10px;
	border-radius:2px;*/
}

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

.breadcrumbs-container
{
	/*background:url(http://www.capemay.com/images/debut_light.png);*/
	background:#e3e8ed;
	padding:10px 0;
	border-bottom:1px solid #cdd1d4;
}

.breadcrumbs-container a, .breadcrumbs a
{
	color:#777;
}

.breadcrumbs-container .breadcrumbs
{
	margin:0;
}

.breadcrumbs li
{
	color:#999;
}

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

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

.event-info
{

}

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

section#events header, section#series header
{
	font-family: 'PT Serif', serif;
	font-size:21px;
	margin-bottom:10px;
}

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;
	background:#f1f6f9;
	background:url(http://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 span, section#series li a span
{
	color:#333;
}

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

/*
#monthly input, #monthly select
{
	max-width:25%;
	float:left;
}*/


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


/*
label {text-indent:-15px;clear:both;width:100px;float:left;text-align:right;margin:5px 0 0 0;padding:0 5px 0 0;}
input, select, textarea{float:left;margin:3px 0 5px 3px;}
input[type=checkbox], radio {margin:5px 50px 0 0;}
textarea {width:80%;resize:vertical;}*/

/*.output, label.output {float:left;margin:5px 0 3px 0;}
.output img {vertical-align:middle;}*/
.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;}

/*
#loc_results{float:left;}
#loc_results label {float:left;width:100%;text-align:left;padding:4px 0 0 2px;margin:5px 0 0 0;height:40px;text-indent:0;}
#loc_results label img {vertical-align:top;float:right;padding:5px 5px 0 0;}
 #loc_results .loc_name, #loc_results .loc_add {display:block;}
#loc_results #pages {clear:both;text-align:center;}
.no_loc {color:#DC143C;}*/


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

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


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

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

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

}

/* Large and up */
@media screen and (min-width: 64em) {
	
	.top-bar ul#main-menu > li
{
	margin:0 10px;	
}
	
	.top-bar .menu .menu 
	{
		font-size:.9em;
	}
	
			#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) {
	
	
}