/*
Theme Name: Jamie and Jacob Catering
Author: BOOST Creative
Author URI: http://www.boostcreative.com/
Description: The 2014 theme for Jamie and Jacob Catering
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html{}
html,
button,
input,
select,
textarea {
	font-family: 'Arimo', sans-serif;
    color: #595657;
    font-size:14px;
    font-weight:400;
}
p{
	font-family: 'Arimo', sans-serif;
    color: #595657;
    font-size:14px;
    font-weight:400;
    line-height:1.7em;
    padding-bottom:5px;
}

@font-face {
    font-family: 'Futura_Light';
    src: url('_assets/font/FuturLig.eot');
    src: url('_assets/font/FuturLig.eot?#iefix') format('embedded-opentype'),
         url('_assets/font/FuturLig.woff') format('woff'),
         url('_assets/font/FuturaLight.ttf') format('truetype'),
         url('_assets/font/FuturLig.svg#Futur') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura_Book';
    src: url('_assets/font/FuturBoo.eot');
    src: url('_assets/font/FuturBoo.eot?#iefix') format('embedded-opentype'),
         url('_assets/font/FuturBoo.woff') format('woff'),
         url('_assets/font/FuturaBook.ttf') format('truetype'),
         url('_assets/font/FuturBoo.svg#FuturBoo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('_assets/font/Futur.eot');
    src: url('_assets/font/Futur.eot?#iefix') format('embedded-opentype'),
         url('_assets/font/Futur.woff') format('woff'),
         url('_assets/font/FuturaMedium.ttf') format('truetype'),
         url('_assets/font/Futur.svg#Futur') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura_Bold';
    src: url('_assets/font/FuturBol.eot');
    src: url('_assets/font/FuturBol.eot?#iefix') format('embedded-opentype'),
         url('_assets/font/FuturBol.woff') format('woff'),
         url('_assets/font/FuturaBold.ttf') format('truetype'),
         url('_assets/font/FuturBol.svg#FuturBol') format('svg');
    font-weight: normal;
    font-style: normal;
}



html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.venue_hr {
    display: block;
    height: 0;
    border: 0;
    border-top: 5px solid #c4d58d;
    margin:0;
    padding: 0;
    display:none;
}
a{
	text-decoration:none;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
h2{font-weight:normal;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
header{max-width:960px; padding: 0 15px; height:140px; margin:0 auto 0; position:relative;}
.nav_left{width: 322px;padding:0;position:absolute;left:15px;top:35px;list-style:none;display: table;}
.nav_left li{ display: table-cell; margin:0; padding:0 15px 0 0; white-space: nowrap; }
.nav_left li a{font-family: 'Futura_Light';font-size: 14px;color:#5a5758;text-transform:uppercase;}
.nav_left li a:hover{color:#a888be;}
.nav_right{width: 322px;padding:0;position:absolute;right:15px;top:35px;list-style:none;display: table;}
.nav_right li{ display: table-cell; margin:0; padding:0 0 0 15px; text-align:right; white-space: nowrap; }
.nav_right li a{font-family: 'Futura_Light';font-size: 14px;color:#5a5758;text-transform:uppercase;}
.nav_right li a:hover{color:#a888be;}
.logo{display:block;height: 120px;width: 300px;margin: 15px auto 0;background: url(_assets/img/logo.jpg) no-repeat 0px 10px;background-size: 100%;}
.main_slide_con, .main_img_con{max-width:1400px; overflow:hidden; height:350px; margin:0 auto 50px; font-size:0; white-space: nowrap;}
.slide_con{height:353px; width:25%; overflow:hidden; outline:3px solid #fff; display: inline-block; background:#fff; position:relative; text-align: center;}
.background_imgages{ width:100%; height:350px; display:block;}
.slider_bars{width:100%; height:350px; background:url(_assets/img/bg_slider_bars.png) repeat-x;}
.slider_font {position: relative; top: 308px; font-family: 'Futura_Book'; font-size: 20px; text-transform: uppercase; width: 200px; margin: 0 auto; color:#5a5758;}

.featured_img{width:100%; height:350px; position:relative;}
.inner_bars{width:100%; height:350px; background: url(_assets/img/inner_bars.png) repeat-x;}
.main_body_con, .main_inner_body_con, .main_inner_body_con_oneCol{max-width:960px; padding: 0 15px; margin:0 auto 50px;}
article{width:66.666%; max-width:605px; padding:5px 15px 5px 0; float:left; box-sizing:border-box;}
.main_inner_body_con > article{max-width:460px; width:58%;}
.main_inner_body_con > aside img {margin-bottom: 15px;}
.main_inner_body_con_oneCol > article{width:100%; float:none; max-width: none;}
article h3{font-family: 'Futura_Book'; font-size: 18px; margin:5px 0 0; padding:0; line-height:1em; color:#ccbddc;}
article h1{font-family: 'Futura'; font-size: 30px;  margin:5px 0; padding:0; line-height:1em; color:#a888be;}
article h4{ font-family: 'Futura_Light'; font-size: 36px; margin:5px 0 40px 0; padding:0; line-height:1em; color:#7c8d4d;}

aside{width:33.333%;max-width:320px; float:right;}
aside img { max-width: 100%; }
.main_inner_body_con > aside{max-width:400px; width: 42%; padding-top: 60px;}
.main_inner_body_con_oneCol > aside{width:100%; padding-top: 20px; float:none;}
aside h2{font-family: 'Futura_Light'; font-size:18px; color:#595657; text-transform:uppercase; margin:0; padding:0;}
aside p{margin:0; padding:0; font-size:13px; line-height:16px;}
.mail_chimp_con, .quote_con{ padding:15px 20px; margin-bottom:20px; background:#eee; }
.mail_chimp_con h2{color:#849457; margin-bottom:5px;}
.mail_chimp_con form { font-size: 0; white-space: nowrap; }
.mailchimp_email{border:1px solid #a888be; display: inline-block; vertical-align: top; width: calc(100% - 40px); max-width:215px; margin:15px 0 6px; padding:4px 5px; background:#fff; color:#849457; font-family: 'Futura_Light'; }
.mailchimp_submit{width:31px; height:30px; display: inline-block; vertical-align: top; background: url(_assets/img/submit.jpg) no-repeat; border:0; margin:15px 0 6px;}
.inner_mailchimp_con{ max-width:960px; padding:306px 15px 0; margin:0 auto;}
.inner_mailchimp_con h2{ font-family: 'Futura_Book'; padding-top: 6px; text-transform:uppercase; font-size:14px; margin:0; display:block; float:left; letter-spacing: 1px}
.inner_mailchimp_con form {float:left; margin-left:20px;}
.inner_mailchimp_con .mailchimp_email, .inner_mailchimp_con .mailchimp_submit {margin:0;}

.venue_roll_con{padding:30px;}
.venue_roll_con h3{font-family: 'Futura_Book'; font-size: 18px; display:none; margin:5px 0 0; padding:0; line-height:1em; color:#849457;}
.venue_roll_con h2{font-family: 'Futura'; font-size: 24px;  margin:5px 0; padding:0; line-height:1em; text-transform: uppercase;}
.venue_roll_con p{padding:0; font-size:14px;}
.venue_roll_con .left{width:48%; float:left;}
.venue_roll_con .right{float:right;}
.venue_roll_con .right > img{width:400px; height:auto;}

.venue_roll_con:first-of-type {background:#eee; margin-top:15px;}
.venue_roll_con:first-of-type h2 {color:#849457;}
.venue_hr ~ .venue_hr {display: block;}
.venue_hr:last-of-type{display:none;}
.venue_roll_con:first-of-type h3 {display:block;}

.quote_con { position: relative; z-index: 1; }
.quote_con h2{color:#a888be; margin-bottom:5px; }
.quote_con h2, .quote_con p{float:left;}
.quote_con img{position: absolute; top: 15px; right:15px; z-index: -1;}

.soch_con{width:319px; margin:10px 0;}
.inner_soch_con{margin:-5px 0 0; float:right;}
.inner_soch_con h2{padding-top:10px;}
.soch_con h2, .facebook, .twitter{float:left;}
.soch_con h2{padding-top:6px;}
.facebook{display:block; width:40px; height:40px; background: url(_assets/img/facebook.jpg) no-repeat; margin:0 5px 0 10px;}
.twitter{display:block; width:40px; height:40px; background: url(_assets/img/twitter.jpg) no-repeat; margin:0 5px 0 10px;}
.facebook:hover, .twitter:hover{background-position:0 -40px;}

#menu,
#menu ul,
#menu li,
#menu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;position: relative;}
#menu {width: 100%; margin-top:40px;}
#menu > ul > li {background: #ccc; margin-bottom:5px;}
#menu > ul > li:hover {background: #cfcfcf;}
#menu > ul > li > a {display: block;color: #000;}
#menu > ul > li > a > span {display: block; padding:10px 20px; font-size:24px; font-family: 'Futura_Light'; letter-spacing:1px; color:#fff; text-transform:uppercase;}
#menu > ul > li > a:hover {text-decoration: none;}
#menu > ul > li.active {border-bottom: none; margin-bottom:0;}
#menu > ul > li.has-sub > a span {background: url(_assets/img/downarrow.png) 96% center no-repeat;}
#menu > ul > li.has-sub.active > a span {background: url(_assets/img/uparrow.png) 96% center no-repeat;}
#menu ul ul { display: none; background: #fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#menu ul ul li {padding:40px 50px; }

.menu_main_info_con .right{width: 50%; max-width:400px; float:right; min-height:200px;}
.menu_main_info_con .right img{max-width: 100%; width:399px; margin:0; padding:0; margin-bottom:20px; }
.menu_main_info_con .left{width: 50%; max-width:380px; float:left; min-height:200px;}
.menu_main_info_con .left h2{font-family: 'Futura_Book'; font-size:18px; color:#849457; margin:5px 0 10px; padding:0; }
.menu_main_info_con .left > ul{ display:block !important; border:0 !important; margin-bottom:20px !important;}
.menu_main_info_con .left > ul li{font-size:13px; padding:3px 10px !important; background:#f3f3f3; width:300px;}
.menu_main_info_con .left > ul li:nth-child(even){background:#fff;}
.menu_main_info_con .left p{padding:0; margin: 0; font-size:12px;}
.menu_main_info_con .left p strong{font-size:14px;}

footer{background:#c4d58d; height:200px;  padding:5px 15px 40px;}
.footer_body_con{max-width:960px; margin:0 auto;}
.footer_nav{ padding:0; list-style:none; margin-bottom: 18px;}
.footer_nav li{float:left; margin:0; padding:0 31px 0 0;}
.footer_nav li a{font-family: 'Futura_bold'; font-size:15px; color:#F2F2F2; text-transform:uppercase; text-shadow:1px 1px 3px #4f601f;}
.footer_nav li a:hover{color:#fff;}
.footer_body_con p{padding:0 0 26px; margin:0; line-height:14px; border-bottom:1px solid #FFF;}
.footer_body_con i { font-style: normal; }
.footer_body_con p a{color:#595657;}
.footer_body_con aside{text-align:right;}
.footer_body_con aside h1{ color:#FFF; font-size:36px; font-family:"Futura_Light"; margin:4px 0 4px; padding:0;}
.footer_body_con aside p{border:0; font-family: 'Futura_Book'; font-size: 16px; line-height:24px; letter-spacing:1px;}

.gfield_label { font: 400 14px/1.7 'Arimo', sans-serif !important; padding: 0; margin: 0 !important; }
body .gform_wrapper label.gfield_label+div.ginput_container { margin-top: 0 !important; }
.ginput_container { margin-bottom: 0.5em; }
.gform_wrapper .gform_footer { padding: 0 !important; }
.wpcf7-text, .wpcf7-textarea, .gfield input, .gfield textarea{border:1px solid #a888be; width: 100%; box-sizing: border-box; margin:1px 0 4px; padding:4px 5px; background:#fff; color:#849457; font-family: 'Futura_Light';}
.wpcf7-textarea, .gfield textarea{height:95px;}
.wpcf7-submit, .gform_button{color:#fff; font-family: 'Futura_Book'; padding: 0 15px 0 30px; height:30px; float:left; background:#a888be url(_assets/img/submit.jpg) no-repeat; border:0; margin:0 0 6px;}
.wpcf7-validation-errors {border: 0px solid #f7e700 !important; color:red;}
.wpcf7-mail-sent-ok {border: 0px solid #398f14 !important; color:#398f14;}

.address {
	font-size: 135%;
	margin: 30px 0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Responsive
   ========================================================================== */

