/************************* NOTICE ***********************\

- THIS FILE SHOULD BE USED FOR CUSTOM CSS MODIFICATIONS -

- Using this file for CSS modifications rather than
modifying Style.css directly will allow your site to
receive template updates in the future.

\************************* NOTICE ***********************/

@font-face{
    font-family:'Futura';
    font-style:normal;
    font-weight:400;
    src: url('../font/FuturaBold.otf');
}

@font-face{
    font-family:'Remachine Script';
    font-style:normal;
    font-weight:400;
    src: url('../font/RemachineScript.otf');
    src: url('../font/RemachineScript.otf') format('opentype'),
         url('../font/RemachineScript.ttf') format('truetype');
}

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


/* GENERAL */
p{
    /*font-size:20px;*/
    color:#000;
    /*line-height:normal;*/
}
body{font-family: 'Cabin', sans-serif;}
.wrap{
    border:0;
}

.cart-link a span{
    font-family: 'Futura', sans-serif;
}

.store-credit,
table thead tr th, table tfoot tr td, .step-number,
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"],
input[type="email"], input[type="number"], input[type="search"], input[type="tel"],
input[type="time"], input[type="url"], textarea, p, p.intro, blockquote,
.ProductDetails, .on-sale-badge, .subcat-grid li a,
.inline-list.subcategory-list a, .orbit, .orbit .slide-text,
footer.main a, .account.page p, .account.page li, .orbit .slide-text{font-family: 'Cabin', sans-serif;}

h1, h2, h3, h4, h5, h6{
    font-family: 'Cherry Cream Soda', cursive;
    color:#000;
}

