/*------------------------------------------------------------------
Jeremiah's Italian Ice v2.0
Developer: AVALUX Incorporated
Property and/or copyright of AVALUX Incorported, Jeremiah's Italian Ice, or respective third parties.

[Table of Contents]

1. HTML / Body
2. Typography
3. Half Tone
4. Header
5. Main Nav
6. Homepage Carousel
8. Default Page Styles
9. History Timeline
10. Forms
11. Treats
12. Locations
13. Party Buckets (old)
13.A Party Buckets (new)
14. Shop
15. Footer
-------------------------------------------------------------------*/
/* TEMP */

.blinking-error {
	color: #fff;
    display: inline;
    margin-left: 10px;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

#home-footer-promos {
	margin-top: 25px;
	margin-bottom: 25px;
}

@media screen and (max-width: 450px){
	#home-footer-promos {
		margin-bottom: 0;
	}
	
	body.home .promo .attach-bottom {
		margin-bottom: 25px !important;
	}
}

#shop-banner-promo.gc-balance h2 {
	font-size: 1.5em !important;
}

#coupon-modal .modal-title {
	padding: 10px 40px;
    color: #F26649;
}

#coupon-modal .modal-body a,
#coupon-modal .modal-body a:hover {
	color: #F26649;
}

.clickable:hover {
	text-decoration: underline;
	cursor: pointer;
}

.coupon-row {
	display: none !important;
}

#coupon-code {
	text-transform: uppercase;

}

#coupon-code ::-webkit-input-placeholder {
	color: #000 !important;
}

#coupon-code ::-moz-placeholder { /* Firefox 19+ */
	color: #000 !important;
}

#coupon-code :-ms-input-placeholder { /* IE 10+ */
	color: #000 !important;
}

#coupon-code :-moz-placeholder { /* Firefox 18- */
	color: #000 !important;
}

span#submit-coupon {
	background-color: #F26649;
	color: #fff;
}

span#submit-coupon:hover {
	cursor: pointer;
	background-color: #d95d44;
}


#temp-links a {
    color: #00505A;
}

#gallerymodal .modal-header {
    height: 40px;
}

#gallerymodal .modal-header button.close {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

#gallerymodal .modal-content {
    background-color: #231f20;
}

#gallerymodal .modal-content::before,
#gallerymodal .modal-content::after {
    background: url('../img/menu-top-dark.png') repeat-x;
}

#gallerymodal .modal-header button.close {
    background: url('../img/modal-close-word.png') no-repeat;
    height: 20px;
    width: 77px;
    background-size: 77px 15px;
}

.modal-location-title {
    font: normal normal 3rem/1 "claire_handregular", sans-serif;
    color: #c3d822;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.modal-location-title span {
    font: bold normal 3rem/1 "rockwell", sans-serif;
    color: #d56b4e;
}

.lightbox-figure {
    margin: 0 auto;
    height: auto;
    padding: 15px 25px 25px 25px;
}

.lightbox-img-modal {
    border: 4px solid #bbd22c;
}

.lightbox-img:hover {
    cursor: pointer;
}

p.flavor-error {
    text-align: center;
    font-size: 18px;
    font-family: "claire_handregular", sans-serif;
    color: #c3d822;
    line-height: 1.2;
    margin: 10px 25px;
}

a.form-recover-password,
a.form-recover-password:link {
    color: #5d848a;
}

a.form-recover-password:hover {
    color: #0a5763;
}

body.party-buckets main figure,
body.party-buckets main figure img {
    border: none;
    background: none;
}

body.party-buckets main figure::before,
body.party-buckets main figure::after {
    display: none;
}

.gallery-title {
    font: normal normal 2.5rem/1 "claire_handregular", sans-serif;
    color: #c3d822;
}

.sale-price {
    color: #11a05c;
}

.error-text {
    font-family: "claire_handregular", sans-serif !important;
    text-align: center;
    font-size: 2vw;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    -ms-animation-duration: 3s;
    animation-duration: 3s;
}

.error-text a {
    color: #F26649;
}

.error-text a:hover {
    color: #00505A;
}


/*------------------------------------------------------------------
[1. HTML / Body]
*/

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    background: #c3d822 url('../img/burst.png') top center no-repeat;
    background-size: cover;
    position: relative;
    font-size: 14px;
    min-height: 100%;
}

main {
    background: #00e9ff url('../img/wave.png');
    background-size: cover;
    padding-top: 35px;
}

.fake-title {
    margin: 25px auto;
}


/*------------------------------------------------------------------
[2. Typography]
*/


@font-face {
    font-family: 'claire_handregular';
    src: url('../fonts/clairehandregular-webfont.eot');
    src: url('../fonts/clairehandregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clairehandregular-webfont.woff2') format('woff2'), url('../fonts/clairehandregular-webfont.woff') format('woff'), url('../fonts/clairehandregular-webfont.ttf') format('truetype'), url('../fonts/clairehandregular-webfont.svg#claire_handregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'claire_handbold';
    src: url('../fonts/clairehandbold-webfont.eot');
    src: url('../fonts/clairehandbold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clairehandbold-webfont.woff2') format('woff2'), url('../fonts/clairehandbold-webfont.woff') format('woff'), url('../fonts/clairehandbold-webfont.ttf') format('truetype'), url('../fonts/clairehandbold-webfont.svg#claire_handbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rockwell';
    src: url('../fonts/rockwell.eot');
    src: url('../fonts/rockwell.eot?#iefix') format('embedded-opentype'), url('../fonts/rockwell.woff') format('woff'), url('../fonts/rockwell.ttf') format('truetype'), url('../fonts/rockwell.svg#rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rockwellbold';
    src: url('../fonts/rockwellbold.eot');
    src: url('../fonts/rockwellbold.eot?#iefix') format('embedded-opentype'), url('../fonts/rockwellbold.woff2') format('woff2'), url('../fonts/rockwellbold.woff') format('woff'), url('../fonts/rockwellbold.ttf') format('truetype'), url('../fonts/rockwellbold.svg#rockwellbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'rockwellextrabold';
    src: url('../fonts/rockwellextrabold.eot');
    src: url('../fonts/rockwellextrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/rockwellextrabold.woff2') format('woff2'), url('../fonts/rockwellextrabold.woff') format('woff'), url('../fonts/rockwellextrabold.ttf') format('truetype'), url('../fonts/rockwellextrabold.svgrockwellextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=1ef46ceb-1384-4b4d-b733-8d4c948f5f3c&fontids=883435");
@font-face{
    font-family:"rockwellextrabold";
    src:url("../fonts/0a0a3b6d-c6d4-4867-b940-2fc5a433345f.eot?#iefix");
    src:url("../fonts/0a0a3b6d-c6d4-4867-b940-2fc5a433345f.eot?#iefix") format("eot"),url("../fonts/afea79af-1eb2-4e32-9820-348f1f2256ed.woff2") format("woff2"),url("../fonts/5c3157e8-1685-449b-8e7d-ea65660cdffc.woff") format("woff"),url("../fonts/7c244623-7559-4bf4-b3c4-bb6874d2acfa.ttf") format("truetype");
}


a {
    color: #ebeae5;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
}

a:hover,
a:active,
a:link,
a:focus {
    color: #fff;
    text-decoration: none;
    outline: none;
}


/* Type Helpers*/

.readmore {
    text-transform: uppercase;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*------------------------------------------------------------------
[3. Half Tone]
*/

.half-tone {
    background-image: url('../img/half-tone.png');
    position: absolute;
    width: 290px;
    height: 240px;
    z-index: -1;
}

.half-tone.top {
    top: 0;
}

.half-tone.bottom {
    bottom: 0;
}

.half-tone.left {
    left: 0;
}

.half-tone.right {
    right: 0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


/*------------------------------------------------------------------
[4. Header]
*/

body > header {
    padding-top: 25px;
}

#logo img {
    max-width: 380px;
    width: 25%;
    min-width: 200px;
}

body > header input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #c1d82e !important;
}

body > header input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c1d82e !important;
}

body > header input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c1d82e !important;
}

body > header input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #c1d82e !important;
}

body > header > .header-search {
    background: url('../img/header-search.png');
    height: 38px;
    width: 370px;
    position: absolute;
    left: -245px;
    font-family: "claire_handregular", sans-serif !important;
}

body > header > .header-search input {
    background: #585450;
    border: 1px solid #9c9690;
    width: 115px;
    margin: 5px 0 0 15px;
    color: #c1d82e;
}

body > header > .header-search .browse-by-map {
    background: #f55f3c;
    display: inline;
    position: absolute;
    left: 0;
    bottom: -24px;
    padding: 2px;
    padding-right: 20px;
    color: #fff;
    font-weight: bold;
}

body > header > .header-search .browse-by-map::after {
    content: '';
    background: url('../img/header-map-pin.png') no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    right: -10px;
}

body > header > .header-jlist .jlist-hint {
    position: absolute;
    left: 0;
    bottom: -20px;
    font-family: "claire_handregular", sans-serif !important;
    font-weight: bold;
}

body > header > .header-jlist .jlist-login-btn {
    position: absolute;
    top: 7px;
    right: 5px;
    bottom: 0px;
    height: 50px;
}

body > header > .header-jlist .jlist-sign-up {
    font-family: "claire_handregular", sans-serif !important;
    background: #f55f3c;
    display: inline;
    position: absolute;
    right: 0;
    bottom: -24px;
    padding: 2px;
    padding-right: 30px;
    color: #fff;
    font-weight: bold;
}

body > header > .header-jlist .jlist-sign-up:after {
    content: '';
    background: url('../img/header-arrow.png') no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    right: -0px;
}

body > header > .header-jlist {
    background: url('../img/header-jlist.png') no-repeat;
    height: 38px;
    width: 555px;
    position: absolute;
    right: -400px;
    padding-left: 150px;
}

body > header > .header-jlist input {
    background: #585450;
    border: 1px solid #9c9690;
    width: 115px;
    margin: 5px 0 0 15px;
    color: #c1d82e;
    font-family: "claire_handregular", sans-serif !important;
    display: inline-block;
    width: 140px;
    text-transform: none !important;
}

body > header > .header-jlist input.error {
    background: #AF3830 !important;
}

body > header > .header-jlist.loggedin {
    cursor: pointer;
}

body > header > .header-jlist.loggedin .jlist-hint {
    position: absolute;
    left: 0;
    bottom: -30px;
    font-family: "claire_handregular", sans-serif !important;
    font-weight: bold;
}


/*------------------------------------------------------------------
[5. Main Nav]
*/

nav#main-nav {
    min-height: 85px;
    height: 85px;
    background: #050708 url('../img/logo-bottom.png') top center no-repeat;
    background-size: auto;
    position: relative;
    overflow: hidden;
}

nav#main-nav::before,
nav#main-nav::after {
    content: url('../img/nav-bars.png');
    display: block;
    width: auto;
    height: 50px;
    position: absolute;
    top: 25%;
}

nav#main-nav::after {
    right: 0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

nav#main-nav .nav-left,
nav#main-nav .nav-right {
    width: 34vw;
    /*width: 460px;*/
}

nav#main-nav .nav-left {
    float: left;
    padding-left: 120px;
}

nav#main-nav .nav-right {
    float: right;
    padding-right: 120px;
    text-align: right;
}

nav#main-nav ul {
    list-style: none;
    padding: 0;
    padding-top: 16px;
}

nav#main-nav li {
    display: inline-block;
    font: normal bold 2.8rem/1 "Kameron";
}

nav#main-nav li.smaller {
    font-size: 2rem;
}

nav#main-nav li.hr {
    width: 100%;
    height: 2px;
    background: #f55f3c;
    display: block;
    margin: 5px 0;
    clear: both;
}

nav#main-nav .nav-right li.hr {
    float: right;
}

.lost-password-module {
    background: #f26649;
    color: #fff;
}

.lost-password-module input {
    background-color: #ce4b30;
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.lost-password-module input:focus {
    background-color: #d03d1f;
}

.lost-password-module .reset-password {
    background-color: #00505A;
    width: 100%;
    color: #fff;
    padding: 8px;
    border: none;
}

.lost-password-module-feedback {
    display: none;
}

@media screen and (max-width: 1500px) {
    nav#main-nav li.hr {
        width: 90%;
    }
    
    #individual-flavor {
	    padding: 20px;
    }
}

@media screen and (max-width: 1375px) {
    nav#main-nav li.hr {
        width: 90%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    button.reset-password {
        width: 100%;
        display: block;
        float: none;
    }
}

@media screen and (max-width: 500px) {
    button.reset-password {
        width: 100%;
        display: block;
        float: none;
    }
}

@media screen and (min-width: 1200px) {
    button.reset-password {
        margin-top: 55px;
    }
    body.reset .lost-password-module button.reset-password {
        margin-top: 112px;
    }
}

nav#main-nav li.star.huge-only {
    display: none;
}

.ipad-landscape-only {
    display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .ipad-landscape-only {
        display: block;
    }
}

@media only screen 
and (min-device-width: 300px) 
and (max-device-width: 736px) {
	body.shop #progress-meter  .step-label {
		top: -2px !important;
	}
}

@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation: portrait){
	body.shop #progress-meter .step-label {
		left: 5px !important;
	}
	
	body.party-buckets #progress-meter .step-label {
		top: 12px !important;
	}
}
''
@media only screen 
and (max-device-width: 736px) 
and (orientation: landscape){
	body.party-buckets #progress-meter .step-label {
		top: 25px !important;
	}
}
  
  
  
body.shop.checkout a.thumbnail {
	margin-right: 15px;
}

body.shop.checkout .media .pull-left {
	padding-right: 5px !important;
}

@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px)
  and (orientation: landscape) {
	  .mobile-landscape-stamp {
		  width: 50% !important;
	  } 
}

@media screen and (min-width: 1900px) {
    nav#main-nav::before,
    nav#main-nav::after {
        content: url('../img/nav-bar.png');
        display: block;
        width: auto;
        height: 50px;
        position: absolute;
        top: 25%;
    }
    nav#main-nav li.hr,
    nav#main-nav br {
        display: none;
    }
    nav#main-nav li {
        font-size: 1.6rem !important;
    }
    nav#main-nav li.star.huge-only {
        display: inline-block;
    }
    nav#main-nav .nav-left ul li a {
        letter-spacing: .1em;
    }
    nav#main-nav .nav-right ul {
        padding-top: 30px;
    }
    nav#main-nav ul {
        padding-top: 35px;
    }
    .star {
        margin-top: -5px !important;
    }
    .nav-right .star {
        margin-top: -10px !important;
    }
    nav#main-nav br.show-on-huge {
        display: block;
    }
    nav#main-nav .nav-left,
    nav#main-nav .nav-right {
        width: 37vw;
    }
    nav#main-nav .nav-right li:not(.double-line) {
        margin-top: -10px;
        line-height: 1;
        vertical-align: middle;
    }
}

