@charset "UTF-8";







/* CSS Document 







Three Twins Colors:







Text Brown		#2e1906







Light Brown		#755035







Burnt Brown		#592702







Butterscotch	#efd4a5







Light Green		#35793e







Dark Green		#2e4026







Light Cream		#f6f8e2







Dark Cream		#ecefd4







Keyline Gray	#d3cab3







*/







body { font-family: "GothamLight"; background-color: #f6f8e2; color: #2e1906; -webkit-font-smoothing: antialiased;  }







a { color: #35793e; }







a:hover, a:focus { color: inherit; text-decoration: none; }







a, a:active, a:focus { outline: none; }







p { margin: 0 0 20px; }







h1, h2, h3, h4 { font-family: 'BelizioRegular'; }







body.modal-open { padding-right: 0!important; }







.btn, .btn:focus { text-transform: uppercase; font-family: "GothamBold"; font-size: 15px; border-radius: 0; border-width: 4px; background-color: transparent; transition: .2s; }







.btn:hover { transition: .2s; }







.btn-info, .btn-info:focus { border-color: #f6f8e2; }







.btn-info:hover { border-color: #f6f8e2; background-color: rgba(246,248,226,.3); }







.btn-primary, .btn-primary:focus { border-color: #2e1906; color: #2e1906; }







.btn-primary:hover { border-color: #2e1906; background-color: rgba(46,24,6,.4) }







.navbar { margin-bottom: 0; }







.navbar-header { position: absolute; left: 50%; margin-left: -80px!important; }







.navbar-default { background-color: #f6f8e2; border-color: #d3cab3; }







.navbar-brand { padding-top: 4px; }







.navbar-brand img { max-width: 160px; }







.navbar-nav>li>a { margin-left: 30px; margin-right: 30px; }







.navbar-nav.navbar-right>li>a { margin-left: 20px; margin-right: 20px; }







.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.open>a { font-family: "GothamBold"; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #2e1906; font-size: 15px; text-transform: uppercase; padding: 20px 0 16px 0; background-color: transparent; }







.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a:hover { color: #35793e; background-color: transparent; }







.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.current-menu-item>a { background-color: transparent; color: #35793e; border-bottom: 3px solid #35793e; }







.navbar-default #menu-primary-nav-right li.sm-icon a, .sb-slidebar li.sm-icon a { text-indent: -9999px; background: url(images/sm-icons.png) top left; display: block; height: 17px; width: 19px; padding: 0; margin-top: 20px; }







.navbar-default #menu-primary-nav-right li.sm-icon a:hover, .sb-slidebar li.sm-icon a:hover { background-position: 0 -19px; }







.navbar-default #menu-primary-nav-right li.sm-icon.sm-tw a, .sb-slidebar li.sm-icon.sm-tw a { background-position: -38px top; }







.navbar-default #menu-primary-nav-right li.sm-icon.sm-pint a, .sb-slidebar li.sm-icon.sm-pint a { background-position: -83px top; }







.navbar-default #menu-primary-nav-right li.sm-icon.sm-inst a, .sb-slidebar li.sm-icon.sm-inst a { background-position: -126px top; width: 17px; }







.navbar-default #menu-primary-nav-right li.sm-icon.sm-tw a:hover, .sb-slidebar li.sm-icon.sm-tw a:hover { background-position: -38px -19px; }







.navbar-default #menu-primary-nav-right li.sm-icon.sm-pint a:hover, .sb-slidebar li.sm-icon.sm-pint a:hover { background-position: -83px -19px; }







.navbar-default #menu-primary-nav-right li.sm-icon.sm-inst a:hover, .sb-slidebar li.sm-icon.sm-inst a:hover { background-position: -126px -19px; }







.sb-slidebar li.sm-icon { display: inline-block;  }







/* Dropdown on Hover + Caret */







.sub-menu { position: absolute;







top: 100%;







left: 0;







z-index: 1000;







display: none;







float: left;







min-width: 210px;







padding: 5px 0;







margin: 0;







list-style: none;







font-size: 14px;







text-align: left;







background-color: #fff;







border: 1px solid #ccc;







border: 1px solid rgba(0,0,0,0.15);







border-radius: 4px;







-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);







box-shadow: 0 6px 12px rgba(0,0,0,0.175);







background-clip: padding-box; border-radius: 6px; } 







.sub-menu li { display: block; }







.open>.dropdown-menu, .menu-item-has-children .sub-menu { display: none; }







.dropdown:hover .dropdown-menu, .menu-item-has-children:hover .sub-menu { display: block; }







.dropdown-menu, .sub-menu { left: 50%; right: auto; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }







.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .sub-menu::before { position: absolute; top: -7px; left: 50%; margin-left: -4px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }







.navbar .nav > li > .dropdown-menu::after, .navbar .nav > li > .sub-menu::after { position: absolute; top: -6px; left: 50%; margin-left: -3px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid white; border-left: 6px solid transparent; content: ''; }







.dropdown.dropdown-menu li a, .menu-item-has-children .sub-menu li a { display: block; font-size: 17px; font-family: 'BelizioRegular'; color: #2e1906; padding: 15px 15px 15px 75px; background-position: 5px 0px; background-repeat: no-repeat; }







.dropdown:hover .dropdown-menu li.nav-icecream a, .menu-item-has-children .sub-menu li.nav-icecream a { background-image: url(images/img_nav-icecream.jpg); }







.dropdown .dropdown-menu li.nav-sandwiches a, .menu-item-has-children .sub-menu li.nav-sandwiches a { background-image: url(images/img_nav-sandwiches.jpg); }







.dropdown:hover .dropdown-menu li.nav-cones a, .menu-item-has-children .sub-menu li.nav-cones a { background-image: url(images/img_nav-cones.jpg); }







.dropdown .dropdown-menu li.nav-sundaecones a, .menu-item-has-children .sub-menu li.nav-sundaecones a { background-image: url(images/img_nav-sundaecones.jpg); }







.dropdown .dropdown-menu li.nav-maxines a, .menu-item-has-children .sub-menu li.nav-maxines a { background-image: url(images/img_nav-maxines.jpg); }







.dropdown .dropdown-menu li.nav-slimtwin a, .menu-item-has-children .sub-menu li.nav-slimtwin a { background-image: url(images/img_nav-slimtwin.jpg); }







.dropdown .dropdown-menu li a:hover, .menu-item-has-children .sub-menu li a:hover,  .menu-item-has-children .sub-menu li a:active, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #f6f8e2; color: #35793e; }







.nav .dropdown-toggle .caret { display:none; }







/* ========================







	MOBILE NAV







   ======================== */







body #sb-site { background-color: #f6f8e2; min-height: 100%!important; } 







.navicon-line { width: 28px; height: 1px; border-radius: 1px; margin-bottom: 7px; background-color: #2e1906!important; }   







.sb-toggle-right { display: block; height: 20px; float: right; padding: 16px 15px 30px 15px; cursor: pointer; }      







.sb-toggle-right:hover { cursor: pointer; }







.sb-slidebar { background-color: #f6f8e2; }







.sb-slidebar ul { margin: 0; padding: 0; padding-top: 20px; }







.sb-slidebar ul li {  padding: 0;   }   







.sb-slidebar ul li a { text-align: center; display: block; padding: 8px 15px; font-family: "GothamBold";  text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #2e1906; font-size: 15px; text-transform: uppercase; }







.sb-slidebar ul li a:hover { color: #35793e; text-decoration: none; }







.sb-slidebar ul li img { max-width: 140px; padding: 15px 0 0 0; }







.sb-slidebar .sub-menu { position: relative; top: none; left: none; display: block; float: none; padding: 5px 0; margin: 2px 0 0;list-style: none; font-size: 14px;text-align: left; background-color: transparent; border: none; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none;  }







.sb-slidebar ul .sub-menu li a { font-family: "GothamLight"; border-bottom: none; font-size: 15px; padding: 8px 15px; }







#mobileSocial {  color: white ; font-size: 18px; text-transform: uppercase; margin: 0; padding: 8px 15px; }







#mobileSocial a { margin-top: 8px; }







/*.sm-inst { display: inline-block; width: 32px; height: 32px; background: url(images/icon_instagram.png) bottom center; margin-right: 12px; }







.sb-slidebar .sm-inst { display: inline-block; width: 32px; height: 32px; background: url(images/icon_instagram.png) top center; margin-right: 12px; }







.sm-inst:hover { background-position: 0 -32px; }







.sm-pint { display: inline-block; width: 32px; height: 32px; background: url(images/icon_pinterest.png) bottom center; margin-right: 12px; }







.sb-slidebar .sm-pint { display: inline-block; width: 32px; height: 32px; background: url(images/icon_pinterest.png) top center; margin-right: 12px; }







.sm-pint:hover { background-position: 0 -32px; }*/







/* Fix Mobile Nav */







.sb-slidebar .sub-menu { padding-top: 0; left: auto; right: auto; transform: none; }







.sb-slidebar ul.sub-menu li a { font-family: "BelizioRegular"; font-size: 18px; }







.sb-slidebar .menu-item-has-children:hover .sub-menu li a { padding: 8px 15px; font-size: 18px; }







.sb-slidebar .socialNav>li>a.sm-icon { background: url(images/sm-icons.png); }







.sb-slidebar .socialNav { width: 100%; margin: 0 auto; text-align: center; }







.sb-slidebar .socialNav>li { margin: 0 10px; }







#intro .btn { position: absolute; left: 50%; margin-left: -78px; bottom: 60px; }







.parallax-section-1 { background: #ecefd4 url(images/hp-hero-desktop.jpg) center 8px no-repeat fixed; min-height: 648px; margin: 0 auto; width: 100%; position: relative; }







.parallax-section-2 { background: url(images/bg-forest.jpg) center center no-repeat fixed; min-height: 650px; margin: 0 auto; width: 100%; background-size: cover; } /* removed position: relative; */







.page-about .parallax-section-1 { background: #ecefd4 url(images/bg-about.jpg) center 8px no-repeat fixed; min-height: 500px; margin: 0 auto; width: 100%; position: relative; background-size: cover;  }







.page-catering .parallax-section-1 { background: #ecefd4 url(images/bg-about.jpg) center 8px no-repeat fixed; min-height: 500px; margin: 0 auto; width: 100%; position: relative; background-size: cover;  }







.mobile-section-1 { background: #ecefd4 url(images/hp-hero-desktop.jpg) center -50px no-repeat; min-height: 648px; margin: 0 auto; width: 100%; position: relative; }







.mobile-section-1 .btn { position: absolute; left: 50%; margin-left: -78px; bottom: 35px; }







.mobile-section-2 { background: url(images/bg-forest.jpg) center center no-repeat fixed; margin: 0 auto; width: 100%; background-size: cover; min-height: 648px; }







#miniStoreFinder { border-top: 1px solid #d3cab3; border-bottom: 1px solid #d3cab3; height: 100px; padding: 12px 0; }







#miniStoreFinder { font-family: "BelizioRegular"; font-size: 20px; }







#miniStoreFinder input { margin-top: 14px; border: none; padding: 4px; border-bottom: 4px solid #2e1906; background: transparent; }







#miniStoreFinder input[type=text] { margin-right: 8px; }







#miniStoreFinder input[type=submit] { font-family: "BelizioBold"; padding-bottom: 5px; }







#miniStoreFinder input[type=submit]:hover { color: #35793e; border-color: #35793e; }







#aboutUs { color: #f6f8e2; background: #2e1906; width: 100%; margin: 0; }







#aboutUs h1 { font-family: "BelizioRegular"; font-size: 40px; padding: 150px 0px 20px 80px; }







#aboutUs .container-fluid { padding: 0; }







#aboutUs p { padding: 0px 0px 20px 80px; }







#aboutUs h1, #aboutUs p { max-width: 520px; }







#aboutUs #nealImage { height: 650px; background: url(images/ttic-neal.jpg) top center no-repeat; background-size: cover; }







#aboutUs .btn-info { border-color: #592702; }







#aboutUs .btn-info:hover { background-color: rgba(89,39,2,.4); }







.home #insideScoop { padding: 30px 0px 0px 0px; margin: 0; }







.home #insideScoop .container-fluid img { width: 100%; }







#insideScoop a.btn.hidden-xs { position: absolute; bottom: 5%; margin: 0 auto; left: 5%; right: 5%; }







#insideScoop a.btn.visible-xs { clear: both; margin: 0 10px 30px 10px; }







#pressLogos { padding: 8px 15px 28px 15px; }







#pressLogos h4 { font-family: "BelizioRegular"; margin-top: 5px; }







#conservation { color: #f6f8e2; }







#conservation h3 { margin-top: 160px; font-family: 'BelizioRegular'; }







#conservation #counter, #conservation #mobileCounter { font-size: 100px; font-family: 'BelizioBold'; display: inline; margin-right: 15px; }







#conservation .counterHolder h3 { display: inline; margin-top: 0; }







#meetCarl { padding: 8px 15px; }







#meetCarl h4 { font-family: "BelizioRegular"; margin-top: 5px; display: inline; }







#meetCarl .carlSlider { text-align: left; margin-left: 10px; background: url(images/bg-carlSlider.png) center center no-repeat; width: 492px; display: inline-block; }







#meetCarl .carlSlider img.left { padding: 0 15px; transition: 1s; }







#meetCarl .carlSlider img.right { padding: 0 15px 0 370px; transition: 1s;}







#meetCarl .meetCarlLink { font-size: 20px; color: #2e1906; margin-left: 10px; border-bottom: 4px solid #2e1906; font-family: "BelizioBold"; padding-bottom: 3px; }







#meetCarl .meetCarlLink:hover { border-color: #35793e; color: #35793e; text-decoration: none; }







#topFooter { background: #35793e url(images/wave_greenGreen.png) bottom center repeat-x; padding: 40px 0 80px; }







#topFooter ul { margin: 80px 0 0 0; padding-left: 0; }







#topFooter ul li { list-style: none; padding: 5px 0; }







#topFooter ul li a, #topFooter h5 { font-family: "GothamBold"; text-transform: uppercase; color: #f6f8e2; }







#topFooter img { margin: 0 auto; }







#topFooter input { color: #2e4026; font-family: "BelizioRegular"; font-size: 15px; margin-top: 0px; border: none; padding: 4px; border-bottom: 4px solid #2e4026; background: transparent; line-height: 20px; margin-right: 5px; }







#topFooter #storemapper { width:80%; }







#topFooter .gform_body { display: inline-block; width: 80%; }







#topFooter .gfield_label { display: none; }







#topFooter .gform_footer { display: inline; }







#topFooter .gform_wrapper .top_label input.medium, #topFooter .gform_wrapper .top_label select.medium { width: 100%; }







body #topFooter .gform_wrapper label.gfield_label+div.ginput_container { margin-top: 0; }







#topFooter .gform_wrapper li { padding-top: 0; }







#topFooter .gform_wrapper { margin: 0; }







/*#topFooter input[type=text] { margin-right: 8px; width: 80%; }*/







#topFooter input[type=submit] { font-family: "BelizioBold"; padding-bottom: 5px; color: #2e4026;  }







#topFooter input[type=submit]:hover { color: #2e1906; border-color: #2e1906; }







#topFooter input[type=text]::-webkit-input-placeholder { color: rgba(46,65,38,.7); }







#bottomFooter { background-color: #2e4026; padding: 40px 0; } 







#bottomFooter p { color: #f6f8e2; font-size: 13px; margin-top: 20px; }







.socialNav { padding-left: 0; }







.socialNav>li { display: inline-block; list-style: none; width: 20px; margin-right: 10px; }







.socialNav>li:first-child { width: 11px; }







.socialNav>li>a.sm-icon { text-indent: -9999px; background: url(images/sm-icons-footer.png) top left; display: block; height: 17px; width: 19px; padding: 0; margin-top: 20px; }







.socialNav>li>a.sm-icon.sm-fb { width: 14px; }







.socialNav>li>a.sm-icon.sm-tw { background-position: -38px 0; }







.socialNav>li>a.sm-icon.sm-pint { background-position: -83px 0; }







.socialNav>li>a.sm-icon.sm-inst { background-position: -126px 0; width: 17px; }







.socialNav>li>a.sm-icon.sm-fb:hover { background-position: 0 -19px; }







.socialNav>li>a.sm-icon.sm-tw:hover { background-position: -38px -19px; }







.socialNav>li>a.sm-icon.sm-pint:hover { background-position: -83px -19px; }







.socialNav>li>a.sm-icon.sm-inst:hover { background-position: -126px -19px; }







/* Product Page */







.page-products .navbar { margin-bottom: 100px; }







.productRow { width: 100%; margin: 0; }







.productRow .container-fluid { padding: 0; }







.productRow .col-md-6 { background-color: #ecefd4; height: 650px; text-align: center; padding-top: 130px; background-position: center center; }







.productRow .col-md-6 .productBlock { display: block; }







.productRow .col-md-6 .productBlock img { margin-bottom: 30px; }







.productRow #product-ice-cream { background: url(images/img_product-icecream.jpg) center center no-repeat; background-size: cover; }







.productRow #product-sandwiches { background: url(images/img_product-sandwiches.jpg) center center no-repeat; background-size: cover; }







.productRow #product-cones { background: url(images/img_product-cones.jpg) center center no-repeat; background-size: cover; }







.productRow .col-md-6 .productBlock .btn-primary { border-color: #755035; }







/* Product Category Page */







#productsHeader { color: #592702; padding-top: 80px; background: #ecefd4 url(images/wave_dkcreamCream.png) bottom center repeat-x; padding-bottom: 20px; margin-bottom: 50px; }







#products { color: #592702; }







#products h5 { font-family: "GothamBold"; text-transform: uppercase; font-size: 15px; }







#products h5 small { margin-top: 4px; text-transform: none;font-family: "BelizioRegular"; font-size: 12px; display: block; color: #592702; }







#products img { width: 100%; margin-bottom: 20px; }







#products .col-md-3 { text-align: center; }







#products .col-md-3 a { display: block; max-width: 200px; margin: 0 auto; margin-bottom: 60px; padding-top: 5px; }







#products .col-md-3 p { font-family: "GothamBold"; font-size: 15px; color: #755035; height: 42px; }







#products .col-md-3 a:hover { text-decoration: none; }







#products .col-md-3 a:hover p { color: #35793e; }







#products icon { height: 41px; display: block; background: url(images/icon-sizes.png) top left no-repeat; margin: 0 auto; margin-bottom: 12px; }







#products icon.qt { width: 42px; }







#products icon.pt { width: 34px; background-position: -119px 0; }

#products icon.st-pint { width: 34px; background-position: -119px 0; }





#products icon.sg { width: 32px; background-position: right top; }







#products icon.mps, #products icon.sgs { width: 40px; background-image: url(images/icon-sizes_sandwiches.png); }







#products icon.mpc, #products icon.sgc { width: 40px; background-image: url(images/icon-sizes_cones.png); }







#products icon.sgs { background-position: top right; }







#products icon.sgc { background-position: top right; }







#products icon.maxqt { width: 85px; height: 50px !important; background-image: url(images/icon-sizes-maxines.png); } 







#products .visible-xs { margin-bottom: 30px; }







#products .visible-xs h5, #products .visible-sm h5 { /*Horizontal*/







background-image: linear-gradient(to right, #592702 20%, rgba(255,255,255,0) 0%);







background-position: 0 8px;







background-size: 5px 1px;







background-repeat: repeat-x; }







#products .visible-xs h5 span { background-color: #f6f8e2; padding: 0 8px; }







.popover { background-color: #efd4a5; padding: 0; max-width: 340px; }







.popover-title { background-color: #2e1906; color: white; font-size: 15px; text-align: center; border-bottom: 0; padding: 15px 10px; }







.popover-content img { width: 100%; }







.popover-content .ingredient { padding: 0 3px; display: inline-block; width: 100px; vertical-align: top; }







.popover-content small { line-height: 14px; font-family: "BelizioRegular"; font-size: 12px; width: 95%; display: block; margin: 10px auto; }







.popover.top>.arrow:after { border-top-color: #efd4a5; }







/* Single Product Page */







#product { padding-top: 100px; background: url(images/wave_txCream.png) bottom center repeat-x; padding-bottom: 20px; margin-bottom: 80px; }







.productShot { margin-bottom: -70px; margin-top: 10px; }







h1.productTitle { font-size: 40px; color: #592702; padding-right: 50px; margin-top: 0; }







#product .chocolate img {     margin-top: 10px; margin-bottom: 7px; }







#product .oneLiner { font-size: 18px; color: #592702; }







#product small { display: block; font-family: "BelizioRegular"; font-size: 14px; color: #592702; }







.sizeChart, .sizeChartMobile { text-align: center; margin-bottom: 50px; }







.sizeChart a, .sizeChartMobile a { display: block; color: #592702; }







.sizeChart a:hover, .sizeChart li.active a, .sizeChartMobile a:hover, .sizeChartMobile li.active a { color: #35793e; text-decoration: none; }







.sizeChart ul, .sizeChartMobile ul { padding: 0; margin: 0; }







.sizeChart ul li, .sizeChartMobile ul li { display: inline-block; list-style: none; margin: 0 25px; }







.sizeChart icon, .sizeChartMobile icon { height: 41px; display: block; background: url(images/icon-sizes.png) top left no-repeat; margin: 0 auto; margin-bottom: 12px; }







.sizeChart icon.qt, .sizeChartMobile icon.qt { width: 42px; }







.sizeChart icon.pt, .sizeChartMobile icon.pt { width: 34px; background-position: -119px 0; }

.sizeChart icon.st-pint, .sizeChartMobile icon.st-pint { width: 34px; background-position: -119px 0; }






.sizeChart icon.sg, .sizeChartMobile icon.sg  { width: 32px; background-position: right top; }







.sizeChart icon.sgs, .sizeChartMobile icon.sgs  { width: 40px; background-position: right top; background-image: url(images/icon-sizes_sandwiches.png); }







.sizeChart icon.sgc, .sizeChartMobile icon.sgc  { width: 40px; background-position: right top; background-image: url(images/icon-sizes_cones.png); }







.sizeChart icon.mps, .sizeChartMobile icon.mps  { width: 40px; background-position: left top; background-image: url(images/icon-sizes_sandwiches.png); }







.sizeChart icon.mpc, .sizeChartMobile icon.mpc  { width: 40px; background-position: left top; background-image: url(images/icon-sizes_cones.png); }







.sizeChart icon.maxqt, .sizeChartMobile icon.maxqt  { width: 84px; height: 50px; background-position: left bottom; background-image: url(images/icon-sizes-maxines.png); }







.sizeChart a:hover icon.qt, .sizeChart li.active a icon.qt, .sizeChartMobile a:hover icon.qt, .sizeChartMobile li.active a icon.qt { background-position: 0 -41px; }







.sizeChart a:hover icon.pt, .sizeChart li.active a icon.pt, .sizeChartMobile a:hover icon.pt, .sizeChartMobile li.active a icon.pt, .sizeChartMobile li a.activesize icon.pt, .sizeChart li a.activesize icon.pt { background-position: -119px -41px; }


.sizeChart a:hover icon.st-pint, .sizeChart li.active a icon.st-pint, .sizeChartMobile a:hover icon.st-pint, .sizeChartMobile li.active a icon.st-pint, .sizeChartMobile li a.activesize icon.st-pint, .sizeChart li a.activesize icon.st-pint { background-position: -119px -41px; }





.sizeChart li a.activesize icon.qt { background-position: 0 -41px; }







.sizeChart li a.activesize icon.sg { background-position: right -41px; }







.sizeChart a.activesize icon.sgs, .sizeChartMobile a.activesize icon.sgs, .sizeChartMobile a:hover icon.sgs, .sizeChart a:hover icon.sgs, .sizeChart a.activesize icon.sgc, .sizeChartMobile a.activesize icon.sgc, .sizeChartMobile a:hover icon.sgc, .sizeChart a:hover icon.sgc { background-position: right bottom }







.sizeChart a.activesize icon.mps, .sizeChartMobile a.activesize icon.mps, .sizeChartMobile a:hover icon.mps, .sizeChart a:hover icon.mps, .sizeChart a.activesize icon.mpc, .sizeChartMobile a.activesize icon.mpc, .sizeChartMobile a:hover icon.mpc, .sizeChart a:hover icon.mpc { background-position: left bottom }







.sizeChart a:hover icon.sg, .sizeChart li.active a icon.sg, .sizeChartMobile a:hover icon.sg, .sizeChartMobile li.active a icon.sg { background-position: right -41px; }







.sizeChart p, .sizeChartMobile p { margin-bottom: 4px; font-family: "GothamBold"; text-transform: uppercase; font-size: 15px; }







.sizeChart small, .sizeChartMobile small { font-family: "BelizioRegular"; font-size: 12px;  }







.sizepics { height: 255px; position: relative; }







.sizepics img { position: absolute; left: 50%; margin-left: -157px; bottom: 0; }







.sizepics.maxqt img { position: absolute; left: 50%; margin-left: -200px; bottom: 0; max-width: 100%; }







#productDetails { color: #592702; }







#productDetails p { font-size: 18px; }







#productDetails h6 { font-family: "GothamBold"; font-size: 20px; }







/* Nutrition Facts  */







#nutritionFacts { color: #592702; }







#nutritionFacts ul { list-style: none; padding: 0; margin: 0; border-top: 4px solid #592702; padding-top: 30px; }







#nutritionFacts ul li { padding: 3px 8px; /*border-bottom: 1px dotted #592702; }







/*Horizontal*/







background-image: linear-gradient(to right, #592702 20%, rgba(255,255,255,0) 0%);







background-position: bottom;







background-size: 5px 1px;







background-repeat: repeat-x; }







#nutritionFacts ul li strong { font-family: "GothamBold"; font-weight: normal; }







#nutritionFacts ul li span { float: right; }







#nutritionFacts ul li.padLeft { padding-left: 40px; }







#wrap, #teamwrap { overflow: hidden; position: relative; }







#read-more { text-align: center; padding: 20px; }







#read-more a { opacity: 1; transition: 1s; }







#theStory #read-more a { opacity: 0; }







#theStory:hover #read-more a { opacity: 1; transition: 1s; }







#storyCover { width: 100%; height: 80px; position: absolute; bottom: 0;







/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8e2+0,f6f8e2+100&0+0,1+100 */







background: -moz-linear-gradient(top, rgba(246,248,226,0) 0%, rgba(246,248,226,1) 100%); /* FF3.6-15 */







background: -webkit-linear-gradient(top, rgba(246,248,226,0) 0%,rgba(246,248,226,1) 100%); /* Chrome10-25,Safari5.1-6 */







background: linear-gradient(to bottom, rgba(246,248,226,0) 0%,rgba(246,248,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f8e2', endColorstr='#f6f8e2',GradientType=0 ); /* IE6-9 */ }







/* Product Slider */







#productSliderHolder { text-align: center; margin-bottom: 40px; }







#productSlider { text-align: center; padding: 0; }







#productSliderHolder .bx-wrapper { margin: 0 auto; margin-top: 30px; }







#productSliderHolder .bx-wrapper li a { display: block; }







#productSliderHolder .bx-wrapper li p { width: 150px; font-family: "GothamBold"; font-size: 15px; color: #755035; margin: 0 auto; }







#productSliderHolder .bx-wrapper li img { margin-bottom: 20px; }







#productSliderHolder .bx-wrapper li a:hover { text-decoration: none; }







#productSliderHolder .bx-wrapper li a:hover p { color: #35793e; }







#productSliderHolder .bx-wrapper .bx-pager { margin-top: 20px; }







#productSliderHolder .bx-wrapper .bx-pager-item { display: inline; }







#productSliderHolder .bx-wrapper .bx-pager-item a { display: inline-block; margin: 0 4px; text-indent: -9999px; width: 8px; height: 8px; background-color: #d3cab3; border-radius: 4px; }







#productSliderHolder .bx-wrapper .bx-pager-item a.active { background-color: #755035; }







#productSliderHolder .bx-wrapper .bx-pager, #productSliderHolder .bx-wrapper:last-child .bx-controls-direction { display: none; }







a.bx-prev { display: block; position: absolute; top: 50%; height: 36px; width: 20px; margin-top: -18px; background-image: url(images/icons_arrows.png); left: 80px; background-position: 0 -115px; text-indent: -9999px; opacity: .7; }







a.bx-next { display: block; position: absolute; top: 50%; height: 36px; width: 20px; margin-top: -18px; background-image: url(images/icons_arrows.png); right: 80px; background-position: 20px -115px; text-indent: -9999px; opacity: .7; }	







a.bx-prev:hover, a.bx-next:hover {  opacity: 1; }







/* Inside Scoop Page */







#insideScoop { margin-top: 80px; }







.scoopBox { position: relative; margin-bottom: 30px; }







#insideScoop .container-fluid img { width: 100%; margin-bottom: 0; }







.scoopInfoContainer { color: #f6f8e2; position: absolute; top: 0; left: 0; margin: 0; height: 100%; width: 100%; background-color: rgba(46,24,6,.9); opacity: 0; transition: .4s; overflow: hidden; }







.scoopBox:hover .scoopInfoContainer { opacity: 1; transition: .4s; }







.scoopInfo { position: absolute; bottom: 0px; left: 20px; margin-right: 20px; }







/* About Page  */







.page-about #intro h1 { width: 600px; margin: 0 auto; text-align: center; margin-top: 220px; }







.page-about #aboutUs #aboutInfo { padding: 80px 120px 80px 80px; position: relative; }







.page-about #aboutUs #aboutInfo h1 { margin-top: 0; padding: 0 0 20px 0; }







.page-about #aboutUs #aboutInfo p { padding: 0; }







/* Catering Page  */







.page-catering #intro h1 { width: 600px; margin: 0 auto; text-align: center; margin-top: 220px; color: #fff; }







.page-catering #cateringDescription { padding: 0px; position: relative; }







.page-catering #cateringDescription h1 { margin-top: 50px; padding: 0 0 20px 0; }







#cateringDescription p {padding: 0px; font-size: 17px; line-height: 28px;}







#cateringDescription img {padding: 5%; width: 100%; }







/* Scrollable Content */







.scrollable{







width: 100%; /* default width of scrollable content in px or percentage */







height: 495px; /* default height of scrollable content */







overflow: hidden; /* keep this */







position: relative; /* keep this */







}







.scrollable .belt{ /* default style of inner scrollable DIV */







width: 100%;







position:absolute; left: 0; top: 0;







padding: 0 5px;







-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;







}







.scrollUp, .scrollDown { position: absolute; right: 60px; top: 50%; cursor: pointer; }







.scrollUp {  margin-top: -70px; }







.scrollDown {  margin-top: 40px; }







#teamBlocks { padding: 30px 0px 0px 0px; margin: 0; }







#teamBlocks h1 { text-align: center; padding-bottom: 20px; }







#teamBlocks .container-fluid .bioBlock { margin-bottom: 30px; position: relative; }







#teamBlocks .container-fluid .bioBlock img { width: 100%; padding: 0; }







#teamBlocks .container-fluid .bioBlock h1 { color: #f6f8e2; position: absolute; top: 50%; margin-top: -55px; font-size: 50px; left: 50%; margin-left: -70px; width: 140px; }







.infoHolder { background-color: rgba(46,24,6,.9); transition: .2s; opacity: 0; position: absolute; top: 0; left: 15px; right: 15px; margin: 0 auto; float: left; height: 100%; overflow: hidden; }







.bioBlock:hover .infoHolder { opacity: 1; transition: .2s; }







.infoBlock {  position: absolute; width: 100%; transition: .2s; text-align: center; color: #f6f8e2; }







.infoBlock .belt { left: 0; right: 0; margin: 0 auto; padding: 0; width: auto; }







.infoBlock h2 { padding: 100px 15px 15px 15px; margin: 0; text-align: center;  }







.infoBlock p { padding: 0 15px; }







.infoBlock p:last-child { margin-top: 200px; padding-bottom: 80px;  }







#teamBlocks .container-fluid .bioBlock .infoHolder .scrollUp img, #teamBlocks .container-fluid .bioBlock .infoHolder .scrollDown img { width: auto; }







.infoHolder .scrollUp { left: 50%; top: 10px; margin: 0; margin-left: -11px; width: 22px; background: url(images/arrowUp.png) no-repeat center top; display: block; height: 30px; }







.infoHolder .scrollDown { left: 50%; bottom: 10px; margin: 0; margin-left: -11px; top: auto; width: 22px; background: url(images/arrowDown.png) no-repeat center top; display: block; height: 30px; }







#healthyPlanet { border-top: 1px solid #d3cab3; border-bottom: 1px solid #d3cab3; background-color: #ecefd4; height: 100px; padding: 12px 0;  }







#healthyPlanet h4 { padding-top: 12px; font-size: 20px; color: #592702; }







#healthyPlanet h4 a { font-family: "BelizioBold"; color: #592702; }







#healthyPlanet h4 a:hover { text-decoration: underline; color: #35793e; }







#icecreamAcres { padding: 60px 0 60px 0; color: #592702; }







#icecreamAcres h1 { font-size: 50px; margin-top: 60px; margin-bottom: 20px; }







#icecreamAcres p { font-size: 17px; line-height: 28px; }







#icecreamAcres small { display: inline-block; }







#icecreamAcres a:hover { text-decoration: underline; }







/* Find Us */





#altstorelocator {

    border-top: 1px solid #d3cab3;

    border-bottom: 1px solid #d3cab3;

    background-color: #ecefd4;

    padding: 20px 0;

    text-align: center;

}



#altstorelocator h2 { 

    line-height: 1.3em

}



#scoopShops { margin-top: 30px; }







#scoopShops .scoopBox img { width: 100%;  }







#scoopShops .scoopBox h2, #scoopShops .scoopBox h1 { width: 100%; position: absolute; top: 50%; left: auto; right: auto; text-align: center; color: #f6f8e2; margin-top: -10px; }







#scoopShops .scoopBox h1 { padding: 0 50px; font-size: 53px; margin-top: -58px; }







#scoopShops .scoopInfoContainer { background-color: #44aa35; }







#scoopShops .scoopInfo { top: 0; bottom: auto; }







#scoopShops .scoopInfo a { color: #f6f8e2; }







.scoopBoxHover { cursor: pointer; }







#prodRequest { border-top: 1px solid #d3cab3; border-bottom: 1px solid #d3cab3; height: 100px; padding: 12px 0; background-color: #ecefd4; }







#prodRequest h4 { display: inline-block; text-align: left; padding: 5px 20px 0 20px; line-height: 24px; }







#prodRequest img { margin-top: -25px; }







#prodRequest a { font-family: "BelizioBold"; color: #592702; display: inline-block; vertical-align: middle; font-size: 20px; line-height: 22px; border-bottom: 3px solid #592702; padding-bottom: 5px; margin-top: -28px; }







#prodRequest a:hover { color: #35793e; border-color: #35793e; }















#prodRequestMax { border-top: 1px solid #d3cab3; border-bottom: 1px solid #d3cab3; height: 125px; padding: 12px 0; background-color: #ecefd4; }







#prodRequestMax h4 { display: inline-block; text-align: center; padding: 5px 20px 0 20px; line-height: 24px; }







#prodRequestMax img { margin-top: -25px; }







#prodRequestMax a { font-family: "BelizioBold"; color: #592702; display: inline-block; vertical-align: middle; font-size: 20px; line-height: 24px; border-bottom: 3px solid #592702; padding-bottom: 5px; margin-top: -28px; }







#prodRequestMax a:hover { color: #35793e; border-color: #35793e; }















.modal-backdrop { background-color: rgb(46,24,6); }







.modal-backdrop.in { opacity: .9; }







.modal-content, modal-header { background: none; }







.modal-content { color: #f6f8e2; text-align: center; box-shadow: none; -webkit-box-shadow: none; border: none; }







.modal-content a { color: #f6f8e2; }







.modal-content .close { display: block; text-indent: -9999px; height: 29px; width: 31px; background-image: url(images/img_closeBtn.png)!important; opacity: .7; }







.modal-content .close:hover { opacity: 1; }







/* Recent Slider */







#recentlySpotted h1 { width: 100%; text-align: center; margin-top: 50px; }







#recentSliderHolder { text-align: center; margin-bottom: 40px; }







#recentSlider { text-align: center; }







#recentSliderHolder .bx-wrapper { margin: 0 auto; margin-top: 30px; }







#recentSliderHolder .bx-wrapper li p { font-size: 15px; color: #755035; }







#recentSliderHolder .bx-wrapper li img { margin-bottom: 15px; width: 100%; }







#recentSliderHolder .bx-wrapper li a:hover { text-decoration: none; }







#recentSliderHolder .bx-wrapper li a:hover p { color: #35793e; }







#recentSliderHolder .bx-wrapper .bx-pager { margin-top: 20px; }







#recentSliderHolder .bx-wrapper .bx-pager-item { display: inline; }







#recentSliderHolder .bx-wrapper .bx-pager-item a { display: inline-block; margin: 0 4px; text-indent: -9999px; width: 8px; height: 8px; background-color: #d3cab3; border-radius: 4px; }







#recentSliderHolder .bx-wrapper .bx-pager-item a.active { background-color: #755035; }







#recentSliderHolder .bx-wrapper .bx-pager, #recentSliderHolder .bx-wrapper:last-child .bx-controls-direction { display: none; }







/* Standard Page Styles */







#pageContent { padding-bottom: 50px; }







#pageContent p { line-height: 22px; }







#sidebarWidgets { margin-top: 30px; }







#sidebarWidgets img { width: 100%; }







.colorBlock { text-align: center; background-color: #2e1906; margin: 0; padding: 25px 15px; margin-bottom: 20px; }







.mapWidget .colorBlock, .instaWidget .colorBlock { background-color: #35793e; }







.colorBlock h5 { font-family: "GothamBold"; text-transform: uppercase; color: #f6f8e2; margin: 0; padding-bottom: 30px; }







.aboutWidget p { color: #865C3E; }







.aboutWidget .btn-info { border-color: #592702; color: #755035; }







.aboutWidget .btn-info:hover { background-color: rgba(89,39,2,.4); }







.instaWidget .icon-inst { display: inline-block; background: url(images/sm-icons-footer.png) top right no-repeat; height: 17px; width: 18px; vertical-align: middle; margin-right: 8px; margin-top: -1px; }







.mapWidget input { margin-top: 0px; border: none; padding: 4px; border-bottom: 4px solid #2e1906; background: transparent; }







.mapWidget input[type=text] { margin-right: 8px; }







.mapWidget input[type=submit] { font-family: "BelizioBold"; padding-bottom: 5px; }







.mapWidget input[type=submit]:hover { color: #f6f8e2; border-color: #f6f8e2; }







.mapWidget input[type=text]::-webkit-input-placeholder { color: #2e1906; }







h2.widgettitle { display:none; }







.page .gform_wrapper .gfield select { padding:5px;







    margin: 0;







    -webkit-border-radius:4px;







    -moz-border-radius:4px;







    border-radius:4px;







    /*-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;







    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;







    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/







    background: transparent;







    color:#2e1906;







    border: 1px solid #2e1906;







    outline:none;







    display: inline-block;







    -webkit-appearance:none;







    -moz-appearance:none;







    appearance:none;







    cursor:pointer; width:100%!important;max-width: 338px; }







/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */







@media screen and (-webkit-min-device-pixel-ratio:0) {







    .page .gform_wrapper .gfield select {padding-right:18px}







}







.page .gform_wrapper .gfield .ginput_container_select {position:relative;max-width: 338px;}







.page .gform_wrapper .gfield .ginput_container_select:after {







    content:'<>';







    font:11px "Consolas", monospace;







    color:#2e1906;







    -webkit-transform:rotate(90deg);







    -moz-transform:rotate(90deg);







    -ms-transform:rotate(90deg);







    transform:rotate(90deg);







    right:8px; top:8px;







    padding:0 0 2px;







    border-bottom:1px solid #ddd;







    position:absolute;







    pointer-events:none;







}







.ginput_container_select:before {







    content:'';







    right:6px; top:0px;







    width:20px; height:20px;







    background:transparent;







    position:absolute;







    pointer-events:none;







    display:block;







}







.page .gform_wrapper .gform_button { text-transform: uppercase;







    font-family: "GothamBold";







    font-size: 15px;







    border-radius: 0;







    border: 4px solid #2e1906;







    background-color: transparent;







    border-color: #2e1906;







    color: #2e1906;







    padding: 8px 20px; }







/* FAQ Styles */







.page .arconix-faq-wrap { background: none; border: none; padding-left: 0; margin-left: 0; }







.page .arconix-faq-title { text-decoration: underline; background: none; padding-left: 0; }







.page .arconix-faq-title.faq-open { background: none; }







.page .arconix-faq-content { padding-left: 0; margin-left: 0; }







@media (min-width: 1200px) {







#intro.no-parallax { min-height: 550px; background-position: center -100px; }







}







@media (min-width: 992px) and (max-width: 1199px) {







.navbar-nav>li>a { margin-left: 15px; margin-right: 15px; }







.navbar-nav.navbar-right>li>a { margin-left: 12px; margin-right: 12px; }







.page-about .mobile-section-1 { background: #ecefd4 url(images/bg-about.jpg) center bottom no-repeat; min-height: 500px; margin: 0 auto; width: 100%; background-size: cover;  }







.page-about .mobile-section-1 h1 { width: 600px; margin: 0 auto; text-align: center; margin-top: 220px; }







.page-catering .mobile-section-1 { background: #ecefd4 url(images/bg-about.jpg) center bottom no-repeat; min-height: 500px; margin: 0 auto; width: 100%; background-size: cover; color: #fff; }







.page-catering .mobile-section-1 h1 { width: 600px; margin: 0 auto; text-align: center; margin-top: 220px; color: #fff; }







#storyCover { display: none; }







.mobile-section-2 { min-height: 400px; height: auto; padding-top: 30px; padding-bottom: 30px; }







#aboutUs #nealImage { height: 500px; }







#aboutUs h1 { max-width: 440px; padding: 60px 0 20px 40px; font-size: 36px; }







#aboutUs p { padding-left: 40px; max-width: 440px; }







.page-about #aboutUs #aboutInfo { padding: 60px 40px; padding-right: 90px; }







.page-about #aboutUs #aboutInfo h1 { max-width: 440px; padding: 0px 0 20px 0px; font-size: 36px; }







.page-about #aboutUs #aboutInfo p { padding-left: 0px; max-width: 440px; }







.page-about .scrollable { height: 370px; }







.page-about .infoBlock h2 { font-size: 22px; padding-top: 60px; }







.page-about .infoBlock p:last-child { padding-bottom: 40px; }







#healthyPlanet .col-md-8 { padding-left: 0; }







#healthyPlanet h4 { font-size: 19px; }







#icecreamAcres img { width: 100%; }







#icecreamAcres h1 { font-size: 38px; }







#icecreamAcres p { font-size: 16px; line-height: 26px; }







.scoopInfo  { left: 10px; margin-right: 10px; }







.scoopTitle { font-size: 18px; }







.scoopInfo p { font-size: 13px; }







#conservation h3 { margin-top: 40px; }







#conservation #counter { font-size: 80px; }







#meetCarl .carlSlider { width: 352px; background-position: right center; }







#meetCarl .carlSlider img.right { padding: 0 15px 0 230px; transition: 1s; }







#scoopShops .scoopBox h1 { font-size: 45px; }







#recentSliderHolder a.bx-prev { left: 0; }







#recentSliderHolder a.bx-next { right: 0; }







}







@media (min-width: 768px) and (max-width: 991px) {







.navbar { height: 40px; }







.navbar-header { width: 100%; position: relative; left: auto; float: right; } 







.navbar-brand { position: absolute; left: 50%; margin-left: -65px!important; }







.navbar-brand img { max-width: 130px; }







.navbar-nav>li>a { margin-left: 8px; margin-right: 8px; }







.navbar-nav.navbar-right>li>a { margin-left: 8px; margin-right: 8px; }







.navbar-default .navbar-nav>li>a { font-size: 13px; }







.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }







.mobile-section-1 { background: #ecefd4 url(images/hp-hero-desktop.jpg) center top no-repeat; min-height: 450px; margin: 0 auto; width: 100%; position: relative; background-size: 605px auto; }







.mobile-section-1 .btn { position: absolute; left: 50%; margin-left: -78px; bottom: 35px; }







#storyCover { display: none; }







.page-about .mobile-section-1 { background: #ecefd4 url(images/bg-about.jpg) center bottom no-repeat; min-height: 400px; margin: 0 auto; width: 100%; background-size: cover;  }







.page-about .mobile-section-1 h1 { width: 600px; margin: 0 auto; text-align: center; margin-top: 120px; }







.page-catering .mobile-section-1 { background: #ecefd4 url(images/bg-about.jpg) center bottom no-repeat; min-height: 400px; margin: 0 auto; width: 100%; background-size: cover; color: #fff; }







.page-catering .mobile-section-1 h1 { width: 600px; margin: 0 auto; text-align: center; margin-top: 120px; color: #fff; }







#miniStoreFinder h4, #miniStoreFinder input[type=text], #miniStoreFinder input[type=submit] { font-size: 16px; }







#aboutUs #nealImage { height: 400px; }







#aboutUs h1 { max-width: 355px; padding: 30px 0 20px 40px; font-size: 28px; }







#aboutUs p { padding-left: 40px; max-width: 355px; }







#pressLogos img { max-width: 100%; margin: 20px auto; }







.mobile-section-2 { min-height: 400px; height: auto; padding-top: 30px; padding-bottom: 30px; }







#conservation h3 { margin-top: 40px; }







#conservation #mobileCounter { font-size: 50px; }







#meetCarl h4 { margin: 20px 0 15px 0; display: block; font-size: 24px; }







#topFooter ul { margin-top: 60px; text-align: center; }







#topFooter ul li { display: inline; }







#topFooter ul li a { font-size: 13px; margin: 0 10px; }







.productRow .col-md-6 { height: 400px; text-align: center; padding-top: 40px; }







.productRow .col-md-6 .productBlock img { max-height: 250px; }







a.bx-prev { display: block; position: absolute; top: 50%; height: 36px; width: 20px; margin-top: -18px; background-image: url(images/icons_arrows.png); left: 0px; background-position: 0 -115px; text-indent: -9999px; opacity: .7; }







a.bx-next { display: block; position: absolute; top: 50%; height: 36px; width: 20px; margin-top: -18px; background-image: url(images/icons_arrows.png); right: 0px; background-position: 20px -115px; text-indent: -9999px; opacity: .7; }	







#productsHeader { margin-bottom: 20px; }







#product h1.productTitle { font-size: 30px; padding-right: 0; }







#product .oneLiner { font-size: 15px; }







#product .ingredient img { width: 100%; }







#product .ingredient small { font-size: 10px; }







#prodRequest { height: auto; }







#prodRequest img { display: block; margin: 0 auto; }







#prodRequest h4 { text-align: center; display: block;}







#prodRequest a { margin-top: 0; }







.productRow #product-sandwiches { background-position: center center; }







#prodRequestMax { height: 170px; }







#prodRequestMax img { display: block; margin: 0 auto; }







#prodRequestMax h4 { text-align: center; display: block;}







#prodRequestMax a { margin-top: 0; }







    







#recentlySpotted h1 { font-size: 32px; }







#recentSliderHolder li { max-width: 300px; }







#recentSliderHolder .bx-viewport { max-width: 630px; margin: 0 auto; }







#recentSliderHolder a.bx-prev { left: 10px; }







#recentSliderHolder a.bx-next { right: 10px; }







.page-about #aboutUs #aboutInfo { padding: 40px; padding-right: 90px; }







.page-about #aboutUs #aboutInfo h1 { max-width: 440px; padding: 0px 0 20px 0px; font-size: 32px; }







.page-about #aboutUs #aboutInfo p { padding-left: 0px; max-width: 440px; }







.page-about .scrollable { height: 320px; }







.page-about .infoBlock p:last-child { padding-bottom: 100px; }







#healthyPlanet { height: auto; }







#healthyPlanet h4 { text-align: center; }







#icecreamAcres { text-align: center; }







#icecreamAcres h1 { font-size: 38px; }







#icecreamAcres p { font-size: 16px; line-height: 26px; }







.widget { width: 45%; margin-right: 5%; float: left; margin-bottom: 20px; }







.widget .colorBlock { height: 200px; }







.widget .instaWidget .colorBlock { height: auto; }







.sizepics.maxqt img { margin-left: -165px; }







}







@media (max-width: 767px) {















.sizeChart icon.maxqt, .sizeChartMobile icon.maxqt  { width: 84px; height: 50px; background-position: left top; background-image: url(images/icon-sizes-maxines.png); }   















#prodRequestMax { height: 190px; }







#prodRequestMax img { display: block; margin: 0 auto; }







#prodRequestMax h4 { text-align: center; display: block;}







#prodRequestMax a { margin-top: 0; }   







    







#cateringDescription .img { padding: 30px 0 30px 0; }







.navbar { height: 40px; }







.navbar-header { width: 100%; position: relative; height: 60px; left: auto; margin-left: 0!important; } 







.navbar-brand { position: absolute; margin-left: -75px!important; left: 50%; }







.navbar-brand img { max-width: 120px; }







.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }







.mobile-section-1 { background: #ecefd4 url(images/hp-hero-desktop.jpg) center top no-repeat; min-height: 370px; margin: 0 auto; width: 100%; position: relative; background-size: 370px auto; }







.mobile-section-1 .btn { position: absolute; left: 50%; margin-left: -78px; bottom: 35px; }







#miniStoreFinder { height: auto; padding: 12px 0 20px 0 }







#miniStoreFinder h4, #miniStoreFinder .col-md-6 { text-align: center; }







#miniStoreFinder img { display: block; margin: 0 auto; margin-bottom: 10px; }







#miniStoreFinder h4, #miniStoreFinder input[type=text], #miniStoreFinder input[type=submit] { font-size: 16px; }







#aboutUs #nealImage { height: 300px; }







#aboutUs h1 { width: 100%; text-align: center; padding: 10px 0 10px 0; font-size: 24px; }







#aboutUs p { padding: 0px; width: 100%; text-align: center; }







#insideScoop { padding: 60px 0px 0px 0px; margin: 0; }







#insideScoop .container-fluid { padding-left: 10px; padding-right: 10px; }







#insideScoop .container-fluid .col-md-3 { padding-left: 10px; padding-right: 10px;  }







#insideScoop .scoopBox { margin-bottom: 0; }







#insideScoop .container-fluid img { width: 100%; margin-bottom: 20px; }







#insideScoop .scoopBox:hover .scoopInfoContainer { opacity: 0; }







.home #insideScoop { padding: 20px 0 0 0; margin: 0; }







.home #insideScoop .scoopBox { margin-bottom: 0; }







.home #insideScoop .scoopBox:hover .scoopInfoContainer { opacity: 0; }







#pressLogos img { max-width: 100%; margin: 20px auto; }







.mobile-section-2 { min-height: 400px; height: auto; padding-top: 30px; padding-bottom: 30px; background-size: cover; background-attachment: fixed; }







#conservation h3 { margin-top: 60px; }







#conservation #mobileCounter { font-size: 28px; font-family: 'BelizioBold'; display: inline; margin-right: 15px; }







input { border-radius: 0; -webkit-border-radius: 0; }







#meetCarl { text-align: center; padding-bottom: 30px; }







#meetCarl h4 { display: block; }







#meetCarl img { display: block; margin: 0 auto; }







#meetCarl a { margin-left: 0; }







#productSliderHolder .bx-wrapper li img { max-width: 120px; }







#productSliderHolder .bx-wrapper .bx-controls-direction { display: none; }







#productSliderHolder .bx-wrapper:last-child .bx-pager { margin-top: 20px; display: block; }







#product-ice-cream, #product-sandwiches, #product-cones, #product-sundae-cones, #product-maxines, #product-slim-twin { height: 250px; background-size: cover; }







#productSliderMobile { padding: 0; }







.productRow .col-md-6 { height: 350px; text-align: center; padding-top: 30px; }







.productRow .col-md-6 .productBlock img { max-height: 200px; }







.productRow .col-md-6 { background-position: center center; }







#productsHeader { margin-bottom: 20px; }







.sizepics { height: 145px; }







.sizepics img.qt, .sizepics img.sg, .sizepics img.qt.activesize,  .sizepics img.sg.activesize { display: none!important; }







.sizepics img.pt, .sizepics img.pt.activesize { display: inline!important; }







.sizepics img { max-width: 280px; margin-left: -140px; }







h1.productTitle { font-size: 30px; padding-right: 0; padding-left: 20px; padding-right: 20px; }







.row .ingredient { text-align: center; }







.row .ingredient img { max-width: 100%; margin: 0 auto; display: block; }







p.oneLiner.visible-xs { padding-left: 20px; padding-right: 20px; text-align: center; }







.row.visible-xs { padding-left: 10px; padding-right: 10px; }







#mobileTabs { margin-top: 30px; }







.nav.nav-tabs { border-bottom: none; width: auto; margin: 0 auto; text-align: center; }







.nav-tabs>li { display: inline-block; float: none; }







.nav-tabs>li>a { font-family: "GothamBold"; border:none; padding-bottom: 8px; margin-bottom: 0; color: #592702; }







.nav-tabs>li>a:hover { background: none; color: #35793e;}







.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { padding-bottom: 5px; background: none; border:none; border-bottom: 3px solid #35793e; color: #35793e;  }







.tab-content, .nav-tabs { 







background-image: linear-gradient(to right, #592702 20%, rgba(255,255,255,0) 0%);







background-position: bottom;







background-size: 5px 1px;







background-repeat: repeat-x; }







.tab-content { background-color: #ecefd4; padding: 20px; margin-bottom: 30px;  }







.tab-content .sizeChartMobile { margin-bottom: 0; }







.tab-content #nutrition ul { list-style: none; padding: 0; margin: 0; }







.tab-content #nutrition ul li { padding: 3px 8px; /*border-bottom: 1px dotted #592702; }







/*Horizontal*/







background-image: linear-gradient(to right, #592702 20%, rgba(255,255,255,0) 0%);







background-position: bottom;







background-size: 5px 1px;







background-repeat: repeat-x; }







.tab-content #nutrition ul li strong { font-family: "GothamBold"; font-weight: normal; }







.tab-content #nutrition ul li span { float: right; }







.tab-content #nutrition ul li.padLeft { padding-left: 20px; }







.tab-content #ingredients { text-align: center; }







#theStory { text-align: center; }







#read-more a { opacity: 1; }







.home #storyCover { margin-left:-15px; height: 60px; position: absolute; bottom: 94px;







/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8e2+0,f6f8e2+100&0+0,1+100 */







background: -moz-linear-gradient(top, rgba(236, 239, 212, 0) 0%, rgba(236, 239, 212, 1) 100%);







/* FF3.6-15 */







background: -webkit-linear-gradient(top, rgba(236, 239, 212, 0) 0%, rgba(236, 239, 212, 1) 100%);







/* Chrome10-25,Safari5.1-6 */







background: linear-gradient(to bottom, rgba(236, 239, 212, 0) 0%, rgba(236, 239, 212, 1) 100%);







/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */







filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ecefd4', endColorstr='#ecefd4', GradientType=0 );







/* IE6-9 */ }







#prodRequest { height: auto; padding-bottom: 20px; }







#prodRequest img { display: block; margin: 0 auto; }







#prodRequest h4 { text-align: center; display: block;}







#prodRequest a { margin-top: 0; }







#scoopShops .scoopBox h1 { padding: 0 20px; font-size: 24px; margin-top: -28px; }







#scoopShops .scoopBox h2 { margin-top: -24px; font-size: 22px; }







.scoopBoxHover:hover .scoopInfoContainer { opacity: 0; }







#recentlySpotted h1 { font-size: 22px; }







#recentSliderHolder .bx-viewport { height: auto!important; }







#recentSliderHolder .bx-wrapper:first-child { display: none; }







#recentSliderHolder .bx-wrapper:last-child .bx-pager { margin-top: 5px; display: block; }







#recentSliderHolder li p { margin-bottom: 0; }







.page-about .mobile-section-1 { background: #ecefd4 url(images/bg-about.jpg) center bottom no-repeat; min-height: 300px; margin: 0 auto; width: 100%; background-size: cover;  }







.page-about .mobile-section-1 h1 { font-size: 24px; width: auto; margin: 0 auto; text-align: center; margin-top: 80px; }







.page-catering .mobile-section-1 { background: #ecefd4 url(images/bg-about.jpg) center bottom no-repeat; min-height: 300px; margin: 0 auto; width: 100%; background-size: cover;  }







.page-catering .mobile-section-1 h1 { font-size: 24px; width: auto; margin: 0 auto; text-align: center; margin-top: 80px; color: #fff; }







.page-about #nealImage { height: 300px; }







.page-about #aboutUs #aboutInfo { text-align: left; padding: 30px; padding-right: 50px; }







.page-about #aboutUs #aboutInfo h1 { text-align: left; padding: 0px 0 20px 0px; font-size: 28px; }







.page-about #aboutUs #aboutInfo p { text-align: left; padding-left: 0px; }







.page-about .scrollable { height: 320px; }







.scrollUp, .scrollDown { right: 20px; }







.page-about .infoBlock p:last-child { padding-bottom: 100px; }







#healthyPlanet { height: auto; }







#healthyPlanet h4 { text-align: center; }







#icecreamAcres { text-align: center; }







#icecreamAcres img { width: 100%; }







#icecreamAcres h1 { font-size: 32px; }







#icecreamAcres p { font-size: 15px; line-height: 21px; }







#topFooter { padding-bottom: 30px; }







#topFooter ul { margin-top: 30px; }







#topFooter ul li { text-align: center; }







#bottomFooter .col-md-6 { text-align: center; }







.mobile-section-2 { background-attachment: initial !important; }







#teamBlocks .container-fluid .bioBlock h1 { padding: 0 20px; font-size: 24px; margin-top: -28px; }







#teamBlocks .bioBlock:hover .infoHolder { opacity: 0; }







.error404 #pageContent img { margin: 0 auto; display: block; }







.sizepics.maxqt img { left: 0; right: 0; margin-left: auto; margin-right: auto; }







}







/* Target iPad Mini */







@media only screen 







  and (min-device-width: 768px) 







  and (max-device-width: 1024px) 







  and (-webkit-min-device-pixel-ratio: 1) {







.mobile-section-2 { background-attachment: initial !important; }



.productRow .col-md-6 { background-position: center center; }



}







/* Portrait and Landscape */







@media only screen 







  and (min-device-width: 768px) 







  and (max-device-width: 1024px) 







  and (-webkit-min-device-pixel-ratio: 1) {







.mobile-section-2 { background-attachment: initial !important; }



.productRow .col-md-6 { background-position: center center; }







}







/* Portrait and Landscape */







@media only screen 







  and (min-device-width: 768px) 







  and (max-device-width: 1024px) 







  and (-webkit-min-device-pixel-ratio: 2) {







.mobile-section-2 { background-attachment: initial !important; }



.productRow .col-md-6 { background-position: center center; }







}







/* Target iPhones */







/* ----------- iPhone 6+ ----------- */







/* Portrait and Landscape */







@media only screen 







  and (min-device-width: 414px) 







  and (max-device-width: 736px) 







  and (-webkit-min-device-pixel-ratio: 3) { 







.mobile-section-2 { background-attachment: initial !important; }



.productRow .col-md-6 { background-position: center center; }







}







/* ----------- iPhone 6 ----------- */







/* Portrait and Landscape */







@media only screen 







  and (min-device-width: 375px) 







  and (max-device-width: 667px) 







  and (-webkit-min-device-pixel-ratio: 2) { 







.mobile-section-2 { background-attachment: initial !important; }



.productRow .col-md-6 { background-position: center center; }







}







/* ----------- iPhone 5 and 5S ----------- */







/* Portrait and Landscape */







@media only screen 







  and (min-device-width: 320px) 







  and (max-device-width: 568px)







  and (-webkit-min-device-pixel-ratio: 2) {







.mobile-section-2 { background-attachment: initial !important; }



.productRow .col-md-6 { background-position: center center; }







}