.offCanvas { position: fixed; top: 0; right: 0; z-index: 99; background: white; height: 100%; width: 18rem; border-left: 1px solid rgba(0,0,0,0.1);
    -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.offCanvas .menu { list-style: none; margin: 0; padding: 0; }
.offCanvas .menu a { display: block; padding: 1rem; border-bottom: 1px solid rgba(0,0,0,0.1); text-transform: uppercase; font: 300 15px/1 'Futura_light'; color: inherit; }
.offCanvas-toggle { font-size: 1.75rem; display: none; position: absolute; right: 15px; top: 40%; margin-top: -0.5em; cursor: pointer; }
.offCanvas-toggle svg { height: 1em; color: inherit; }
.offCanvas-content { -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; overflow: hidden; }
.offCanvas-overlay { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.1); cursor: pointer; z-index: 99; }
body.show-offCanvas .offCanvas { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
body.show-offCanvas .offCanvas-content { -webkit-transform: translateX(-18rem); -ms-transform: translateX(-18rem); transform: translateX(-18rem); }
body.show-offCanvas .offCanvas-overlay { width: 100%; height: 100%; }

@media screen and (max-width: 990px) {
    .logo { margin-left: 0; max-width: 60vw; background-size: contain; background-position: center; }
    .offCanvas-toggle { display: block; }
    .nav_left, .nav_right { display: none; }
    .footer_body_con article { width: 100%; text-align: center; float: none; margin: 0 auto 15px; padding: 0; }
    .footer_body_con aside { width: 100%; text-align: center; float: none; margin: 0 auto; }
    .footer_nav li { display: inline-block; float: none; }
    .footer_nav li:last-child { padding-right: 0; }
    #menu ul ul li { padding: 20px; }
    .venue_roll_con .right > img { width: 300px; }
    .venue_roll_con .left { width: calc(100% - 350px); }
}

@media screen and (max-width: 800px) {
    .main_slide_con { white-space: normal; height: auto; }
    .slide_con { width: 50%; height: 250px; }
    .slider_bars, .background_imgages { height: 250px; }
    .slider_bars { background: url(_assets/img/bg_slider_bars.png) repeat-x, url(_assets/img/bg_slider_bars.png) repeat-x bottom; }
    .slider_font { top: 208px; }
    article { width: 100%; max-width: none; float: none; padding-right: 0; }
    .main_inner_body_con > article { width: 100%; max-width: none; }
    aside { width: 100%; float: none; margin-top: 2rem; }
    .main_inner_body_con > aside { width: 100%; margin-top: 0; }
    .menu_main_info_con .left { width: 100%; max-width: none; }
    .menu_main_info_con .left > ul li { width: auto; }
    .menu_main_info_con .right { display: none; }
    .venue_roll_con .right > img { width: 200px; }
    .venue_roll_con .left { width: calc(100% - 220px); }
}

@media screen and (max-width: 640px) {
    header { max-height: 22vw; }
    .logo { height: 20vw; }
    .footer_body_con { padding-top: 15px; }
    .footer_body_con i { display: none; }
    .footer_body_con p { padding-bottom: 15px; }
    .footer_body_con span { display: block; margin-top: 10px; }
    .footer_nav { display: none; }
    .inner_mailchimp_con > h2 { display: none; }
    .inner_mailchimp_con form { display: none; }
    .venue_roll_con .right { float: none; }
    .venue_roll_con .right > img { width: auto; max-width: 100%; }
    .venue_roll_con .left { width: 100%; }
}

@media screen and (max-width: 500px) {
    .slide_con { width: 100%; height: 150px; }
    .slider_bars, .background_imgages { height: 150px; }
    .slider_bars { background: url(_assets/img/bg_slider_bars.png) repeat-x bottom; }
    .slider_font { top: 108px; }
    .footer_body_con aside h1 { font-size: 28px; }
    .footer_body_con aside p { font-size: 14px; }
    .offCanvas-toggle { font-size: 1.5rem; }
    article h1 { font-size: 26px; }
    #menu > ul > li.has-sub > a span { background-size: 24px; }
    #menu > ul > li.has-sub.active > a span { background-size: 24px; }
    #menu > ul > li > a > span { font-size: 18px; }
    .venue_roll_con h3 { font-size: 16px; }
    .venue_roll_con h2 { font-size: 20px; }
}