@media screen and (min-width: 2170px) {
    nav#main-nav li.hr {
        display: none;
    }
    nav#main-nav li {
        font-size: 2rem !important;
    }
    .star.huge-only {
        display: block;
        margin-top: -5px;
    }
    .star {
        margin-top: -5px !important;
    }
    nav#main-nav ul {
        padding-top: 35px;
    }
    nav#main-nav br.show-on-huge {
        display: block;
    }
}

@media screen and (min-width: 2390px) {
    .star {
        margin: auto 1vw !important;
    }
}

@media screen and (max-width: 1450px) {
    /*
    nav#main-nav .nav-left, nav#main-nav .nav-right {
        display: none;
    }

    #logo {
        display: none;
    }

    nav#main-nav {
        background-image: none;
    }
*/
}

@media screen and (min-width: 1050px) and (max-width: 1445px) {
    nav#main-nav .nav-left,
    nav#main-nav .nav-right {
        width: 36vw;
    }
    nav#main-nav li {
        font-size: 1em !important;
    }
}

@media screen and (max-width: 1141px) {
    .hidden-on-small {
        display: none;
    }
}

@media screen and (min-width: 1258px) and (max-width: 1440px) {
    nav#main-nav li {
        padding-right: 12px;
    }
}

nav#main-nav li.star {
    margin: auto 2%;
    font-size: 1.5rem;
    color: #c3d822;
    vertical-align: middle;
    line-height: 1;
    margin-top: -2px;
}

nav#main-nav li.smaller.adjust-up {
    margin-top: -10px;
    line-height: 1;
    vertical-align: middle;
}

nav#main-nav li.star.adjust-up {
    margin-top: -10px;
}

nav#main-nav li.star.smaller {
    margin-top: -5px !important;
}

nav#main-nav li a {
    color: #fbefb1;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

nav#main-nav li a.active,
nav#main-nav li a:hover {
    color: #C3D822;
}

nav#main-nav li a small {
    font-size: 1.2rem;
    vertical-align: middle;
}

nav#main-nav li.double-line {
    line-height: .5vw;
    margin: 0 5px;
    text-align: center;
}

nav#main-nav li.double-line small {
    font-size: 1.2rem;
    line-height: .8em;
}

nav#main-nav .nav-right li a small {
    line-height: 1;
}

nav#main-nav #mobile-nav > span {
    color: #fff;
    margin-top: 25px;
    margin-right: 15px;
    float: right;
    width: 105px;
    display: block;
    text-align: center;
    font-size: 2rem;
    padding: 5px 10px;
    background: #F26649;
    display: none;
}

#mobile-nav ul {
    display: none;
    float: left;
    margin-top: 35px;
    margin-left: 20px;
}

#mobile-nav ul li {
    padding-right: 15px;
    font-size: 1.5em;
}

#fundraising-complete {
    display: none;
}


/*------------------------------------------------------------------
[6. Homepage Carousel]
*/

.share {
    background: #bbd22c;
    width: 120px;
    height: 30px;
    position: absolute;
    right: 20px;
    z-index: 50000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    list-style: none;
    padding: 0;
    padding-top: 5px;
    padding-left: 5px;
}

#credits .share {
    background: none;
    padding: 0;
    height: 20px;
}

.share li {
    display: inline;
    margin-left: 4px;
}

.share li a {
    display: inline-block;
    background: url('../img/social-sprite.png') no-repeat;
    text-indent: -9999px;
    height: 16px;
    width: 16px;
}

.share li a:hover {
    background: url('../img/social-sprite-hover.png') no-repeat;
}

.share li a.tw {
    background-position: -15px 0;
}

.share li a.gp {
    background-position: -30px 0;
    width: 20px;
}

.share li a.ig {
    background-position: -50px 0;
    width: 20px;
}

.share li a.rss {
    background-position: -70px 0;
    width: 20px;
}

#carousel .item img {
    display: block;
    width: 100%;
    height: auto;
}


/*------------------------------------------------------------------
[8. Default Page Styles]
*/

.mobile-only {
    display: none;
}

@media screen and (max-width: 550px) {
    .mobile-only {
        display: block;
    }
    .mobile-hidden {
        display: none;
    }
    .mobile-bump {
        padding-left: 66px;
    }
    
    .mobile-all-ears {
	    display: block;
	    margin-top: 5px;
	    margin-left: 55px;
    }
}

body.home .promo {
    position: relative;
}

body.home .promo .attach-bottom {
    margin-left: auto;
    margin-right: auto;
}

body.home .promo .attach-bottom figure img {
    width: 100% !important;
}

body.home .promo .attach-bottom p {
    margin: 0;
    padding: 0;
}

main p {
    font-size: 1.65rem;
    line-height: 2;
}

main figure:not(.noframe) {
    border-radius: 3px;
    border: 5px solid #000;
    background-color: #fff;
    padding: 15px;
    position: relative;
    max-width: 100%;
}

.noframe img {
	border: none;
}

main figure.pull-right {
    margin: 5px 0 5px 25px;
    max-width: 50%;
}

body.location main figure.pull-right {
    max-width: 100%;
}

main figure.pull-left {
    margin: 5px 25px 5px 0;
}

main figure:not(.noframe)::before,
main figure:not(.noframe)::after {
    display: block;
    width: 18px;
    height: 21px;
    content: url('../img/figure-corner.png');
    position: absolute;
}

main figure::before {
    top: 4px;
    left: 4px;
}

main figure::after {
    bottom: 4px;
    right: 4px;
    -moz-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

main figure img {
    border-radius: 3px;
    border: 3px solid #000;
    max-width: 100%;
}

main #more-links figure img,
main #contact-details figure img {
    border: none;
}

.top-section {
    margin-top: 50px;
}

header.title-block {
    margin-bottom: 50px;
}

body.about header.title-block {
	margin-bottom: 0;
}

figure img {
    width: 100%;
}

header.title-block h1 {
    font: bold normal 6em/1 "rockwellextrabold", sans-serif;
    font-size: 4vw;
    letter-spacing: .1vw;
    word-spacing: .5vw;
    text-align: left;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    -webkit-text-stroke: 3px #0a5763;
    text-shadow: .25vw .3vw 0 #0a5763, -.1vw -.1vw 0 #0a5763, .1vw -.1vw 0 #0a5763, -.1vw .1vw 0 #0a5763, .1vw .1vw 0 #0a5763;
    margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    header.title-block h1 {
        -webkit-text-stroke: 2px #0a5763;
        text-shadow: 3px 3px 0 #0a5763, 1px -1px 0 #0a5763, -1px 1px 0 #0a5763, 1px 1px 0 #0a5763;
    }
    header.title-block h2 {
        font-size: 1.5em;
    }
}

@media screen and (min-width: 601px) {
    header.title-block h2 {
        font-size: 2em;
    }
}

header.title-block h2 {
    background: url('../img/title-bar-star.png') 1px center repeat-x;
    background-image: url('../img/title-bar-star.png'), url('../img/navy-bg.png');
    background-position: 10px 12px, 0 0;
    margin-top: 15px;
    padding-left: 10px;
    position: relative;
}

header.title-block h2 span {
    background: url('../img/navy-bg.png');
    font: normal normal 1em/1 "claire_handregular", sans-serif;
    color: #fff;
    line-height: 1.2;
    height: 100%;
    padding-right: 0;
}

header.title-block h2 span.cart {
    position: absolute;
    right: 10px;
    color: #fff;
    z-index: 3000;
    top: 0;
    background: #056875;
    padding: 5px 10px;
    font-size: .6em;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    padding-left: 28px;
}

header.title-block h2 span.cart::before,
.cart-icon > span::before {
    content: "";
    display: inline-block;
    background: url('../img/cart.svg');
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: 3px;
}

body.jlist header.title-block h2 span.cart::before {
    display: none;
    width: 0;
}

.cart-icon > span::before {
    left: 0;
    right: 15px;
    margin: 0 auto;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    top: 3px;
}

.cart-icon > span {
    height: 40px;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.cart-icon-added {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url('../img/cart.svg');
}

.cart-icon > span:hover {
    cursor: pointer !important;
}

header.title-block h2 span.cart:hover {
    background: #108f9f;
}

header.title-block h2 span.cart:hover {
    cursor: pointer;
}

header.title-block h2 span span.cart-count {
    background: transparent;
    padding: 0 5px;
    color: #C4DA4D;
}

header.title-block h2 span span.cart-count::before {
    content: "(";
    margin-right: 2px;
}

header.title-block h2 span span.cart-count::after {
    content: ")";
    margin-left: 2px;
}

body.location header.title-block h2 span {
    font-size: .7em;
    margin-top: 5px;
}

@media only screen and (max-width: 1050px) {
    body.location #individual-location {
        margin-top: 50px;
    }
}

header.title-block h2::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    height: 20px;
    background: url('../img/navy-bg.png') repeat-x;
    background-position: top center;
    background-size: contain;
}

header.title-block h2::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    height: 20px;
    background: url('../img/navy-bg.png') repeat-x;
    background-position: bottom center;
    background-size: contain;
}

body.location header.title-block h2::after {
    height: 10px;
    bottom: -5px;
}

body header.title-block h2,
body.treats header.title-block h2,
body.locations header.title-block h2,
body.location header.title-block h2,
body.live-life-to-the-coolest header.title-block h2 {
    background: #00505A url('../img/navy-bg.png') repeat-x;
    text-align: center;
}

body.location header.title-block h2 {
    padding: 0px 5px 15px 25px;
    text-align: left;
}

.pagecontent:not(.ice-cream) {
	overflow: auto;
}

.pagecontent,
.pagecontent p {
    font-size: 20px !important;
    margin-bottom: 50px;
    line-height: 2;
    color: #00505a;
}

.pagecontent p:last-of-type {
	margin-bottom: 0px;
}

.pagecontent a {
    color: #fff;
    font-weight: bold;
    font-family: "rockwellbold";
    letter-spacing: .1em;
    text-transform: uppercase;
    background: #08d7ea;
    padding: 3px 6px;
}

.pagecontent a.nopadding {
	padding: 0;
}

.pagecontent a:hover {
    color: #fff;
	background: #00505a;
}

body header.title-block h2 {
    text-align: left;
}

body.locations header.title-block h2 {
    margin-bottom: 60px;
}

header.title-block h2:after {
    clear: both;
    content: "";
    display: block;
}

#more-links {
    clear: both;
}

#more-links figure,
#contact-details figure {
    border: none;
    background-color: transparent;
}

#more-links figure img {
    border: none;
}

#more-links figure::before,
#more-links figure::after,
#contact-details figure::before,
#contact-details figure::after {
    display: none;
}

#more-links .block {
    text-align: center;
    margin: 50px 0 40px;
}

#more-links a {
    color: #337ab7;
}

#more-links a:hover {
    color: #73A5D0;
}

.more-page-links:last-of-type {
    padding-top: 25px;
}

form h4 {
    font: bold normal 2em/1 "rockwell", sans-serif;
}

.more-page-links p {
    font: normal normal 2em/1 "claire_handregular", sans-serif;
    padding-top: 2vh;
}

.desserts-small {
    /*   overflow: hidden; */
}

.desserts-small > div {
    height: 175px;
    position: relative;
}



.desserts-small a {
    background-image: url('../img/small-desserts-sprite.png');
    width: 117px;
    height: 150px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    bottom: -50px;
    margin: 0 10px;
}

body.about .desserts-small a {
	bottom: -10px;
}

@media screen and (max-width: 768px) {
	body.about .desserts-small a {
		bottom: -20px;
	}
}

body.about .dessert-desc {
	bottom: 0px !important;
}



#article-content {
    margin-bottom: 50px;
    overflow: auto;
}

@media screen and (max-width: 768px) {
    .desserts-small a {
        bottom: -20px;
    }
    main {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    main article.article-small figure.pull-left,
    body.article main #article-content figure.pull-left {
        width: 100% !important;
    }
}

@media screen and (max-width: 580px) {
    .desserts-small {
        padding-left: 0 !important;
    }
    .desserts-small a {
        /*      bottom: -70px; */
    }
    .desserts-small a:last-of-type {
        margin-left: 10px;
    }
    .dessert-desc {
        margin-left: 10px;
        left: 10px !important;
    }
    .col-xs-offset-3 {
        margin-left: 5vw !important;
        margin-right: 10vw !important;
    }
    
    .desserts-small.ice-cream a:last-of-type {
        margin-left: 30px;
    }
    
    .desserts-small.ice-cream .dessert-desc {
        margin-left: 30px;
        left: 10px !important;
    }
}

.ice-cream-svg-container {
    width: 300px;
    float: left;
    display: block;
}

.ice-cream-svg {
    max-width: 400px;
    margin: 0 auto;
    display: block;
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

@media screen and (min-width: 1200px) {
    .desserts-small > div.col-xs-6 {
        width: 30% !important;
        float: right !important;
    }
}

@media screen and (max-width: 900px) {
    .ice-cream-svg-container {
        width: 400px;
    }
}

@media screen and (max-width: 685px) {
    .ice-cream-svg-container {
        width: 300px;
    }
}

@media screen and (max-width: 520px) {
    .ice-cream-svg-container {
        width: 100%;
    }
}

@media screen and (min-width: 1500px) {
    .treats-block-container {
        /*      margin-top: 10.8vw; */
    }
}

.desserts-small a.italian-ice {
    background-position: -117px 0;
}

.desserts-small a.ice-cream {
    background-position: -234px 0;
}

.desserts-small a:hover {
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.dessert-desc {
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    -o-transform: rotate(-90deg);
    /* Opera */
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    position: absolute;
    left: 25px;
    bottom: -30px !important;
    bottom: 0;
    font-family: "claire_handregular", sans-serif;
    letter-spacing: .1em;
    float: left;
    line-height: 1;
    color: #00505A;
}

@media screen and (max-width: 826px) {
	.desserts-small a {
		bottom: -10px;
	}
	
	.dessert-desc {
		bottom: 0 !important;
	}
}

@media screen and (max-width: 1450px) {
    body.about .dessert-desc {
        display: none !important
    }
}

.desserts-small .col-xs-4:nth-child(2) .dessert-desc {
    left: 30px;
}

.desserts-small .col-xs-4:nth-child(3) .dessert-desc {
    left: 38px;
}

.desserts-small .col-xs-offset-3 {
    min-width: 160px;
}

#catering-form label {
    font: normal normal 1.4rem/1.4 "claire_handregular", sans-serif;
}

select.form-control {
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 8px;
    background: #0a5763 url('../img/arrow-down-blue.png') no-repeat 95% 50%;
    background-size: 20px 20px;
    outline: none;
}

.about-history {
    padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
    .s-b-s-btn img {
        width: auto;
        margin: 0 auto;
        text-align: center;
    }
    
    body.about .s-b-s-btn img {
	    margin-bottom: 25px;
    }
    
}

.update-jlist {
    margin: 0 0 0 5px;
}

.update-jlist-feedback {
    font-size: 20px;
    font-weight: bold;
    display: none;
}

body.dashboard #flavor-grid,
body.dashboard #location-grid {
    padding: 0 10px;
}

