/*
Theme Name: Scoops
Theme URI: http://wordpress.org/themes/scoops
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of Scoops (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: Scoops is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving Scoops, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/scoops/3.3&new_path=/scoops/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/scoops/3.3&new_path=/scoops/4.0) just how much we've revamped things. Last, but not least, Scoops has now been <a href="https://github.com/tidythemes/scoops">opened up on GitHub</a> (github.com/tidythemes/scoops) if anyone would like to make suggested code additions/improvements. Thank you for using Scoops.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: scoops

Scoops WordPress Theme © 2011-2014 TidyThemes
Scoops is distributed under the terms of the GNU GPL
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}

body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


/* THEME CODE */
@font-face {
    font-family: 'ostrich_sansbold';
    src: url('fonts/ostrich-bold-webfont.eot');
    src: url('fonts/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-bold-webfont.woff2') format('woff2'),
         url('fonts/ostrich-bold-webfont.woff') format('woff'),
         url('fonts/ostrich-bold-webfont.ttf') format('truetype'),
         url('fonts/ostrich-bold-webfont.svg#ostrich_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/BebasNeue-Bold-webfont.eot');
    src: url('fonts/BebasNeue-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-Bold-webfont.woff2') format('woff2'),
         url('fonts/BebasNeue-Bold-webfont.woff') format('woff'),
         url('fonts/BebasNeue-Bold-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-Bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

p {}
a {}

.clear { clear:both; }

.tri-color-border { width:100%; clear:both; height:30px; background:url(images/border_tri-color.png) repeat-x; }

.pink { background:#f499ba; }
.blue { background:#0ea6b5; }
.brown { background:#493728; }

.pink-text { color:#f499ba; }
.blue-text { color:#0ea6b5; }
.brown-text { color:#493728; }

.uppercase { text-transform:uppercase; }
.divider-solid { height:1px; display:block; margin:10px 0; clear:both; }

.ribbon-bg {}

body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	color:#444;
	text-align:center;
	font-size:16px;
	line-height:1.4;
	font-weight:400;
}
h1, h2, h3, h4 { font-family:"ostrich_sansbold"; }
h1 { font-size:64px; }
h2 { font-size:52px; }
h3 { font-size:40px; }
h4 { font-size:28px; }

#wrapper {
	background:#fff;
	width:100%;
	padding:0;
	margin:0;
}

.scoops-up { background:url(images/border_scoops_up.jpg) repeat-x; height:21px; display:block; width:100%; clear:both; float:left; position:relative; }
.scoops-down { background:url(images/border_scoops_down.jpg) repeat-x; height:21px; display:block; width:100%; clear:both; float:left; position:relative; }

header, footer { display:block; width:100%; float:left; }
header { margin:0 0 40px 0; padding:0; }
footer { margin:40px 0 0 0; padding:0; }



header #branding { padding:20px 0; width:480px; float:left; position:relative; }
header #logo { width:480px; height:100px; }

nav#menu { margin:70px 0 10px 0; position:relative; float:right; position:relative; }
nav#menu .menu {  }
nav#menu .menu li { display:inline-block; text-align:center; position:relative; }
nav#menu .menu li a { color:#fff; text-decoration:none; /* width: 125px; */ display:block; text-transform:uppercase; font-size:17px; padding:6px 2px; }
nav#menu .menu li a:hover { background:#dc90b3; color:#fff; }
nav#menu .menu li a:hover > .menu-item-has-parent a { background:#dc90b3; }

.menu-main-container ul li ul {
  padding: 0;
  position: absolute;
  top: 2.2em;

  border-collapse:collapse;
  left: 0;
  display: none;
  visibility: hidden;
}
.menu-main-container ul li:hover { background:#dc90b3; } 
.menu-main-container ul li:hover ul { display: block; padding-top: 5px;}
.menu-main-container ul li ul li, .menu-main-container ul li ul li:hover { 
  border-bottom:1px dotted #310606;
  display: block; 
  color: #fff;
    background:#00a5b5;
}
.menu-main-container ul li ul li a { display:block; font-size:16px;  }
.menu-main-container ul li ul li:hover { background:#483627; }
.menu-main-container ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index:999;
}

nav#menu .menu li { width: 107px; }


header h2 { text-align:left; padding:4px 8px; color:#fff; text-transform:uppercase; font-weight:100; }
header h2 i.fa { float:right !important; margin:2px 0 0 0; }


.inner { width:1190px; margin:0 auto; display:block; }
#content { width:780px; float:left; position:relative; }
#sidebar { width:400px; float:right; position:relative; }
#sidebar .creation-item p {
  background: #efeee5;
  color: #239ba8;
  padding: 20px;
  float: left;
  height:67px;
  clear: both;
  font-size: 16px;
}




#social-box-facebook, #social-box-instagram { width:195px; position:relative; }
#social-box-facebook { float:left; }
#social-box-instagram { float:right; }

#slider h2, #sidebar h2 { font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; }

section#creations {  float:left; display:block; width:400px; padding:0; margin:0 0 10px 0; }
.creation-item img { float:left; }
.creation-item { float:left; display:inline; width:400px; }
.creation-item a { text-decoration:none; color:#fff; }
.creation-item p { background:#efeee5; color:#239ba8; padding:20px; float:left; clear:both; font-size:16px; }

section#newsletter {  float:left; display:block; width:400px; padding:0; margin:3px 0 0 0; color: #fff; }
section#newsletter a { display:block; text-decoration:none; padding:35px 0 28px 0;  color: #fff }
section#newsletter h2 { text-align:center; font-family: 'ostrich_sansbold'; font-size:48px; line-height:40px;  margin-bottom:0px; padding-bottom: 0px; color:#fff; text-transform:uppercase; }
section#newsletter input[type=text] { width:280px; border:none; padding:5px; }
section#newsletter input[type=submit] {
  width:100px;
  border: none;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background:#493728;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 0;
  font-size: 18px;
  cursor: pointer;
}

section.entry-content { padding:10px 0; }
section.entry-content h2 { font-size:44px; font-family: 'bebas_neuebold'; margin:10px 0; }
section.entry-content h3 { font-size:38px; color:#493728; padding:5px 2px; margin:10px 0; border-top:1px solid #0ea6b5; border-bottom:1px solid #0ea6b5; clear:both; display:inline; }
section.entry-content h4 { font-size:24px; font-family: 'bebas_neuebold'; color:#0ea6b5; }
section.entry-content h5 { font-size:18px; }
section.entry-content p { font-size:20px; line-height:1.6; padding:0 10px; margin:0 0 20px 0; }

div.post { padding:40px 0; background:#FA9ABA; float:left; width:780px; position:relative; display:block; }
div.post h2 { margin:0 0 40px 0; }
div.post h2 a { font-size:26px; color:#fff; text-decoration:none; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); }
div.post h2 a:hover { color:#00A5B5; }
div.post p { color:#3e2e15; padding:20px 40px 20px 40px; line-height:1.8; font-size:20px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); }
div.post .meta { font-size:12px; color:#F09; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); }

#copyright { font-size:12px; font-weight:normal; color:#fff; text-align:center; float:left;  width:100%; padding:20px 0; }
#copyright a { color:#fff; }
#copyright a:hover { text-decoration:none; }


h1.entry-title,
h2.entry-title { font-size:56px; color:#00A5B5; text-transform:uppercase; }

/* HOME */
#slider { width:780px; height:500px; display:inline-block;  }
#slider header { margin:0 0 5px 0; }
#slider .easingslider { clear:both; }

#menu-items { clear:both; margin:0 0 20px 0; width:100%; float:left; }




body.home #post-23 header { display:none; }
body.home section.entry-content { padding: 10px 0; }
body.home section.entry-content p {padding:0; margin:0; }

.social-banner {  background:#0ea6b5; float:left; display:block; width:100%; }
.social-banner h1 { float:left; position:relative; color:#fff; font-size:110px; margin:15px 0 0 35px; padding:0; line-height:1; }
.social-banner-icons { background:#f499ba; float:right; position:relative; width:410px; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; }
.social-banner-icons a { color:#493728; font-size:125px; line-height:1; margin:0 10px }
.social-banner-icons a:hover { color:#0ea6b5; }


/* SIDEBAR */
#sidebar {}
#sidebar #social-box-facebook a, #sidebar #social-box-instagram a { color:#fff; text-decoration:none; }
#sidebar #social-box-facebook a:hover, #sidebar #social-box-instagram a:hover { text-decoration:underline; }

#sidebar #social-box-facebook a img:hover, #sidebar #social-box-instagram a img:hover { border-collapse:collapse; }

.InstagramContainer { height: 267px !important; width: 195px; overflow:hidden; }
.InstagramContainer .instagram { position:relative; top: -20px;  }
.InstagramContainer img { min-height: 267px !important; width:auto; margin-left: -25%;  }

.instagrambg {
	height: 284px !important; width: 195px;
	background-repeat: no-repeat;
	background-position: center center;

  	background-size: cover; 
	transform: scale(1.0, 1.0)
	}
	
.instagram-placeholder { height: 284px !important; width: 400px; text-align:center; margin:auto; position:relative; }	
.instagram-placeholder img { height: 284px !important; width:auto; text-align: center; } 
/*
.instagram { height: 300px; }
.instagram img { height: 267px; width:auto !important; overflow:hidden;}
.instagram-image { height: 267px !important; }
*/





/* CAREERS */
.col { padding:0 1%; margin:0 1%; }
.col-2 { width:46%; float:left; display:inline-block; }
.col-3 { width:29%; float:left; display:inline-block; }
.col-4 { width:21%; float:left; display:inline-block; }
.col-5 { width:16%; float:left; display:inline-block; }
.col-6 { width:12.6%; float:left; display:inline-block; }
.col-7 { width:10.8%; float:left; display:inline-block; }

#franchise-form h2, #catering-form h2, #job-form h2, #contact-form h2 { margin:20px 0 5px 0; padding:5px; text-transform:uppercase; background:#FA9ABA; width:100%; color:#fff; display:block; float:left; clear:both; font-size:16px; }
label { text-align:left; display:block; font-weight:300; font-size:12px; color:#493728; text-transform:uppercase; }
#franchise-form, #catering-form, #job-form { max-width:95%; position:relative; margin:0  auto; }
.form-row { display:block; width:100%; clear:both; float:left; margin:5px 0; }
.required { color:#F00; }
hr { border:0; border-bottom:2px dotted #00A5B5; margin:10px 0; display:block; clear:both; float:left; width:100%; }
input[type=text], input[type=email], input[type=tel], select, textarea { width:100%; padding:2px; }
input[type=submit], .button { border:2px solid #fff; text-decoration:none; text-align:center; color:#fff; background:#00A5B5; font-weight:bold; text-transform:uppercase; padding:10px 20px; font-size:18px; cursor:pointer; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
span.wpcf7-not-valid-tip { font-size:0.7em !important; font-weight:300; text-align:left; text-transform:uppercase; }


/* MENU */
section#menu-items { }
.ui-tabs .ui-tabs-nav { padding:0;  }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:0; width:100%; cursor:pointer; }
.ui-tabs .ui-tabs-nav li { margin:0; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; width:100%; float:left; padding:20px 0; }
.ingredient-item { float:left; display:inline; width:280px;  margin:10px }
#base-it .ingredient-item { height:100px; }
#flavor-it .ingredient-item { height:40px; }
body.page-id-312 section.entry-content p {
  font-size: 20px;
  line-height: 1.6;
  padding: 0;
  margin: 0 0 20px 0;
}

section.entry-content .content-banner { background:#493728; float:left; display:block; padding:20px; text-align:left; margin:0 0 10px 0; display:block; }
section.entry-content .content-banner h1 { color:#fff; border-top:1px solid #0ea6b5; border-bottom:1px solid #0ea6b5; display:inline; padding:4px 0 2px 0; float:left; position:relative; font-size:42px;  margin:0 20px 0 0; }
section.entry-content .content-banner p { color:#fff; position:relative; display:inline; text-align:left !important; font-size:16px !important; text-transform:uppercase; }
section.entry-content .content-banner a { text-decoration:none; display:block; }

#content .creation-item { background:#f499ba;  width:100%; margin:0 0 10px 0; padding:20px 0; }
#content .creation-item h2 { font-size:34px; font-family:'bebas_neuebold'; color:#0ea6b5; border-top:1px solid #493728; border-bottom:1px solid #493728; clear:both; display:inline; }
#content .creation-item p { background:none; color:#493728; display:block; float:left; clear:both; font-size:16px; text-align:center; width:740px; padding:0 20px; }


.menu-item-preview {
    display: inline;
    position: relative;
	cursor:pointer;
}
.menu-item-preview img {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 2.6em;
    opacity: 0;
    pointer-events: none;
    transition-duration: 800ms;    
}
.menu-item-preview:hover img {
    opacity: 1;
    transition-duration: 400ms;
}


.ingredient-item
.ingredient-item h3 { font-size:24px; color:#239ba8; text-transform:uppercase; }
.ingredient-item p {}

ul.menu-list li { font-weight:normal; font-style:normal; display:inline-block; width:22%; height:auto; font-size:20px; color:#f499ba; padding:0 .5%; margin:0 .5% 6px .5%; text-align:left; }


.commentbox { height: 63px; resize:none; }

/* CUSTOM CREATIONS */
body.page-id-8 .su-row .su-column { vertical-align:baseline; height:100%; margin: 0 0 0 2%; }
body.page-id-8 .su-row .su-column p { font-size:18px; }


/* ABOUT US */
#post-6 header { display:none; }
.page-id-6 section.entry-content h3 { border-top:none; border-bottom:none; }

/* OUR STORY */
#post-97 header { display:none; }
.page-id-97 section.entry-content h3 { border-top:none; border-bottom:none; }

/* OUR PROCESS */
#post-315 header { display:none; }
.page-id-315 section.entry-content h3 { border-top:none; border-bottom:none; }
.page-id-315 section.entry-content h3 a { color: #f499ba; text-decoration:none; font-size:36px; padding:4px 6px 2px 6px; }
.page-id-315 section.entry-content h3 a:hover { color:#fff; background:#f499ba; }

/* FRANCHISE */
#post-16 header { display:none; }



#sidebar header { margin:0 0 5px 0; }

/* LOCATIONS */
.su-column.locations .su-column-inner { text-align:left; }
.su-column.locations p { padding:0; margin:0; }
.su-column.locations p a { color:#0ea6b5; text-decoration:none; padding:3px 0; }
.su-column.locations p a:hover { background:#f499ba; color:#fff; padding:3px; }
.su-column.locations h4 { padding:0; margin:0; font-size:32px; }
.su-column.locations .map-holder { width:100%; height:230px; background-repeat:no-repeat; }

/* DID YOU KNOW? */
body.page-id-372 section.entry-content h2 { padding:60px 0 0 0; color:#f499ba; margin:10px 0 0 0; float:left; width:100%; clear:both; }
body.page-id-372 section.entry-content h2#organic { background:url(  http://www.scoopsnscoops.com/wp-content/uploads/2015/03/icon_base_organic.png) top center no-repeat; }
body.page-id-372 section.entry-content h2#premium { background:url(http://www.scoopsnscoops.com/wp-content/uploads/2015/03/icon_base_premium.png) top center no-repeat; }
body.page-id-372 section.entry-content h2#coconut { background:url(http://www.scoopsnscoops.com/wp-content/uploads/2015/03/icon_base_coconut.png) top center no-repeat; }
body.page-id-372 section.entry-content h2#frozen-yogurt { background:url(http://www.scoopsnscoops.com/wp-content/uploads/2015/03/icon_base_frozen-yogurt.png) top center no-repeat; }

#mobileNav { display: none; }
nav.pushmenu { display:none; }
.fade { display:none; }

.ScoopsClub { font-family: 'Roboto', sans-serif  !important; }
.ScoopsClub label { margin: 0px; padding:0px; position:relative; top: 5px; font-family: 'Roboto', sans-serif !important;  }
.ScoopsClub .scoopsclubinput { padding: 7px 5px; margin-bottom: 10px; }
.emodal-close { font-family: 'Roboto', sans-serif !important; }

.termslist { font-size:12px; }
.termslist ul { margin-left: 40px; }
.clr  { clear:both; }