ul.breadcrumbs a,
ul.breadcrumbs li:before{color:#86d1cb;}
ul.breadcrumbs li a,
ul.breadcrumbs li span{/*font-size:13px;*/}


.button{font-family: 'Cherry Cream Soda', cursive;}

.row{
    width: 1300px;
    max-width: 100%;
}


/* HEADER */
.nav > ul:before,
.nav > ul:after{display: none;}

.giftCertBanner{
  background: #86d1cb;
  text-align: center;
  padding: 6px 15px 7px;
  font-weight: bold;
}
.giftCertBanner a{
  color: #bd322b;
  font-size: 16px;
}
header.main{
    background:url("../images/headerbg01.jpg") repeat top left;
    padding-top:8px;
    margin-bottom:15px;
    width: 100%;
}
.header-inner-wrap{
    margin: auto;
}

.logo-container{
    margin-bottom:2px;
}

header.main .account-links{
    top: 5px;
    right: 10px;
}
header.main .account-links ul{margin:0;}
header.main .account-links a{
    color:#000;
    font-size:14px;
    font-family: 'Futura', sans-serif;
}
.cart-link img{
    margin-left:5px;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
header.main .info-col .search-form input{
    background:#fff !important;
    border-color:#000;
    padding:2px 6px;
    height:25px;
    color:#000;
    font-weight:bold;
}

.info-col ul{
    display:inline-block;
    margin:0;
    vertical-align: middle;
    width:60%;
    position:relative;
    top:-5px;
}
.info-col ul li{
    list-style:none;
    display:inline-block;
    padding-right:8%;
}
.info-col ul li:last-child{padding-right:0;}
.info-col ul li a{
    color:#000;
    text-transform:uppercase;
    font-family: 'Cabin', sans-serif;
    font-weight:700;
}
.info-col ul li a img{
    vertical-align:middle;
    position:relative;
    top:-5px;
    padding-left:3px;
}

.live-chat{display:none;}

.mobile-cart-link{
    float:right;
    top:0;
    right:0;
    width:15%;
    position:absolute;
}
.mobile-cart-link a{
    background:#52A8A9;
    color:#fff;
    display:block;
    padding:12px 0 13px;
    line-height:16px;
    text-align:center;
}

/* NAVIGATION */
header.main .main-menu{
    padding:3px 0;
}
header.main .main-menu.nav ul li a{
/*     color:#000303; */
    color: #86d1cb;
    font-family: 'Futura', sans-serif;
    text-transform:none;
}
header.main .main-menu.nav > ul > li > a:not(.parent-expand-link){
    font-family: 'Futura', sans-serif;
    font-weight:normal;
    font-size:16px;
    border:0;
    padding:8px 15px;
    line-height: normal;
}
header.main .main-menu.nav > ul > li:hover > a{
/*     color:#fff; */
/*     text-shadow:0 0 3px #c0f1e8; */
}
header.main .main-menu.nav ul ul li{background-color:#000000;}
header.main .main-menu.nav ul ul li a{
    /*line-height:normal;*/
    font-weight:600;
}

/* POPUP */
.popup > div{
  background: url('//cdn10.bigcommerce.com/s-sby4jv/templates/__custom/images/popupbg.jpg?t=1699556386');
  padding: 20px;
}

.popupImg{
  display: block;
  margin: 0 auto 10px;
  width: 400px;
}

.ctct-embed-signup > div{
  background: #f9f8ee;
  padding: 15px 20px;
}

.ctct-embed-signup #success_message div{
  color: #368b86;
  font-size: 20px;
  font-weight: bold;
}

.ctct-form-errorMessage{
  color: #d51f16;
  text-align: center;
  margin-bottom: 10px;
}

.popupText{
  color: #368b86;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
  text-align: center;
}
.popupText strong{font-size: 25px;}
.popupText span{
  color: #d51f16;
  display: block;
  font-size: 25px;
}
.popupText span strong{
  display:block;
  font-size: 33px;
}
.popup input{
  background: #fff;
  border: 1px solid #000;
  box-shadow: none;
  color: #368b86;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.popup input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #368b86;
}
.popup input::-moz-placeholder { /* Firefox 19+ */
  color: #368b86;
}
.popup input:-ms-input-placeholder { /* IE 10+ */
  color: #368b86;
}
.popup input:-moz-placeholder { /* Firefox 18- */
  color: #368b86;
}

.popup button,
.popup a.button{
  background: #96d2c2;
  border: 0;
  color: #f9f8ee;
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  margin: 0 10px;
  padding: 7px 20px;
  width: 140px;
}
.popup button{text-transform: uppercase;}
.popup a.button{text-transform: none;}
.formButtons{text-align: center;}

/* FOOTER */
/* NEW FOOTER STYLES */
.footer-wrap{
    background: #000000;
    overflow: hidden;
}

.footer-wrap .mainFooterRow{
    display: flex;
    flex-flow: row wrap;
    margin-top: 40px;
    margin-bottom: 20px;
    border-top: 1px solid white;
    padding-top: 30px;
}

footer.main .footer-wrap,
footer.main .footer-wrap a,
footer.main .footer-wrap li,
footer.main .footer-wrap h3{
    color: #86d1cb;
    font-family: 'Futura';
}

/* END NEW FOOTER STYLES */
footer.main h3{
    border:0;
    color:#000;
    margin-bottom:5px;
}
footer.main{
    background:none;
    margin-top:30px;
}
footer.main,
footer.main a,
footer.main li{
    font-family: 'Cherry Cream Soda', cursive;
    color:#000;
    /*font-size:18px;*/
    /*line-height:25px;*/
}

footer ul.social-links{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
footer .social-links{
    text-align:center;
    margin-bottom:20px;
}
footer .social-links li{
    display:inline-block;
    float:none;
}

footer.main .social-links a{margin-right:8px;}

footer.main .social-links a,
footer ul.social-links li i{
    width: 40px !important;
    height: 40px !important;
    background-size: 100% !important;
}
footer .social-links .icon-pinterest:before,
footer .social-links .icon-facebook:before,
footer .social-links .icon-tumblr:before,
footer .social-links .icon-twitter:before{
    content:"";
    display:block;
}

footer .social-links .icon-facebook{
    background:url("../images/facebook.png") no-repeat left center;
    height:47px;
    width:47px;
    display:block;
}

footer .social-links .icon-pinterest{
    background:url("../images/pinterest.png") no-repeat left center;
    height:49px;
    width:49px;
    display:block;
}

footer .social-links .icon-tumblr{
    background:url("../images/tumblr01.png") no-repeat left center;
    height:47px;
    width:47px;
    display:block;
}

footer .social-links .icon-twitter{
    background:url("../images/twitter.png") no-repeat left center;
    height:50px;
    width:50px;
    display:block;
}

footer .social-links a[title="YouTube"]{
    background: #5bbab4;
    border-radius: 100px;
    color: #9adfdb;
    font-size: 27px;
}

footer .social-links a[title="YouTube"] i{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainFooterRow .columns:last-child{border:0;}
.mainFooterRow .columns ul{margin-bottom:8px;}

footer .creditRow{padding-top: 20px;}
footer .creditRow-wrap{
    background:url('../images/footerbg.jpg') left bottom repeat;
}

footer.main .creditRow img{
    display:block;
    margin:0 auto;
}

footer.main .creditRow p{
    border:0;
    margin-top:0;
    padding-top:0;
    text-align:center;
    font-weight:600;
    /*font-size:16px;*/
    color:#000;
    margin:8px 0 20px;
    font-family: 'Cabin', sans-serif;
}

footer .button{background-color:#bd322b;}
footer .button:hover{background-color:#8b2520;}
footer .subscribe_form{margin-bottom:5px;}

footer .subscribe_form input.nl_first_name,
footer .subscribe_form input.nl_email{
    background:#fff;
    border:1px solid #000;
    box-shadow:none;
    margin-bottom:8px;
    color:#45ada7;
    height:auto;
    font-family: 'Cherry Cream Soda', cursive;
    padding:2px 5px;
    /*font-size:17px;*/
}

.wholesaleNewsletter input:not(.button),
.retailNewsletter input:not(.button){
    background:none;
    border:1px solid #000;
    font-family: 'Cherry Cream Soda', cursive;
    color:#45ada7;
    box-shadow:none;
}

/* HOME PAGE */
.ourProducts{
    clear:both;
    display:block;
    margin:0 auto;
}
.homeCategories{
    display:block;
    clear:both;
    overflow:hidden;
}
.homeCategories > img{margin-bottom:10px;}
.homeCategories li{
    width:33.3333%;
    text-align:center;
    display:block;
    float:left;
    margin-bottom:30px;
    padding:0 5px;
}
.homeCategories li:nth-child(3n+1){
    clear:left;
    padding-left:0;
    padding-right:10px;
    text-align:left;
}
.homeCategories li:nth-child(3n){
    padding-right:0;
    padding-left:10px;
    text-align:right;
}
.homeCategories li a{
    display:inline-block;
    text-align: center;
    width: 290px;
    max-width: 100%;
}
.homeCategories li span{
    color:#54a398;
    font-family: 'Futura', sans-serif;
    font-size:25px;
    word-break: break-word;
    text-transform: capitalize;
}

span.has-tm{
    position: relative;
    display: inline-block;
    padding: 0 15px;
}

.homeCategories span.has-tm .tm{
    font-family:arial;
    font-size: 15px;
    line-height: 15px;
    display:inline-block;
    position:relative;
    top: -6px;
}

.boxLinks{
    margin-top:60px;
    clear:both;
    overflow:hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
/* .boxLinks a:first-child{text-align:left;} */
/* .boxLinks a:last-child{text-align:right;} */
/* .boxLinks a:nth-child(2){margin:0 5%;} */
.boxLinks a{
/*
    display:block;
    float:left;
    width:29.333%;
*/
    padding: 0 2%;
    flex: 0 1 auto;
    text-align:center;
}

.homeText{
    /*font-size:18px;*/
    margin:10px 0 0;
    /*line-height:normal;*/
}
em.firstLetter{
    font-family: 'Cherry Cream Soda', cursive;
    font-style:normal;
    /*font-size:24px;*/
}

/* PRODUCT PAGE */
.product-images > .row{text-align:left;}
.product-images .main-image-link{
    margin:0;
    width:100%;
    display:block;
}

.main-image {
    width:auto;
}

.shareAboveName{overflow:hidden;}
.shareAboveName .social-media{
    text-align:left;
    display:inline-block;
}
.shareAboveName .wishWrap{
    float:right;
}

.social-media > div{vertical-align:middle;}
.social-media .addthis_button_facebook span,
.social-media .addthis_button_twitter span,
.social-media .PinterestButtonContainer img,
.social-media .tumblrContainer span{display:none;}

.social-media .addthis_button_facebook:after,
.social-media .addthis_button_twitter:after,
.social-media .PinterestButtonContainer a:after,
.social-media .tumblrContainer a:after{
    content:"";
    display:inline-block;
    height:30px;
    width:30px;
}

.social-media .addthis_button_facebook:after{background:url("../images/share-fb.png");}
.social-media .addthis_button_twitter:after{background:url("../images/share-tw01.png");}
.social-media .PinterestButtonContainer a:after{background:url("../images/share-pin.png");}
.social-media .tumblrContainer a:after{background:url("../images/share-tumblr02.png");}

.wishlist-button.button{
    color:#45ada7;
    /*font-size:12px;*/
    padding-right:0;
    font-family: 'Cabin', sans-serif;
}
.wishlist-button.button:hover{text-decoration:none;}
.wishlist-button.button:focus{background:none;}
.wishlist-button span{
    display:inline-block;
    text-align:right;
    vertical-align:middle;
}
.wishlist-button img{
    display:inline-block;
    vertical-align:middle;
    margin-left:2px;
}
#frmWishList{text-align:right;}
#frmWishList .Value{float:none;}
.product .product-details h1{
    margin-bottom:10px;
    /*letter-spacing:1px;*/
    text-transform:none;
}
.product .product-details .Label.column{padding-right:0;}
.product .product-details .Value.column{width:auto;}
.product .product-details .ProductSKU{margin-bottom:0;}
.product .product-details .ProductSKU .Value {padding-left:5px;}
.product .product-details .ProductSKU .Label,
.product .product-details .ProductSKU .Value span{
    color:#45ada7;
    /*font-size:15px;*/
}

.product.page .product-details .ProductPrice{
    font-family: 'Cherry Cream Soda', cursive;
    /*font-size:22px;*/
}

.product.page .productAttributeList .productAttributeValue{width:auto;}

.productOptionViewRectangle label{
    background:#b9e6e8;
    border:2px solid #45ada7 !important;
    color:#45ada7;
    font-family: 'Cherry Cream Soda', cursive;
    padding:2px 10px !important;
}

.productOptionViewRectangle .selectedValue label{
    background:#45ada7;
    color:#c7e4e2;
}

.product.page .qtyRow .Label{
    color:#45ada7;
    /*font-size:16px;*/
    float:none;
    vertical-align:middle;
    display:inline-block;
}

.product.page .qtyRow .Value{
    float:none;
    display:inline-block;
    vertical-align:middle;
    padding-left:5px;
}

.product.page .qtyRow .qtyInput{
    border:1px solid #45ada7;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    margin:0;
    max-width:70px;
    /*font-size:18px;*/
    font-weight:bold;
}

.product .product-details .Value.column.AddCartButton{
    background:#bd322b;
    border-radius:5px;
    padding:3px;
}
.product .product-details .AddCartButton .button{
    background:transparent;
    border:1px solid #fff !important;
    border-radius:5px;
    font-family: 'Cherry Cream Soda', cursive;
    /*font-size:16px;*/
    text-shadow:0 0 1px rgba(0,0,0,1);
    padding:9px 12px;
}

.ExpectedReleaseDate tr td{
    font-size: 16px;
    font-weight: bold;
}

.signShipping{max-width: 100% !important;}

.show-review-form.button{
    border-radius:5px;
    font-family: 'Cherry Cream Soda', cursive;
    /*font-size:16px;*/
    text-shadow:0 0 1px rgba(0,0,0,1);
    padding:9px 12px;
}

.tabHeading{
    text-align:left;
    border:0;
    background:#86d1cb;
    /*font-size:18px;*/
    font-weight:normal;
}

.tabHeading span{
    position:static;
    background:transparent;
    display:inline-block;
    padding:2px 10px 3px;
}

/* FAST CART */
.FastCartThickBox .CheckoutButton a{
    font-size:11px;
    width:100%;
}
.FastCartThickBox .cartSummary > a{font-size:14px;}

/* SHOP BY STYLE */
.byStyleLinks{
    margin:0;
    list-style:none;
    text-align:center;
}
.byStyleLinks li{padding-bottom:5px;}

.styleSearchForm .searchText{
    /*font-size:20px;*/
    color:#000;
    background:none;
    box-shadow:none;
    padding:6px 10px;
    border-width:2px;
}

/* OUR STORY */
.contactInfo .imgCol{text-align:center;}

/* PRODUCT GRID */
body:not(.cart) .product-grid li{border:0;}
body:not(.cart) .product-grid .ProductName a{
    color:#54a398;
    font-family: 'Cherry Cream Soda', cursive;
    font-size:16px;
    /*line-height:25px;*/
}

body:not(.cart) .product-grid .ProductPrice{
    font-family: 'komika_titleregular';
    font-size:22px;
    color:#4a5252;
    /*line-height:1;*/
}
body:not(.cart) .product-grid .ProductPrice strike{font-size:16px;}

body:not(.cart) .product-grid .ProductActionAdd a{
    font-family: 'komika_titleregular';
    background:#52a8a9;
    border-radius:5px;
    font-weight:normal;
    padding:3px 10px 4px;
    font-size:18px;
}

.main-image-link{position:relative;}

.new-badge{
    position:absolute;
    display:block;
    top:3px;
    left:3px;
    width: 67px;
    height: 32px;
    text-indent:-9999em;
    font-size:0;
    overflow:hidden;
    background:url('../images/newSticker.png');
    z-index:10;
}

.on-sale-badge{
    background:url('../images/saleBadge02.png') no-repeat;
    top:3px;
    right:3px;
    left:auto;
    height:31px !important;
    width:74px !important;
    margin:0 !important;
    font-size:0 !important;
    text-indent:-9999em;
    overflow:hidden;
}

/* ACCOUNT PAGE */
.account .headingWrap{
    border-bottom:2px solid #dbdbdb;
    margin-bottom:25px;
    padding-bottom:20px;
}
.account .headingWrap h1{
    border:0;
    display:inline-block;
    margin:0 43px 0 0;
    padding:0;
    vertical-align:middle;
}
.account .headingWrap a{vertical-align: middle;}


/* WHOLESALE CREATE ACCOUNT */
.wholesaleAccount h1{
    border-bottom:2px solid #7ac8c2;
    padding:5px 15px;
    margin:0 0 10px;
    background:#c2dfdb;
}
.wholesaleAccount fieldset{
    border:0;
    padding:0;
    margin:0;
}
.wholesaleAccount fieldset legend,
.wholesaleAccount fieldset > p{display:none;}
.wholesaleAccount fieldset div.last{float:right;}
.wholesaleAccount form dt{
    width:30%;
    text-align:left;
    font-size:16px;
}
.wholesaleAccount form dd{width:69%;}
.wholesaleAccount form dd input,
.wholesaleAccount form dd textarea{
    background:#fff;
}
.wholesaleAccount .formWrap{
    border:2px solid #7ac8c2;
    padding:0 0 20px !important;
}

.wholesaleAccount .formWrap > p,
.wholesaleAccount .formWrap > div{margin:0 15px;}
.wholesaleAccount .formWrap > input{margin:0 24px;}

/* CART PAGE */
.shippingquote table{margin: 0;}
.ShippingMethodList p.Submit{margin-top: 20px}

.CartExpectedReleaseDate{
  font-weight: bold;
  font-size: 13px;
}

/* CHECKOUT PAGE */
.express.checkout section.main .button:not(.secondary){
    background:#BD322B;
    color:#fff;
}

.express.checkout section.main .panel a.button.ChangeLink{
    margin: 0;
    padding: 0 10px;
}

/* MEDIA QUERIES */
/* DESKTOP */
@media only screen and (min-width:769px) {
  .header-inner-wrap{position: relative;}
  
  .main-menu{background: #000;}
  
  .nav > ul{
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  
  .giftCertBanner{
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    position: relative;
    z-index: 10;
  }
    header.main .header-inner-wrap{
        width: 1300px;
        max-width: 100%;
    }
    .logo{
        float:none;
        width:25%;
        display:inline-block;
        vertical-align:middle;
    }
    .info-col{
        margin-top:0;
        position:relative;
        float:none;
        display:inline-block;
        width:74.4%;
        vertical-align:middle;
        top:18px;
    }
    .info-col .search-form{
        display:inline-block;
        float:none;
        margin:0 0 0 2%;
        text-align:right;
        width:37%;
        vertical-align:middle;
        position:relative;
        top:-5px;
    }

    header.main .info-col .search-form input,
    header.main .info-col .search-form input:focus{width:100%;}

    header.main .info-col .search-form button{
        background:none;
        border:0;
        line-height:inherit;
        padding:3px 7px 2px 10px;
    }
    header.main .info-col .search-form button:hover{
        background:none;
        cursor:pointer;
    }
    header.main .info-col .search-form button i{color:#86d1cb;}

    header.main .info-col > img{
        float:right;
        padding-top:3px;
        width:45%;
    }

    header.main .main-menu.nav ul ul{
        padding-top:0;
        z-index: 1000;
    }
    header.main .main-menu.nav ul ul:after{border:0;}

    .mainFooterRow .columns{padding:0 40px;}
}

/* TABLET AND BELOW */
@media only screen and (max-width:768px) {
    .hide-size-mobile{display:none !important;}
    
    header.main .main-menu .toggleMenu.active,
    .responsive header.main .main-menu>ul{background: #000;}
    
    .responsive .page header.main{padding-top: 15px;}
    .logo-container{padding-top: 50px; overflow: hidden;}
    
    .homeCategories li span{font-size:20px;}

    .mainFooterRow .columns{
        height:auto !important;
        border:0;
    }

    .responsive header.main .info-col .search-form{width:85%;}
    .responsive header.main .info-col .search-form button{
        margin:5px 1.5% 0 0;
        max-width:6%;
        cursor:pointer;
    }

    header.main .info-col{
        max-width:60%;
        float:left;
        clear:both;
        margin-top:10px;
    }

    .mobile-login-links{
        position:absolute;
        top:47px;
        right:5px;
    }
    .mobile-login-links > a:first-child{
        border-right:1px solid #000;
        padding-right:11px;
    }
    .mobile-login-links a{
        color:#000;
        text-transform:uppercase;
        font-family:"Cabin",sans-serif;
        font-weight:700;
        margin-left:10px;
    }
    
    /* OUR STORY */
    .contactInfo .imgCol{text-align:center;}
    .contactInfo .imgCol img{display:inline-block;}

    /* category pages */
    .category .SortBox{
        float:none;
        display:block;
    }

    /* product page */
    .signShipping{padding:0 15px;}
    
    /* footer */
    .footer-wrap .mainFooterRow > div{
        flex: 1 1 100%;
        justify-content: center;
        text-align: center;
    }
}

/* PHONE SIZE */
@media only screen and (max-width:480px) {
    .homeCategories li span{
        font-size: 16px;
    }
    .shopByStyle section.main p br{display:none;}
}