body.dashboard #location-grid .location-image {
    padding-bottom: 30px;
}

body.dashboard #location-grid .location-image img.selected + .loc-title {
    background: #f26649;
}

body.dashboard #location-grid .location-image img + .loc-title .fa-star {
    display: none;
    padding-top: 2px;
}

body.dashboard #location-grid .location-image img + .loc-title .fa-star:nth-child(1) {
    float: left;
}

body.dashboard #location-grid .location-image img + .loc-title .fa-star:nth-child(2) {
    float: right;
}

body.dashboard #location-grid .location-image img.selected + .loc-title .fa-star {
    display: inline-block;
}

.pdf-btn {
    margin-bottom: 25px;
    background-color: #015059;
    border: none;
    color: #fff;
    text-shadow: none;
}

.pdf-btn:hover {
    background-color: #077783;
    color: #4DEFFE;
}

.pdf-btn.right {
    margin-right: 20px;
}

.table-nutritionals {
    background: #0FCDDE;
    margin-bottom: 50px;
}

.table-header {
    background: #069EAF;
    color: #fff;
    font-size: 1.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*------------------------------------------------------------------
[9. History Timeline]
*/


/*
body.history .cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
body.history .cd-container::after {
  content: '';
  display: table;
  clear: both;
}

body.history main header {
  height: 200px;
  line-height: 200px;
  text-align: center;
  background: #303e49;
}
body.history main header h1 {
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
}

@media only screen and (min-width: 1170px) {
  body.history main header {
    height: 300px;
    line-height: 300px;
  }
  body.history main header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
   .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
   .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 18px;
  font-size: 0.9rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 30px;
    font-size: 2.25rem;
  }
  .cd-timeline-content p {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 20px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 20px;
    font-size: 1.5rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
   .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
   .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
   .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

*/

#contact-details {
    border-radius: 8px;
    background: rgba(255, 255, 255, .3);
    padding: 25px;
    margin-bottom: 150px;
    color: #00505a;    
}

@media screen and (max-width: 768px){
	#contact-details .address {
		margin-bottom: 50px;
	}
}

#contact-details .address h4 {
	font-size: 1.75em;
}

#contact-details .address p {
	font-size: 1.5em !important;
}

#contact-details a {
    color: #f26649;
}

@media screen and (max-width: 1800px) {
    #contact-details {
        margin-bottom: 75px;
    }
}

@media screen and (max-width: 1500px) {
    #contact-details {
        margin-bottom: 0px;
    }
}

#contact-details h4 {
    text-transform: capitalize;
}

.page-section {
    margin: 50px 0;
    clear: both;
}

.page-section.no-bottom {
    margin-bottom: 0;
}

.page-section.contains-form {
    margin-top: 100px;
}


/*------------------------------------------------------------------
[10. Forms]
*/

.form-control {
    background-color: #0a5763;
    font-family: "Kameron", sans-serif;
    font-size: 1.2em;
    color: #fff;
    min-height: 40px;
    outline: none;
    border: none;
}

textarea.form-control {
    min-height: 120px;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #C9C9C9 !important;
    text-transform: uppercase;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #C9C9C9 !important;
    text-transform: uppercase;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #C9C9C9 !important;
    text-transform: uppercase;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #C9C9C9 !important;
    text-transform: uppercase;
}

.form-section-desc {
    padding: 0 15px;
    font-family: "Kameron", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

#j-list-signup,
#j-list-form {
    padding-bottom: 0;
}

#j-list-form {
	margin-bottom: 50px;
}

#already-member {
    display: none;
    margin-top: 25px;
    color: #f26649;
    font-weight: bold;
    font-size: 20px;
}

#contact-form {
    padding-bottom: 50px;
}

#login-alert {
    margin: 25px 0;
    display: none;
}

#login-form {
    margin-top: 25px;
    margin-bottom: 50px;
}

.alert-danger {
    color: #f5f5f5;
    background-color: #f26649;
    border-color: none;
}

.form-link {
    color: #0a5763;
    padding-top: 9px;
}

form button.form-control {
    background: #1C92A5;
}

form .form-group.has-error .form-control {
    background: #d37059;
    border: 2px solid #fff;
}

form button.form-control:hover {
    background: #0E7A8B;
}

#form-alert {
    margin: 15px auto;
    padding-left: 30px;
    position: relative;
}

#form-alert.alert.alert-danger:before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 15px;
    padding-right: 0.5em;
    position: absolute;
    top: 14px;
    left: 8px;
}

form p {
    color: #0a5763;
}

#form-feedback {
    position: relative;
}

@media screen and (max-width: 768px) {
    #form-feedback {
        min-height: 40vw;
    }
    #form-feedback .form-error .errors-mobile {
        bottom: 20vw !important;
    }
    
    .desserts-small a {
		bottom: -20px;
	}
	
	.dessert-desc {
		bottom: 0px !important;
	}
	
	#contact-details {
		text-align: center;
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 768px) {
    #form-feedback {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
    }
}

@media screen and (min-width: 1285px) {
    #form-feedback .form-error .errors-mobile {
        display: none;
    }
}

#form-feedback .form-initial,
#form-feedback .form-error,
#form-feedback .form-success {
    bottom: 0;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #form-feedback .form-initial,
	#form-feedback .form-error,
	#form-feedback .form-success {
		height: 180px;
	}
}

#form-feedback .form-error,
#form-feedback .form-success {
    display: none;
}

#form-feedback .form-error .errors,
#form-feedback .form-error .errors-mobile {
    background-color: #d37059;
    border-radius: 8px;
    width: 350px;
    height: auto;
    padding: 10px 25px;
    bottom: 14vw;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

body.checkout .checkout-error {
    display: none;
    background-color: #d37059;
    border-radius: 8px;
    height: auto;
    padding: 10px 25px;
    margin-bottom: 25px;
    color: #C5DA3D;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 2em;
}



#inline-form-errors {
    display: none;
    background-color: #d37059;
    border-radius: 8px;
    height: auto;
    padding: 10px 25px;
    margin-bottom: 25px;
}

#inline-form-errors.cust ul {
    margin-bottom: 0;
}

#inline-form-errors.cust li {
    border: none;
    padding: 0;
}

#form-feedback .form-error .errors-mobile {
    width: 200px;
}

#form-feedback .form-error .errors:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 50px #d37059;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}

#form-feedback .form-error .errors-mobile:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 25px #d37059;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

#form-feedback .form-error .errors h3 span,
#form-feedback .form-error .errors-mobile h3 span,
#inline-form-errors h3 span {
    display: block;
    font-size: 1.6rem;
}

@media screen and (max-width: 1285px) {
    #form-feedback .form-error .errors {
        display: none;
    }
    #form-feedback .form-error .errors-mobile {
        display: block;
    }
}

#form-feedback .form-error .errors h3,
#form-feedback .form-error .errors-mobile h3,
#inline-form-errors h3 {
    font: normal bold 2rem/1 "Kameron";
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 3px solid #c3d822;
}

#form-feedback .form-error .errors-mobile h3 {
    border-bottom: none;
}

#form-feedback .form-error .error-list,
#inline-form-errors ul {
    padding: 0;
    list-style-position: inside;
}


#form-feedback .form-error .error-list li,
#inline-form-errors li {
    color: #fff;
}

#form-feedback .form-initial .frog:hover,
#form-feedback .form-initial .sign:hover {
    cursor: pointer;
}

#form-feedback {
    position: relative;
}

#form-feedback .frog {
    z-index: 2000;
    position: absolute;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 768px) {
    #form-feedback .frog {
        width: 50%;
    }
}

#form-feedback .sign {
    position: absolute;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    left: 5%;
    right: 0;
    bottom: 8vw;
    z-index: 1000;
    -webkit-transition: top 0.5s, bottom 0.5s;
}

#form-feedback .thankyou.sign {
    width: 25%;
    left: 0%;
    /*  bottom: 75px; */
}

body.page.catering #form-feedback .thankyou.sign {
    bottom: 10vw;
}

#form-feedback .form-initial:hover .sign {
    bottom: 10vw;
}

#form-submit {
    display: block;
    width: 300px;
    height: 345px;
    position: absolute;
    bottom: 0;
    left: 20%;
    background-position: 0 50px !important;
}

#form-submit.initial {
    background: url('../img/form-submit.png') no-repeat;
    background-size: 300px 345px;
}

#form-submit.success {
    background: url('../img/form-success.png') no-repeat;
    background-size: 300px 345px;
}


/*------------------------------------------------------------------
[11. Treats]
*/

.treats-block-container {
    position: relative;
}

#treat-block {
    height: 600px;
    width: 90%;
    border-bottom: 10px solid #0a5763;
    margin-top: 50px;
    margin-bottom: 0;
    position: absolute;
    bottom: 80px;
    display: none;
    /*  overflow: hidden; */
}

@media screen and (max-width: 1000px) {
    #treat-block {
        position: relative;
    }
}

@media screen and (max-width: 1470px) {
    #treat-block {
        height: 40vw;
    }
}

@media screen and (max-width: 991px) {
    #flavor-texts {
        padding-top: 17vw;
    }
}

@media screen and (max-width: 768px) {
    #flavor-texts {
        padding-top: 0;
        margin-bottom: 2vw;
    }
}

.owl-controls {
    position: absolute;
    right: 50px;
    bottom: -25px;
    height: 25px;
    width: 150px;
    z-index: 10000;
}

.owl-pagination {
    height: 50px;
    position: absolute;
    z-index: 6000;
    right: 25px;
    top: 12px;
}

.owl-controls .owl-page {
    height: 20px;
    width: 20px;
    display: inline-block;
}

.owl-controls .owl-page span {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 10px;
    background: #393939;
}

.owl-controls .owl-page.active span {
    background: #c3d822;
}

.owl-controls .owl-page:hover span {
    background: #969e58;
}


/*

.treat-img:nth-child(1) img{
    height: 30vw;
    width: auto;
    //max-width: 45em;
}

.treat-img:nth-child(2) img{
    height: auto;
    width: 23vw;
    max-width: 28em;
}

.treat-img:nth-child(3) img{
    height: auto;
    width: 28vw;
    max-width: 28em;
}
*/

.treat-img {
    position: absolute;
    bottom: 0;
}

.treat-img:nth-child(1) img {
    height: 30vw;
    width: auto;
}

.treat-img:nth-child(2) img {
    height: 30vw;
    width: auto;
}

.treat-img:nth-child(3) img {
    height: 30vw;
    width: auto;
}

.treat-img .arrow {
    background: url('../img/arrow.png') no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -35px;
    right: 0;
}

.large-gelati {
    left: 0;
    z-index: 1000;
}

.large-ice {
    left: 33%;
    z-index: 900;
}

.large-ice .arrow {
    right: 20px;
}

.large-icecream {
    right: 0;
    bottom: 0;
    z-index: 800;
}

.ice-cream-tag {
    margin: 40px 0;
    width: 100%;
}

.large-icecream img {}

.large-icecream .arrow {
    -moz-transform: scaleX(-1) rotate(-20deg);
    -o-transform: scaleX(-1) rotate(-20deg);
    -webkit-transform: scaleX(-1) rotate(-20deg);
    transform: scaleX(-1) rotate(-20deg);
    filter: FlipH;
    -ms-filter: "FlipH";
    right: -10%;
    top: -100px;
}

