/*
Theme Name: 	Continental Catering
Author:         Bennie Mosher
Author URI:     http://www.ashwebstudio.com
*/

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 120%; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { vertical-align: middle; }
input[type="submit"] { cursor: pointer; }

/* WordPress required styles */
.alignright { float: right; margin: 0 0 10px 15px; }
.alignleft { float: left; margin: 0 15px 10px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
p, div, li, h1, h2, h3, h4, td, th, input, select, textarea { font: normal 14px/21px "proxima-nova", Arial, sans-serif; line-height: 1.44; color: #464545; }
p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; }
h1, h2, h3, h4 { line-height: 1.1; }
a img, :link img, :visited img { border: none }
a { color: #09767e; text-decoration: none; }
a:hover { color: #ed1b2f; }
div.clear { clear: both; overflow: hidden; height: 1px; }
input { vertical-align: middle; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix {	display: block; } 
* html .clearfix { height: 1%; }
.gfield { margin-left: 0 !important; }

.wrapper { width: 960px; margin: 0 auto; }

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#header { height: 175px; float: left; }

.menu-main-menu-container { margin: 36px 0 40px 0; width: 960px; text-align: center; }
.menu-main-menu-container ul { background: transparent url(_images/bg-nav.png) center 89px no-repeat; height: 96px; margin: 0 auto; display: inline-block; }
.menu-main-menu-container li { display: inline-block; list-style: none; height: 63px; vertical-align: top; }

.menu-main-menu-container a { font-family: "proxima-nova-alt-condensed", Arial, sans-serif; text-transform: uppercase; color: #000; display: block; padding: 80px 10px 0; background: #fff; margin: 0 14px; font-size: 18px }
.menu-main-menu-container a:hover { color: #1fbeca; }

.menu-main-menu-container li#menu-item-97 a { display: block; width: 185px; height: 96px; background: #fff; background: #fff url(_images/logo.png) no-repeat; text-indent: -9999em; padding: 0; }

.menu-main-menu-container li.first a { margin-left: 0; }
.menu-main-menu-container li.last a { margin-right: 0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menu-main-menu-container li.last a { padding-right: 17px; }
}

.menu-main-menu-container li#menu-item-141 a:hover, .menu-main-menu-container li#menu-item-141.current_page_item a { background: #fff url(_images/nav-icons.png)   22px 24px no-repeat; }
.menu-main-menu-container li#menu-item-17 a:hover, .menu-main-menu-container li#menu-item-17.current_page_item a { background: #fff url(_images/nav-icons.png) -116px 24px no-repeat; }
.menu-main-menu-container li#menu-item-16 a:hover, .menu-main-menu-container li#menu-item-16.current_page_item a { background: #fff url(_images/nav-icons.png) -280px 24px no-repeat; }
.menu-main-menu-container li#menu-item-15 a:hover, .menu-main-menu-container li#menu-item-15.current_page_item a, .single-menus .menu-main-menu-container li#menu-item-15 a  { background: #fff url(_images/nav-icons.png) -407px 24px no-repeat; }
.menu-main-menu-container li#menu-item-13 a:hover, .menu-main-menu-container li#menu-item-13.current_page_item a, .single-post .menu-main-menu-container li#menu-item-13 a { background: #fff url(_images/nav-icons.png) -589px 24px no-repeat; }
.menu-main-menu-container li#menu-item-14 a:hover, .menu-main-menu-container li#menu-item-14.current_page_item a { background: #fff url(_images/nav-icons.png) -728px 24px no-repeat; }

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#slideshow { margin: 0 0 80px 0; position: relative; height: 546px; clear: both; width: 100% !important; }
#slides { width: 100%; float: left; height: 546px; overflow: hidden; }
.slide { width: 100% !important; height: 246px; padding-top: 300px; background-position: center center; background-repeat:no-repeat; display:block;
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;
}
.slide p { line-height: 1.1; text-align: center; text-transform: uppercase; margin: 0 0 5px 0; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #FFF; text-shadow: 0 0 15px #666; }
p.headline1 { font-size: 80px; }
p.headline2 { font-size: 26px; }

#slide-nav { position: absolute; bottom: 35px; left: 0%; z-index: 1000; width: 100%; text-align: center; }
#slide-nav a { background: rgba(255,255,255,0.5); border-radius: 20px; text-indent: -9999em; width: 15px; height: 15px; display: inline-block; margin: 0 10px; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
#slide-nav a.activeSlide { background: #09767e; }

#intro { width: 540px; float: left; }
#intro h1 { font-size: 44px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 37px; margin: 0 0 53px 0; }

#content-left { float: left; width: 275px; }
#content-left h2 { font-size: 22px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 22px; margin: 0 0 20px 0; }
#page-content h3 { font-size: 18px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 22px; margin: 0 0 20px 0; }

#intro #quote { float: right; width: 220px; }
#quote q { font-size: 18px; font-style: italic; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #09767e; margin: 0 0 10px 0; }
#quote cite { font-size: 14px; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #09767e; display: block; font-style: normal; }

#sponsorships { width: 371px; float: right; }
#sponsorships a.icon { border: 1px solid #d1d1d1; margin: 0 19px 19px 0; width: 172px; float: left; display: block; text-align: center; padding: 10px 0; }
#sponsorships a.icon:nth-child(even) { margin-right: 0; }
#sponsorships a img { margin: 0 auto; opacity: .5; }
#sponsorships a:hover img { opacity: 1; }

#sponsorships h2 { font-size: 16px; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #09767e; text-align: center; margin: 0; }
#sponsorships a { font-size: 16px; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #09767e; text-align: center; text-transform: uppercase; font-weight: 600; text-align: center; display: block; }

.hr { background: url(_images/hr.png) no-repeat; height: 60px; width: 100%; clear: both; margin: 40px 0; float: left; }

#menus { clear: both; width: 100%; }
#menus h2 { color: #000; font-size: 44px; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; text-transform: uppercase; text-align: center; line-height: 37px; margin: 0 0 70px 0; }
#menus h2 span { color: #ed1b2f; font-size: 22px; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; display: block; line-height: 31px; }
#menus-left { float: left; width: 275px; margin-right: 46px; }
#menus-left a { color: #ed1b2f; font-size: 18px; font-family: "proxima-nova", Arial, sans-serif; display: block; line-height: 21px; font-weight: bold;  }

.cc-menu { display: inline-block; margin: 5px; position: relative; overflow: hidden; }
.cc-menu img { display: block; }
.cover { display: block; background: rgba(0,0,0,.8); position: absolute; top: 9000; width: 100%; height: 100%; }
.cc-menu:hover .cover { top: 0; }
.cc-menu .cover a { width: 96%; height: 96%; margin: 2%; display: block; text-decoration: none; }
.cc-menu .menu-info { font-family: "proxima-nova-alt-condensed", Arial, sans-serif; text-align: center; position: relative; top: 50%; margin-top: -30px; font-size: 20px; color: #FFF; text-decoration: none; line-height: 1.1; }
.cc-menu .menu-info span { display: block; font-size: 14px; margin-top: 7px; text-transform: uppercase; }

/*
#menus-right a { float: left; display: block; margin: 10px; max-width: 258px; }
#menus-right a img { display: block; max-width: 258px; width: 100%; }
*/

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
/*#masthead { position: relative; margin: 0 0 50px 0; clear: both; }
#masthead img { position: relative; z-index: 0; margin: 0 0 0 -120px; }*/
#masthead { margin: 0 0 50px 0; }
#masthead img.venues { margin: 0; }
#masthead h1 { position: absolute; z-index: 100; top: 50%; left: 50%; color: #fff; font-size: 40px; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; font-weight: 600; text-transform: uppercase; text-shadow: 5px 5px 5px rgba(0,0,0,0.5); }

#page-content { width: 350px; float: left; }
#page-content.normal { width: 600px; float: left; }
#page-content.menus { width: 980px; }

#page-content h1 { font-size: 38px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; }
#page-content h2 { font-size: 28px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif;  }
#page-content.menus h1 { margin: 0; text-align: center; }
#page-content h2.post-title { margin-bottom: 0; }

#page-content.menus p { text-align: center; }
#page-content.menus p.call-to-action { margin-top: -15px; font-weight: bold; }

#sidebar { width: 510px; float: right; }
#sidebar h2 { font-size: 26px; font-weight: 300; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #09767e; border-bottom: 1px solid #d6d6d6; padding: 15px 0 15px 20px; margin: 0; cursor: pointer; }
#sidebar h2.plus { background: url(_images/icon-plus.png) left center no-repeat; }
#sidebar h2.minus { background: url(_images/icon-minus.png) left center no-repeat; margin: 0; border-bottom: 0;  }
#sidebar p { padding: 0 25px 25px; border-bottom: 1px solid #d6d6d6; margin: 0; }
#sidebar ul { list-style: none; margin: 0 0 0 20px; }
#sidebar ul a { color: #000; }
#sidebar ul a:hover { text-decoration: underline; }

#process { text-align: center; clear: both; }

#team { clear: both; width: 100%; float: left; }

.person-box, .default-box { width: 345px; float: left; }
.person-box h2, .default-box h2, #process h2 { font-size: 38px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 37px; margin: 0 0 40px 0; }
.person-box h2, .default-box h2 { margin-bottom: 0; }
.person-box h3, .default-box h3 { text-transform: uppercase; font-size: 18px; font-weight: normal; font-style: italic; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; margin: 0 0 50px; color: #09767e; }
.default-box h3 { margin-bottom: 20px; }

#pictures { float: right; width: 580px; }
#pictures a { display: block; float: left; width: 116px; height: 116px; overflow: hidden; background-position: center; background-repeat: no-repeat; }
#pictures a.selected { border: 8px solid #1fbeca; width: 100px; height: 100px; }

.hide { display: none; }

q { font-size: 24px; line-height: 1.2; color: #000; text-align: center; display: block; }
cite { font-size: 14px; color: #ed1b2f; text-align: center; display: block; }

aside { width: 300px; float: right; }
aside h2 { font-size: 38px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 37px; margin: 0 0 20px 0; }

.submenu { width: 300px; }
.submenu li { list-style: none; }
.submenu li a { font-size: 20px; font-weight: 300; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #09767e; border-bottom: 1px solid #d6d6d6; padding: 10px 0 10px 0; margin: 0; cursor: pointer; display: block; }


/* Venues */
.venue { display: none; }
.box li.selected { font-weight: bold; }
dt { width: 100px; float: left; font-weight: bold; }
dd { margin: 0 0 4px 100px; }

/* Blog */
#page-content article h1 { font-size: 38px; text-transform: uppercase; color: #000; font-weight: normal; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 37px; margin: 0 0 40px 0; }
p.post-data { color: #999; }

/* Menus */


#menu-list { display: table; margin: 20px auto; }
#menu-list li { float: left; list-style: none; }
#menu-list a { padding: 0 30px; font-size: 22px; color: #09767e; height: 45px; line-height: 45px; display: block; }
#menu-list a:hover, #menu-list li a.active { background: url(_images/icon-menu.png) center no-repeat; }
#menu-list li:first-child { padding-left: 0; }
#menu-list li:last-child { padding-right: 0; }

.gallery img { margin: 5; }

#next-prev { margin: 0 0 30px 0; }
#next { float: right; }
#prev { float: left; }

/* Contact form */
.page-id-11 #page-content.normal, .gform_footer, .gform_heading { width: 700px; margin: 0 auto; text-align: center; float: none; }
.gform_wrapper li { text-align: center; }
.gform_wrapper .top_label .gfield_label { font-size: 18px; font-weight: normal !important; }
.gform_wrapper input[type=text] { border: none; border-radius: 5px; background: #EFEFEF; padding: 10px !important; font-size: 15px !important; }
.gform_wrapper select, .gform_wrapper option, .gform_wrapper textarea { font-size: 15px !important; }
.gform_wrapper .gsection { border: none !important; }
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection { padding-top: 50px !important; width: 100% !important; }
.button { background: #000; color: #FFF; padding: 10px 20px; border-radius: 5px; border: none; font-size: 20px !important; }

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
float: left;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#social { width: 100%; float: left; clear: both; padding: 11px 0 0; margin: 80px 0 0 0; color: #fff; text-transform: uppercase; }
#social-wide { background: #1fbeca; width: 100%; float: left; clear: both; }
#social .wrapper { padding: 34px 0; height: 26px; }
#social h2 { color: #fff; font-size: 16px; float: left; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; line-height: 26px; height: 26px; margin: 0 23px; }

#social form { float: left; margin: 0 10px 0 0; }
#social input[type="text"] { background: none; border: none; border-bottom: 1px solid #74d7de; width: 200px; padding: 0; height: 26px; line-height: 26px; color: #fff; margin: 0 10px 0 0; }
#social input[type="submit"] { background: none; border: none; padding: 0; height: 26px; line-height: 26px; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; margin: 0; }

#social a { float: left; margin-right: 10px; }
#social a.yelp { margin: -7px 0 0 0; }

footer { clear: both; background: #000; float: left; width: 100%; }
footer .wrapper { padding: 85px 0; min-height: 93px }
#footer-logo { float: left; margin: 0 30px 0 0; }

#footer-nav { float: left; width: 516px; }
#footer-nav nav li { float: left; list-style: none; }
#footer-nav nav a { color: #1fbeca; font-size: 16px; text-transform: uppercase; padding: 0 10px; margin: 0; }
#footer-nav nav li:first-child a { padding-left: 0; }
#footer-nav nav li:last-child a { padding-right: 0; }

#footer-nav a { font-size: 14px; color: #fff; font-weight: 300; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; margin-right: 20px; }
#copyright, #copyright a { color: #a7a7a7; font-size: 12px; }
#copyright a { margin-left: 20px; }

#footer-contact { float: left; border-left: 1px solid #2b2b2b; padding: 0 0 0 30px; margin: 0 0 0 30px; }
#call { float: left; margin: 0 30px 0 0; color: #fff; }
#call h3 { margin: 0; color: #1fbeca; font-weight: 600; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; background: url(_images/icon-phone.png) left center no-repeat; text-transform: uppercase; padding: 0 0 0 25px; height: 13px; line-height: 13px; margin: 0 0 20px 0; }
#call a { font-size: 14px; display: block; font-weight: 300; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #fff; }

#find { float: left; margin: 0; color: #fff; }
#find h3 { margin: 0; color: #1fbeca; font-weight: 600; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; background: url(_images/icon-home.png) left center no-repeat; text-transform: uppercase; padding: 0 0 0 25px; height: 13px; line-height: 13px; margin: 0 0 20px 0; }
#find a { font-size: 14px; display: block; font-weight: 300; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #fff; }
address { font-style: normal; font-size: 14px; display: block; font-weight: 300; font-family: "proxima-nova-alt-condensed", Arial, sans-serif; color: #fff; }