@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900|Karla:400,700|Pacifico);

/******************** General ********************/

html, body, .container { width:100%; height:100%; margin:0; padding:0; position:relative; }
html { background-size:cover; background-position:center; }
.container.boxed { max-width:1400px; margin:auto; box-sizing:border-box; }
.center { width:100%; height:100%; max-width:1200px; margin:auto; padding:0 80px; position:relative; box-sizing:border-box; }
.center:after, #feed:after { content:""; clear:both; display:block; }
.align-center { text-align:center !important; }
main.pad { padding-top:80px; }
a { text-decoration:none; }
img { display:block; }
label[for="cmw_register_email"] { visibility:hidden; }

/* Scroll Fade */

.invisible { height:100%; opacity:0; }
.visible { opacity:1 !important; }

/* Backgrounds */

.back { width:100%; height:100%; background-color:#FFF; background-size:cover; position:absolute; top:0; left:0; }

/* Buttons */

.button, .label { padding:0 25px; color:#202020; font:800 13px/50px 'Raleway', sans-serif; letter-spacing:1.5px; text-transform:uppercase; display:inline-block; background:#FFF; border:none; box-sizing:border-box; }
.button { cursor:pointer; }
.label { padding:0 12px; font:600 10px/30px 'Raleway', sans-serif; letter-spacing:1px; border-width:1px !important; }
.button.round, .label.round { border-radius:100px; }
.button.outline, .label.outline { color:#FFF; border:2px solid #FFF; background:none; }
.button i { margin-right:10px; font-size:15px; }
.hover .button:hover { color:#FFF; background:#202020; }
.hover .button.outline:hover { color:#202020; background:#FFF; border-color:#FFF; }




/******************** Header ********************/

header { width:100%; height:80px; position:fixed; top:0; left:0; z-index:999999; }
header .container, header.scroll .container { background:#FFF; }
header .logo { position:absolute; top:50%; left:80px; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); }
header nav { position:absolute; top:0; right:80px; }
header nav ul { margin:0; padding:0; list-style:none; }
header nav li { float:left; }
header nav li a { padding:0 11px; font:bold 13px/80px 'Raleway', sans-serif; color:rgba(0,0,0,.3); letter-spacing:1px; text-transform:uppercase; display:block; }
header nav li a.button { margin:20px 0 0 12px; padding:0 17px; line-height:40px; }
header nav li.active a, .hover header nav li a:hover { color:#202020; }
header #top { width:80px; height:80px; font-size:20px; line-height:77px; color:#FFF; text-align:center; position:absolute; top:0; right:0; cursor:pointer; display:none; opacity:.2; }
header #top.scroll { display:block; }
header #pull { width:80px; height:80px; padding-right:10px; color:#202020; line-height:80px; font-size:21px; text-align:center; position:absolute; top:0; right:40px; cursor:pointer; display:none; }
.hover header .logo:hover { opacity:.5; }
.hover header #top:hover { opacity:1; }
.hover header .button:hover { color:#FFF; background:#202020; }




/******************** Hero ********************/

.hero { width:100%; height:60%; max-height:550px; min-height:400px; position:relative; background-size:cover; background-position:center; z-index:1; }
.hero.full { height:calc(100% - 100px); min-height:550px; max-height:none; }
.hero .slider, .hero .item { width:100%; height:100%; position:relative; overflow:hidden; }
.hero .back { background-size:cover; background-position:center; }
.hero .details { width:100%; position:absolute; top:calc(50% + 40px); left:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); box-sizing:border-box; z-index:1; }
.hero .details .label { position:absolute; top:-47px;  }
.hero.align-center .details .label { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);  }
.hero .details .title { margin:0; padding:0; font:100 60px/72px 'Raleway', sans-serif; color:#FFF; letter-spacing:2px; }
.hero .details p { margin-top:30px; font:18px/34px 'Karla', sans-serif; color:rgba(255,255,255,.5); letter-spacing:.2px; }
.hero .details .button { margin-top:45px; }
.hero .nav { width:100%; height:100%; position:absolute; top:0; left:0; }
.hero #scroller { width:100%; height:50px; font-size:20px; color:#FFF; line-height:50px; text-align:center; position:absolute; bottom:0; left:0; cursor:pointer; opacity:.2; }
.hero #scroller.scroll { opacity:0 !important; cursor:default; height:0; bottom:-10px; }
.hover .hero #scroller:hover { background:rgba(255,255,255,.05); opacity:1; }

/* Screen */

.hero .screen { width:40%; height:48%; min-height:350px; padding:50px; padding-right:0; position:absolute; top:calc(50% + 40px); right:-30px; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); background:rgba(20,20,20,.08); border-right:none; border-radius:5px; z-index:1; opacity:0; }
.hero .screen.visible { right:0; }
.hero .screenshot { width:100%; height:100%; background-size:cover; }
.hero .screenshot a { width:100%; height:100%; display:block; position:relative; }
.hero .screenshot .back { opacity:0; }
.hero .screenshot .project { width:100%; margin:auto; padding:0 100px; text-align:center; position:absolute; top:52%; left:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); box-sizing:border-box; opacity:0; }
.hero .screenshot .project .label { margin-bottom:25px; }
.hero .screenshot .project .title { margin-bottom:20px; font:300 40px/50px 'Raleway', sans-serif; color:#666; letter-spacing:2px; }
.hero .screenshot .project .title span { font:800 11px/15px 'Raleway', sans-serif; display:block; text-transform:uppercase; }
.hero .screenshot .project p { max-width:500px; margin-bottom:0; font:16px/30px 'Karla', sans-serif; color:#999; }
.hover .hero .screenshot a:hover .back { opacity:.9; }
.hover .hero .screenshot a:hover .project { top:50%; opacity:1; }




/******************** Sections ********************/

.section { width:100%; padding:100px 0; color:#888; box-sizing:border-box; position:relative; background-size:cover; }
.section:after { content:""; clear:both; display:block; }
.section h1, .section h2 { margin:0; padding:0; font:400 25px/40px 'Raleway', sans-serif; letter-spacing:2px; }
.section p { margin:0 0 30px; padding:0; font:16px/30px 'Karla', sans-serif; }
.section:after { content:""; clear:both; display:block; }
.section a, .section a:hover { color:#999; }
.acfbanner img { width:100%; height:auto; margin-bottom:90px; }
.acfbanner .mobile { display:none; }

.social { margin-top:25px; }
.social a { margin:0 5px; text-align:center; font-size:18px; line-height:30px; display:inline-block; border-radius:100px; cursor:pointer; }
.hover .social a:hover { color:#FFF !important; }

/* Content */

.section .content { -webkit-columns:2 200px; -moz-columns:2 200px; columns:2 200px; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px; }
.section .content p:last-child { margin:0; }
.section .content.full { -webkit-columns:1; -moz-columns:1; columns:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; }
.section .title { color:#666; }
.section .title.float { width:33.33%; padding-right:50px; float:left; box-sizing:border-box; }
.section .title .button { margin-top:45px; }
.section .title.float p { margin-bottom:0; }
.post-image { width: 300px; height: auto; float: left; margin: 8px 40px 30px 0; }

/* Custom Pages */

body.page-id-4035 main .section .title { padding-bottom: 30px; }
body.page-id-4035 main .section .title h2 { font:400 20px/35px 'Raleway', sans-serif; letter-spacing: 1.1px; text-align: left; }
body.page-id-4035 .section .content, body.page-id-4073 .section .content { -webkit-columns:1; -moz-columns:1; columns:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; }
body.page-id-4035 main .section .content h2, body.page-id-4073 main .section .content h2 { color: #C63E3E; margin-bottom: 40px; border-bottom: 1px solid #E5E5E5; }
body.page-id-4073 main .section .title { display: none; }
.content img.alignnone { width: 100%; height: auto; }

/* Stats */

.section.stats { padding-bottom:50px; }
.section.stats .center { padding:0 55px; }
.section.stats .stat { width:25%; margin-bottom:50px; padding:0 25px; float:left; box-sizing:border-box; transform:scale(.8); }
.section.stats .stat .container { padding:25px 0; border:1px solid rgba(0,0,0,.1); }
.section.stats .stat p.large { margin-bottom:12px; font:35px/35px 'Raleway', sans-serif; color:#666; }
.section.stats .stat p.small { margin-bottom:0; font:800 11px/20px 'Raleway', sans-serif; letter-spacing:2px; text-transform:uppercase; }
.section.stats .stat p.small span { font:10px/20px 'Raleway', sans-serif; letter-spacing:2px; }
.section.stats .stat.visible { transform:scale(1); }

/* Boxes */

.section.boxes { padding:75px 0; text-align:center; }
.section.boxes .center { padding:0 55px; }
.section.boxes .button { margin:75px auto 25px; position:relative; z-index:1; }
.section.boxes .box { width:33.33%; padding:25px; text-align:left; box-sizing:border-box; float:left; }
.section.boxes .box .container { background:#FFF; position:relative; top:0; display:block; }
.section.boxes .box .thumb { position:relative; }
.section.boxes .box .thumb img { width:100%; height:auto; }
.section.boxes .box .thumb .author { width:50px; height:50px; margin-left:-30px; position:absolute; bottom:-35px; left:50%; border:5px solid #FFF; background:#FFF; border-radius:100px; opacity:0; }
.section.boxes .box .thumb .author img { border-radius:100px; opacity:1 !important; }
.section.boxes .box .thumb .cover { width:100%; text-align:center; color:#FFF; position:absolute; top:50%; left:0; -webkit-transform:translate(0, -50%) scale(.85); transform:translate(0, -50%) scale(.85); opacity:0; }
.section.boxes .box .thumb .cover .large { font:100 50px/50px 'Raleway', sans-serif; }
.section.boxes .box .thumb .cover .small { font:800 11px/20px 'Raleway', sans-serif; letter-spacing:2px; text-transform:uppercase; }
.section.boxes .box .details { padding:40px; }
.section.boxes .box .details h3 { margin:0; font:800 15px/25px 'Raleway', sans-serif; letter-spacing:1.2px; color:#777; text-transform:uppercase; }
.section.boxes .box .details p { margin:0; font:14px/26px 'Karla', sans-serif; color:#999; }
.hover .section.boxes .box a.container:hover { top:-10px; box-shadow:0 0 1px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.1); }
.hover .section.boxes .box a.container:hover img { opacity:.2; }
.hover .section.boxes .box a.container:hover .author { bottom:-29px; opacity:1; }
.hover .section.boxes .box a.container:hover .cover { -webkit-transform:translate(0, -50%) scale(1); transform:translate(0, -50%) scale(1); opacity:1; }

.section.boxes.col-2 .box { width:50%; }

/* Blocks */

.section.blocks { padding:0; }
.section.blocks .center { padding:0; }
.section.blocks .block { width:100%; height:600px; }
.section.blocks .block .image { width:50%; height:100%; float:left; background-size:cover; background-position:top center; }
.section.blocks .block .details { width:50%; height:100%; float:right; position:relative; }
.section.blocks .block .details .float { width:100%; max-width:600px; padding:0 80px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-sizing:border-box; }
.section.blocks .block .details h2 { font:300 40px/50px 'Raleway', sans-serif; letter-spacing:2px; margin-bottom:20px; }
.section.blocks .block .details h2 span { font-weight:800; line-height:24px; font-size:11px; display:block; text-transform:uppercase; }
.section.blocks .block:nth-child(even) .image { float:right; }
.section.blocks .block:nth-child(even) .details { float:left; }

/* Subscribe */

.section.subscribe { width:100%; padding:40px 0; }
.section.subscribe p { margin:0 30px 0 0; float:left; font:25px/50px 'Raleway', sans-serif; color:#FFF; letter-spacing:1.2px; }
.section.subscribe form { display:inline-block; }
.section.subscribe form input { width:210px; padding:0 15px; font:16px/50px 'Karla', sans-serif; color:#999; border:none; background:#FFF; border-radius:100px 0 0 100px; outline:none; float:left; box-sizing:border-box; }
.section.subscribe form button { padding:0 15px; font:800 13px/46px 'Raleway', sans-serif; letter-spacing:1.5px; text-transform:uppercase; color:#FFF; border:none; background:none; border:2px solid #FFF; border-left:none; border-radius:0 100px 100px 0; outline:none; float:left; cursor:pointer; border-left:1px solid #FFF; }
.hover .section.subscribe form button:hover { background:#FFF; border-left:1px solid #E5E5E5; }

/* Instagram */

.instagram { margin-top:100px; position:relative; }
.instagram .button { width:auto !important; margin-top:-25px; position:absolute; top:52%; left:50%; opacity:0; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }
.instagram .button i { margin:0; font-size:16px; position:relative; top:1px; }
#feed { padding:0 80px; position:relative; box-sizing:border-box; clear:both; }
#feed img { width:16.66%; float:left; border-radius:0; }
#feed.grayscale img { filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; -webkit-filter: grayscale(100%); opacity:.5; }
.hover #feed.grayscale img:hover { filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.hover .instagram:hover .button { top:50%; opacity:1; }
.hover #feed.grayscale img:hover { opacity:1; }

/* Contact */

#ninja_forms_form_1_cont { margin:0 !important; }
#ninja_forms_form_1_cont { font:16px/20px 'Karla', sans-serif; }
.ninja-forms-required-items { margin-bottom:30px; }
#ninja_forms_form_1_cont { max-width:500px; margin:45px auto 0; }
#ninja_forms_form_1_cont input, #ninja_forms_form_1_cont textarea { width:100%; height:50px; padding:0 20px; font:16px/22px 'Karla', sans-serif; color:#666; border:none; border-radius:5px; box-sizing:border-box; outline:none; background:#F5F5F5; }
#ninja_forms_form_1_cont textarea { height:120px; padding-top:15px; }
#ninja_forms_form_1_cont input#email2 { display:none; }
#ninja_forms_form_1_cont #nf_submit_1 input { margin-top:5px; border-radius:100px; cursor:pointer; background:#666; color:#FFF; font-weight:600; }
#ninja_forms_field_4 { margin-left:0 !important; }

/* Christmas */

.christmas { text-align:center; position: relative; }
.christmas:before { content: ''; width: 100%; height: 100%; background: rgba(220,220,220,.8); position: absolute; top: 0; left: 0; z-index: 2; }
.christmas .back { background-image:url(images/back-christmas.jpg); background-position:center; z-index: 1; }
.christmas h2 { margin-bottom:20px; font:45px/45px 'Pacifico'; letter-spacing:0; color:#C63E3E; position: relative; z-index: 3; }
.christmas h3 { margin-bottom:23px; color:#FFF; font:900 16px/25px 'Raleway', sans-serif; letter-spacing:1.5px; text-transform:uppercase; color:#303030; position: relative; z-index: 3; }
.christmas p { color:#FFF; position: relative; z-index: 3; }
.christmas .hidden { display:none; }
.post-type-archive-product .christmas { margin:-90px 0 90px; display:block; }
.home .christmas .hidden { display:block; }

/* Equipment */

.equipment { margin-top: 50px; }
.equipment:after { content: ''; clear: both; display: block; }
.equipment .item { width: 33.33%; margin: 0 0 30px; padding-bottom: 20px; text-align: center; float: left; overflow: hidden; border-bottom: 1px solid #E5E5E5; box-sizing: border-box; }
.equipment .item img { width: auto; height: 180px; margin: 0 auto 20px; display: block; }
.equipment .item h3 { margin: 0; font: 900 15px/22px 'Raleway', sans-serif; color: #666; letter-spacing: .5px; text-transform: uppercase; }

@media only screen and (max-width:1024px) {
.equipment .item { width: 50%; }
}

@media only screen and (max-width:768px) {
.equipment .item { width: 100%; }
.equipment .item img { width: 100%; max-width: 300px; height: auto; }
}




/******************** Sliders ********************/

.gallery.slide { position:relative; background:#202020; }
.gallery.slide .slider { width:999999px; height:450px; }
.gallery.slide .item { float:left; }
.gallery.slide .item img { width:auto; height:450px; display:block; }
.gallery.slide .nav { height:40px; width:65px; background:#FFF; box-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; bottom:50px; right:50px; z-index:1; }
.gallery.slide .nav.round { padding:0 3px; border-radius:100px; }
.gallery.slide .nav a { width:50%; height:100%; font-size:15px; line-height:40px; color:#000; text-align:center; float:left; display:block; cursor:pointer; opacity:.4; }
.gallery.slide .button { width:200px; margin-left:-100px; padding:0; position:absolute; bottom:70px; left:50%; }
.hover .gallery.slide .nav a:hover { opacity:1; }




/******************** Forms ********************/

form#contact .fields { -webkit-columns:2 200px; -moz-columns:2 200px; columns:2 200px; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px; }
form#contact input, form#contact textarea { width:100%; height:46px; margin-bottom:10px; padding:0 15px; font:16px/20px 'Karla', sans-serif; color:#999; border:none; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; background:#F5F5F5; box-sizing:border-box; border-radius:5px; }
form#contact textarea { height:158px; padding:15px; }
form#contact button { margin:40px auto 0; display:block; }




/******************** Custom ********************/

.event { clear: both; margin-bottom: 40px; padding-bottom: 40px; border-bottom:1px solid #E5E5E5; display: block; }
.event:last-child { margin: 0; }
.hero .logo { width:30%; min-width:220px; height:auto; margin:-20px auto 0; }

.rainforest { margin-left:-50px; position:absolute; top:-47px; left:50%; z-index:5; }
.menus .button { margin:0 15px; }
.section.boxes.blends .box.exclusive a { background:#EEE; }
.section.boxes.blends .box.exclusive h3 { margin:20px 0 15px; }
.section.boxes.blends .box.exclusive p { font-size:16px; }
.section.boxes.blends .box.featured a:before { content:"Featured"; width:100%; height:50px; position:absolute; top:-50px; left:0; background:#C63E3E; }
#tripadvisorwidget { width:100%; margin-top:70px; }
#CDSWIDSSP, #TA_selfserveprop413 { width:100% !important; }
.page-id-51 .section .content { -webkit-columns:1; -moz-columns:1; columns:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; }
.page-id-51 .section .content #ninja_forms_form_1_cont { margin:20px auto 0 !important; }
#ninja_forms_field_16 { height:auto !important; padding:13px !important; line-height:none !important; }
#ninja_forms_field_5_div_wrap { margin:0 !important; }

#services .center:before { content:""; width:60%; height:1px; background:#333; position:absolute; top:35px; left:20%; }
#services .col { width:33.33%; padding:0 20px; text-align:center; float:left; box-sizing:border-box; }
#services .col:first-of-type { padding:0 40px 0 0; }
#services .col:first-of-type i { font-size:32px; }
#services .col:last-of-type { padding:0 0 0 40px; }
#services .col .icon { height:70px; margin-bottom:15px; padding:0 25px; display:inline-block; background:#202020; position:relative; }
#services .col .circle { width:64px; height:64px; color:#FFF; font:30px/58px 'Raleway',sans-serif; border:3px solid #FFF; border-radius:100px; }
#services .col p { margin:8px 0 11px; font:200 20px/25px 'Raleway',sans-serif; color:#FFF; letter-spacing:1.5px; }
#services .col p span { font:14px/20px 'Karla', sans-serif; color:#666; letter-spacing:.5px; }

.prices { margin:50px 0 0; padding:0; border-radius:100px; background:#999; }
.prices:after { content:""; display:block; clear:both; }
.prices li { width:25%; margin:0; padding:15px; font:200 16px/25px 'Raleway',sans-serif; color:#FFF; letter-spacing:1px; float:left; box-sizing:border-box; border-left:1px solid #888; list-style:none; }
.prices li strong { font-size:20px; }
.prices li:first-child { border:none; }
.prices li h3, .blends li p { margin:0; }

.blends { margin:20px 0 0; padding:0; }
.blends li { margin:0; list-style:none; padding:40px 0; border-bottom:1px solid #E5E5E5; text-align:left; position:relative; }
.blends li h1 { margin:0; font:500 22px/23px 'Raleway',sans-serif; color:#C63E3E; letter-spacing:1px; }
.blends li p { max-width:500px; line-height:25px; }
.blends li p.intensity { font-size:14px; color:#C63E3E; margin:0 0 10px; font-style:italic; }
.blends li:last-child { border:none; padding-bottom:0; }
.blends li:last-child .variations_form { bottom:5px; }

.variations_form, .post-type-archive-product .cart { margin-top:10px; position:absolute; bottom:45px; right:0; }
.post-type-archive-product .cart { bottom:10px; }
.variations_form select, .input-text { height:36px; margin:0 2px; padding:0 0 0 5px; font:bold 14px 'Karla', sans-serif; color:#888; border-radius:4px; border:1px solid #CCC; }
.variations_form select, .single_variation_wrap, .variations, .single_add_to_cart_button, .variations_button, .quantity { float:left; }
.quantity { position:relative; }
.quantity select { width:60px; }
.quantity:before { content:"250g bags"; font:12px/16px 'Karla', sans-serif; color:#888; position:absolute; top:-20px; left:0; }
.input-text { width:50px; height:34px; }
.single_add_to_cart_button, .actions .button, .wc-proceed-to-checkout .button, .place-order .button { height:36px; margin-left:10px; padding:0 15px; border-radius:100px; font:800 12px/36px 'Raleway', sans-serif; letter-spacing:1.5px; text-transform:uppercase; color:#FFF; cursor:pointer; background:#C63E3E; border:none; }
.actions { padding:20px 0 !important; }
.actions .button { margin-right:20px; float:right; background:#999; }
.cart .quantity label { display: none; }
#pwgc-redeem-gift-card-form { display: none; }

.wholesalers { text-align:center; }
.wholesaler { padding:25px 20px 20px; font:600 16px/20px 'Raleway',sans-serif; background:#282828; }
.wholesaler:nth-child(odd) { background:#242424; }
.wholesaler h3 { margin:0 0 5px; font-weight:normal; color:#FFF; letter-spacing:2px; }
.wholesaler p { margin:0; line-height:20px; }

.cart-contents { width:100%; padding:0 20px; font:600 16px/60px 'Raleway', sans-serif; text-align:center; box-sizing:border-box; background:#FFF; display:block; position:absolute; top:0; left:0; z-index:99; box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.15); }
.cart-contents.fixed { position:fixed; top:80px; }
.cart-contents, .cart-contents span { color:#666 !important; }
.cart-contents span { font-weight:800; }
.cart-contents strong { font-weight:800; color:#C63E3E; margin-right:12px; text-transform:uppercase; font-size:13px; }
.cart-contents i { margin-right:5px; font-size:24px; color:#C63E3E; position:relative; top:2px; }
.hover .cart-contents:hover { background:#F5F5F5; }
.product_meta, .reset_variations, td.label, .product-thumbnail, dt.variation-Grind, .cart_totals h2 { display:none !important; }
.woocommerce-message, .woocommerce-shipping-calculator { display:none; }
.woocommerce .section .content, .woocommerce-page .section .content { -webkit-columns:auto; -moz-columns:auto; columns:auto; -webkit-column-gap:normal; -moz-column-gap:normal; column-gap:normal; }
.shop_table { width:100%; background:#F5F5F5; font:16px/20px 'Karla', sans-serif; }
.shop_table thead { font:600 16px/50px 'Raleway', sans-serif; text-align:left; color:#202020; background:#E5E5E5; }
.shop_table tbody tr td { padding:25px 0 10px; border-bottom:1px solid #E5E5E5; }
.shop_table tbody tr:last-child td { border:none; }
.shop_table .variation, .shop_table .variation-Grind { margin:0; }
.shop_table .product-remove { padding:0 0 0 10px; font-size:25px; font-weight:bold; }
.shop_table .product-remove a { padding:10px; display:block; }
.shop_table .product-name a { cursor:default; color:#C63E3E; font-weight:600; }
.product-subtotal .amount { font-weight:bold; }
.cart_totals { padding-top:20px; font:16px/20px 'Karla', sans-serif; text-align:right; }
.cart_totals table { float:left; }
.cart_totals th, .cart_totals td { text-align:left; }
.cart_totals th { padding-right:20px; }
.wc-proceed-to-checkout { float:right; }
form.checkout { max-width:600px; margin:auto; font:16px/20px 'Karla', sans-serif; }
form.checkout h3 { font:500 22px/23px 'Raleway',sans-serif; color:#C63E3E; }
form.checkout label, form.checkout input, form.checkout textarea { width:100%; }
form.checkout textarea { height:100px; }
form.checkout .input-checkbox { width:auto; }
form.checkout .button { width:auto; }
.payment_methods, .payment_methods li { margin:0; padding:0; list-style:none; }
.payment_methods { padding:30px 0; }
.payment_methods p { line-height:20px; }
#payment_method_paypal, #billing_address_2_field, #shipping_address_2_field { display:none !important; }
.woocommerce-remove-coupon { display:none; }

.charities .center { max-width: 1000px; }
.charities p { margin:0; }
.charities .list { margin-top:25px; }
.charities a { margin:15px 5px 0; padding:4px 15px; font-size:13px; background:#303030; border-radius:100px; display:inline-block; }
.hover .charities a:hover { background:#404040; color:#FFF; }

.term-merchandise main section:not(.christmas) { padding:60px 0 0; box-sizing:border-box; }
.term-merchandise main:after { content:""; clear:both; display:block; }
.term-merchandise .product { width:16.66%; height:517px; padding:40px; display:inline-block; position:relative; float:left; box-sizing:border-box; background:#F5F5F5; border:2px solid #FFF; }
.term-merchandise .product .images img { width:100%; height:auto; }
.term-merchandise .product .intensity, .term-merchandise .product div[itemprop="description"], .term-merchandise .product .quantity:before { display:none; }
.term-merchandise .product .product_title { max-height:42px; margin:20px 0 5px; padding:0; font:900 14px/22px 'Raleway', sans-serif; color:#666; text-transform:uppercase; letter-spacing:2px; overflow:hidden; }
.term-merchandise .product .woocommerce-main-image { background:#FFF; display:block; }
.term-merchandise .product .cart { width:100%; padding:20px 0 20px 40px; position:absolute; bottom:0; left:0; background:#E5E5E5; box-sizing:border-box; }
.term-merchandise .product .variations { position:absolute; bottom:95px; }
.term-merchandise .product .woocommerce-variation-price { position:absolute; bottom:103px; right:30px; font:bold 14px/22px 'Raleway', sans-serif; color:#666; }
.term-merchandise .product .quantity input { width:35px; }
.term-merchandise .product .button { font-size:10px; padding:0 10px; line-height:30px; height:auto; margin-top:2px; }
.term-merchandise .variations select { width:80px; }
.variation-Size, .variation-Size p { width:auto; display:inline; margin:0 10px 0 0; }
.wc-proceed-to-checkout { margin-top:20px; }
.cart_totals  .shop_table_responsive th { padding-left:15px; }
#shipping_method, #shipping_method li { list-style:none; padding:0; }
#order_review td, #order_review th { padding:10px; }
#order_review input { display:inline; width:auto; }
.cart_totals:before { content:"Postage is calculated at checkout. The address for local pickup is 121 Plenty Road, Preston. We do not ship overseas."; display:block; font:bold 16px/22px 'Karla', sans-serif; color:#999; text-align:left; width:100%; margin-bottom:20px; }
.woocommerce-cart .rainforest, .woocommerce-checkout .rainforest { display:none; }
.woocommerce-cart main section { padding:60px 0 80px; }
.woocommerce-cart tr.shipping, .woocommerce-cart tr.order-total { display: none; }
.woocommerce-checkout main section { padding:30px 0 80px; }
.merchbanner { margin:80px auto -15px; width:auto; font:18px/22px 'Raleway', sans-serif; display:table; position:relative; z-index:1; }
.merchbanner a { margin:0 20px; color:#FFF; padding:10px 15px; display:block; text-align:center; background:#C63E3E; border-radius:100px; }
.hover .term-merchandise .product .woocommerce-main-image:hover img { opacity:.7; }
.hover .merchbanner a:hover { background:#202020; }

.navcontainer { width:100%; margin-top:40px; }
.coffeenav, .coffeenav li { margin:0; padding:0; list-style:none; }
.coffeenav { background:rgba(0,0,0,.3); border-radius:100px; display:inline-block; }
.coffeenav li { display:inline; }
.coffeenav li a { padding:0 20px; display:inline-block; font:bold 13px/46px 'Raleway', sans-serif; color:#C63E3E; letter-spacing:1px; text-transform:uppercase; border-left:1px solid #444; }
.coffeenav li:first-child a { border:none; }
.cofnav { position:absolute; top:-140px; }
.cofnav#exclusive { top:-80px; }
.hover .coffeenav li a:hover { color:#FFF; }

.woocommerce-cart .quantity:before { display:none; }

/* Gift Voucher */

body.postid-2147 .images, body.postid-2147 .summary h1, body.postid-2147 .summary .price, body.postid-2147 .summary .intensity, body.postid-2147 .quantity, .pwgc-subtitle { display: none !important; }
body.postid-2147 .variations_form select { font-size: 18px !important; height: 50px; margin-right: 20px; padding: 0 10px; }
body.postid-2147 .single_add_to_cart_button { margin-top: 7px; }
body.postid-2147 .variations_form { position: relative; top: auto; left: auto; margin: 100px auto 0; display: table; }
#pwgc-purchase-container { font:16px/25px 'karla', sans-serif; padding: 30px 30px 15px; background: #F5F5F5; border-radius: 5px; margin-bottom: 20px; }
#pwgc-purchase-container input, #pwgc-purchase-container textarea { width: 100%; padding: 10px; font:16px/25px 'karla', sans-serif; color: #888; border-radius: 5px; border:1px solid #CCC; box-sizing: border-box; }

@media only screen and (max-width:800px) {
body.postid-2147 .variations_form select { margin-bottom: 20px; }
}




/******************** Footer ********************/

.footer { padding:40px 0; font:14px/20px 'Karla', sans-serif; color:#AAA; letter-spacing:.2px; text-align:center; }
.footer a { margin-left:20px; color:#AAA; }
.hover .footer a:hover { color:#666; }

.footer.dark, .footer.dark a { color:#555; }
.hover .footer.dark a:hover { color:#CCC; }




/******************** Cover ********************/

#cover { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; display:none; }
#cover .details { width:100%; position:absolute; top:50%; left:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); z-index:1; }
#coverclose { width:40px; height:40px; padding:20px; font-size:22px; color:#FFF; position:absolute; top:0; right:0; cursor:pointer; display:block; z-index:9999; }
#coverclose:before, #coverclose:after { content:""; width:2px; height:40px; position:absolute; right:40px; background:#FFF; }
#coverclose:before { transform:rotate(45deg); }
#coverclose:after { transform:rotate(-45deg); }
.hover #coverclose:hover:before, .hover #coverclose:hover:after { transform:rotate(90deg); }




/******************** Dark / Transparent ********************/

/* Dark */

header.dark .container, header.dark.scroll .container { background:#202020; }
header.dark nav li a { color:rgba(255,255,255,.4); }
header.dark nav li.active a, .hover header.dark nav li a:hover, header.dark #pull, .section.banner.dark h1, .section.dark h1, .section.dark h2, .hero.dark .details .title { color:#FFF; }
.hover header.dark .button:hover { background:#FFF; }

.dark .back, .button.dark, .label.dark { color:#FFF; background-color:#202020; }
.button.dark.outline, .label.dark.outline { color:#202020; border:2px solid #202020; background:none; }
.hover .button.dark:hover, .hover .dark .button:hover { color:#202020; background-color:#FFF; }
.hover .button.dark.outline:hover { color:#FFF; background:#202020; border-color:#202020; }

.section.dark, .hero .screenshot.dark .project p, .section.dark p a { color:#777; }
.section.dark .title, .hero .screenshot.dark .project .title, .section.dark.contact h2 { color:#FFF; }
.section.dark.footer, .section.dark.footer a { color:#555; }

.section.dark.stats .stat .container { border-color:rgba(255,255,255,.1); }
.section.dark.stats .stat p.large { color:#FFF; }


/* Transparent */

header.transparent .container { background:none; }
header.transparent .container { border-bottom:1px solid rgba(0,0,0,.1); }
header.transparent.dark .container { border-bottom:1px solid rgba(255,255,255,.15); }
header.transparent.scroll .container { border-color:transparent; }

.transparent .back, .label.transparent, .button.transparent { opacity:.7; }
.transparent-half .back, .label.transparent-half, .button.transparent-half { opacity:.35; }
.transparent h1, .transparent h2 { color:#444; }
#cover.transparent .back { opacity:.95; }




/******************** Colors ********************/

.section.color, .footer.color a, .hero .screenshot.color .project p { color:rgba(255,255,255,.5); }
.section.color h1, .section.color h2, .button.color, .hover .button.color.outline:hover, .label.color, .hover .footer.color a:hover, .hero .screenshot.color .project .title, .section.color.contact h2, .hover .button.outline:hover { color:#FFF; }
.button.color.outline, .label.color.outline { background:none; }




/******************** Transitions ********************/

#coverclose:before, #coverclose:after { transition:.1s ease; }
a, header, header .container, .logo, .section .box .container, #feed img, .section .box .thumb .cover, .hero .screenshot .project, .hero .screenshot .back, .section .box .thumb img, #ninja_forms_form_1_cont button, .stat, .section.boxes .box .thumb .author, .section.subscribe form button, .gallery.slide .nav, .button, .term-merchandise .product .woocommerce-main-image img { transition:.2s ease; }
.invisible { transition:1.2s ease; transition-property:opacity; }
.invisible.stat { transition:1.2s ease; transition-property:opacity, transform; }
.hero .screen { transition:.8s ease; transition-property:right, opacity; }
.cart-contents { transition:1.2s ease; transition-property:background; }




/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#202020; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#FFF;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious, #cboxNext { display:none;}

#cboxClose { width:40px; height:40px; text-align:center; position:absolute; top:0; right:0; background:#FFF; cursor:pointer; text-indent:-9999px; }
#cboxClose:before { content:"\f00d"; font-family:FontAwesome; font-size:21px; color:#333; line-height:40px; text-indent:0; position:absolute; top:0; left:0; width:40px; height:40px; }





/******************** Responsive ********************/

@media only screen and (max-height:800px) {
.section.blocks .block { height:500px; }
}

@media only screen and (max-width:1600px) {
.term-merchandise .product { width:20%; }
}

@media only screen and (max-width:1400px) {
.hero .screenshot .project { padding:0 50px; }
.gallery.slide .item img, .gallery.slide { height:400px; }
#feed img { width:20%; }
#feed img:nth-child(1n+6) { display:none; }
}

@media only screen and (max-width:1300px) {
.term-merchandise .product { width:25%; }
}

@media only screen and (max-width:1200px) {
.hero .screen { width:30%; height:42%; min-height:0; }
.gallery.slide .item img, .gallery.slide { height:350px; }
#feed img { width:25%; }
#feed img:nth-child(1n+5) { display:none; }
.blends li p { max-width:400px; }
}

@media only screen and (max-width:1024px) {
.instagram .button { top:50%; opacity:1; }
.gallery.slide .nav { opacity:1; bottom:50px; }
.term-merchandise .product { width:33.33%; }
}

@media only screen and (max-width:1000px) {
header nav { width:100%; top:80px; right:0; display:none; }
header.dark nav li { background:#202020; border-top:1px solid #303030; }
header nav li { width:100%; text-align:center; float:none; background:#FFF; border-top:1px solid #EEE; }
header nav li:last-child { padding-bottom:20px; }
header nav li a { margin-left:0 !important; line-height:50px; }
header #top { display:none !important; }
header #pull { display:block; }
.hero .button, .section .button { width:100%; max-width:250px; text-align:center; }
.hero .details .label { display:none; }
.section .title { text-align:center; }
.section .title.float { width:100%; padding:0 0 20px; float:none; }
.section .title p { text-align:center; }
.section.boxes .box { width:50%; }
.section.boxes .box:nth-child(2) { display:none; }
.section.stats .stat { width:50%; }
.section.blocks .block { height:auto; }
.section.blocks .block .image, .section.blocks .block .details { width:100%; float:none; }
.section.blocks .block .image { height:400px; }
.section.blocks .block .details .float { margin:auto; padding:100px 80px; text-align:center; position:relative; top:auto; left:auto; -webkit-transform:none; transform:none; }
.section.blocks .block:nth-child(even) .image, .section.blocks .block:nth-child(even) .details { float:none !important; }
.section.subscribe p { margin:-5px 0 20px; line-height:30px; display:block; float:none; }
.gallery.slide .item img, .gallery.slide { height:300px; }
.section .title p { margin-bottom:30px; }
.hero .details .title br { display:none; }
.prices li { padding:8px 0; font:200 11px/16px 'Raleway',sans-serif; }
.prices li strong { font-size:12px; }
.blends li { text-align:center; }
.blends li p { max-width:none; }
.post-type-archive .single_add_to_cart_button { position:absolute; left:0; top:80px; margin:0; }
.post-type-archive .variations_form, .post-type-archive-product .cart { margin:auto; padding:30px 0 50px; position:relative; bottom:auto; display:table; }
.post-type-archive .variations_form select, .post-type-archive .input-text { font:bold 11px 'Karla', sans-serif; }
.term-merchandise .section .button { width:auto; }
.post-type-archive-product .cart { width:250px; }
.post-type-archive-product .cart .button { width:250px; }
.post-type-archive-product .cart .quantity { margin:auto; float:none; display:inline; }
.introtext br { display:none; }
.merchbanner { font-size:14px; }
}

@media only screen and (max-width:700px) {
.center, .section.boxes .center:last-child, #feed { padding:0 40px; }
header .logo { left:40px; }
header #pull { right:0; }
.hero .screen {  height:350px; }
.section .content { -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px; }
.section.boxes .center { padding:0 15px !important; }
#feed img { width:33.33%; }
#feed img:nth-child(1n+4) { display:none; }
.section.boxes .box { width:100% !important; max-width:500px; margin:auto; float:none; }
.section.boxes .box:nth-child(2) { display:block; }
.section.blocks .block .details .float { padding:100px 40px; }
.section.subscribe form input, .section.subscribe form button { width:100%; text-align:center; display:block; float:none; border-radius:100px; }
.section.subscribe form input { margin-bottom:10px; }
.gallery.slide .item img, .gallery.slide { height:250px; }
.gallery.slide .nav { bottom:30px; right:30px; }
#tripadvisorwidget { padding:0; border:none; }
.term-merchandise .product { width:50%; }
.post-image { width: 100%; margin: 0 0 30px; }
}

@media only screen and (max-width:525px) {
.hero #scroller { display:none; }
.hero .details .title, #ninja_forms_form_1_cont h2, .section.blocks .block .details h2 { font:200 32px/45px 'Raleway', sans-serif; letter-spacing:2px; }
.hero .screen { height:250px; padding:0; }
.section.profile img { margin:auto; float:none; }
.section.profile h2 { margin-top:40px; }
.section.profile .details, .section.profile .details .title, .section.profile .details p { width:100%; text-align:center; float:none; }
#ninja_forms_form_1_cont p { display:none; }
#ninja_forms_form_1_cont { margin-top:20px; }
#ninja_forms_form_1_cont button { margin:0; }
.footer { text-align:center; }
.footer a { margin:10px 0 0; display:block; }
.instagram { display:none; }
.section.stats .center { padding:0 40px; }
.section.stats .stat { width:100%; padding:0; }
.gallery.slide .item img, .gallery.slide { height:200px; }
.menus .button { margin:0; }
.acfbanner .desktop { display:none; }
.acfbanner .mobile { display:block; }
}

@media only screen and (max-width:400px) {
header .logo img { height:24px; }
.term-merchandise .product { width:100%; }
}