.arrow {
    animation: animationFrames ease-in-out 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease-in-out 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames ease-in-out 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames ease-in-out 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease-in-out 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(-37px, 35px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: translate(0px, 0px);
    }
    50% {
        -moz-transform: translate(-37px, 35px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(-37px, 35px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: translate(0px, 0px);
    }
    50% {
        -o-transform: translate(-37px, 35px);
    }
    100% {
        -o-transform: translate(0px, 0px);
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform: translate(0px, 0px);
    }
    50% {
        -ms-transform: translate(-37px, 35px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
    }
}


/**************************/

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*
#product-left {
    height: 70%;
    width: 41%;
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 50px;
}
*/

#product-left {
    width: 30vw;
    height: 30vw;
    margin: 0 auto;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -250px;
}

.modal {
    z-index: 8000;
}

@media screen and (max-width: 1100px) {
    body.treats .pagecontent figure:first-of-type {
        width: 100%;
        float: none;
    }
}

body.treats .product-overview {
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: -100px;
    bottom: -20px;
    z-index: 4000 !important;
}


/* Nav Banner Common */

@media only screen and (max-width: 767px) {
    body.treats .product-overview {
        display: none;
    }
    body.treats .modal-dialog {
        padding-left: 0px;
    }
}

.check-em-out {
	clear: both;
    margin-top: 0px;
}

.check-em-out p.nutritionals {
    font-size: 1.3em;
    letter-spacing: 1px;
}

.check-em-out p.nutritionals a {
    opacity: .4;
    color: #000;
}

.check-em-out p.nutritionals a:hover {
    opacity: .8;
    color: #000;
}

.check-em-out .double-line {
    display: none;
}

@media screen and (max-width: 1050px) {
    .check-em-out .single-line {
        display: none;
    }
    .check-em-out .double-line {
        display: block;
        width: 50%;
        margin: 0;
    }
    
    p.nutritionals {
	    text-align: left;
    }
}

.individual-treat-ctas img {
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
    height: 175px;
}

@media screen and (max-width: 826px) {
    .individual-treat-ctas,
    .desserts-small-wrapper {
        width: 100%;
    }
    .individual-treat-ctas {
        text-align: center;
    }
    .individual-treat-ctas img {
        width: 250px;
    }
    .individual-treat-ctas img {
        padding: 10px;
        margin-top: 25px;
        margin-bottom: 10px;
        height: 225px;
    }
}

@media screen and (max-width: 655px) {
    .individual-treat-ctas img {
        width: 150px;
    }
    .individual-treat-ctas img:first-of-type {
        margin-right: 15px;
    }
}

@media screen and (max-width: 635px) {
    .col-xs-offset-3 {
        margin-left: 15vw;
    }
}

@media screen and (max-width: 450px) {
    .individual-treat-ctas img {
        width: 30vw;
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 650px) {
    .individual-treat-ctas,
    .desserts-small-wrapper {
        width: 100%;
        text-align: center;
    }
    .desserts-small > div {
        height: 130px;
    }
    .individual-treat-ctas img {
        margin-top: 0px;
    }
    .individual-treat-ctas img:first-of-type {
        margin-right: 50px;
    }
    .individual-treat-ctas img:last-of-type {
        margin-left: 50px;
    }
}

@media screen and (max-width: 5800px) {
    /*jbuff*/
}

.modal-content {
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    border: none;
}

.modal-content::before {
    position: absolute;
    top: -10px;
    height: 10px;
    content: ' ';
    display: block;
    width: 100%;
    background: url('../img/menu-top.png') repeat-x;
}

.modal-content::after {
    position: absolute;
    bottom: -10px;
    height: 10px;
    content: ' ';
    display: block;
    width: 100%;
    background: url('../img/menu-top.png') repeat-x;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

#modalLabel {
    padding-top: 10px;
    padding-left: 40px;
    font: normal bold 2.5rem/1 "Kameron";
    text-transform: uppercase;
    color: #d56b4e;
}

#modalLabel::before {
    position: absolute;
    content: ' ';
    left: 0px;
    display: block;
    background: url('../img/menu-bar-left.png') no-repeat;
    width: 40px;
    height: 20px;
}

#modalLabel::after {
    position: absolute;
    content: ' ';
    right: 0px;
    display: block;
    background: url('../img/menu-bar-right.png') no-repeat;
    width: 100px;
    height: 20px;
    top: 25px;
}

.modal-header,
.modal-footer {
    border: none;
    padding-bottom: 0;
}

.modal-header button.close {
    background: url('../img/modal-close.png') no-repeat;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    color: #fff;
    text-indent: -9999px;
    display: inline-block;
    opacity: 1;
    margin-top: -10px;
}

.modal-body {
    padding: 10px 55px;
}

.menu-legend p {
    font: normal bold .8rem/1 "Kameron";
    color: #c4da49;
    text-transform: uppercase;
}

.menu-legend p span {
    font-size: 1.5rem;
    margin-right: 15px;
}

.menu-legend .menu-icon {
    width: 12px;
    height: 12px;
    margin-top: -3px;
    margin-left: 5px;
}

@media screen and (max-width: 2270px) {
    body.treats .modal-content {
        margin-left: 100px;
        margin-right: -100px;
    }
}

#flavor-module {
    background: #00505A;
    padding: 50px 0;
    display: none;
    position: relative;
}

#flavor-module header {
    margin-bottom: 15px;
}

#flavor-module footer {
    margin-top: 15px;
}

#flavor-module header img,
#flavor-module footer img {
    width: 100%;
}

#flavors {
    margin-top: 20px;
}

.flavor {
    padding-bottom: 1px;
}

.flavor h2 {
    font: normal bold 2rem/1 "Kameron";
    color: #d56b4e;
    text-transform: uppercase;
    padding-left: 20px;
    margin: 10px 0 0 0;
}

.flavor h2:hover,
.flavor-box:hover {
    cursor: pointer;
}

.flavor h2::before {
    position: absolute;
    margin-left: -20px;
    margin-top: 2px;
    content: ' ';
    display: block;
    background: url('../img/menu-right-arrow.png') no-repeat;
    width: 20px;
    height: 20px;
}

.flavor h2::after {
    position: absolute;
    margin-left: 10px;
    margin-top: -1px;
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
}

.flavor h2.classification-1::after {
    background: url('../img/icon-standard.png') no-repeat;
}

.flavor h2.classification-2::after {
    background: url('../img/icon-rotational.png') no-repeat;
}

.flavor h2.classification-3::after {
    background: url('../img/icon-seasonal.png') no-repeat;
}

.flavor h2.expanded::before {
    background: url('../img/menu-down-arrow.png') no-repeat;
}

.flavor-info {
    display: none;
    padding-left: 20px;
    border-top: 1px dashed #c4da49;
    border-bottom: 1px dashed #c4da49;
    padding: 10px 20px;
    margin-top: 5px;
}

.flavor-info .description {
    color: #d56b4e;
    font-weight: bold;
    font-size: 1.3rem;
}

.flavor-info .availability::before {
    float: left;
    margin-left: -40px;
    content: ' ';
    display: block;
    background: url('../img/icon-frog.png') no-repeat;
    width: 35px;
    height: 20px;
}

.flavor-info .availability {
    padding-left: 60px;
    font: normal normal 1.4rem/1.6 "claire_handregular", sans-serif;
    margin-bottom: 0;
    position: relative;
}

.flavor-info .location-number {
    margin-left: 0;
    margin-right: 20px;
    position: absolute;
    top: 2px;
    left: .4vw;
}

.flavor-info .availability span.arrow-down {
    display: inline-block;
    background: url('../img/flavor-availability-arrow.png') no-repeat;
    width: 35px;
    height: 10px;
}

.flavor-info p {
    font-size: 1.1rem;
    line-height: 1;
}

.flavor-info ul.locations {
    list-style: none;
    margin: 5px 0 0 63px;
    padding: 0;
}

.flavor-info ul.locations li {
    display: block;
    color: #d56b4e;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
}



/* iPhone width 667px */

@media screen and (max-width: 667px) {
    .double-line {
        width: 100% !important;
    }
    #flavor-module .individual-flavor-svg,
    #flavor-module .individual-flavor-content {
        width: 100%;
    }
    #flavor-module .individual-flavor-svg svg {
        width: 50%;
        margin: 40px auto;
        display: block;
    }
    #individual-flavor-title {
        font-size: 2em !important;
        margin-top: 0 !important;
    }
    .individual-flavor-content .flavor-info .availability {
        font-size: .9em !important;
    }
    .individual-flavor-content .flavor-info .availability span.arrow-down {
        height: 9px !important;
    }
    .individual-flavor-content .flavor-info .location-number {
        font-size: .8em !important;
    }
    .individual-flavor-content .flavor-info .availability::before {
        width: 2em !important;
        height: 2em !important;
    }
    #other-popular-flavors {
        width: 95% !important;
        padding-bottom: 20px !important;
    }
    #other-popular-flavors h4 {
        font-size: 1.5em !important;
        margin: 15px 0 !important;
    }
}


/*------------------------------------------------------------------
[12. Locations]
*/

#search-results-area.col-xs-12 {
    margin-top: 50px;
}

.map-size {
    color: #fff;
    cursor: pointer;
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    padding: 8px;
    border-bottom-left-radius: 2px;
    -webkit-background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    border-left: 0px;
    min-width: 40px;
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: rgb(10, 87, 99);
    background-clip: padding-box;
    margin: 6px 5px;
}

.map-size:hover {
    color: rgb(77, 239, 255);
}

@media screen and (max-width: 991px) {
    #map-and-search {
        margin-bottom: 50px;
    }
    #search-results-area .arrow-left {
        display: none;
    }
    #state-shape .marker {
        font-size: 2em !important;
    }
}

@media screen and (max-width: 475px) {
    #state-shape .marker {
        font-size: 1.2em !important;
    }
}

#state-shape img {
    height: 100%;
    width: 100%;
}

#state-shape {
    position: relative;
}

#state-shape .marker {
    background: url('../img/location-marker.svg') no-repeat;
    background-size: 2vw 3vw;
    height: 100px;
    width: 100px;
    color: #fff;
    font: normal normal 1.7vw/1.4 "claire_handregular", sans-serif;
    text-shadow: .1vw .1vw 0 #0a5763, -.05vw -.05vw 0 #0a5763, .05vw -.05vw 0 #0a5763, -.05vw .05vw 0 #0a5763, .05vw .05vw 0 #0a5763;
    /* This is a small miracle */
    position: absolute;
    padding-left: 2vw;
    padding-top: .4vw;
}

.bh-sl-container img {
    max-width: none;
}

#state-shape .marker.jacksonville {
    top: 12%;
    left: 59.5%;
}

#state-shape .marker.orlando {
    top: 30%;
    left: 60%;
}

#state-shape .marker.tampa {
    top: 42%;
    left: 50%;
}

.location-search-group input.location-search {
    background-image: url('../img/location-zip-code-input-img.png');
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: 5px 10px;
    padding-left: 40px;
}

.location-search-btn:hover {
    cursor: pointer;
}

#locations-results {
    font: bold normal 1em/1 "rockwell", sans-serif;
    background: #0a5763;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 100px;
    text-transform: uppercase;
}

.arrow-left {
    position: absolute;
    top: 260px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #0a5763;
}

#locations-results .location {
    background: url('../img/location-icon-lg.png') center right no-repeat;
    border-bottom: 1px dashed #c4da49;
    padding: 5px;
    padding-bottom: 10px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

#locations-results .location:hover {
    background-color: rgba(0, 0, 0, .1) !important;
}

#locations-results .location:hover {
    background: url('../img/location-icon-hover-lg.png') center right no-repeat;
    cursor: pointer;
}

@media screen and (max-width: 555px) {
    #locations-results .location,
    #locations-results .location:hover {
        background: none !important;
    }
    #locations-results .location-details {
        font-size: 1.1em;
    }
    #locations-results .location-details li strong {
        display: block;
        text-align: left;
        margin-bottom: 4px;
    }
    #locations-results .location h2 span {
        display: block;
    }
    img.location-search-btn {
        width: 100px;
        height: auto;
        margin-top: 7px;
    }
    #map-canvas {
        min-height: 300px !important;
    }
}

#locations-results .location-results-region .location:last-of-type {
    border-bottom: none;
}

#locations-results .region {
    color: #c4da49;
    border-bottom: 4px solid #488d98;
}

#locations-results .region span {
    color: #488d98;
}

#locations-results h1 {
    font-size: 1.5em;
    padding-bottom: 5px;
    color: #fff;
}

#locations-results h1:not(:first-of-type) {
    margin-top: 50px;
}

#locations-results h2 {
    font-size: 1.3em;
    color: #fff;
}

#locations-results h2 .store-page-link {
    font: normal normal 1.3rem/1.4 "claire_handregular", sans-serif;
    color: #5098a3;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

#locations-results h2 a:hover,
#locations-results h2 a:hover .store-page-link {
    color: #c4da49;
}

.location-details {
    font: normal normal 1.3rem/1 "Helvetica", sans-serif;
    font-weight: 200;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #c5f4ff;
    font-size: 1.3em;
}

.location-details li {
    padding: 5px 0;
}

body.location .location-details li {
    margin-bottom: 20px;
    display: block;
}

.location-details li a {
    color: #c3d822;
}

.location-details li strong {
    font: bold normal 1.4rem/1 "rockwell", sans-serif;
    color: #488d98;
    width: 50px;
    text-align: right;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 10px;
}

.location-details li.contact-store {
    font: normal normal 1.5rem/1 "claire_handregular", sans-serif;
    font-weight: 200;
}



header.location h2 {
    overflow: visible;
}

/*
header.location h2::before {
    background: url('../img/location-icon-lg-darker.png') no-repeat;
    position: absolute;
    content: ' ';
    width: 120px;
    height: 100px;
    left: 0;
    top: -95px;
}
*/

#location-details {
    background: #0a5763;
    border-radius: 10px;
    position: relative;
    margin-top: -30px;
    padding: 30px 15px;
}

#location-details .store-image {
    float: right;
}

#location-details .store-image img {
    max-width: 350px;
}

@media screen and (max-width: 1000px) {
    #location-details .store-image {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 25px;
        overflow: auto;
    }
    #location-details .store-image figure,
    #location-details .store-image figure img {
        max-width: 100%;
        width: 100%;
        clear: both;
    }
}

.chain {
    background: url('../img/chain-link.png') no-repeat;
    height: 40px;
    width: 17px;
    position: absolute;
    top: -15px;
}

.chain.left {
    left: 100px;
}

.chain.right {
    right: 100px;
}


#location-details .location-title {
    border-bottom: 1px dashed #3d838e;
}

#location-details .location-title h3 {
    color: #c3d822;
    font: normal normal 3rem/1.2 "claire_handregular", sans-serif;
    padding-left: 35px;
}

#location-details .location-title h3::before {
    position: absolute;
    left: 20px;
    content: ' ';
    height: 30px;
    width: 25px;
    background: url('../img/location-pin.png') no-repeat;
    background-size: 20px 25px;
    background-position-y: 3px;
}

#location-details .location-title h3 span {
    color: #d56b4e;
    font: bold normal 3rem/1 "rockwell", sans-serif;
    text-transform: uppercase;
}

.vert-seperator {
    color: #488d98;
    padding: 0 5px;
}

.footer-vert-seperator {
    color: #4E4E4E;
}

.location-description {
    margin-top: 15px;
}

.directions-hint {
    padding-left: 64px;
    line-height: 1.5;
    font: normal normal 1.5rem/1 "claire_handregular", sans-serif;
    margin-top: 8px;
    display: block;
}

.location-panel {
    background: #0a5763;
    border-radius: 10px;
    position: relative;
    margin-top: 15px;
    padding: 30px 15px;
}

.location-panel h3 {
    font: normal normal 2.5rem/1 "claire_handregular", sans-serif;
    color: #c3d822;
    margin: 0;
}

.location-panel article h3 {
	margin-bottom: 15px;
}

.location-panel article .thumb {
	padding-bottom: 25px;
}

.location-panel article .thumb img {
	border: 2px solid #008a8e;
	display: block;
    max-width: 100%;
    height: auto;
}

.gallery-row {
    padding: 20px 0 15px;
}

@media screen and (max-width: 767px) {
    #location-gallery .gallery-row > div:nth-child(n+5) {
        display: none;
    }
    #location-gallery img {
        width: 100%;
        height: auto;
    }
}

#flavor-details {}

#location-gallery img.lightbox-img {
    margin: 25px auto;
    border: 2px solid #008a8e;
}

article.article-small:first-of-type {
    margin-top: 25px;
}

article.article-small figure {
    min-width: 35% !important;
}

article.article-small h3 a {
    font: normal normal 2.5rem/1 "claire_handregular", sans-serif;
    color: #c3d822;
}

article.article-small h3 a:hover {
    color: #f26649;
}

article.article-small p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 200;
    letter-spacing: .05em;
}

.continue-reading {
    opacity: .7;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.continue-reading:hover {
    opacity: 1 !important;
}


/*------------------------------------------------------------------
[13. Party Buckets]
*/

#party-bucket-form {
    background: #00505A;
    border-radius: 0;
    min-height: 500px;
    margin-bottom: 100px;
}

.tooltip-style {
    cursor: help;
}

#party-bucket-form header {
    border-bottom: 4px solid #428893;
    margin: 0 25px;
    padding-bottom: 20px;
}

#party-bucket-form footer {
    border-top: 4px solid #428893;
    margin: 0 25px;
    margin-top: 50px;
    padding-bottom: 20px;
    padding-top: 10px;
}

#party-bucket-form footer p {
    font: normal bold 1.6rem/1.2 "Kameron";
    color: #428893;
}

#party-bucket-form footer p span {
    color: #fff;
}

#party-bucket-form h2 {
    font: normal bold 2.5rem/1 "Kameron";
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}

#party-bucket-form h3 {
    font: normal normal 2rem/1 "Kameron";
    color: #c4da49;
    margin: 0;
}

#party-bucket-form h3 small {
    color: #428893;
}

#party-bucket-form .notice {
    color: #428893;
    padding-right: 25px;
    font-size: 1.3rem;
}

#party-bucket-form ul {
    list-style: none;
    padding: 0;
    text-transform: uppercase;
}

#party-bucket-form ul li[data-product-type="bucket"]::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: -8px;
    background: url('../img/bucket.png') no-repeat;
    height: 27px;
    width: 27px;
}

#party-bucket-form ul li[data-product-type="scooper"]::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: -8px;
    background: url('../img/scooper.png') no-repeat;
    height: 27px;
    width: 27px;
}

#party-bucket-form ul li[data-product-type="scooper"].remove::before,
#party-bucket-form ul li[data-product-type="bucket"].remove::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: -8px;
    background: url('../img/trash.png') no-repeat;
    height: 27px;
    width: 27px;
}

#party-bucket-form ul li {
    border-bottom: 1px dashed #428893;
    padding-left: 35px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gotopayment {
    cursor: pointer;
}

.goback {
    opacity: .8;
}

.goback:hover {
    opacity: 1;
}

#sticky-bucket {
    width: 80%;
    height: auto;
}

#party-bucket-form ul li .remove-click {
    position: absolute;
    width: 25px;
    left: 0;
    top: -15px;
    bottom: 0;
    display: block;
    cursor: pointer;
}

#party-bucket-form ul li:first-of-type {
    margin-top: 0;
}

#party-bucket-form ul li p {
    color: #fff;
    line-height: 1;
}

.checkout-add,
.checkout-remove {
    opacity: .8;
}

.checkout-add:hover,
.checkout-remove:hover {
    opacity: 1;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkout-add {
    background: url('../img/checkout-add.png');
    height: 18px;
    width: 24px;
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
}

.checkout-remove {
    background: url('../img/checkout-remove.png');
    height: 18px;
    width: 24px;
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
}

.checkout-item-subtotal {
    color: #fff;
    display: inline-block;
    padding-left: 20px;
}

.add-buckets img,
.add-extras img {
    opacity: .8;
}

.add-buckets img:hover,
.add-extras img:hover {
    opacity: 1;
}

span.subtotal {
    font: normal normal 2rem/1 "Kameron";
    font-weight: bold;
    color: #c4d948 !important;
}

.flavor-box h2 {
    font-size: 1.2rem;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.flavor-box div {
    background-color: #efefef;
    margin: 5px;
    padding: 15px;
    position: relative;
}

h2.toggleflavor {
    padding: 30px;
}

body.locations .flavor-box h2 {
    font-family: 'Rockwell', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: bolder;
    letter-spacing: .08em;
}

.flavor-box div.flavor-wrapper {
    padding: 0;
}

.flavor-box {
    opacity: .7;
}

.pull-left.percent {
    margin-right: 10px;
    margin-bottom: 5px;
}

.percent-20 {
    width: 20%;
}

.percent-30 {
    width: 30%;
}

.percent-40 {
    width: 40%;
}

.percent-50 {
    width: 50%;
}

#flavor-grid {
    padding: 0 20px;
}

#flavor-details header,
flavor-details footer {
    display: block;
    clear: both;
    height: 50px;
}

#flavor-details header img,
#flavor-details footer img {
    width: 100%;
}

#flavor-details footer {
    margin-top: 25px;
}

#flavor-grid header img,
#flavor-grid footer img {
    margin: 0 auto;
    width: 100%;
}

.flavor-box-svg {
    padding: 5px;
}

.flavor-box:hover {
    opacity: 1;
}

.flavor-box div .added-count {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    text-align: center;
    margin: 0;
    padding: 11px 0 0 0;
    background: rgba(0, 0, 0, .1);
    display: none;
}

.flavor-box div.lighter .added-count,
.flavor-box div.lighter .adjust-count-up,
.flavor-box div.lighter .adjust-count-down {
    background: rgba(255, 255, 255, .6);
    color: #fff;
}

.flavor-box div .adjust-count-up {
    position: absolute;
    top: 0;
    bottom: 50%;
    right: 0;
    width: 20px;
    background: rgba(0, 0, 0, .1);
    padding: 0;
    margin: 0;
    display: none;
}

.flavor-box div .adjust-count-down {
    position: absolute;
    bottom: 0;
    top: 50%;
    right: 0;
    width: 20px;
    background: rgba(0, 0, 0, .1);
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, .2);
    display: none;
}

.flavor-box div .adjust-count-up i,
.flavor-box div .adjust-count-down i {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    padding-left: 4px;
    opacity: .5;
    pointer-events: none;
}

.flavor-box div .adjust-count-up:hover i,
.flavor-box div .adjust-count-down:hover i {
    opacity: 1;
}

.step-1 {
    /*  display: none; */
}

.step-2,
.step-3 {
    display: none;
    margin: 0 25px;
}

.step-2 p {
    color: #fff;
}

.pickup {
	margin-top: 40px;
}

.pickup legend, .step-2 legend {
    font-size: 12px;
    text-transform: uppercase;
    color: #c4da49;
}

.pickup label, .step-2 label {
    font-weight: normal;
    color: #fff;
}

.search-locations-link {
    margin-bottom: 10px;
    display: block;
    float: right;
    clear: right;
    padding-top: 3px;
}

.search-locations-link a {
    color: #428893;
}

.search-locations-link a:hover {
    color: #4fb1c0;
    text-decoration: none;
}

form.party-bucket-customer-info fieldset:not(:first-of-type) {
    margin-top: 25px;
}

form.party-bucket-customer-info input,
form.party-bucket-customer-info select,
form.party-bucket-customer-info textarea {
    background-color: #fff !important;
    color: #000 !important;
}

.nomargin {
    margin: 0;
}

#payment-form .payment-details {
    background: #428893 !important;
    border-radius: 3px;
    padding: 25px;
}

.icon-lock {
    padding-left: 25px;
    position: relative;
}

.icon-lock.icon-large {
    padding-left: 35px;
}

.icon-lock::before {
    content: " ";
    background: url('../img/lock.svg') no-repeat;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-lock.icon-large::before {
    height: 28px;
    width: 28px;
    background-size: 28px 28px;
}

#payment-form label {
    font: normal normal 1.3rem/1 "Kameron";
    text-transform: uppercase;
    color: #fff;
}

#payment-form input {
    background: #fff;
    color: #0a5763;
}

.nopadding {
    padding: 0;
}


/*------------------------------------------------------------------
[13.A Party Buckets] (new)
*/

body.party-buckets #flavor-grid {
    margin-bottom: 50px;
    overflow: auto;
}

body.party-buckets header.title-block {
    /*  padding: 0 23px !important; */
}

.pb-next-inst-wrapper {
    z-index: 2000;
    background: transparent;
    float: left;
}

.pb-next-inst {
    float: left;
    pointer-events: none;
    z-index: 10000;
}

.pb-next-inst-wrapper {
    pointer-events: none;
}

.pb-next-inst::after,
.pb-next-inst-wrapper::before {
    display: none !important;
}

.pb-cart-list,
.pb-cart-list li,
.pb-extras-cart-list,
.pb-extras-cart-list li {
    padding: 0 !important;
    border-bottom: 0 !important;
    list-style: none !important;
}

.pb-cart-list li,
.pb-extras-cart-list li {
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    transition: all .3s ease-out;
}

.pb-cart-list li strong:hover {
    cursor: pointer;
    color: #c3d822;
    /*  padding-left: 5px !important; */
}

.pb-extras-cart-list li:hover {}

.pb-cart-list,
.pb-extras-cart-list {
    padding-left: 5px !important;
}

.pb-next {
    text-align: right;
    display: block;
    cursor: pointer;
}

.pb-next::after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.continue-btn-group {
    position: relative;
    overflow: auto;
    height: 450px;
}

.continue-btn-group img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.continue-btn-group img.continue-back,
.continue-btn-group img.continue-forward,
.continue-btn-group img.continue-buckets {
    animation-play-state: paused;
    z-index: 200;
    width: 50% !important;
    max-width: 200px;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .continue-btn-group img.continue-buckets {
        width: 60% !important;
    }
}

.continue-btn-group img.continue-forward {
    top: 50px;
    left: 30px;
}

.pb-step-1 .continue-btn-group img.continue-forward {
    top: 95px;
}

.continue-btn-group img.continue-back {
    top: 120px;
    left: -40px;
}

.pb-step-1 .continue-btn-group img.continue-back {
    top: 15px;
}

.continue-btn-group img.continue-buckets {
    bottom: 15px;
    max-width: 300px;
}

.continue-btn-group img.continue-post {
    height: 400px;
}

.continue-btn-group img.continue-back:hover,
.continue-btn-group img.continue-forward:hover {
    animation-play-state: running;
    cursor: pointer;
}

.continue-btn-group img.continue-post {
    z-index: 100;
}

@media screen and (max-width: 768px) {
    .pb-next {
        margin: 0 auto;
        float: none !important;
    }
}

#cart-banner {
    /*
    position: relative;
    height: 100px;
    width: 100%;
    background: rgba(0,0,0,.8);
    display: block;
    top: 0;
    left: 0;
*/
}

#sticky-cart-sticky-wrapper.stuck {}

#sticky-cart {
    position: relative;
    min-height: 100px;
    width: 100% !important;
    background: rgba(0, 81, 90, 1);
    display: block;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    padding: 20px;
}

#sticky-cart-sticky-wrapper {
    display: none;
}

#sticky-cart-sticky-wrapper.stuck {
    padding: 0 8px;
    background: rgba(0, 81, 90, 0.8);
}

.pb-count {
    background: #F26648;
    color: #fff;
    margin-top: -6px;
    padding: 0 5px;
    width: 100%;
    text-align: center;
    padding: 0;
    float: left;
}

.pb-count:hover {
    cursor: pointer;
}

#sticky-cart h4 {
    color: #fff;
    font: normal normal 2.5vw/1 "claire_handregular", sans-serif;
}

.pb-dir span {
    font-size: .33em;
    display: block;
}

.added-flavor-wrapper {
    margin-bottom: 10px;
    padding: 0 5px;
}

.added-flavor-wrapper svg {
    width: 100% !important;
}

.fix-margin-top {
    margin-top: 50px;
}

.pb-step-2,
.pb-step-3,
.pb-step-4,
.pb-step-5,
.pb-step-6 {
    background: #00505A;
    display: none;
    padding: 0;
    border-radius: 0;
}

.pb-step-1 {
    background: #00505A;
    padding: 0;
    border-radius: 0;
}

form.party-bucket-customer-info {
    padding-bottom: 50px;
}

#sticky-cart-sticky-wrapper:not(.stuck) {
    min-height: 150px;
}

body.party-buckets #progress-meter {
    display: none;
}

#progress-meter {
    overflow: auto;
    background: #00505A;
}

body.shop #progress-meter {
    display: block;
    background: transparent;
}

body.shop #progress-meter .active-step .step-desc,
body.shop #progress-meter .stepwizard-step:hover .step-desc {
    color: rgb(211, 112, 89);
    text-transform: uppercase;
}

body.shop #progress-meter .step-svg {
    margin-top: -23px;
}

body.shop #progress-meter .step-svg {
    height: 65px !important;
}

body.shop #progress-meter .step-label {
    top: -8px;
    font-size: 30px;
}

.visible-responsive {
	display: none;
}

.coupon-code-directions {
	float: right;
	padding-top:8px;
}

@media screen and (max-width: 700px){
	.visible-responsive {
		display: block;
	}
	
	.responsive-ignore.empty {
		display: none !important;
		visibility: hidden !important;
	}

	
	div.table-row td {
		display:block;
		width:99.9%;
		clear:both;
	}
	
	div.table-row td.text-center {
		margin: 15px 0;
	}
	
	.table-row.item-row td:last-of-type {
		margin-bottom: 25px;
	}
	
	div.table-row td button {
		text-align: center;
		margin: 0 auto;
		float: none !important;
	}
	
	div.table-row td strong {
		font-weight: normal;
	}
	
	body.shop.checkout .media .thumbnail img {
		width: 100% !important;
	}
	
	body.shop.checkout .media .thumbnail {
		margin-bottom: 15px !important;
	}
	
	body.shop.checkout td.text-right {
	    overflow: auto;
	    text-align: center;
	    display: block;
	    float: none;
    }
	
	body.shop.checkout td.text-right.responsive-ignore strong {
		overflow: auto;
		position: relative;
		float: none;
	}
	
	.mobile-left {
		text-align: left;
		margin-bottom: 0;
	}
	
	.mobile-left h5, 
	.mobile-left h3 {
		margin-bottom: 0;
		text-align: left;
	}
	
	.text-right.mobile-left {
		margin: 0 40px;
		overflow: visible !important; 
	}
	
	.table-row .column {
		display: none;
	}
	
	.table-row .column::before {
		display: none;
	}
	
	.table-row.item-row .column {
		display: block;
	}
	
	.coupon-code-directions-cont {
		text-align: left;
		margin-top: 25px;
	}
	
	.coupon-code-directions {
		float: left;
	}
	
	.coupon-col {
		padding: 0;
		margin-bottom: 25px;
	}
	
	.cart-next-btn img {
		float: none !important;
	    margin: 0 auto;
		display: block;
	}
	
	/*jbuffcheckout*/
}

.btn-hover {
    transition: all .2s ease-in-out;
}

.btn-hover:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.wizard-step:hover {
    cursor: pointer;
}

#progress-meter .stepwizard-row:before {
    top: 20px;
    height: 5px;
    background-color: #428893;
}

#progress-meter.dark .stepwizard-row:before {
    background-color: #03505A;
}

#progress-meter.dark .stepwizard-step p {
    color: #03505A;
}

#progress-meter .stepwizard {
    margin-bottom: 0;
}

#progress-meter .step-svg {
    height: 50px !important;
}

#progress-meter .step-svg {
    margin-top: -6px;
}

#progress-meter .step-svg.noshift {
    margin-top: 0;
}

#progress-meter .active-step .step-svg .step-hex-replace {
    fill: #d37059;
}

#progress-meter .stepwizard-step p {
    margin-top: 0px;
    padding-top: 0px;
    line-height: 1;
    color: #428893;
    font-family: "Rockwell Regular", "Rockwell";
    font-weight: normal;
    text-transform: uppercase;
}

@media screen and (max-width: 450px){
	#progress-meter .stepwizard-step p {
		font-size: 12px;
	}
}

#progress-meter .step-label {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 8px;
    font-size: 18px;
    font-family: "rockwell";
    font-weight: bold;
    color: #00505a;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

#progress-meter .active-step .step-desc,
#progress-meter .stepwizard-step:hover .step-desc {
    color: #fff;
}

#progress-meter .step-desc:hover {
    cursor: pointer;
}

#progress-meter .stepwizard-step:not(.active-step):hover .step-label {
    color: #d37059;
}

#progress-meter .active-step .wizard-step:hover {
    cursor: default;
}

#progress-meter .active-step .step-label {
    color: #fff;
}

body.party-buckets #flavor-grid {
    margin-bottom: 0;
}


/*------------------------------------------------------------------
[14. Shop ]
*/

.nopadding {
    padding: 0;
}

.nopadding-shipping-adjust {
    margin-left: 45px !important;
}

@media screen and (max-width: 992px) {
    .nopadding-shipping-adjust {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 991px) {
    .address-mobile-padding {
        margin-top: 150px;
    }
}

#shipping-form .form-group.has-error .form-control {
    border: 2px solid red;
    color: #fff;
}

section#shop {
    margin: 50px 0;
}

#shop-promos {
    margin-bottom: 65px;
}

.shop-products {}

.shop-price {
    border-top: 1px solid #6bd4de;
    border-bottom: 1px solid #6bd4de;
}

.shop-products header.title-block,
body.dashboard header.title-block.arrowdown,
body.party-buckets header.title-block.arrowdown {
    margin-top: 40px;
    margin-bottom: 0;
    padding: 0 15px;
}

body.dashboard header.title-block.arrowdown,
body.party-buckets header.title-block.arrowdown {
    margin-bottom: 25px;
    padding: 0 5px;
}

body.dashboard header.title-block.arrowdown.subsequent {
    margin-top: 50px;
}

.shop-products header.title-block span::after,
body.dashboard header.title-block.arrowdown span::after,
body.party-buckets header.title-block.arrowdown span::after {
    content: " ";
    background: url('../img/handdrawn-arrow-down.png') center bottom no-repeat;
    background-size: contain;
    display: inline-block;
    width: 35px;
    height: 25px;
}

.shop-products .product {
    margin-top: 30px;
}

.shop-products figure img {
    opacity: .8;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    border: none;
}

.shop-products figure:hover img {
    opacity: 1;
    -webkit-transform: scale(1.12);
    /* Safari and Chrome */
    -moz-transform: scale(1.12);
    /* Firefox */
    -ms-transform: scale(1.12);
    /* IE 9 */
    -o-transform: scale(1.12);
    /* Opera */
    transform: scale(1.12);
}

.shop-products .product figure .price {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 100%);
    text-align: center;
    z-index: 6000;
    color: #fff;
    font-size: 2vw;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    opacity: 0;
    font-size: 2vw;
    font-family: "Rockwell", "Helvetica";
    background: transparent;
    padding: 8px;
    line-height: 1;
}

.shop-products .product figure:hover .price {
    transform: translate(-50%, -50%);
    opacity: 1;
    background: rgba(242, 102, 73, .8);
}

@media screen and (max-width: 768px) {
    .shop-products .product figure .price,
    .shop-products .product figure:hover .price {
        opacity: 1;
        font-size: 3.3vw;
        background: rgba(242, 102, 73, .8);
        transform: translate(0, 0);
        left: 0;
        right: 0;
        bottom: 0;
        top: 85%;
        -o-transition: 0s;
        -ms-transition: 0s;
        -moz-transition: 0s;
        -webkit-transition: 0s;
    }
    .shop-products header.title-block span::after {
        height: 15px;
    }
}

#related-products {
    margin: 50px 0;
}

#related-products .related-product {
	margin-bottom: 25px;
}

#shop-banner-promo {
    margin: 50px 0 30px;
    background: #F26649;
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px 10px;
}

#shop-banner-promo .half-tone {
    z-index: auto;
    bottom: 0;
    top: 0;
}

#shop-banner-promo h2 {
    text-align: center;
    font-family: "Rockwell", "Helvetica";
    font-size: 3vw;
    line-height: 1;
    color: #fff;
    letter-spacing: .12em;
}

#shop-banner-promo.smaller h2 {
    font-size: 2vw;
}

#shop-banner-promo.smaller.linked {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

#shop-banner-promo.smaller.linked:hover {
    background: #0a5763;
}

#shop-banner-promo.smaller.linked:hover h2 {
    color: #c3eff3;
}

@media screen and (max-width: 400px) {
    #shop-banner-promo h2 {
        font-size: 1.2em;
    }
}

#shop-banner-promo h2 strong {
    color: #fff3f0;
}

.product-decription {
    margin-bottom: 50px;
}

.product-decription h3 {
    font-family: "Rockwell", sans-serif;
}

#add-to-cart-options {
    background: rgba(255, 255, 255, .3);
    padding: 15px;
    overflow: visible;
    margin: 0 15px;
}

#add-to-cart-options label {
    color: #363636;
    text-transform: uppercase;
    letter-spacing: .05em;
    display: block;
    font-size: .95em;
    font-family: "claire_handregular", sans-serif;
}

#add-to-cart-options input {
    color: #fff;
    font-size: 2em;
    height: 60px;
    width: 100%;
    text-align: center;
    background: #0a5763;
    border: none;
    outline: none;
}

@media screen and (max-width: 991px) {
    #add-to-cart-options input {
        margin-bottom: 10px;
    }
}

#add-to-cart-options select {
    height: 60px;
    text-transform: uppercase;
    font-family: "Rockwell", sans-serif;
    font-weight: normal;
}

.big-green-btn,
.big-green-btn:visited,
.big-green-btn:link {
    background: url('../img/big-green-button.png') no-repeat;
    background-size: cover;
    display: block;
    text-align: center;
    padding-top: 25px;
    width: 300px;
    height: 94px;
    color: #577219;
    font-size: 1.3em;
    font-family: "Rockwell", "Helvetica";
    text-decoration: none;
}

#add-to-cart-options .big-green-btn {
    margin-top: 10px;
}

.big-green-btn:hover,
.big-green-btn:active {
    color: #000;
    text-decoration: none;
}

.product-added-to-cart {
    padding: 15px 15px;
    background: #0a5763;
    margin: 0 15px 50px;
    color: #C4DA4D;
    font: normal normal 2.5rem/1 "rockwell", sans-serif;
    text-align: center;
    display: none;
}

.product-added-to-cart .continue-shopping {
    background: #C4DA4D;
    margin: 15px -15px -15px;
}

.product-added-to-cart .continue-shopping a {
    color: #0a5763;
    padding: 15px;
    display: block;
}

.product-added-to-cart .continue-shopping a:hover {
    color: #198596;
}

.product-added-to-cart a {
    color: rgba(255, 255, 255, .8);
}

.product-added-to-cart a:hover {
    color: #fff;
}

.product-added-to-cart.error {
    background: #F26649;
}

table#checkout {
    background: #fff;
    color: #015059;
}

body.page.shop.checkout .checkout-step {
    color: #015059;
}

body.shop.checkout .panel-heading h4 {
    font: bold normal 2em/1 Rockwell, Helvetica, sans-serif;
}

.checkout-step {
    margin-bottom: 100px;
}

.checkout-step.panel-info,
.panel-info {
    border: none !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-color: transparent;
}

table#checkout h4 a,
table#checkout h3,
table#checkout h5 {
    color: #015059 !important;
    font-family: "Rockwell", sans-serif;
    font-weight: bold;
}


/* seo friendly tables */

.div-table {
    display: table;
    /* Defines a Table */
    font-size: 14px;
    border-bottom: 1px solid #dddddd;
    color: #8d8d8d;
    margin: 0;
    width: 100%;
}

.table-container {
    display: table;
    width: 100%;
}

.table-head {
    display: table-header-group;
    /* Defines a table header group */
    font-weight: 600 !important;
    text-align: center;
    border: solid 1px #ddd;
    color: #333;
    background: rgb(242, 242, 242);
    font-size: inherit;
    vertical-align: middle;
}

.table-head .column {
    /* Column inside the table-head */
    background: #f2f2f2;
    color: #7d7d7d;
    border: solid 1px #ddd;
}

.table-row {
    display: table-row;
    /* Defines a table row */
    padding: 3px 6px;
    color: #333;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}

.table-row .column:nth-child(1) {
    /* First column in a row */
}

.table-row:last-child .column {
    /* column in a last row */
    border-bottom: none;
}

.column {
    display: table-cell;
    /* Defines a table cell */
    padding: 8px 3px;
    color: #333;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    vertical-align: middle;
}

h4.media-heading a {
    color: #000;
}


/* Responsive table */

@media all and (max-width:768px) {
    .div-table,
    .table-row,
    .column,
    .column:before {
        display: block;
        /* Converts a table, table row, table column and table column:before into a block element */
    }
    .div-table,
    .table-row .column:last-child {
        border-bottom: none;
    }
    .table-head {
        position: absolute;
        /* Hides table head but not using display none */
        top: -1000em;
        left: -1000em;
    }
    .table-row {
        margin: 0;
/*         padding: 0; */
    }
    .table-row .column {
        border-right: none;
        text-align: left;
        margin-bottom: 25px;
    }
    .table-row .btn.item-remove {
        padding: 3px 6px;
    }
    .table-row.item-row {
        margin-bottom: 25px;
        border-bottom: 5px solid #f26649;
    }
    .table-row .column:nth-child(1) {
        /* first column of the row */
        border-left: none;
        border-right: none;
    }
    .table-row .column:last-child {
        /* last column of the row */
        border-right: none;
    }
    .table-row.item-row:last-child .column,
    .column {
        /* Column in the last row and column */
        border-bottom: none;
    }
    .column:before {
        /* prints the value of data-label attribute before the column data */
        font-weight: bold;
        padding-right: 20px;
        font-size: 12px;
        content: "" attr(data-label)"";
        /* call the attribute value of data-label and adds a string // */
    }
    .responsive-ignore strong {
        position: absolute;
        right: 40px;
        margin-top: -10px;
    }
    .responsive-ignore strong:last-of-type {
        position: absolute;
        right: 40px;
        margin-top: -20px;
    }
}

.store-alert {
    font: normal normal 2rem/1 "claire_handregular", sans-serif;
}

.store-alert.empty {
    margin-bottom: 25px;
}

.store-alert a {
    color: #1da2b4;
}

.store-alert a:hover {
    color: #7F8E11;
}

.edit-cart {
    color: rgba(255, 255, 255, .5);
    font-size: .8em;
    font-weight: normal;
    font-family: "Helvetica", sans-serif;
}

.edit-cart:hover {
    color: #000;
}

#checkout-step-2,
#checkout-step-3,
#checkout-step-4 {
    display: none;
}

.checkout-step .form-control {
    background: #FFFFFF;
    color: #00505A;
}

.checkout-step .panel-heading {
    background: #F26649;
    border-color: #F26649;
}

.checkout-step .panel-heading h4 {
    color: #fff;
    font-family: "Rockwell", Helvetica, sans-serif;
}

.checkout-step .panel-body .form-control {
    background: #CCCCCC;
    color: #0a5763;
}

.checkout-step .panel-body .form-control.item-quantity {
    min-width: 35px;
}

@media screen and (max-width: 768px) {
    #cardExpirationMonth {
        margin-bottom: 25px;
    }
    
    .checkout-step .panel-body .form-control.item-quantity {
	    min-width: 35px;
	    max-width: 50px;
	    margin: 0 auto;
	    text-align: center;
	}
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    opacity: 1;
}

.cards {
    padding-left: 0;
    list-style: none;
}

.cards li {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background-image: url('../img/cards.jpg');
    background-position: 0 0;
    float: left;
    margin-right: 8px;
    text-indent: -9999px;
    width: 25px;
    height: 18px;
    background-size: 75px 35px;
}

.cards .mastercard {
    background-position: -25px 0;
}

.cards .amex {
    background-position: -50px 0;
}

.cards li:last-child {
    margin-right: 0;
}

.payment-buttons {
    text-align: right;
    overflow: auto;
    padding: 5px 25px;
}

@media screen and (max-width: 1080px) {
    .cards-row,
    .payment-buttons-row {
        width: 100%;
        overflow: auto;
    }
    .payment-buttons-row {
        margin-top: 15px;
    }
    .payment-buttons {
        text-align: center;
    }
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
    margin: 25px 15px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    height: 2px;
    background-color: #3BC9D6;
    left: 15px;
    right: 15px;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

body.shop.checkout .stepwizard-step {
	margin-top: 8px;
}

body.shop.checkout .stepwizard-step {
	margin-top: 8px;
}


.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.stepwizard .btn-circle.btn-default.active-step {
    background: #F26649;
    border-color: #e65a3e;
    color: #fff;
}

.stepwizard .btn-circle.btn-default,
.stepwizard button:disabled {
    background: #c3d822;
    border-color: #afc31e;
    color: #000;
    font: normal normal 1.8rem/1 "claire_handregular", sans-serif;
    opacity: 1;
}

.stepwizard-content {
    border: none !important;
    float: left !important;
    margin-top: 0 !important;
    padding: 15px !important;
    width: 100% !important;
}


/* Ribbons */

.ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 5000;
}

.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.ribbon-green:before,
.ribbon-green:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon-green:before {
    left: 0;
}

.ribbon-green:after {
    right: 0;
}


/*------------------------------------------------------------------
[15. Footer]
*/

body > footer {
    background-color: #050708;
    padding: 40px 0 5px 0;
    margin-top: -1px;
    z-index: 8000;
    position: relative;
}

body > footer .inner {
    background: #463d3a;
    min-height: 180px;
    position: relative;
    color: #b9b2af;
}

body > footer .inner::before {
    position: absolute;
    content: '';
    background: url('../img/footer-bottom-left-gelati.png');
    background-repeat: none;
    height: 137px;
    width: 98px;
    left: 0px;
    top: 20%;
}

body > footer .inner .social-share {
    position: absolute;
    content: '';
    background: url('../img/share.png');
    background-size: 70px 125px;
    background-repeat: none;
    height: 125px;
    width: 70px;
    right: 0px;
    top: 19%;
    list-style: none;
    margin: 0;
    padding: 0;
}

body > footer .inner .social-share li img {
    height: 41px;
    width: 37px;
    float: right;
}

body > footer .inner .social-share li img:hover {
    cursor: pointer;
}

body > footer .inner h4 {
    margin-top: 20px;
}

body > footer .inner p {
    font-size: .9em;
}

body > footer .inner p.tweet {
    padding-bottom: 10px;
    border-bottom: 1px solid #4f4846;
}

body > footer .inner p.tweet small {
    opacity: .8;
}

body > footer .inner a.callout {
    display: block;
    color: #f55f3c;
    font-size: 1.4em;
}

ul#awards {
    list-style: none;
    padding: 0;
}

ul#awards li {
    padding-left: 35px;
    position: relative;
}

ul#awards li::before {
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
    background: url('../img/trophy.png') no-repeat;
    height: 27px;
    width: 19px;
}

ul#awards li h5 {
    color: #f55f3c;
    text-transform: uppercase;
    margin: 0;
}

body > footer > nav {
    margin-top: 10px;
}

body > footer > nav ul {
    list-style: none;
    text-align: center;
    padding: 4px 20px 0 20px;
}

body > footer > nav ul li {
    display: inline;
    padding: 0 5px;
}

@media screen and (min-width: 1500px) and (max-width: 1975px) {
    body > footer > nav ul li {
        padding: 0 1.2vw;
    }
}

@media screen and (min-width: 1975px) {
    body > footer > nav ul li {
        padding: 0 1.9vw;
    }
}

body > footer > nav ul li a, 
body > footer > nav ul li a:visited {
    font: normal bold 1.2rem/1 "Kameron";
    text-transform: uppercase;
    color: #fbefb1;
}

body > footer > nav ul li a:hover {
	color: #fff;
}

#credits {
    padding-top: 15px;
    color: #5f6225;
    font-size: .9em;
}

footer > nav > #additional-links-btn {
    color: #fff;
    margin-top: 25px;
    margin-right: 20px;
    width: 200px;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    padding: 5px 10px;
    background: #F26649;
    border: none;
    outline: none;
    display: none;
    margin-left: 20px;
    margin-bottom: 25px;
}

@media only screen and (min-width: 375px) and (max-width: 987px) {
    body > footer > nav > #additional-links-btn {
        display: block;
        margin: 25px auto;
    }
    ul.share {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    body > footer > nav ul {
        display: none;
        background: #343434;
        width: 100%;
        position: absolute;
        bottom: 50px;
        z-index: 20000;
    }
    body > footer > nav ul li {
        display: block;
        border-bottom: 1px solid #4c4c4c;
        padding: 0;
    }
    body > footer > nav ul li::last-of-type {
        border-bottom: none !important;
    }
    body > footer > nav ul > li {
        padding: 0;
    }
}

.alert-info a {
    color: #F26648 !important;
}

.loc-title {
    background: #00505A;
    color: #fff;
    font-family: "claire_handbold";
    padding: 10px;
    font-size: 15px;
    text-align: center;
}

body.dashboard #location-blocks {
    overflow: auto;
    padding: 0;
    margin: auto -10px;
}

body.dashboard .flavor-box-svg:hover,
body.dashboard .loc-img:hover {
    cursor: pointer;
}

body.dashboard .loc-img {
	width: 100%;
}

body.dashboard .flavor-box-svg,
body.dashboard .loc-img {
    opacity: .5;
}

body.dashboard .loc-img:hover {
    opacity: .85;
}

body.dashboard .flavor-box-svg.selected,
body.dashboard .loc-img.selected {
    opacity: 1;
}

#jlist-config {
    margin-top: 65px;
    margin-bottom: 200px;
}


/*------------------------------------------------------------------
[16. Articles]
*/

body.article #comments h3 {
    font: bold normal 3rem/1 "rockwell", sans-serif;
}


/*------------------------------------------------------------------
[17. Flavors Module]
*/

#flavor-module {
    overflow: hidden;
    position: relative;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.row.with-arrow {
    position: relative;
    background: #00505A;
    margin: 25px -30px;
}

.top-arrow {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #00505A;
    position: absolute;
    top: -22px;
    left: 25vw;
    display: none;
}

#flavor-module .whole-frog {
    height: 30%;
    width: 30%;
    position: absolute;
    bottom: -110px;
    right: -110px;
    transform: rotate(-40deg);
    display: none;
}

body.party-buckets #flavor-module .whole-frog {
    right: -130px;
    transform: rotate(-30deg);
}

@media screen and (max-width: 991px) {
    #flavor-module .whole-frog {
        right: -70px;
        width: 40%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
    #flavor-module .whole-frog {
        right: -100px;
    }
}

@media screen and (min-width: 1900px) {
    #flavor-module .whole-frog {
        height: 40%;
        width: 40%;
        bottom: -210px;
        right: -210px;
    }
}

#magnets path {
    pointer-events: none;
}

#magnets rect {
    cursor: pointer;
    opacity: .8;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

body.location #magnets rect {
    opacity: 1;
    cursor: default;
}

#magnets rect:hover {
    opacity: 1;
}

#flavor-grid-container.animated {
    visibility: visible;
}

#individual-flavor-wrapper {
    display: none;
}

#individual-flavor .individual-flavor-svg,
#individual-flavor .individual-flavor-content {
    visibility: hidden;
}

#individual-flavor .individual-flavor-svg.animated,
#individual-flavor .individual-flavor-content.animated {
    visibility: visible !important;
}

#individual-flavor .individual-flavor-svg {
    pointer-events: none;
}

.full-treat-svg {}

#individual-flavor-title {
    font-family: "rockwellextrabold", "Rockwell";
    font-size: 2.6vw;
    margin-top: 2em;
    text-transform: uppercase;
}

#individual-flavor-desc {
    color: #29b0c1;
    font-size: 1vw;
    font-weight: normal;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    #individual-flavor-desc {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 1200px) {
    #individual-flavor-desc {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 1065) {
    #individual-flavor-desc {
        font-size: 1.3em;
    }
}

.individual-flavor-content .flavor-info {
    display: block;
}

.individual-flavor-content .flavor-info {
    margin-top: 50px;
    padding: 0;
    border: none;
}

body.party-buckets .individual-flavor-content .flavor-info {
    margin-top: 25px;
}

.fancyh {
    line-height: 0.5;
    color: #c3d822;
    font-family: "claire_handregular";
    overflow: hidden;
    margin-bottom: 2px;
}



.fancyh span {
    display: inline-block;
    position: relative;
    height: 20px;
    padding-top: 4px;
}

.fancyh span::after {
    content: "";
    position: absolute;
    height: 10px;
    border-bottom: 2px dashed #428893;
    top: 0;
    width: 300px;
    left: 100%;
    margin-left: 15px;
}

.fancyh span.white::after {
	border-color: #fff;
}

ul.buckets-per-flavor.white {
	border-color: #fff;
}

ul.buckets-per-flavor {
    padding: 10px 0 20px 0;
    border-bottom: 2px dashed #428893;
    max-width: 465px;
    list-style: none;
}

ul.buckets-per-flavor li::before {
    display: block;
    content: '';
    background: url('../img/small-bucket.svg') no-repeat;
    background-size: 28px 28px;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 20px;
}

ul.buckets-per-flavor li {
    padding-left: 50px;
    color: #fff;
    font-size: 18px;
}

.flavor-title-copy {
    text-transform: uppercase;
}

.pb-addremove {
    float: right;
}

.place-order,
.pb-place-order:hover {
    cursor: pointer;
}

.add-bucket-wrapper {
    margin-top: 25px;
    opacity: .8;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

.pb-add,
.pb-remove {
    opacity: .8;
}

.add-bucket-wrapper:hover,
.pb-add:hover,
.pb-remove:hover {
    cursor: pointer;
    opacity: 1;
}

.pb-total {
    min-width: 50px;
    display: inline-block;
    text-align: right;
}

.pb-header {
    overflow: hidden;
    background: #036975;
    margin: 0 10px 30px 10px;
    font-family: "Rockwell", sans-serif;
    padding: 0;
}

.pb-header h4 {
    text-align: center;
    color: #F0F8FF;
}

.pb-header .info {
    border-right: 1px solid #077d89;
}

.pb-header .wizard-error {
    border-bottom: 1px solid #077d89;
    display: none;
}

.pb-header .wizard-error h4 {
    color: #C4DA4D;
}

.pb-header .info ~ .info {
    border-right: 0;
}

.pb-footer {
    padding: 0 10px;
}

.pb-extra-info {
    background: #036975;
    padding: 20px;
    color: #FFFFFF;
    margin-bottom: 25px;
    position: relative;
}

.pb-extra-info .empty-cart {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .1);
    color: #CCCBCB;
    padding: 5px 10px;
    font-size: .8em;
}

.pb-step-2 .pb-extra-info .empty-cart {
    top: 36px;
    right: 20px;
}

.pb-extra-info .empty-cart:hover {
    cursor: pointer;
    color: #d37059;
    background: rgba(0, 0, 0, .1);
}

.pb-extra-info h4 {
    font-family: "Rockwell", sans-serif;
}

.pb-extra-info p,
.pb-extra-info li {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-family: "Helvetica Neue Bold", "Helvetica Bold", "Helvetica", sans-serif;
}

.cart-icon {
    border-left: 1px solid #077d89;
}

.cart-icon i {
    font-size: 18px;
    padding: 10px;
    text-align: center;
    padding-left: 8px;
    color: #fff;
}

.your-order-to-step-2:hover,
.cart-icon i:hover {
    cursor: pointer;
    color: #d37059;
}

#extras-header {
    margin-top: 40px;
}

#extras-options {
    padding: 10px;
}

#extras-options > div {
    padding: 5px;
}

#extras-options .extras-options-wrapper {
    background: rgba(0, 0, 0, .05);
    padding: 10px;
}

#extras-options .extras-options-wrapper:hover {
    background: rgba(0, 0, 0, .12);
    cursor: pointer;
}

.pb-ctrls-right {
    float: right;
}

.trash-this:hover {
    cursor: pointer;
}

.pb-extras-qty-ctrls {
    margin-right: 10px;
}

.pb-extras-qty-ctrls i {
    opacity: .6;
}

.pb-extras-qty-ctrls i:hover {
    color: #C4DA4D;
    opacity: 1;
    cursor: pointer;
}

.extra-count-num,
.pb-bucket-count-num {
    color: #C4DA4D;
}

.fa-trash-o:hover {
    color: #d37059 !important;
}

#extras-options .extras-options-wrapper .extras-price {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    text-align: center;
    color: #004c56;
    background: #42888f;
    padding: 0;
    margin: 0 5px;
    font-size: 1em;
    font-family: 'rockwellbold', 'rockwell', sans-serif;
}

@media screen and (max-width: 900px) {
    #extras-options > div {
        padding: 5px;
        width: 32% !important;
        display: inline-block;
    }
}

@media screen and (max-width: 630px) {
    #extras-options > div {
        width: 100% !important;
        margin-bottom: 20px;
    }
    #extras-options .extras-options-wrapper .extras-price {
        font-size: 1em !important;
        bottom: -15px !important;
    }
}

#order-summary-details {
    font-size: .8em;
    max-width: 495px;
}

#order-summary-details .total p {
    text-align: right;
    color: #1F9BAB;
    font-family: "rockwellextrabold", "Rockwell";
    font-size: 1em;
}

.review-order .pb-extra-info h4 {
    font-size: 30px !important;
}

@media screen and (max-width: 789px) {
    .review-order .pb-extra-info h4 {
        font-size: 20px !important;
    }
}

.review-order .pb-extra-info {
    background: none;
    padding: none;
}

.review-order .pb-extra-info li {
    border-bottom: 2px dashed #428893 !important;
    padding-top: 3px !important;
    padding-bottom: 5px !important;
}

.review-order .pb-extra-info li:last-of-type {
    border-bottom: none !important;
}

.review-totals {
    color: #fff;
    font-family: "Rockwell", sans-serif;
    padding: 6px;
    overflow: auto;
}

.review-totals.upper {
    padding: 0;
}

.review-order .pb-extra-info .review-totals.upper h4 {
    font-size: 16px !important;
}

.review-totals header {
    height: 5px;
    border-top: 4px solid #036975;
}

.review-totals h4 {
    color: #428893;
}

.review-totals h4.total {
    color: #c4da49;
    font-size: 25px;
}

.review-totals span.value {
    color: #fff;
}

.totals-right {
    text-align: right;
}

.individual-flavor-content .flavor-info .availability::before {
    float: left;
    margin-left: -60px;
    content: ' ';
    display: block;
    background: url('../img/frog-sprite.png') no-repeat;
    background-size: 352px 111px; 
    width: 44px;
    height: 33px;
    margin-top: -4px;
}

.individual-flavor-content .flavor-info .availability.count-0::before {
    background: url('../img/frog-zero.png') no-repeat;
    background-size: 44px 33px;
    background-position: 0 0;
}

.individual-flavor-content .flavor-info .availability.count-1::before {
	background-position: 0 0;
}

.individual-flavor-content .flavor-info .availability.count-2::before {
	background-position: -44px 0;
}

.individual-flavor-content .flavor-info .availability.count-3::before {
	background-position: -88px 0;
}

.individual-flavor-content .flavor-info .availability.count-4::before {
	background-position: -132px 0;
}

.individual-flavor-content .flavor-info .availability.count-5::before {
	background-position: -176px 0;
}

.individual-flavor-content .flavor-info .availability.count-6::before {
	background-position: -220px 0;
}


.individual-flavor-content .flavor-info .availability.count-7::before {
	background-position: -264px 0;
}


.individual-flavor-content .flavor-info .availability.count-8::before {
	background-position: -308px 0;
}




.individual-flavor-content .flavor-info .availability.count-9::before {
	background-position: 0 -39px;
}

.individual-flavor-content .flavor-info .availability.count-10::before {
	background-position: -44px -39px;
}

.individual-flavor-content .flavor-info .availability.count-11::before {
	background-position: -88px -39px;
}

.individual-flavor-content .flavor-info .availability.count-12::before {
	background-position: -132px -39px;
}

.individual-flavor-content .flavor-info .availability.count-13::before {
	background-position: -176px -39px;
}

.individual-flavor-content .flavor-info .availability.count-14::before {
	background-position: -220px -39px;
}

.individual-flavor-content .flavor-info .availability.count-15::before {
	background-position: -264px -39px;
}

.individual-flavor-content .flavor-info .availability.count-16::before {
	background-position: -308px -39px;
}



.individual-flavor-content .flavor-info .availability.count-17::before {
	background-position: 0 -78px;
}

.individual-flavor-content .flavor-info .availability.count-18::before {
	background-position: -44px -78px;
}

.individual-flavor-content .flavor-info .availability.count-19::before {
	background-position: -88px -78px;
}

.individual-flavor-content .flavor-info .availability.count-20::before {
	background-position: -132px -78px;
}

.individual-flavor-content .flavor-info .availability.count-21::before {
	background-position: -176px -78px;
}

.individual-flavor-content .flavor-info .availability.count-22::before {
	background-position: -220px -78px;
}

.individual-flavor-content .flavor-info .availability.count-23::before {
	background-position: -264px -78px;
}

.individual-flavor-content .flavor-info .availability.count-24::before {
	background-position: -308px -78px;
}



/*jbufff*/

.individual-flavor-content .flavor-info .location-number {
    color: #00505A;
    font-size: .9vw;
    font-family: "claire_handbold";
}

@media screen and (max-width: 1255px) {
    .individual-flavor-content .flavor-info .location-number {
        font-size: 12px;
    }
}

@media screen and (max-width: 980px) {
    .individual-flavor-content .flavor-info .location-number {
        top: 1px;
        left: 1vw;
    }
}

@media screen and (max-width: 668px) {
    .individual-flavor-content .flavor-info .location-number {
        left: 40px;
    }
    .individual-flavor-content .flavor-info .availability::before {
        background-size: 240px 75px;
        margin-left: -40px;
        width: 30px !important;
    }
    
    .individual-flavor-content .flavor-info .availability.count-1::before {
		background-position: 0 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-2::before {
		background-position: -30px 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-3::before {
		background-position: -60px 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-4::before {
		background-position: -90px 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-5::before {
		background-position: -120px 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-6::before {
		background-position: -150px 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-7::before {
		background-position: -180px 0;
	}
	
	.individual-flavor-content .flavor-info .availability.count-8::before {
		background-position: -210px 0;
	}
	
	
	
	.individual-flavor-content .flavor-info .availability.count-9::before {
		background-position: 0 -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-10::before {
		background-position: -30px -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-11::before {
		background-position: -60px -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-12::before {
		background-position: -90px -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-13::before {
		background-position: -120px -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-14::before {
		background-position: -150px -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-15::before {
		background-position: -180px -25px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-16::before {
		background-position: -210px -25px;
	}
	
	
	.individual-flavor-content .flavor-info .availability.count-17::before {
		background-position: 0 -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-18::before {
		background-position: -30px -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-19::before {
		background-position: -60px -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-20::before {
		background-position: -90px -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-21::before {
		background-position: -120px -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-22::before {
		background-position: -150px -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-23::before {
		background-position: -180px -51px;
	}
	
	.individual-flavor-content .flavor-info .availability.count-24::before {
		background-position: -210px -51px;
	}
	
	
    
    /*jbufff*/
}

.individual-flavor-content .flavor-info .availability {
    color: #fff;
    font-size: 1vw;
    letter-spacing: 1px;
}

.individual-flavor-content .flavor-info .availability span.arrow-down {
    background: url('../img/flavor-availability-arrow-white.svg') no-repeat;
    height: .8vw;
}

#locations-list {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

.individual-flavor-content .flavor-info ul.locations li a {
    font-size: 1.6em;
    display: block;
    color: #d56b4e;
    font-weight: bold;
    text-transform: capitalize;
    white-space: nowrap;
}

.individual-flavor-content .flavor-info ul.locations li a:hover {
	color: #c0d43d;
}


#flavor-module .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: "rockwellextrabold", "Rockwell";
    color: #29b0c1;
    padding-top: 8px;
    padding-right: 80px;
    text-transform: uppercase;
    font-size: 1.5em;
    cursor: pointer;
    visibility: hidden;
    opacity: .8;
    z-index: 4000;
}

#flavor-module .close-btn:hover {
    opacity: 1;
}

#flavor-module .close-btn.animated {
    visibility: visible;
}

#flavor-module .close-btn::after {
    content: '';
    display: inline-block;
    background: url('../img/flavor-module-close.svg') no-repeat;
    height: 40px;
    width: 40px;
    background-size: 40px 40px;
    position: absolute;
    right: 20px;
    top: 0px;
}

#other-popular-flavors {
    margin-top: 3vw;
    background: #015d69;
    padding: 5px 15px 5px;
    margin-left: 15px;
    overflow: auto;
}

body.party-buckets #flavor-module > .close-btn {
    display: none !important;
    visibility: hidden !important;
}

#individual-flavor-footer p.close-btn {
    font-size: 1.55vw;
    top: 0;
    padding-top: 0;
    visibility: visible;
    padding-right: 0 !important;
    position: relative;
    color: #c3d822;
    margin-top: 25px;
    background: url('../img/back-to-flavors.png') no-repeat;
    background-size: contain;
    width: 200px;
    height: 50px;
    margin-left: 22px;

}


#individual-flavor-footer p.close-btn::after {
    display: none;
}

#other-popular-flavors h4 {
    font-family: rockwellextrabold;
    text-transform: uppercase;
    font-size: 1.55vw;
    margin: 0 0 5px 0;
    text-align: center;
    color: #29b0c1;
}

#other-popular-flavors .flavor-box-svg {
    padding: 0 4px;
}

@media screen and (max-width: 1125px) {
    #flavor-module {
        margin: 0 !important;
        padding: 20px;
    }
    #individual-flavor-title {
        margin-top: 25px;
    }
    #flavor-module .close-btn {
        font-size: 1em !important;
        padding-top: 0 !important;
        padding-right: 50px !important;
    }
    #flavor-module .close-btn:after {
        height: 20px !important;
        width: 20px !important;
        background-size: 20px 20px !important;
    }
    .individual-flavor-content .flavor-info {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .individual-flavor-content .flavor-info .availability {
        font-size: 2vw;
    }
    #other-popular-flavors {
        width: 85%;
    }
    #flavor-module .whole-frog {
        display: none !important;
    }
}

@media screen and (max-width: 1250px) {
    #other-popular-flavors h4 {
        font-size: 1.5vw;
    }
}


.owl-item .yesframe {
	margin-bottom: 0 !important;
}

/*------------------------------------------------------------------
[Media Queries]
*/


/* Nav Banner Common */

@media only screen and (max-width: 475px) {
    nav#main-nav {
        background-size: contain;
    }
    #modalLabel {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 1200px) {
    body > footer .inner::before,
    body > footer .inner::after {
        display: none;
    }
    body > footer .inner {
        min-height: inherit;
    }
}

@media only screen and (max-width: 850px) {
    /* Hides Gelati hand in footer when small */
    #home-footer-promos {
        width: 100% !important;
        margin-left: 0 !important;
    }
    body > footer .inner {
        min-height: inherit;
    }
    nav#main-nav .nav-left,
    nav#main-nav .nav-right {
        display: none;
    }
    nav#main-nav {
        background-size: 250px !important;
    }
    header.title-block h1 {
        font-size: 2.8em;
    }
    header.title-block h2 span {
        font-size: .7em;
    }
    .more-page-links p {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .more-page-links p {
        display: none;
    }
    .more-page-links {
        /*      width: 50%; */
        display: inline-block;
    }
}

#mobile-logo {
    display: none;
}

@media only screen and (max-width: 1050px) {
    body > header {
        padding-top: 0;
    }
    .header-search,
    .header-jlist {
        display: none;
    }
    nav#main-nav {
        background-image: none;
        overflow: visible;
        position: fixed;
        z-index: 60000 !important;
        width: 100%;
    }
    .modal {
        top: 150px !important;
    }
    main.container-fluid {
        padding-top: 85px;
    }
    #carousel {
        padding-top: 85px;
    }
    ul.share:not(.pull-right) {
        margin-top: 85px;
    }
    nav#main-nav ul {
        padding-top: 5px;
        margin-left: 220px;
    }
    #logo {
        display: none;
    }
    #mobile-logo {
        display: block;
        height: 100px;
        width: auto;
        float: left;
        margin: 10px;
        position: absolute;
        z-index: 4000;
    }
    nav#main-nav::before,
    nav#main-nav::after {
        display: none;
    }
    nav#main-nav #mobile-nav > span {
        display: block;
    }
    nav#main-nav .nav-left,
    nav#main-nav .nav-right {
        display: none;
    }
    #mobile-nav ul {
        display: block;
    }
}

@media only screen and (max-width: 712px) {
    nav#main-nav #mobile-nav ul {
        margin-left: 150px;
    }
    nav#main-nav #mobile-nav ul li {
        font-size: 1.2em;
    }
    #mobile-logo {
        margin-left: 5px;
        height: 65px;
    }
}

ul#mobile-nav-dropdown {
    background: #343434;
    position: absolute;
    right: 0;
    left: 0;
    top: 85px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: none;
}

ul#mobile-nav-dropdown li {
    display: block;
    border-bottom: 1px solid #4c4c4c;
    padding: 0;
}

ul#mobile-nav-dropdown li a {
    display: block;
    text-align: center;
    padding: 25px 0;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

ul#mobile-nav-dropdown li a:active {
    background: #c3d822;
    color: #000 !important;
}

nav#main-nav.menu-open {
    position: relative;
}

@media only screen and (max-width: 400px) {
	.desserts-small {
        margin-left: -25px;
    }
}

@media only screen and (max-width: 768px) {
    .desserts-small {
        padding: 10px;
        margin-top: 0;
    }
    figure.pull-right {
        float: none;
        width: 100%;
    }
    figure.pull-right img {
        width: 100%;
    }
    
    body.home .promo .attach-bottom {
	    margin-bottom: 50px;
    }
    
    .desserts-small > div {
    	height: 150px;
    }

}

.gelati-2,
.italianice-2,
.icecream-2 {
    display: none;
}

#treat-block .treat-img .arrow {
    display: none;
}

@media only screen and (max-width: 590px) {
    nav#main-nav #mobile-nav ul {
        /*      display: none; */
        margin-top: 20px;
        margin-left: 160px;
    }
    nav#main-nav #mobile-nav ul li {
        display: block;
    }
    nav#main-nav #mobile-nav ul:not(#mobile-nav-dropdown) li:first-of-type {
        margin-bottom: 10px;
    }
    ul#mobile-nav-dropdown li a {
        font-size: .9em;
        padding: 15px 0;
    }
    nav#main-nav #mobile-nav > span {
        width: 50px !important;
    }
    .menu-btn-text {
        display: none;
    }
    main.container-fluid {
        /*      padding-bottom: 50px; */
    }
}

@media only screen and (max-width: 450px) {
    .dessert-desc {
        /*      display: none; */
    }
    footer nav ul li {
        line-height: 3;
    }
    
    header.title-block h2 span.cart {
		position: absolute;
		right: 0px;
		color: #fff;
		z-index: 3000;
		background: #056875;
		padding: 5px 10px;
		font-size: .6em;
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
		padding-left: 28px;
		height: 30px;
		bottom: -44px;
		top: auto;
    }
    
    
}

.continue-btn-group img.continue-buckets {
	    width: 75% !important;
	    max-width: 300px !important;
    }

@media only screen and (max-width: 400px) {
    #credits ul.share {
        display: none;
    }
}

@media only screen and (max-width: 1350px) {
    #logo img {
        width: 20%;
    }
    nav#main-nav {
        background-size: 25%;
    }
}

.jlist-signup-arrow {
	max-width: 300px;
}

@media screen and (max-width: 530px) {
    .jlist-login-btn,
    .jlist-signup-arrow {
        width: auto;
        display: block;
        margin: 0 auto;
    }
}

.treat-img {
    overflow: visible;
}

#flavor-texts-mobile {
    display: none;
}

.treat-text-group {
    margin-bottom: 25px !important;
    overflow: auto;
    display: block;
}

@media screen and (max-width: 997px) {
    #treat-block,
    .treats-block-container {
        width: 100%;
        margin-bottom: -50px;
    }
    #flavor-texts {
        display: none;
    }
    #flavor-texts-mobile {
        display: block;
    }
    #treat-block .large-gelati {
        left: 40%;
    }
    #treat-block .large-ice {
        left: 5vw;
    }
    #treat-block .large-icecream {
        right: 5vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 997px) {
    #treat-block .large-gelati {
        left: 38%;
    }
}

#fundraising-step-2 {
    display: none;
}

.gelati-text,
.italianice-text,
.icecream-text {
    margin-bottom: 20px;
    display: block;
    overflow: auto;
}

@media screen and (max-width: 768px) {
    .full-on-small {
        width: 100%;
    }
    #page-content figure,
    #page-content figure img,
    .pagecontent figure,
    .pagecontent figure img {
        width: 100% !important;
        float: none !important;
        max-width: 100% !important;
        margin: 0;
    }
    
    #magnets rect {
	    opacity: 1;
    }
    
    #page-content figure,
    .pagecontent figure {
	    margin-bottom: 20px;
    }
}

.no-p-l {
    padding-left: 0 !important;
}

.no-p-r {
    padding-right: 0 !important;
}


/* TODO: WOAH! DON'T LEAVE THIS */

form {
    padding-bottom: 25px;
}

.party-bucket-payment form {
    padding-bottom: 25px;
}