/**

* @license

* MyFonts Webfont Build ID 2975176, 2015-02-18T17:10:09-0500

*

* The fonts listed in this notice are subject to the End User License

* Agreement(s) entered into by the website owner. All other parties are

* explicitly restricted from using the Licensed Webfonts(s).

*

* You may obtain a valid license at the URLs below.

*

* Webfont: ProximaNovaA-Semibold by Mark Simonson

* URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-semibold/

*

* Webfont: ProximaNovaA-Semibold by Mark Simonson

* URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-semibold/

*

* Webfont: ProximaNova-Semibold by Mark Simonson

* URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/

*

*

* License: http://www.myfonts.com/viewlicense?type=web&buildid=2975176

* Licensed pageviews: 1,000,000

* Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.

*

* © 2015 MyFonts Inc

*/





/* @import must be at top of file, otherwise CSS will not work */

/*

@import url("//hello.myfonts.net/count/2d65c8");





@font-face {font-family: 'ProximaNovaS-Semibold';src: url('webfonts/2D65C8_0_0.eot');src: url('webfonts/2D65C8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D65C8_0_0.woff2') format('woff2'),url('webfonts/2D65C8_0_0.woff') format('woff'),url('webfonts/2D65C8_0_0.ttf') format('truetype');}

h2.blog-hd{

    font-size: 20px;

    margin-bottom: 6px;

}





@font-face {font-family: 'ProximaNovaA-Semibold';src: url('webfonts/2D65C8_1_0.eot');src: url('webfonts/2D65C8_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D65C8_1_0.woff2') format('woff2'),url('webfonts/2D65C8_1_0.woff') format('woff'),url('webfonts/2D65C8_1_0.ttf') format('truetype');}





@font-face {font-family: 'ProximaNova-Semibold';src: url('webfonts/2D65C8_2_0.eot');src: url('webfonts/2D65C8_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D65C8_2_0.woff2') format('woff2'),url('webfonts/2D65C8_2_0.woff') format('woff'),url('webfonts/2D65C8_2_0.ttf') format('truetype');}



VARIABLES

$orange: #ffa332;

*/

/* FAQ */



#need_fee_shipping.hide{

    display:none;

}



#need_fee_shipping.show{

    display:block;

    background: #f77e09;

    text-align: center;

    color: #fff;

    padding: 5px;

}



#need_fee_shipping.show a{

    color:#fff;

    font-weight:normal;

}



#need_fee_shipping.show a:hover{

    font-weight:bold;

}



body .yikes-easy-mc-form .yikes-easy-mc-submit-button.admin-logged-in {

    margin-bottom: 0;

}



#sharevd h1,

#sharevd p {

    padding: 0 30px;

}



#accordion .panel {

    border-bottom: 1px solid #e5e4e3;

    padding: 0 30px;

}



@media only screen and (min-width: 1080px) {

    #accordion .panel, #sharevd p, #sharevd h1{

        padding: 0;

    }

}

.panel-title {

    margin: 18px 0;

    font-weight: 300;

}

.panel-body{

    margin: 20px 0;

}

.panel-title a{

    position: relative;

    font-size: 19px;

    padding-left: 40px;

    display: block;

}



.panel-title a:before{

    display:block;

    content:"-";

    background:#f77e09;

    width:22px;

    height:22px;

    line-height:24px;

    color:#fff;

    text-align: center;

    position: absolute;

    top: 3px;

    left: 0;

}

.panel-title a.collapsed:before{

    content:"+";

    background:#ffa332;

}

/*.page-template-give-snacks h2,

.page-template-choose-office-snacks h2{

font-size: 26px;

}*/

h2.norm_header,

#wrapper .post-content .community h2.norm_header,

#wrapper .post-content h2.norm_header{

    font-size: 25px;

    text-transform: uppercase;

    font-weight: 800;

    font-family: "proxima-nova",Arial,serif;

    letter-spacing: 1px;

}

/* Menu */

#thankyou{

    background: #6cc049;

    text-align: center;

    color: #fff;

    padding: 25px 25px 5px 25px;

    margin: 0 0 25px 0;

}

#thankyou .title{

    display: block;

    margin: 0;

}

#nav.nav-holder .navigation > li > a {

    position: relative;

}

/*.menu .active a:after,.blog .menu-item-1705 a:after{

display: block;

content: " ";

background: #333;

position: absolute;

left: 0;

width: 100%;

height: 1px;

top: 45px;

}*/

.normal_logo {

    max-height: 60px;

}

.scroll-arrow{

    cursor:pointer;

}

#main h2 {

    font-size: 18px;

    line-height:22px;

}

a,button{

    transition: all .1s ease-in-out;

    webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

a:hover {

    color: #ffa332;

}

.btninactive{

    border: 1px solid black;

    font-family: "proxima-nova",Arial,serif;

    font-size: 14px;

    color: black;

    padding: 10px 20px;

    border-radius: 30px;

}

.btninactive:hover{

    background:black;

    color: #fff;

}



#wrapper .post-content h2.medtxt {

    font-size: 32px;

    line-height: 42px;

    color: #221f1f;

    margin: 66px 0 23px 0;

    font-weight: 700;

    text-transform: capitalize;

}

#snackoptions .brnfood .naked-row {

    border-top: 1px solid #e0dede;

    padding-top: 60px;

    margin-top: -80px;

}

.footer-area {

    padding: 43px 10px 0px;

    overflow: hidden;

}

.footer-area.ftmenu {

    padding-left: 0px;

}

.footer-area ul {

    font-size: 19px;

}

.footer-area ul li a:hover {

    color: #ffa332;

}

.footer-area.ftmenu ul li {

    float: left;

    padding: 0 15px;

    border-right: 1px solid #8c8989;

}

.footer-area.ftmenu ul li:first-child {

    padding: 0 15px 0 0;

}

.footer-area.ftmenu ul li:last-child {

    border-right: none;

}

.footer-area ul li a {

    padding: 5px 0;

    border-bottom: none;

    font-size: 13px;

}



/* My account points tab */

.boxbg{box-shadow: #333333;}

.greybg{background:#eeeeee;}

.lightgrbg{background:#fbfbfb;}

.greenbg{background:#6cc049;color:#fff;}

.lefttxt {text-align:left}

.smalltxt{font-size:14px;}

.medtxt{font-size:18px;}

.largetxt{font-size:24px;}

.vlargetxt{font-size:34px;}



#freesnacks{text-align:left; display:flex;}

#freesnacks img{margin-bottom: 25px;}

#freesnacks hr {margin: 20px 0 30px 0;}

#pointcount {margin-bottom: 50px;}

#pointcount .greybg{height:65px;border-bottom:16px solid #6cc049;}



.datecirc {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    margin: -43px auto 20px auto;

    font-size:12px;

    text-transform:uppercase;

    line-height: 18px;

    padding-top: 17px;

}

.datecirc em {

    font-style: normal;

    display:block;

    font-size: 18px;

}

.pointinfo {

    border: 1px #d2d2d2 solid;

    padding: 15px;

    font-size: 13px;

    line-height: 18px;

    max-width: 200px;

    margin: auto;

    font-weight: bold;

    position: relative;

    margin-top: 20px;

}

.pointinfo .medtxt{color:#6cc049;font-weight: normal;}

.pointinfo:after, .pointinfo:before {

    bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    position: absolute;

}

.pointinfo:after {

    border-bottom-color: #ffffff;

    border-width: 8px;

    margin-left: -8px;

}

.pointinfo:before {

    border-bottom-color: #d2d2d2;

    border-width: 10px;

    margin-left: -10px;

}

#shares .greybg, #aw-shares .greybg{padding-top: 50px;padding-bottom: 50px;}

#shares .col-sm-9, #aw-shares .col-sm-9{padding-top: 50px;}

#aw-shares a.btn { min-width: 125px; }

#aw-shares .aw-referrals-share-buttons {margin: 0;}

#shares a {

    background: #ffa332;

    color: #fff;

    text-transform: uppercase;

    display: block;

    font-size: 14px;

    letter-spacing: 1px;

    line-height: 32px;

    padding: 5px 10px;

    margin-top: 7px;

}

#shares a:hover {background: #f77e09;cursor:pointer;}

#shares .col-sm-4:nth-child(2) a {background: #365488;}

#shares .col-sm-4:nth-child(2) a:hover {background: #254171;}

#shares .col-sm-4:nth-child(3) a {background: #67c9e8;}

#shares .col-sm-4:nth-child(3) a:hover {background: #4db0d0;}

#shares .col-sm-4 {

    padding-left: 5px;

    padding-right: 5px;

}

#shares i {font-size: 32px;float: left;}



#pointtl .col-sm-3 {

    padding-top: 20px;

    padding-bottom: 10px;

    line-height: 16px;

}

#pointtl .col-sm-9 {padding-top: 22px;}

#mailpop .modal-body{margin-top: 25px;}

#aw-mailpop h4,h4.modal-title, #mailpop h4,h4.modal-title  {

    font-size: 22px;

    text-align: left;

    color: #515151;

    padding-top: 5px;

}

#mailpop form {text-align: left;margin: 30px 0;}

#mailpop .inputfd{width: 100%;}

#mailpop form .smalltxt{color:#909090;}

#mailpop button {float: right;}

#mailpop textarea {

    min-height: 200px;

    margin-bottom: 37px;

}

.modal-header .close {

    font-size: 30px;

    margin-top: -1px;

}



/* buttons */

.yikes-easy-mc-form .yikes-easy-mc-submit-button {

    background: #ffa332;

    color: #fff;

    border-color: transparent;

    border-radius: 2px;

    font-size: 18px;

    padding: 10px 20px;

    text-shadow: none;

    font-weight: 400;

    letter-spacing: 1px;

}

.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {

    background: #f77e09;

}

/* Office snacks forms */



.page-template-get-snacks #office-snacks .div-add-snacks-btns-row {

    max-width: 215px;

    margin: 0 auto 10px auto;

}



.page-template-get-snacks #office-snacks .continue.add{

    width: 50px;

}

.page-template-get-snacks #office-snacks .div-add-snacks-btns-cell{

    width: 50px;

    margin-top:0px !important;

}

.page-template-get-snacks #office-snacks .div-add-snacks-btns-cell.right{

    float: right !important;

}

.page-template-get-snacks #office-snacks .div-add-snacks-btns-cell.left{

    float: left !important;

}





.page-template-get-snacks #manage-snacks.office-snacks .div-add-snacks-btns-row {

    max-width: 215px;

    margin: 0 auto 10px auto;

}



.page-template-get-snacks #manage-snacks.office-snacks .continue.add{

    width: 50px;

}

.page-template-get-snacks #manage-snacks.office-snacks .div-add-snacks-btns-cell{

    width: 50px;

    margin-top:0px !important;

}

.page-template-get-snacks #manage-snacks.office-snacks .div-add-snacks-btns-cell.right{

    float: right !important;

}

.page-template-get-snacks #manage-snacks.office-snacks .div-add-snacks-btns-cell.left{

    float: left !important;

}



#officecnt input,#officecnt select,#officecnt textarea{

    border:1px solid #f0f0f0;

    margin:0 auto 5px auto;

    padding:3px;

    width:200px;

}

#officecnt textarea{

    margin-bottom: 20px;

    padding: 10px;

}

#officecnt .checkinner .name {

    min-height: 60px;

}

#officecnt .os-name,#officecnt .os-email {

    margin-bottom: 10px;

    padding: 10px;

}

#officecnt .orangebt {

    font-size: 14px!important;

    letter-spacing: 0;

}

#snackoptions .one_third .checkinner {

    min-height: 562px;

}

#office-snacks.devdates .orangebt {

    display: block;

    padding: 10px 20px;

    font-size: 14px!important;

    letter-spacing: 0;

    font-weight: 400;

    line-height: 22px;

    margin: 0 auto 20px auto;

    width: 190px;

}

#office-snacks.devdates {

    margin-bottom: 60px;

}

#officecnt select{

    color:#a9a9a9

}

/* Global */

.post-content .headersub {

    margin: -20px 0 40px 0;

    display: block;

}

#pageNavigation{

    margin: 50px 0px 20px 0px;

    text-align: center;

    vertical-align:top;

}



#pageNavigation .button.cancel, #pageNavigation .button.update{

    line-height:30px;

    height:30px;

    padding:10px 20px;

    margin:0px;

    font-size: 18px;

    vertical-align:top;

}



#pageNavigation .button.cancel{

    background: #fff;

    color: black;

    border:black 1px solid;

    border-radius: 30px;

}



#pageNavigation .button.cancel:hover{

    background: black;

    color: #fff;

}



#pageNavigation .button.update{

    margin-left:10px;

    background: black;

    color: white;

    border-radius: 30px;

}



.woocommerce-info{display:none;}



.fa,.remove{

    transition: all 0.3s ease-in-out;

    webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#userbar {

    /* transition: all 0.3s ease-in-out, top linear 0s, bottom 0s linear;

    webkit-transition: all 0.3s ease-in-out, top linear 0s, bottom 0s linear;

    -moz-transition: all 0.3s ease-in-out, top linear 0s, bottom 0s linear;

    -o-transition: all 0.3s ease-in-out, top linear 0s, bottom 0s linear;

    transition: all 0.3s ease-in-out, top linear 0s, bottom 0s linear; */

}



.page-title-container{

    background-size: auto 450px !important;

    background-attachment: fixed;

    background-image: url(/wp-content/themes/NakedSnacks/img/banner.jpg);

    background-position: 50% 0;

    background-repeat: no-repeat;

    height: 180px;

    margin-bottom: 30px;

    background-color: #d8e0f3;

}



.hidden{

    display:none !important;

}



#wrapper #nav ul li ul li a:hover, #wrapper #sticky-nav ul li ul li a:hover,#wrapper .fusion-megamenu-wrapper .fusion-megamenu-title a:hover{color:#f77e09 !important;}



/* Login */



#customer_login .col-1{

    border-radius:2px;

    margin: 0 auto;

    float:none;

}



/* Home */



#features .secondblk img{

    margin:0 auto;

}



#features .secondblk strong {

    display: block;

}



#features .fusion-column{

    min-height: 320px;

}

/* Thank you page */

.page-id-6 #order-process .naked-row{

    margin-right:auto;

    padding: 25px 150px;

    margin-bottom:0;

}



.woocommerce-add-payment-method div.type-page#post-8 #wc-stripe-cc-form #stripe-card-element {

    padding-left: 50px;

}



@media (min-width: 1024px) {

    .woocommerce-add-payment-method div.type-page {

        padding: 25px 150px;

    }

}

.page-id-6 #order-process .naked-row:not(.expando){

    min-height: 0;

}

.page-id-6 #order-process #freesnacks{

    width:940px;

    margin: 0 auto;

}



.page-id-6 #order-process #freesnacks .lightgrbg{

    background: #fbfbfb !important;

}



.page-id-6 #order-process #freesnacks h2{

    border:none !important;

}



.page-id-6 #order-process #freesnacks .naked-row{

    min-height: initial !important;

    margin: 0px !important;

    padding: 0px !important;

}



.page-id-6 #wrapper .post-content .naked-thank-you .innerpad h2 {

    margin: 0 0 30px 0;

    text-transform: none;

}

.simplelnk{

    font-size: 12px;

}

.innerpad {

    border: 1px solid #f0f0f0;

    padding: 20px;

}





/* Give Snacks */



.give-snacks-banner{background}



.give-snacks-banner .frontwrap .largetext{/*max-width:490px;*/}



body.page-template-give-snacks #main {

    -webkit-background-size: 100%;

    background-image: url(/wp-content/uploads/2015/02/NewGetStarted-Image.jpg);

    background-repeat: no-repeat;

    background-size: 100%;

}

.checktitle p{

    font-size:18px;

}

.checktitle p.delivery-notice {

    line-height: 1.5;

}

#mainct .checktitle {

    /* max-width: 675px!important; */

    position: relative;

}

.page-template-give-snacks .options li:nth-child(3) .checkinner{background:#fff url(/wp-content/themes/NakedSnacks/img/top_best.png) no-repeat top right}

.page-template-give-snacks #main .naked-row{max-width:1208px}

/* .page-template-give-snacks .checktitle{max-width:432px} */

.page-template-give-snacks .notes_prod strong{color:#100c0d;font-weight:800}

.page-template-give-snacks .checkinner i{color:orange;font-style:normal;font-size:28px;margin:10px;display:block}

.page-template-give-snacks .options.give-snacks .checkinner p{margin-bottom:0}

.page-template-give-snacks ul.options li .price{display:none}

.page-template-give-snacks ul.options li img{max-width:227px;max-height:208px}

.page-template-give-snacks ul.options li .description

{

    display:block;

    text-transform:uppercase;

    color: #67686b;

    font-size: 12px;

    line-height: 22px;

    font-family: "ProximaNovaA-Semibold";

    min-height: 120px;

}

.page-template-give-snacks .prdesc{

    margin-top: 0;

    font-size: 11px;

    text-transform: uppercase;

}

#give-snacks{

    margin-bottom:60px;

}





#give-snacks .checkinner.custmes {

    /*background-image: url(/wp-content/themes/NakedSnacks/img/give_welcome.jpg);*/

    background-repeat: no-repeat;

    background-position: right top;

    padding: 0px 15px 0px 15px;

    min-height: 411px;

    margin-bottom: 120px;

}



@media (min-width: 1280px) {

    #give-snacks .checkinner.custmes {

        padding: 0px 5px 0px 5px;

    }

}

@media (min-width: 1440px) {

    #give-snacks .checkinner.custmes {

        padding: 0px 30px 0px 30px;

    }

}

#give-snacks .custmes .checkoutlnks {

    margin-top: 10px;

}

#give-snacks .custmes textarea {

    width: 400px;

    border-radius: 6px;

    height: 244px;

    font-family: "proxima-nova";

    font-size: 18px;

    padding: 15px;

}

#give-snacks .custmes .input-picker {

    margin: -40px auto;

}

#give-snacks .custmes .ws-date.ws-inputreplace.input-text{

    visibility: hidden;

    padding: 0;

    height: 0;

}

#give-snacks .custmes .input-picker .ws-po-box {

    padding: 1.15385em 1.53846em 5px 1.53846em;

}



#give-snacks  #give-custom-date{display:none;}

#give-snacks  #give-custom-date-container{position:relative; }

#give-snacks  #give-custom-date-container .Zebra_DatePicker{width:400px;}

#give-snacks  #give-custom-date-container .Zebra_DatePicker table, #give-snacks  #give-custom-date-container .Zebra_DatePicker .dp_header,  #give-snacks  #give-custom-date-container .Zebra_DatePicker .dp_footer{width:100% !important;}

.Zebra_DatePicker td, .Zebra_DatePicker th {padding:0px;}



.Zebra_DatePicker td.dp_current {

    color: #ffa332;

    background: #f9f9f9;

}

.Zebra_DatePicker td.dp_selected {

    background: #ffa332;

    color: #fff;

}



#give-snacks-details ul.options li {text-align:left;}



#givepr {

    background: #fff;

    border-top: 1px solid #221f1f;

}

#givepr .container {

    max-width: 440px;



    line-height: 20px;

}

#givepr .step div {

    width: 20px;

    float: left;

    height: 20px;

    background: #221f1f;

    border-radius: 50%;

    font-size: 14px;

    font-weight: 800;

    color: #fff;

    text-align: center;

    margin-right:10px;

}

#givepr .step {

    float: left;

    margin-right: 40px;

    padding: 20px 0;

}

#givepr .step.active {

    color: #ffa332;

    border-bottom: 1px solid #ffa332;

}

#givepr .step.active div {

    background: #ffa332;

}

body.page-template-give-snacks #main,.page-template-give-snacks-personalise #main{

    background-size: cover;

    -webkit-background-size:cover;

    background-image: url(/wp-content/themes/NakedSnacks/img/give_bg3.jpg);

    -webkit-background-size: cover;

}

.page-template-give-snacks-personalise .checkinner.custmes .col-sm-6{

    /* min-height: 420px; */

    min-height: 350px;

}



@media(min-width: 1151px){

    .page-template-give-snacks-personalise .checkinner.custmes .col-sm-6 p {

        height: auto;

    }

}



.page-template-give-snacks-personalise .checktitle p {

    color: #1b1512;

}



.page-template-give-snacks-personalise .checkoutlnks .continue{

    float: right !important;

    padding: 5px 10px;

}



.page-template-give-snacks-personalise .checkoutlnks #warning-message{

    font-size: 16px;

    padding-top: 5px;

}



#main {

    padding: 55px 10px 0px;

}

.page-template #main{

    padding: 0;

}



/* Blog */

.btnsubscribe{

    font-family: 'MuseoSlab500Regular',arial,helvetica,sans-serif;

    float: right;

    font-weight: 800;

    margin-top: -52px;

    padding-right: 45px;

}

.btnsubscribe span{

    font-size: 30px;

    margin-left: 15px;

    position: absolute;

}

#subscrib .modal-dialog {

    max-width: 400px;

}

#footer-form-2{

    position: relative;

}

.page-template-free-taster #footer-form-2 small {

    border: 0;

    margin: 5px 0;

}

#footer-form-2.yikes-easy-mc-form .yikes-easy-mc-submit-button{

    position: absolute;

    bottom: 18px;

    right: -2px;

    width: 70px;

    font-size: 16px;

    padding: 8px 10px;

    background: #fff;

    color: #413d32;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}

#footer-form-2.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {

    background: #f77e09;

    color:#fff;

}

#footer-form-2.yikes-easy-mc-form input[type="email"],#footer-form-2.yikes-easy-mc-form input[type="text"]{

    background-color: transparent;

    border: 1px solid #fff;

    line-height: 19px;

    color: #fff;

    font-family: "proxima-nova";

    font-size: 18px;

}

.blog-links{

    font-size: 12px;

    font-style: italic;

}

.post h2 {

    font-weight: bold;

}

.blog #main,.single #main{margin-top:30px}

.single #wrapper #main h2.entry-title{margin-top:20px;font-size:38px;line-height: 40px;}

.single #wrapper #main h1.entry-title {

    line-height: 42px;

    margin: 40px 0;

}

#main #sidebar{

    width: 28%;

    padding: 0 15px 15px 15px;

    border: 1px solid #e7e6e6;

}

#main #sidebar h1 {

    font-size: 20px;

}

#main #sidebar h2 {

    font-size: 14px;

    line-height: 16px;

    font-weight: 400;

}

#sidebar span.FNAME-label,#sidebar span.EMAIL-label{

    display:none;

}

.yikes-easy-mc-text,.yikes-easy-mc-email  {

    font-size: 14px;

}

#sidebar  .yikes-easy-mc-form input[type=text],#sidebar  .yikes-easy-mc-form input[type=email],#subscrib  .yikes-easy-mc-form input[type=text],#subscrib .yikes-easy-mc-form input[type=email]{

    border: 1px solid rgba(51,51,51,.1);

}



#sidebar h3 {

    border-bottom:none !important;

    font-size: 20px;

}

#sidebar h4 {

    font-size: 14px;

    line-height: 16px;

    font-weight: 400;

    margin-top: 0;

}

/* Header */



#wrapper #nav ul li ul li a, #wrapper #sticky-nav ul li ul li a{

    color:#000 !important;

    transition:none;

}



/* Thank You Page */



.woocommerce-order-received .container.onchoose{

    pointer-events: none;

    cursor: default;

}



.woocommerce-order-received .nav-order-gift{color: #9fef7e !important;}

.woocommerce-order-received .nav-order-gift div{background-position: -74px 0 !important}



.woocommerce-order-received .nav-order-enjoy{color: #fff;}

.woocommerce-order-received .nav-order-enjoy div{background-position: -98px -22px !important}



.page-template-checkout2 .change-shipping {display:block !important}



/* Check Out / Gift */



.page-template-checkout-gift .change-shipping{display:block;}





/*.page-template-checkout-gift #billing_country_field select {*/

/*    display:block;*/

/*    padding: 5px;*/

/*    width: 98%;*/

/*    !*margin-bottom: -40px;*!*/

/*}*/





.page-template-checkout-gift #billing_country_field select,

#receipient_country_field select,

#myfield7_field select#myfield7,

#billing_state_field #billing_state {

    border: 1px solid #D2D2D2;

    font-size: 13px;

    color: #747474;

    padding: 8px 2%;

    margin-right: 1%;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.page-template-checkout-gift #billing_country_field {

    padding-top: 0 !important;

}



.page-template-checkout-gift .checktitle {

    position: relative;

    z-index: 2;

    text-shadow: 1px 1px 1px #f6f6f8;

}



.page-template-checkout-gift #customer_details {

    clear: both;

}



.page-template-checkout-gift #order-billing-process .form-row {

    margin-top: 0 !important;

    /* margin-bottom: 1em !important; */

    padding: 0;

}



.page-template-checkout-gift #order-billing-process .form-row label {

    line-height: 1.5;

    margin: 0;

    padding: 0;

}

.page-template-checkout-gift #order-billing-process .form-row#billing_last_name_field *,

.page-template-checkout-gift #order-billing-process .form-row#billing_postcode_field *{

    margin-right: 0;

}



.page-template-checkout-gift #order-billing-process .form-row#billing_last_name_field,

.page-template-checkout-gift #order-billing-process .form-row#billing_postcode_field{

    margin-right: 0 !important;

    width: 50%;

}







.page-template-checkout-gift .nav-order-enjoy div{background-position: -98px 0px !important}



.page-template-checkout-gift .woocommerce-billing-fields h3.shipping{display:inline-block;margin-top: 20px;}



.page-template-checkout-gift #billing_wrap/* , .page-template-checkout-gift .coupon-box */{display:none;}



.delivery_process .gift{

    display:none;

}



.delivery_process .gift .clear{

    clear:both !important;

}



.delivery_process .gift .form-row{

    padding-right:0px !important;

    margin-right:2%;

    width:48%;

    float:left;

}



.page-template-checkout-gift .delivery_process .gift{display:block;}

.page-template-checkout-gift .delivery_process #billing_wrap{display:none;}

.page-template-checkout-gift form.checkout #shipping_last_name_field{

    width: 50%;

    margin-right: 0%!important;

}



/* Check Out */



.page-template-checkout2 #content.taster #coupon-contents,.page-template-checkout2 #content.taster .order-total, #content.taster #free_shipping{display:none!important}

/*

.page-template-checkout2 .coupon-box #coupon {   pointer-events: none; cursor: default;}

*/



.page-template-checkout2 .coupon-box #couponfd {

    /*display:block !important;*/

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}





.page-template-checkout2 .coupon-box #couponfd > * {

    flex-grow: 1;

}

.page-template-checkout2 .coupon-box #couponfd > *:last-child {

    margin-right: 0 !important;

}



.page-template-checkout2 .cart-discount {display:none !important}



.page-template-checkout2 .payment_method_stripe > input,

/* .page-template-checkout2 .payment_method_stripe > label, */

.page-template-checkout2 .payment_method_stripe > input > label,

.page-template-checkout2 .woocommerce-error:before,

.page-template-checkout2 .woocommerce-password-hint{display:none!important;}



.page-template-checkout2 .woocommerce-error li{

    max-width: 940px;

    margin-left: 0;

}

.page-template-checkout2 .woocommerce-error {

    text-align: center;

}



.woocommerce-cart #main .woocommerce > .cart-empty,

.woocommerce-cart #main .woocommerce > .return-to-shop {

    display: block;

    width: 100%;

}

.woocommerce-cart #main .woocommerce > .return-to-shop {

   border: none;

}

.woocommerce-cart #main .woocommerce > .return-to-shop .wc-backward {

    float: left;

}



.page-template-checkout2 .simplelnk{

    font-size: 14px;

    text-decoration: underline;

}



body.page-template-checkout2 .billing_process .payment_method_stripe .form-row-wide > a.button {display:none;}



body.page-template-checkout2 #coupon {

    color: #444;

    font-size: 16px;

}



body.page-template-checkout2 form#nsLogin{

    display: none;

    background-color: #FFFFFF;

    position: fixed;

    top: 8px;

    padding: 20px;

    width: 350px;

    z-index: 9999999;

    left: 56%;

    margin-left: -200px;

    border-radius: 4px;

}



body.page-template-checkout2 form#nsLogin p.status{

    display: none;

}



body.page-template-checkout2 .login_overlay{

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.8);

    position: fixed;

    z-index: 9999995;

}



body.page-template-checkout2 .fa-times{

    cursor: pointer;

}



body.page-template-checkout2 form#nsLogin input{

    width:100%;

}

#nsLogin input[type="password"],#nsLogin input[type="text"] {

    padding: 8px 15px;

    border: 1px solid #d2d2d2;

    font-size: 13px;

}

#nsLogin label ,#nsLogin .lost{

    font-size: 16px;

}

#nsLogin .pull-right {

    float: none;

}

#nsLogin .login {

    float: right;

}

.checkout #billing_wrap #selectedsnackes_field {

    visibility: hidden;

    padding: 0;

    height: 1px;

}

.checkout p#shipping_state_field select, .checkout p#billing_state_field select {max-width:100%;}



body.page-template-checkout2 #ui-datepicker-div,body.page-template-checkout2 .order1 #order_review .geotrust,body.page-template-checkout2 .order1 #order_review .shop_table{

    display:none !important;

}

/*body.page-template-checkout2 #order2 #payment*/

.checkout .delivery_process .continue{

    margin-top:30px !important;

}



.checkout .receiver-form h3{

    margin-top:0px !important;

}



.checkout .woocommerce-checkout-review-order-table .order-total td{

    text-align:center !important;

}



.checkout .woocommerce-checkout-review-order-table .fee td {

    visibility:collapse;

}



.checkout .woocommerce-checkout-review-order-table .fee td span{

    visibility:visible;

    float:right;

}



.checkout  .log-in, .checkout  .log-in a{

    color: rgb(255, 163, 50) !important;

    text-align:center;

    text-decoration: underline;

}



.checkout .woocommerce-checkout-review-order-table .order-total td strong{

    font-weight:normal !important;

}



.checkout p.note {

    margin: 10px 0px 40px 35px;

}

.checkout p#shipping_state_field, .checkout p#shipping_postcode_field, .checkout p#billing_state_field, .checkout p#billing_postcode_field{

    width:48%;

}



.checkout p#shipping_state_field select, .checkout p#billing_state_field select{

    min-width:inherit;

}



.checkout .create-account label{margin-top:10px;clear: both;}



.checkout #shipping_state, .checkout #billing_state{

    height: 33px !important;

    display:block !important;

}



.checkout .naked-select-parent .select-arrow{

    height: 31px !important;

}



.checkout #billing_email_field{

    width:100% !important;

}

.checkout #billing_email_field span {

    margin:10px 0;

    font-size:0.85rem;

    color:#aaa;

}

.checkout #billing_country_field span#billing_country-description {

    display: none;

    color:#D04544;

    margin:5px 0;

    font-size:0.85rem;

}

.checkout #billing_country_field span#billing_country-description.active {

    display: inline-block;

}

#order2 .naked-row{ background:#fff !important;}





#order1 .select-arrow{

    display:block !important;

}

#order-billing-process .required,

#order1 .required{

    color:#ff0000 !important;

    text-decoration: none !important;

}

#order-billing-process input[type="checkbox"],

#order1 input[type="checkbox"],

#order-billing-process input[type="radio"],

#order1 input[type="radio"]{

    font-size: 1rem !important;

    width: 1em !important;

    height: 1em !important;

    line-height: 1;

    margin: -0.125em 0.25em 0.125em 0 !important;

}

.sj-hidden{

    display:none;

}

.woocommerce-checkout .inner-wrap.loggedin h2.yourDetails{

    display:none;

}



.woocommerce-checkout .inner-wrap.loggedin#gift h2.yourDetails{

    display:block;

}



.woocommerce-checkout .inner-wrap#taster #order2 .woocommerce_message,.woocommerce-checkout .inner-wrap#taster #coupon-contents{display:none !important;}





/* new checkout customization start */

.page-template-checkout2-php h3#ship-to-different-address,

.page-template-checkout2-php p#selectedsnackes_field,

.page-template-checkout2-php div.woocommerce-additional-fields { display: none; }



.page-template-checkout2-php h3.register-title {

    position: relative;

    top: -160px;

    margin-bottom:-30px !important;

    clear: both;

}

@media(min-width: 422px) {

    .page-template-checkout2-php h3.register-title {

        top: -140px ;

    }

}

@media(min-width:641px) {

    .page-template-checkout2-php h3.register-title {

        top: -160px ;

    }

}

@media(min-width:692px) {

    .page-template-checkout2-php h3.register-title {

        top: -140px ;

    }

}



/* .page-template-checkout2-php form.checkout div.inner-wrap:not(.loggedin) #billing_email_field {

    margin-top: 50px !important;

} */

.page-template-checkout2-php .checkout .log-in {

    font-size: 14px;

}

.page-template-checkout2-php #order-process .naked-row {

    padding-bottom: 0;

}

.page-template-checkout2-php #order-process .naked-row hr { margin: 25px 0;}

.page-template-checkout2-php #order-billing-process .naked-row { padding-bottom: 25px; }

.woocommerce-shipping-fields { margin: 0; }

/* new checkout customization end */



.woocommerce-checkout #order1 .note{

    font-weight: bold;

    margin: 20px 0px 30px 0px;

}



.checkout .shop_table .image img{

    width:200px;

}



.checkout .change-shipping-wrapper{

    display:none;

}

.change-shipping b{

    margin: 10px 0;

    display: block;

}

.payment_method_stripe .button {

    margin: 0 0 10px 0;

}

form.checkout .payment_method_stripe  label {

    margin-bottom: 15px;

}

.checkout #apply_coupon{

    border-radius: 2px;

    background: #ccc;

    cursor:pointer;

    color:#444;

}



.checkout .payment_box  .button, form.checkout .shop_table tfoot .order-total .amount{

    background: #999 !important;

}



body.woocommerce-edit-address #shipping_state{

    visibility: hidden

}



body.woocommerce-checkout #order_review .amount{

    background: none !important;

    color:#515151 !important;

    padding:0px;

}



.checkout .fa{

    border-radius: 50%;

    font-size: 16px;

    background: #999;

    color: #FFFFFF;

    margin-right:5px;

    width: 30px;

    text-align: center;

    height: 30px;

    padding-top: 7px;

}



.checkout h3{

    color: #999 !important;

}



.checkout hr{

    border-top: #ccc 1px solid;

    height: 1px;

    margin:0px;

    float:left;

    width:100%;

}





.checkout .continue{

    margin: 20px auto !important;

    display: block !important;

    clear: both !important;

    float: none !important;

    width:130px;

    text-align:center;

}



.checkout .logo:hover{

    cursor:pointer;

}



.checkout p{

    color: rgb(81, 81, 81);

    /* display: block; */

    font-family: proxima-nova;

    font-size: 16px;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

}



.checkout #user-email p{

    float:none;

}



.checkout .locked{

    position: relative;

    pointer-events: none;

}

.checkout .locked::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: ' ';

    background:#000;

    z-index:9999999;

    opacity:0.5;

}



.checkout .col-sm-4{

    background:#fff;

}



#customer_details p {

    font-size: 14px;

    line-height: normal;

}

#customer_details .coupon-box{

    float:left;

    width:100%;

    margin: 20px 0;

}

.checkout #order_review

{

    position:relative;

}



.geotrust{

    float:right;

    margin-top:0px

}



/*.select2-container { display:none !important } */ /* why? this breaks the province dropdown on checkout now- bad */

.woocommerce-account .select2-container { display:block !important }



#payment .form-row.terms {

    padding-top: 20px !important;

    display: block;

    clear:both;

    margin:10px;

    width:100%;

}



.billing_process #myfield2_field{

    float:left;

    clear:both;

}



.billing_process #myfield1_field{

    float:right;

}



.page-template-checkout2-php form.checkout #shipping_first_name_field,.page-template-checkout2-php form.checkout #shipping_last_name_field{

    /* margin-bottom: -5px!important; */

}

.page-template-checkout2-php form.checkout #shipping_city_field {

    margin-top: 15px!important;

}

.page-template-checkout2-php  #shipping_address_1_field label{

    margin-left: 0px;

}

.page-template-checkout2-php #shipping_address_1_field ,.page-template-checkout2-php  #shipping_address_2_field,.page-template-checkout2-php  #shipping_city_field,.page-template-checkout2-php  .become-member{

    /* padding-right: 12px!important; */

}

.page-template-checkout2-php #shipping_state {

    width: 100%;

}

.page-template-checkout2-php p.note {

    margin: 35px 0px 0px 0px;

}

.page-template-checkout2-php .checkout p {

    line-height: 20px;

    margin-bottom: 20px;

    /* float: left; */

    width: 100%;

    position:static;

}

.page-template-checkout2-php  #billing_email_field {

    margin-bottom: 20px !important;

}

.page-template-checkout2-php .terms .input-checkbox {

    float: left;



}

.page-template-checkout2-php .terms label{

    float: right;

    width: 96%;

    max-width: calc(100% - 1.5em);

}

.upgrade-month-wrapper {

    display:none;

}

.upgrade-month-wrapper.shown{

    display:block;

}

.upgrade-month-wrapper p{

    font-size:0.65rem;

    float:left;

    width:100%;

}

#upgrade-month-button {

    padding:5px 7px;

    color:#ffa332;;

    background:#fff;

    border:1px solid #ffa332;

    text-transform:uppercase;

    font-size:0.85rem;

    float:left;

    margin-top:1rem;

    cursor:pointer;

}

#upgrade-month-button.active {

    color:#fff;

    background:#ffa332;

}

body .checkout .naked-row.expando {

    min-height: 1100px;

}

body .checkout .delivery_process .naked-row.expando {

    min-height: 0;

}





/* Double option text temp fix */

.screen-reader-text .optional {

    display: none;

}





/* Choose */



.checkinner .description{

    font-family: 'ProximaNovaA-Semibold';

}

.checkinner{

    border:none;

}

.fusion-modal .fusion-button{

    padding:0px 10px !important;

    font-size:12px !important;

}



/* Get Started */



body.page-template-get-started #order-process .checkinner .description span{display:block;}



.get-started-desc

{

    text-shadow:

        -1px -1px 0 rgba(255,255,255, 0.5),

        1px -1px 0 rgba(255,255,255, 0.5),

        -1px 1px 0 rgba(255,255,255, 0.5),

        1px 1px 0 rgba(255,255,255, 0.5);

}



.billing_process .checkinner .description span{

    display:block;

    text-align: center;

}



.billing_process .checkinner .description span:nth-of-type(1){

    border-bottom: 1px solid #f0f0f0;

}







/* Blog */



body.blog  .post-content-container .meta-info span, body.single-post #content .meta{

    display:none !important;

}



body.blog  .flexslider .slides li{

    display:block !important;

}



body.blog  .flexslider .slides li{

    display:block !important;

}



body.blog  #posts-container .post {

    height: 550px;

    overflow:hidden;

}



body.blog  #posts-container .post  .excerpt-container{

    height:100px;

    overflow:hidden;

}



body.blog  #posts-container .post  .post-title{

    height:55px;

    overflow:hidden;

}



/* MISC */



body.error404 .post-content h1{

	text-transform: initial;

}



.send-now-wrap .success {

    font-size: 19px;

    line-height: 1.6em;

}

.woocommerce-account .shop_table .order-actions .send-now-wrap a.button {

    padding: 10px 20px;

    font-size: 18px;

    text-align: center;

    width: 100px;

}

.woocommerce-account .shop_table .order-actions .send-now-wrap a.button::after {

    content: '';

}

.send-now-wrap h1{

    text-transform: initial;

}



#globalWarningWrap{

    position:fixed;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.3);

    z-index:9999999999;

    text-align: center;

    display:none;

    cursor: pointer;

}



#globalWarningWrap.visible{

    display:block;

}



#globalWarning {

    position: relative;

}



#globalWarning span{

    margin-right:20px;

}



#globalWarning .title{

    display:none;

    margin:0px;

    text-align:left;

    font-weight:bold;

}



#globalWarning .title.visible{

    display:block;

}



#globalWarningWrap .fa-times{

    margin-left:5px;

    cursor: pointer;

    position: absolute;

    top: 5px;

    right: 10px;

}



#globalWarningWrap .fa-times:hover{

    color:red;

}



#globalWarningWrap #globalWarning{

    margin-top: 25%;

    background:#fff;

    padding:20px;

    border-radius:5px;

    display: inline-block;

}



#main{min-height:400px;}



.button.wc-backward{

    padding: 0px 10px !important;

    height: 53px !important;

}



#toTop{display:block !important;}



.warning.error{color:red;}

#sidebar .subhead{color: #515151;}

.page-id-971 .name{text-transform: none;}

.single .yks-mailchimpFormContainer input[type="submit"]{width:100%;}



.header-wrapper{position:relative; background:#fff;}



.checkoutlnks .continue {

    background: black;

    white-space:nowrap;

}



.checkoutlnks .continue:hover {

    background: black;

}

.continue.disabled, a.disabled{

    pointer-events: none !important;

    cursor: default !important;

}

.div-switch-plan-set-date .input, #txt_switch_date{

    background: #E9E9E9;

    border: none !important;

    border-radius: 10px !important;

}



/* Switch */



body.page-template-switch-box #main, body.page-template-switch-office #main{

    /*background-image: url(../img/BG-Office.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-background-size: cover;

    background-position: right center;*/



    background: #f6f6f8 url(../img/delivery_bg.jpg) right center no-repeat;

    position: relative;

    padding-bottom: 100px;



}

body.page-template-switch-box .checkinner, body.page-template-switch-plan .checkinner, body.page-template-switch-office .checkinner {

    margin-bottom: 100px;

}

body.page-template-switch-office #main .checktitle{margin: 0px auto 17px;}



body.page-template-switch-plan .description small{

    font-size:12px;

    padding:2px;

    margin-top:2px;

}



body.page-template-switch-box .fa-check, body.page-template-switch-plan .fa-check, body.page-template-switch-office .fa-check {

    color:#ddd;

    cursor:pointer;

}



body.page-template-switch-box .fa-check.active, body.page-template-switch-plan .fa-check.active, body.page-template-switch-office .fa-check.active {

    color:green;

}



body.page-template-switch-box tr.disabled, body.page-template-switch-plan tr.disabled, body.page-template-switch-office tr.disabled {

    color:#ccc;

    opacity:0.9;

    pointer-events: none;

    border-radius:5px;

}



body.page-template-switch-box tr.disabled, body.page-template-switch-plan tr.disabled.selected, body.page-template-switch-office tr.disabled.selected {

    border: 1px green solid;

    color:#666;

    opacity:0.9;

    pointer-events: none;

    border-radius:5px;

}



body.page-template-switch-box tr.disabled .fa-check, body.page-template-switch-plan tr.disabled .fa-check, body.page-template-switch-office tr.disabled .fa-check {

    display:none;

}



body.page-template-switch-box .div-switch-msg, body.page-template-switch-plan .div-switch-msg, body.page-template-switch-office .div-switch-msg {

    width: 100%;

    text-align: center;

    min-height: 21px;

    color: #cc0000;

    font-size: 14px;

}



#div-switch-msg-info {

    width: 100%;

    text-align: left;

    min-height: 21px;

    font-size: 15px;

    margin-top: -20px;

    padding-bottom: 26px;

    float: left;

}



body.page-template-switch-box .checktitle, body.page-template-switch-plan .checktitle {

    margin: 0 auto;

}



body.page-template-switch-box form.cart, body.page-template-switch-plan form.cart, body.page-template-switch-office form.cart {

    margin-top: 0px;

}



body.page-template-switch-plan table.group_table, body.page-template-switch-office table.group_table {

    width:100% !important;

}

.page-template-switch-plan #content,.page-template-switch-office #content{

    padding-top: 47px;

}

.page-template-switch-plan .checktitle p,.page-template-switch-office .checktitle p{

    margin: 0;

}

.page-template-switch-plan h1,.page-template-switch-office h1{

    margin-bottom: 0;

}

.page-template-switch-plan .checkinner{

    max-width: 670px;

    margin: 0 auto;

}

#p-switch-msg,#p-switch {

    margin: 0;

    font-size: 14px;

    line-height: 16px;

}



#p-switch-date-msg {

    margin-top: 15px;

    font-size: 13px;

    line-height: 16px;

}



#p-switch {

    font-weight: bold;

}



/* My account */



.cancellation-wrap .inner, .cancellation-wrap-next-step .inner{

    background:#fff;

    text-align: center;

    width:600px;

    top:50%;

    padding:20px;

    margin-top:-180px;

    border-radius: 5px;

    position: relative;

}

  .cancellation-wrap, .cancellation-wrap-next-step {

    background:rgba(0,0,0,0.2);

    display:none;

    position:fixed;

    width:100%;

    height:100%;

    top:0;

    left:0;

    z-index:9999999999;

  }



.cancellation-wrap .inner textarea, .cancellation-wrap-next-step .inner textarea{

    width:90%;

    height:100px;

    margin-bottom:20px;

}



.cancellation-wrap .inner a, .cancellation-wrap-next-step .inner a{

    margin: 0 auto;

}



.cancellation-wrap .inner .fa-times, .cancellation-wrap-next-step .inner .fa-times{

    position:absolute;

    top:10px;

    right:10px;

    color:#444;

    font-size:20px;

    font-weight:bold;

    cursor: pointer;

}

.cancellation-wrap.active, .cancellation-wrap-next-step.active {

    display: flex;

    justify-content: center;

    align-content: center;

}



.cancellation-wrap .button, .cancellation-wrap-next-step .button{

    text-align: center !important;

    background: black;

    color: white;

    border-radius: 30px;

}



.cancellation-wrap .button-underline, .cancellation-wrap-next-step .button-underline{

    text-decoration: underline;

    cursor: pointer;

}



.cancellation-wrap .button:hover, .cancellation-wrap-next-step .button:hover{

    background: black;

}



.cancellation-wrap .button-underline:hover, .cancellation-wrap-next-step .button-underline:hover{

    color: black;

}





@media screen and (min-width: 767px) {

    .cancellation-wrap, .cancellation-wrap-next-step {

        background:rgba(0,0,0,0.2);

        display:none;

        position:fixed;

        width:100%;

        height:100%;

        top:0;

        left:0;

        z-index:9999999999;

    }

    .cancellation-wrap .inner, .cancellation-wrap-next-step .inner{

        background:#fff;

        position: absolute;

        text-align: center;

        width:600px;

        padding:20px;

        border-radius: 5px;

    }

    



  }



.woocommerce-page .send-now-wrap a.button.back{

    background:#fff;

    border: 1px #ffa332 solid;

    color: #ffa332;

}



/* Faux Delete Start */



.div-faux-delete-wrap {

    background:rgba(0,0,0,0.2);

    display:none;

    position:fixed;

    width:100%;

    height:100%;

    top:0;

    left:0;

    z-index:9999999999;

}

.div-faux-delete-wrap .inner{

    background:#fff;

    border: 1px #999 solid;

    position: absolute;

    text-align: center;

    width:500px;

    height:300px;

    top:50%;

    left:50%;

    padding:20px;

    margin-top:-160px;

    margin-left:-260px;

    border-radius: 5px;

}



.div-faux-delete-wrap .inner .fa-times{

    position:absolute;

    top:10px;

    right:10px;

    color:#444;

    font-size:20px;

    font-weight:bold;

    cursor: pointer;

}



.div-faux-delete-wrap.active {display:block;}



/* Pause Start */



.div-pause-wrap {

    background:rgba(0,0,0,0.2);

    display:none;

    position:fixed;

    width:100%;

    height:100%;

    top:0;

    left:0;

    z-index:9999999999;

}

.div-pause-wrap .inner{

    background:#fff;

    text-align: center;

    width:600px;

    top:50%;

    padding:20px;

    margin-top:-180px;

    border-radius: 5px;

    position: relative;

}



.div-pause-wrap .inner .success .txt_pause_resume_date{

    background: #E9E9E9;

    border: none !important;

}



.div-pause-wrap .inner textarea{

    width:90%;

    height:100px;

    margin-bottom:20px;

}



.div-pause-wrap .inner a{

    width:100px;

    margin: 0 auto;

}



.div-pause-wrap .inner .fa-times{

    position:absolute;

    top:10px;

    right:10px;

    color:#444;

    font-size:20px;

    font-weight:bold;

    cursor: pointer;

}



.div-pause-wrap .button{

    text-align: center !important;

    width: 50%;

    background: black;

    color: white;

    border-radius: 30px;

}



.div-pause-wrap .button:hover{

    background: black;

    color: white;

}



.div-pause-wrap.active {

    display: flex;

    justify-content: center;

    align-content: center;

}



@media screen and (min-width: 767px) {

    .div-pause-wrap .inner {

        background:#fff;

        position: absolute;

        text-align: center;

        width:600px;

        padding:20px;

        border-radius: 5px;

    }

    .div-pause-wrap {

		background:rgba(0,0,0,0.2);

        display:none;

        position:fixed;

        width:100%;

        height:100%;

        top:0;

        left:0;

        z-index:9999999999;



	}



  }



/* Pause End */



/* Custom Field Edit Start */



.div-changefields-wrap {

    background:rgba(0,0,0,0.2);

    display:none;

    position:fixed;

    width:100%;

    height:100%;

    top:0;

    left:0;

    z-index:9999999999;

}

.div-changefields-wrap .inner{

    background:#fff;

    text-align: center;

    width:600px;

    padding:20px;

    margin-top:180px;

    border-radius: 5px;

    position: relative;

}



.div-changefields-wrap .inner textarea{

    width:90%;

    height:100px;

    margin-bottom:20px;

}



.div-changefields-wrap .inner a{

    width:100px;

    margin: 0 auto;

}



.div-changefields-wrap .inner .fa-times{

    position:absolute;

    top:10px;

    right:10px;

    color:#444;

    font-size:20px;

    font-weight:bold;

    cursor: pointer;

}



.div-changefields-wrap .inner .success{

    margin: 0 auto;

    width: 90%;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.div-changefields-wrap .inner .success .text-input-wrap .txt_extra_first_name,

.div-changefields-wrap .inner .success .text-input-wrap .txt_extra_last_name,

.div-changefields-wrap .inner .success .text-input-wrap .txt_extra_address,

.div-changefields-wrap .inner .success .text-input-wrap .txt_extra_town,

.div-changefields-wrap .inner .success .text-input-wrap .txt_extra_province,

.div-changefields-wrap .inner .success .text-input-wrap .txt_extra_postcode {

    background: #E9E9E9;

    border: none !important;

}



.div-changefields-wrap .inner .success .text-input-wrap{

    display: flex;

    justify-content: center;

    gap: 30px;

}



.div-changefields-wrap .inner .success .green-text{

    color : green;

    font-size : 1.2em;

}

.div-changefields-wrap .inner table tr{

    border: none;

}

.div-changefields-wrap .inner table td{

    text-align: left;

    width: 50%;

}

.div-changefields-wrap .button{

    text-align: center !important;

    background: black;

    color: white;

    border-radius: 30px;

}



.div-changefields-wrap.active {display:flex;}



@media screen and (max-width: 767px) {

    .div-changefields-wrap .inner{

        background:#fff;

        text-align: center;

        width:600px;

        padding:20px;

        margin-top:180px;

        border-radius: 5px;

        position: relative;

        overflow: scroll;



        }



    .div-changefields-wrap .inner .success .text-input-wrap{

        display: flex;

        flex-direction: column;

        justify-content: center;

        width: 100%;

        gap: 0px;

        text-align: left;

        border-radius: 5px;

    }

  }



@media screen and (min-width: 767px) {

    .div-changefields-wrap .inner .success .text-input-wrap{

        display: grid;

        grid-template-columns: 1fr 2fr;

        text-align: left;

    }

	.div-changefields-wrap .inner {

		background:#fff;

        position: absolute;

        text-align: center;

        width:600px;

        left:50%;

        padding:20px;

        margin-top:100px;

        margin-left:-330px;

        border-radius: 5px;

	}

	.div-changefields-wrap {

		background:rgba(0,0,0,0.2);

        display:none;

        position:fixed;

        width:100%;

        height:100%;

        top:0;

        left:0;

        z-index:9999999999;



	}

  }



/* Custom fields End */



/* Resume Start */



.div-resume-wrap {

    background:rgba(0,0,0,0.2);

    display:none;

    position:fixed;

    width:100%;

    height:100%;

    top:0;

    left:0;

    z-index:9999999999;

}

.div-resume-wrap .inner{

    background:#fff;

    text-align: center;

    width:600px;

    top:50%;

    padding:20px;

    margin-top:-180px;

    border-radius: 5px;

    position: relative;

}



.div-resume-wrap .inner textarea{

    width:90%;

    height:100px;

    margin-bottom:20px;

}



.div-resume-wrap .inner a{

    width:100px;

    margin: 0 auto;

}



.div-resume-wrap .inner .success .txt_resume_date{

    background: #E5E5E5;

    border: none !important;

}







.div-resume-wrap .inner .fa-times{

    position:absolute;

    top:10px;

    right:10px;

    color:#444;

    font-size:20px;

    font-weight:bold;

    cursor: pointer;

}



.div-resume-wrap .button{

    text-align: center !important;

    background: black;

    color: white;

    border-radius: 30px;

}



.div-resume-wrap .button:hover{

    background: black;

}



.div-resume-wrap.active {

    display:flex;

    justify-content: center;

    align-content: center;

}



@media screen and (min-width: 767px) {

	.div-resume-wrap .inner {

		background:#fff;

        position: absolute;

        text-align: center;

        width:600px;

        border-radius: 5px;

	}

	.div-resume-wrap {

		background:rgba(0,0,0,0.2);

        display:none;

        position:fixed;

        width:100%;

        height:100%;

        top:0;

        left:0;

        z-index:9999999999;



	}

  }



/* Resume End */



/* The Snacks */



/* # lbs removed for new filters */

/* body.page-template-get-snacks ul#filter > li:first-child {

    pointer-events: none;

    cursor: default;

}

body.page-template-get-snacks ul#filter > li:first-child img{

    margin-top:7px;

} */

.div-filter-msg {

    padding-left: 25px;

    font-size: 14px;

    width:100%;

    float:left;

}



.rabutton:hover{cursor:pointer}

.dropme{

    display: none;

    cursor:pointer;

    margin-right:5px !important;

}

.dropme:hover{

    background:#f77e09;

}

.page-template-get-snacks #userbar.fixedBottom.barslid,

#content.get-snacks #userbar.barslid {

    top: 0!important;

    right:0 !important;

    opacity:1!important;

    z-index: 9 !important;

/*     transition: 0.5s; 

    -webkit-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s; */

}



/* @media (min-width: 1024px) { */

@media (min-width: 1280px) {

    #content.get-snacks #userbar {

        padding-bottom: 80px;

        z-index: 0;

        opacity: 0;

    }

}

/* @media (min-width: 1025px) { */

@media (min-width: 1280px) {

    #content.get-snacks #userbar {

        opacity: 1;

    }

}



/* @media (min-width: 1025px) { */

@media (min-width: 1280px) {

    .page-template-get-snacks #userbar.fixedBottom.barslid, #content.get-snacks #userbar.barslid {

        z-index: 2 !important;

        position: sticky !important;

    }

    .page-template-checkout2 #content.get-snacks #userbar:not(.position-fixed) .inner {

        top: 72px;

    }

}

.page-template-get-snacks .checkprocess.goup,

#header.goup{

    /*top: -100%;*/

    width: 100%;

    position:fixed;

}

.page-id-971 .name{

    text-transform: none;

}



.page-id-971 .page-title-container{

    display: none;

    margin-bottom:120px;

}



.page-id-971 #sliders-container{

    height:80px;

}



.page-template-get-snacks .poppics img{

    width:auto;

    margin:50px auto 50px auto;

}



.page-template-get-snacks .mobileCheckout{display:none;}



.page-template-get-snacks.active #content.get-snacks{left:0px;}



.page-template-get-snacks #content.get-snacking{right:-100%;}



.page-template-get-snacks.active footer{display:none !important;}



.page-template-get-snacks #wrapper #main .naked-row,

.page-template-my-account #wrapper #main .naked-row{max-width:initial}

.page-template-wholesale .checkinner {

    /* border: 2px solid #d7d7d7; */

}

.page-template-get-snacks .checkinner{overflow:hidden;padding:0px;min-height: 320px;text-align:center;border: 2px solid #d7d7d7;}

.page-template-get-snacks .checkinner *{text-align:center;}

.page-template-get-snacks .checkinner .name{font-size:16px;}

.page-template-get-snacks .checkinner .description{font-weight:normal;font-size:12px;display: block;}

.page-template-get-snacks .checkinner .continue {float: initial;}

.page-template-get-snacks .checkinner .continue.add {float: initial !important;display:block; margin: 0 auto;font-size:0.85rem;}

.page-template-get-snacks .checkinner .wp-post-image {width:186px; height: 186px;}

#userbar .checkoutlnks .money-back,

.page-template-get-snacks .checkinner .shelflife-notice {font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em !important; text-align: center;}



.page-template-my-account .page{

    max-width: 940px;

    float: none;

    margin: 15px auto;

    background: #fff;

    padding: 25px;

}

.get-snacks #sortable,

.get-snacks #unsortable{

    list-style: none;

    padding:0px;

    margin:0px;



}

.get-snacks #sortable{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.page-template-get-snacks #filter img{

    width:15px;

}

.get-snacks #sortable li,

.get-snacks #unsortable li{

    display: block;

    margin: 2px 0;

    padding: 4px 4px 1px 4px;

    border-radius: 2px;

    /* border: 1px solid #ccc; */

    /* line-height: 17px; */

    width:100%;

}

@media only screen and (min-width: 1024px) {

    .get-snacks #sortable.half-width li {

        width: 48%;

        float: left;

        margin-right: 2%;

    }

    .your-snacks-wrapper #sortable.half-width  li.planner span{

        /* font-size:0.75rem; */

        font-size:0.85rem;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        width: 70%;

        display: inline-block;

    }

}



@media (min-width: 1025px) and (max-width: 1309px){

    .get-snacks #sortable li,

    .get-snacks #unsortable li {

        display:flex;

        justify-content: space-between;

    }



    .your-snacks-wrapper li.planner span {

        /* line-height: 2 !important; */

    }

}



.get-snacks #unsortable li{

    /* padding-left:10px; */

    border: 1px solid #000;

    border-radius: 15px;

    line-height: 2.4;

    padding: 2px 20px 0px 10px;

    display: flex;

    justify-content: space-between;

    place-items: center;

}

.get-snacks #unsortable li.hidden{

    display:none;

}

.get-snacks #unsortable li span{

    text-align:left;

}

/* .get-snacks #sortable li.planner{

    cursor: move;

    font-size: 12px;

} */

/*

#sortable .planner:nth-child(5n+5):before{

content:"Box items:";

display:block;

position:absolute;

margin-top: 42px;

}

#sortable .planner:nth-child(5n+5) {

margin-bottom: 40px;

}

*/

.page-template-get-snacks #sortable .remove{

    background: #ccc;

    color: #444;

    float: right;

    border-radius: 4px;

    cursor: pointer;

    padding: 0px 30px 35px 24px;

    font-weight: bold;

    height: 15px;

    line-height: 35px;

    font-size: 23px;

}



@media (min-width: 1024px) {

    .page-template-get-snacks #sortable .remove {

        padding: 0px 15px 22px 13px;

        line-height: 21px;

    }

}



.page-template-get-snacks #sortable .remove:hover{

    background: #ff3232;

}

.page-template-get-snacks #sortable .fa{

    margin-right:10px;

    color:#ccc;

}



.page-template-get-snacks #sortable li:hover .fa-arrows{

    color:#444;

}



.page-template-get-snacks .snack.effect{

    position:absolute;

    z-index:9999;

}



/* .page-template-get-snacks .snack {

    pointer-events: none;

    cursor: default;

} */



.page-template-get-snacks .snack  .continue{

    pointer-events: auto;

    cursor: pointer;

    margin-bottom: 20px;

}



.page-template-get-snacks.scrolled .checkprocess{

    top:0px;

    padding:5px;

}



/*.page-template-get-snacks.scrolled .header-wrapper{*/

/*    //display:none;*/

/*}*/



/* userbar */



.page-template-get-snacks #main {padding: 0px;}



.page-template-get-snacks #existingOrders{

    padding: 10px;

    background: #C89B72;

    text-align: center;

    color: #fff;

}



.page-template-get-snacks #existingOrders a:hover{

    color:#ccc;

}

#content.get-snacks #userbar {

    /* width: 90%; # lbs test*/

    /* right:-165% !important; */

    background: #fff;

    position: absolute;

    height: 100%;

    -webkit-box-shadow: -2px 0 5px 2px #888;

    box-shadow: -2px 0 5px 2px #888;

    overflow: scroll;

    /* padding:1rem; */

    z-index:1;

    opacity: 0;

}

/* @media (min-width: 1024px) { */

@media (min-width: 1280px) {

    #content.get-snacks #userbar {

        opacity: 1;

    }

}

#content.get-snacks #userbar:not(.position-fixed) {

    /* top:50px !important; # lbs test*/

}

#userbar.position-fixed::-webkit-scrollbar {

    display: block !important;

    width: 1rem;

    max-width: 1rem;

}

#userbar.position-fixed::-webkit-scrollbar-track {

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

    width: 1rem;

    max-width: 1rem;

}

#userbar.position-fixed::-webkit-scrollbar-thumb {

    background-color: rgba(0, 0, 0, 0.1);

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

    outline: none;

    width: 1rem;

    max-width: 1rem;

}





/* @media only screen and (min-width: 1025px) { */

@media only screen and (min-width: 1280px) {

    #content.get-snacks #userbar {

        /*width: 350px;*/

        /*right: 0;*/

        /*background: #fff;*/

        /*position: absolute;*/

        /*height: 100%;

        -webkit-box-shadow: -2px 0 5px 2px #888;

        box-shadow: -2px 0 5px 2px #888;

        overflow: scroll;*/

        right: 0;

        /* background: #f9f9f9; */

        background: #fff;

        /* box-shadow: 5px 15px 3px 6px #aaaaaa; */

        box-shadow: -10px 0 6px -10px #aaaaaa;

        width: 25%;

        /* padding: 1.5rem 2rem; */

        float: right;

        font-size: 12px;

        order: 2;

        position: sticky;

        overflow:visible;

        height:auto;

        right:0;

        /* box-shadow:none; */

    }

    #content.get-snacks #userbar:not(.position-fixed) {

        /* top:0 !important; */

        opacity: 1;

        position: sticky !important;

        overflow-x: hidden !important;

    }



    #content.get-snacks #userbar .inner {

        /* position: sticky;

        float: left;

        width: 100%; */

        /*width: 85%;*/

        /*float: none;*/

        /*margin: auto;*/

    }

    .page-template-get-snacks #content.get-snacks #userbar .inner {

        top: 50px;

        margin-bottom: 150px;

    }

    #content.get-snacks #userbar:not(.position-fixed) .inner {

        top: 72px;

    }

    #content.get-snacks #userbar.position-fixed .inner {

        position: relative;

    }

}

/*.page-template-get-snacks.scrolled #userbar{*/

/*    position: fixed;*/

/*    top: 20px;*/

/*}*/



.page-template-get-snacks #userbar.fixedBottom{

    position: fixed;

    top: auto;

    bottom: 15px;

}



.page-template-get-snacks #userbar.fixedBottomHold{

    position: absolute;

    top: auto;

    bottom: 15px;

}



#userbar p {

    line-height: 16px;

    font-size: 14px;

    margin-top: 5px;

}

#userbar h3 {

    margin: 0 0 1rem  0;

    font-size: 16px;

    font-family: 'BuenosAires Bold';

    font-weight: unset;

}

@media (min-width: 768px) {

    #userbar h3 {

        font-size: 18px;

    }

}



#userbar .checkoutlnks {

    padding-bottom: 0px;

    margin-top:10px;

}

.page-template-checkout2 #userbar .checkoutlnks,

.page-template-checkout2 #userbar #warningMessage{

    display:none;

}



#userbar #sortable #month, #userbar #sortable .month{

    font-weight:bold;

    pointer-events: none;

    cursor: default;

    width:100%;

    float:left;

}



#content.get-snacks #mainct {

    /*margin-right: 350px;*/

    width:75%;

    padding-left: 20px;

    padding-top: 5px;

    position:relative;

}

@media only screen and (max-width: 1024px){

    #content.get-snacks #mainct {

        width: 100%;

        padding-left:0;

    }

}

/*

.showInstructions{overflow:hidden}



.page-template-get-snacks #mainct .instructions {

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

display:block;

background:rgba(0,0,0,0.8);

z-index:7;

display:none;

}



.showInstructions .page-template-get-snacks #mainct .instructions{display:block;}



.showInstructions #userbar .checkoutlnks .continue{

pointer-events: none;

cursor: default;

background:#ccc !important;

}



.page-template-get-snacks #mainct .instructions p, .page-template-get-snacks #mainct .instructions img, .page-template-get-snacks #mainct .instructions .checkoutlnks{

color:#fff;

text-align: center;

}



.page-template-get-snacks #mainct .instructions img{

display:block;

margin:0 auto;

}



.page-template-get-snacks #mainct .instructions .heading{

font-size: 50px;

}

*/

.page-template-get-snacks #introMessage p{

    border: 1px #eee dashed;

    margin: 15px;

    padding: 5px;

}



.page-template-get-snacks #introMessage p span{

    font-weight: bold;

    color: #9fef7e;

}



#content.get-snacks {position: relative;

display:flex;

align-items:stretch;

flex-wrap:wrap;}



#userbar #count {

    margin: 0 10px;

}

 #userbar .checkoutlnks .continue{

    cursor: pointer;

    width:100%;

    text-transform:uppercase;

    font-weight:bold;

    text-align:center;

    padding:5px;

    border: 1px solid #ffa332;

    white-space:nowrap;

}

#order-process .checkinner > .row{

    justify-content:center;

}

.page-template-check-out-delivery .col-sm-12{

    width:100%;

}



#content .mobile-only {

    position: fixed;

    max-width: 330px;

    bottom: 1.4em;

    z-index: 8;

    background: #edab1b;

    float: unset;

    height: 57px;

    border-radius: 50px;

    width: 100%;

    margin: 0 auto;

    left: 0;

    right: 0;

    font-size: 1.5em;

    line-height: 2.8;

    font-family: 'BuenosAires Regular';

    box-shadow: 0px 0px 23px rgba(0,0,0,.3);

}

#content .mobile-only .continue {

    color: #fff;

    text-align: center;

    width: 100%;

    cursor: pointer;

}

/* #content .mobile-only .continue,

 #place_order{

     cursor: pointer;

     width:100%;

     text-transform:uppercase;

     font-weight:bold;

     text-align:center;

     padding:5px;

     border: 1px solid #ffa332;

     white-space:nowrap;

     background:#ffa332;

     float:left;

     color:#fff;

     text-shadow:none;

     border-radius: 2px;

     font-size: 18px;

     font-family: "proxima-nova",Arial,serif;

     letter-spacing: 1px;

     transition: all .3s ease-in-out;

     line-height: 1.6em;

     box-sizing:border-box;

     font-style: normal;

} */

 #place_order{

    cursor: pointer;

    width:100%;

    text-transform:uppercase;

    font-weight:bold;

    text-align:center;

    padding:5px;

    border: 1px solid #ffa332;

    white-space:nowrap;

    background:#ffa332;

    float:left;

    color:#fff;

    text-shadow:none;

    border-radius: 2px;

    font-size: 18px;

    font-family: "proxima-nova",Arial,serif;

    letter-spacing: 1px;

    transition: all .3s ease-in-out;

    line-height: 1.6em;

    box-sizing:border-box;

    font-style: normal;

}

#place_order:hover{

    background:#f77e09;

    border-color:#f77e09;

}

#place_order:active{

   top:1px;

}

#warningMessage{

    margin-top:5px;

    float:left;

    width:100%;

    color:#888;

    text-align:center;

    text-transform:uppercase;

}

#warningMessage p{

    font-size:0.85rem;

}

#warningMessage a{

    color:#888;

}



.page-template-get-snacks #userbar  .checkoutlnks.disable .continue{

    pointer-events: none;

    cursor: default;

    background:#ccc !important;

}

.div-add-to-list a.add {

    float: left;

    display:block;

    width: 150px;

    margin: 0 auto;

    padding: 5px 0px;

    text-align: center;

    line-height: 30.4px;

    margin-top: 15px;

}

.checkoutlnks a.add, .div-add-to-list a.add {

    background: transparent;

    color: #ffa332;

    border: 2px solid #ffa332;

}

.checkoutlnks a.add:hover, .div-add-to-list a.add:hover {

    background: #ffa332;

    color: #fff;

    border: 2px solid #ffa332;

}

.page-template-get-snacks #userbar  #NameList{

    display:none;

    float:left;

    font-size: 14px;

    margin-left:10px;

}



.page-template-get-snacks #userbar .disable  li{

    pointer-events: none;

    cursor: default;

    opacity: 0.8;

    filter: alpha(opacity=80);

}

.btninfo{

    margin-left: 5px;

}

.page-template-get-snacks .header-wrapper  {

    position: absolute;

    top: 0;

    width: 100%;

    height: 99px;

    z-index: 999;

}

.page-template-get-snacks .checkprocess .update{text-align: center;color: #fff;display: block;}

#content.get-snacks .checkprocess {

    /* position:sticky; */

    width: 100%;

    top: 0px;

    z-index: 1;

    margin: 0px;

}

.page-template-get-snacks #wrapper  #main{

    /* margin-top: 100px; Hide for Banner*/

}

/* Filter */

/* # lbs removed for new filters */

/* .page-template-get-snacks #filter {

    margin:10px 0 15px 0;

}

.page-template-get-snacks #filter li:nth-child(1) {

    border: 2px solid #d7d7d7!important;

    background:#d7d7d7!important;

    cursor:default;

}

.page-template-get-snacks #filter li {

    border: 2px solid #d7d7d7;

}

.page-template-get-snacks #filter li:hover,.page-template-get-snacks #filter li.active {

    border: 2px solid #515151;

}

.page-template-get-snacks #filter li:hover a,.page-template-get-snacks #filter li.active a{

    color:#fff;

} */

/* Pop up snack info */

.page-template-get-snacks .nuttable,.page-template-get-snacks  .sdesc{

    display:none;

}

.single-product .nuttable{

    display:block;

}

.page-template-get-snacks .nuttable{

    border: 4px solid #000;

}

.page-template-get-snacks .nuttable td{

    padding: 2px 10px;

    font-weight:bold;

}

.page-template-get-snacks .nuttable td.sub-text{

    font-weight:300;

}

.page-template-get-snacks .poppic .showdesc strong,.page-template-get-snacks .poppic .ingrednts,.page-template-get-snacks .showdesc{

    font-size: 16px;

}

.page-template-get-snacks .fusion-modal .modal-title {

    font-size: 22px;

    margin-top: -3px;

}

.page-template-get-snacks .fusion-modal .close {

    font-size: 30px;

    margin-top: -1px;

}

.page-template-get-snacks .nutritionally-icon .col-sm-4{

    padding:0px;

}

.one_fifth{

    text-align:center;

    width:20%;

    float: left;

}

.home .one_fifth img{

    max-height:100px;

}

.home .one_fifth div{

    height:100px;

}



/* # Single Snack */



.showdesc {

    

}





.showdesc > p > strong,



.ingrednts > p > strong {

    font-size: 18px;

}



.snack-descrip-ctm {

    font-size: 18px;

    color: #000;

}



.product_cat_get-snacks .ingrednts {

    font-size: 18px !important;

}



@media only screen and (min-width: 1080px){

    .showdesc {

        margin-top: 0;

    }





    .snack-descrip-ctm {

        font-size: 16px;

    }



    .showdesc > p > strong,

    .ingrednts > p > strong {

        font-size: 16px;

    }



    .product_cat_get-snacks .ingrednts {

        font-size: 16px !important;

    }

}





/* Checkout */

#boxprc {

    float: right;

    margin-top: -40px;

    position: absolute;

    margin-left: 250px;

    /*-ms-transform: rotate(10deg);

    -webkit-transform: rotate(10deg);

    transform: rotate(10deg);*/

}

.div-coupon-btn-price {

    float: right;

    margin-top: 20px;

    position: absolute;

    margin-left: 565px;

    width: 150px;

    font-size: 24px;

    font-weight: bold;

}

.div-clear-coupon-btn-price {

    clear: both;

    display: none;

    margin-top: 100px;

}

.order-summary-box p{

    float:left;

    width:100%;

}

.order-summary-box ul{

    float:left;

    list-style:disc;

    margin-bottom:1.5rem;

    padding-left:0;

}

.order-summary-box ul li{

    width:100%;

    list-style:disc;

    text-align:center;

}

#order-process .checkinner > .row{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

}

#order-process .checkinner{

    float:left;

}

#order-process h3{

    font-size:23px;

}

.page-template-check-out #orangeradwrap.naked-row {

    padding-top: 20px;

}

.page-template-check-out .couponbtn{

    margin-bottom: 20px;

    font-size:19px;

    margin: 0px auto;

}

.page-template-free-taster .checkinner .col-sm-5{

    font-size: 13px;

}

.page-template-check-out .checkinner .col-sm-5,

.page-template-give-snacks .checkinner .col-sm-5{

    font-size: 16px;

    padding-left: 0;

    line-height: 20px;

    font-weight:100;

}

.page-template-check-out .checkinner .col-sm-5 h3,

.page-template-give-snacks .checkinner .col-sm-5 h3{

    font-weight: 800;

    margin: 0;

}

.page-template-check-out-delivery  #order-process ul.options li .description {

    min-height: 80px;

    margin-top: 20px;

}

.page-template-check-out-delivery .checkinner .col-sm-5{

    padding-left: 0;

    padding-top: 25px;

    padding-bottom:25px;

}

.page-template-free-taster .col-sm-5 p{

    margin: 10px 0 0 -30px;

    text-align:center;

}

.page-template-check-out .checkinner .col-sm-5 p{

    margin: 0px 0 0 0px;

    line-height: 20px;

}

.page-template-check-out ul.options li .col-sm-5 img,.page-template-free-taster ul.options li .col-sm-5 img{

    margin-bottom: 0;

    margin-top:0px;

}

.page-template-check-out ul.options li .col-sm-5 img{

    margin-top: -10px;

}

.page-id-6 #main,

.page-template-check-out-delivery #main,

body.page-template-check-out #main,

.page-template-my-account #main{

    background: #f6f6f8 url(../img/delivery_bg.jpg) right bottom no-repeat;

    position: relative;

}

.page-template-check-out-delivery .sndelivery{

    position: absolute;

}

.page-template-check-out-delivery .snbite{

    position: absolute;

    bottom: 0;

    display:none;

}

#couponbtn .modal-dialog {

    max-width: 450px;

}

#couponbtn input{

    margin-bottom: 25px;

    width: 100%;

}

#couponbtn form{

    margin-bottom: 20px;

}

#couponbtn .orangebt{

    float: right;

}

.page-template-check-out #main,.page-template-free-taster #main{

    background-image: none;

    background: rgba(237,239,238,1);

    background: -moz-linear-gradient(top, rgba(237,239,238,1) 0%, rgba(228,226,227,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,239,238,1)), color-stop(100%, rgba(228,226,227,1)));

    background: -webkit-linear-gradient(top, rgba(237,239,238,1) 0%, rgba(228,226,227,1) 100%);

    background: -o-linear-gradient(top, rgba(237,239,238,1) 0%, rgba(228,226,227,1) 100%);

    background: -ms-linear-gradient(top, rgba(237,239,238,1) 0%, rgba(228,226,227,1) 100%);

    background: linear-gradient(to bottom, rgba(237,239,238,1) 0%, rgba(228,226,227,1) 100%);

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

}

.page-template-check-out .snbite,.page-template-free-taster  .snbite{

    float: right;

    margin: -30px -210px -25px 0;

    width: 40%;

}

.page-template-free-taster .sndelivery{

    position: absolute;

    width: 25%;

    margin-left: -86px;

}

.page-template-checkout2 .sndelivery,

.page-template-check-out .sndelivery {

    position: absolute;

    width: initial;

    margin: 20px 0 0 20px;

    width: 280px;

}

#order-process ul.options li .description {

    min-height: 100px;

}

.page-template-page-welcome #main{

    background-image: url(/wp-content/themes/NakedSnacks/img/NS_GetStarted2.jpg);

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    background-repeat: no-repeat;

}

.page-template-page-welcome #main{

    background-image: url(/wp-content/themes/NakedSnacks/img/welcome_bg.jpg);

}

.page-template-page-welcome #orangeradwrap .name {

    line-height: 35px;

    display: block;

    margin-bottom: 90px;

}

.page-template-page-welcome .checkoutlnks {

    margin-top: 60px;

}

.page-template-page-welcome #orangeradwrap {

    margin: 0 auto 100px auto;

}

.page-template-check-out .options li:last-child .checkinner,.page-template-free-taster  .options li:last-child .checkinner{

    background: #fff;

}

.page-template-check-out #order-process ul.options li .price {

    display: block;

    font-size: 12px;

    margin: -10px auto 10px auto;

    padding: 0px;

    line-height: 15px;

    width: 100%;

    background:#fff;

    color:#ffa332;

}

.page-template-check-out #order-process ul.options li .price small{

    color: #fff;

    font-size: 12px;

    background:#ffa332;

}

.page-template-check-out #order-process ul.options li .description {

    min-height: 55px;

    margin-top: 30px;

}

#delivery-times{

    display:flex;

    align-items:stretch;

}



#delivery-times li{

    display:flex;

    align-items:stretch;

    flex-grow: 1;

    border-top: none;

    border-bottom: none;

}

#delivery-times li:nth-last-of-type(1) {

    border-right-width: 0;

}

#userbar #delivery-times {

    border-width:1px;

    margin-right:0;

}

#userbar #delivery-times li{

   width:50%;

    text-align:center;

}

#userbar #delivery-times li:last-of-type {

    border-right:0;

}

#userbar #delivery-times li label{

    padding:10px 0;

    background:none;

}

#userbar #delivery-times li input[type="radio"]:checked + label{

    background:#ffa432;

}

.page-template-checkout-gift #billing_wrap,

.page-template-checkout-gift .coupon-box {

    /* display:block; */

}

form.checkout .payment_methods li{

    list-style:none;

}

.page-template-checkout2-php .checkout #order_review p.terms{

    display:flex;

    align-items:center;

}

.page-template-checkout2-php .checkout #order_review p.terms label{

    order:3;

}

.page-template-checkout2-php .checkout #order_review p.terms input{

    order:1;

}

#shares .vlargetxt{

    hyphens: auto;

}

#orangeradwrap .col-sm-5{

    padding-top:0;

}

.orangerad input[type="radio"]{

    display:none;

}

.orangerad input[type="radio"] + label{

    cursor: pointer;

    background: #fff;

    width: 100%;

    display: block;

    color: #ffa432;

    text-transform:uppercase;

    padding: 20px 0;

    line-height: 22px;

}

.blackrad input[type="radio"]{

    display:none;

}

.blackrad input[type="radio"] + label{

    cursor: pointer;

    background: #fff;

    width: 100%;

    display: block;

    color: black;

    text-transform:uppercase;

    padding: 20px 0;

    line-height: 22px;

    border: 2px solid black;

    border-radius: 40px;

}

label.lbl-orange-switch {

    background: #fff;

    width: 100%;

    display: block;

    color: #ffa432;

    text-transform:uppercase;

    padding: 11px 0;

    line-height: 22px;

}

li.li-switch-plan-block-normal {

    background: #fff;

    width: 100%;

    display: block;

    padding-top: 19px !important;

}

.orangerad input[type="radio"]:checked + label{

    background: #ffa432;

    color: #fff;

}

.orangerad input[type="radio"].orange-bg + label {

    background: #ffa432;

    color: #fff;

}

.blackrad input[type="radio"]:checked + label{

    background: black;

    color: #fff;

    border-radius: 40px;

}

.blackrad input[type="radio"].orange-bg + label {

    background: black;

    color: #fff;

}

ul#ul-switch-2month.orangerad input[type="radio"] + label {

    cursor: pointer;

    padding: 15px 0;

    line-height: 18px;

}

ul#ul-switch-snack-plan.orangerad input[type="radio"] + label {

    padding: 15px 0;

    line-height: 18px;

}

ul#ul-switch-2month.orangerad li {

    width: 25%;

}

.checkoutlnks #a-switch-2-month.continue{

    padding: 15px 20px;

}

div#div-switch-snack-plan-btns.checkoutlnks a {

    padding: 15px 20px;

}

ul#ul-switch-snack-plan.orangerad li, .raddesc li {

    width: 25%;

}

ul#ul-switch-snack-plan {

    border: 0px;

}

ul#ul-switch-snack-plan li:nth-child(1), ul#ul-switch-snack-plan li:nth-child(3), ul#ul-switch-snack-plan li:nth-child(4) {

    border: 2px solid #ffa432;

}

ul#ul-switch-snack-plan li:nth-child(4) {

    border-left: 0px;

}

ul#ul-switch-snack-plan li:nth-child(2) {

    height: 102px;

}

ul.samplerad li{

    width: 100%;

}

ul.orangerad li, .raddesc li{

    width: 33.33%;

}

.li-switch-option-3 {

    width: 145.04px !important;

}

@media only screen and (max-device-width: 542px), screen and (max-width: 542px) {

    .li-switch-option-3 {

        width: 33.33% !important;

    }

}

ul.orangerad li:nth-child(2){

    border-left: 2px solid #ffa432;

    border-right: 2px solid #ffa432;

}

ul#ul-switch-snack-plan li:nth-child(2) {

    border: 0px;

}

ul.orangerad,.raddesc{

    border: 2px solid #ffa432;

    border-radius: 2px;

    padding-left: 0px;

}

ul.blackrad{

    border-radius: 2px;

    padding-left: 0px;

    display: flex;

    flex-direction: column;

}



ul.blackrad li {

    width: 100%;

    margin-bottom: 20px;

}



.page-template-free-taster .plainrad input{

    margin-top: 0px;

}

.page-template-free-taster .options li {

    text-align: left;

}

.raddesc {

    border: 2px solid transparent;

    margin-top: -20px;

}

#orangeradwrap ul.options li img{

    max-width: 100%;

    max-height: 100%;

}

#orangeradwrap .name {

    text-align: left;

    display: block;

    margin-bottom: 40px;

}

.page-template-free-taster .checkprocess .container {

    max-width: 520px;

}

.page-template-check-out .checkprocess .container{

    max-width: 600px;

}

.bags,#order-process ul.options li .description.bags{

    display:none;

}

#order-process ul.options li .description.bags10.bags,.bags10.bags,

#order-process ul.options li .description.bags10s.bags,.bags10s.bags{

    display:block;

}

#order-process .description.bags strong{

    color:#ffa432;



}

/*#orangeradwrap .col-sm-5:after{

display:block;

content:" ";

background:#d7d7d7;

width:1px;

height:100%;

position: absolute;

right: 10px;

top: 0;

}*/

.page-template-check-out #orangeradwrap .description {

    margin-top: 20px;

}

.raddesc{

    margin-top: 20px;

}

.raddesc li{

    font-size: 13px;

}

/* Office Switch */



.page-template-switch-office .checkinner {

    max-width: 519px;

    margin: 0 auto 80px auto;

}

.page-template-switch-office ul.orangerad {

    margin: 25px 0;

}

.page-template-switch-office .checkoutlnks {

    height: 100px;

    padding-top: 30px;

    text-align: center;

}



/* New Get Snacks Switch */



.page-template-switch-plan .checkinner {

    max-width: 519px;

    margin: 0 auto 80px auto;

}

.page-template-switch-plan ul.orangerad {

    margin: 25px 0;

}





span.span-small-snacks-savings {

    color: #ffa432;

}



.page-template-switch-plan .checkoutlnks {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    -ms-grid-row-align: stretch;

    align-items: stretch;

    height: 100px;

    padding-top: 30px;

    text-align: center;

    box-sizing: border-box;

}

.page-template-switch-plan .checkoutlnks a {

    box-sizing: border-box;

    /*min-height: 52px;*/

    border-radius: 30px;

    font-size: 18px;

    text-transform: none;

    padding: 10px 20px;

    transition: all .1s ease-in-out;

    webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-shadow: none;

    font-weight: 400;

    font-family: "proxima-nova",Arial,serif;

    letter-spacing: 1px;

    white-space: nowrap;

    flex-grow: 1;

    margin: 0 0 0.25em;

}



/* Checkout Taster */

.page-template-free-taster #orangeradwrap .name:nth-child(1){

    margin-bottom: 20px;

}

.page-template-free-taster #orangeradwrap .name:nth-child(2){

    margin-bottom: 20px;

}

.page-template-free-taster #orangeradwrap .row{

    text-align:left;

}

.page-template-free-taster .inputfd {

    width: 100%;

    margin-bottom: 30px;

}

.page-template-free-taster .orangerad {

    margin-bottom: 60px;

}

.page-template-free-taster .checkoutlnks {

    padding-bottom: 60px;

    text-align: center;

}

/* My Account */

.woocommerce-account  .button.send_now:hover {

    background:#61bd4f;

}

.woocommerce-account  #address input[type=text],.inputfd {

    border: 1px solid #d2d2d2;

    font-size: 13px;

    padding: 8px 20px;

}

.woocommerce-account  #address table,.woocommerce-account #billing-details .form-row{

    line-height: 35px;

}

.woocommerce-account .shop_table .order td{

    vertical-align: top;

    border-bottom: 2px solid #E1E1E1;

}





.woocommerce-account .shop_table .order-actions{

    width:200px;

}



.woocommerce-account .shop_table .order-actions a{

    padding: 4px;

    font-size: 13px;

    text-align: right;

    width: 170px;

    padding-right: 25px;

}



.woocommerce-account .shop_table .order-actions .button.view{

    width: 60px;

    float: right;

    clear: both;

    background-color: white;

    border: 2px solid black;

    border-radius: 20px;

    color: black; 

    padding: 10px 20px; 

    text-align: center;

    text-decoration: none;

    cursor: pointer;

}



.woocommerce-account .shop_table:not(.my_account_subscriptions) .order-actions .button.pay{

    width: 60px;

    float: right;

    clear: both;

    background-color: #EDAB1B;

    border: 2px solid black;

    border-radius: 20px;

    color: black; 

    padding: 10px 20px; 

    text-align: center;

    text-decoration: none;

    cursor: pointer;

}



.woocommerce-account .shop_table:not(.my_account_subscriptions) .order-actions .button.cancel{

    width: 60px;

    float: right;

    clear: both;

    background-color: white;

    border: 2px solid black;

    border-radius: 20px;

    color: black; 

    padding: 10px 20px; 

    text-align: center;

    text-decoration: none;

    cursor: pointer;

}



.woocommerce-account .fltright {

    float: right;

}

.woocommerce-account #address,.woocommerce-account #billing-details .form-row{font-size:14px;}

.woocommerce-account #billing-details label{

    min-width: 120px;

    display: inline-block;

}

.woocommerce-account #billing-details input{

    max-width: 317px;

}

.woocommerce-account #billing-details p {

    margin-bottom: 5px;

}

.woocommerce-account #stripe-cc-form{

    margin-bottom: 35px;

}

.woocommerce-account #tbl-manage-payment-cards.shop_table .order-actions a {

    width: 60px;

    display: block;

    float: right;

    clear: right;

}

#billing-details ::-webkit-input-placeholder {

    color: #000;

}



#billing-details :-moz-placeholder {

    color: #000;

}



#billing-details ::-moz-placeholder {

    color: #000;

}



#billing-details :-ms-input-placeholder {

    color: #000;

}

#billing-details ::-webkit-input-placeholder {

    color: #000;

}



.inner :-moz-placeholder {

    color: #000;

}



.inner ::-moz-placeholder {

    color: #000;

}



.inner :-ms-input-placeholder {

    color: #000;

}

.inner ::-webkit-input-placeholder {

    color: #000;

}

select#myfield7{

    color: #acabab;

    padding: 7px 10px;

}

.inputfd,.woocommerce-account .inner input[type=text],.woocommerce-account .inner select, #txt_switch_date {

    border: 1px solid #d2d2d2;

    font-size: 13px;

    padding: 8px 20px;

}

.woocommerce-account .inner select {

    padding: 8px 6px 8px 20px;

}

.woocommerce-account .inner table tr td:nth-child(odd){

    min-width: 130px;

    vertical-align: middle;

}

.woocommerce-account #address #passwordWrap{display:none;}

.woocommerce-account #subscriptions .subscription-title a{

    background:none;

    color:#444 !important;

    padding: 0px;

}

.woocommerce-account #subscriptions > h2,.woocommerce-account #subscriptions ul.my_account_vouchers{display:none}

.woocommerce-account #send-now .orangebt{

    background: #88C543;

    float:right;

}



.woocommerce-account .tabs #address .Shipping.Address{

    display:none;

}





.page-template-gallery-php #filter li.getns{

    border: none;

    padding:5px 0px;

}





.woocommerce-account #tabs ul,#filter{

    margin:0px;

    text-indent:0px;

    padding:0px;

    list-style: none;

    margin:10px auto;

}



.woocommerce-account #tabs .tabs > li{display:none}





.woocommerce-account #tabs .order{border:none;}



.woocommerce-account #tabs .snacks td{padding-bottom:40px;}



.woocommerce-account #tabs .snacks li {

    float: left;

    display: block;

    width: 150px;

    text-align: center;

}



.woocommerce-account .page-title-container, .woocommerce-account #main #content .post-content > h1 {display:none;}



.woocommerce-account #main #content h2, .woocommerce-account #main #content h3{font-weight:bold;font-size:20px;}



.woocommerce-account #main{min-height:450px;}



.woocommerce-account .tabs .order-number a {

    color: black!important;

    background: transparent;

    padding: 0;

}



.my_account_orders .order-number-type{display: none;}



/* Office Snacks */

#officetxt  {

    text-align: center;

}

#officetxt.shadowtop.secondblk {

    margin-top: 0px;

}

#officetxt strong {

    font-size: 42px;

    line-height: 45px;

    color: #221f1f;

}

#officetxt .scroll-arrow{

    position: static;

    margin: auto;

}

#officetxt .fusion-fullwidth.shadowtop.shadowbtm {

    background: #fff url(/wp-content/themes/NakedSnacks/img/office_side.jpg) left center no-repeat!important;

}

#chat input,#chat textarea,#chat select{

    color: #333333;

    border: 1px solid #333333;

    border-radius: 3px;

    font-size: 14px;

    padding: 10px 20px;

    margin-bottom: 5px;

    width: 100%;

}



#featured_logos .secondblk img {

    margin-bottom: 20px;

}

#featured_logos  .one_six:first-child{

    position:relative;

}

#featured_logos  .one_six{

    position:relative;

}

#featured_logos  .one_six img{

    opacity: 0.4;

}

#featured_logos .one_six:nth-child(even){

    bottom: -130px;

}

#featured_logos .one_six:nth-child(2) img{

    padding-top: 35px;

}

#featured_logos .one_six:nth-child(3) img{

    padding-top: 38px;

}

#featured_logos .one_six:nth-child(4) img,

#featured_logos .one_six:nth-child(5) img,

#featured_logos .one_six:nth-child(6) img{

    padding-top: 45px;

}

#featured_logos {

    margin: 60px 0;

    min-height: 270px;

}

#featured_logos .one_six:last-child:after{

    display:block;

    content:" ";

    clear:both;

}

#featured_logos .one_six div{

    background: #ebebeb;

    border-radius: 50%;

    height: 190px;

    width: 190px;

    max-width: 214px;

    /* display: table-cell; */

    vertical-align: middle;

    position: relative

}

.wht_row{

    padding:60px 0;

    background:#fff;

}

/* Testimonial slider */

#testimonial_blocks {

    background: #f2f2f2;

    position: relative;

    padding: 0 60px;

}

#testimonial_blocks ul{

    list-style: none;

    padding: 0;

    overflow:hidden;

}

#testimonial_blocks ul li{

    float:left;

}

.slide_container{

    height:100%;overflow:hidden;width:100%

}

#testimonial_blocks .inner_text{

    padding: 50px 90px 30px 90px;

    position: relative;

    color: #333;

    font-size: 26px;

    line-height: 35px;

}

#testimonial_blocks .inner_text img{

    position: absolute;

}

#testimonial_blocks .inner_text img.quote-left{

    left: 20px;

    top: 36px;

}

#testimonial_blocks .inner_text img.quote-right{

    right: 20px;

    bottom: 20px;

}

#testimonial_blocks em{

    color: #333;

    font-style: normal;

    text-align: right;

    width: 100%;

    display: block;

    padding-right: 70px;

    font-size: 16px;

}

#testimonial_blocks .arrow_nav{

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

}

#testimonial_blocks .arrow_nav img{

    position: absolute;

    left: -45px;

    top: 50%;

    margin-top: -31px;

}

#testimonial_blocks .arrow_nav img:hover{

    cursor:pointer;

}

#testimonial_blocks .arrow_nav img.slide-left{



}

#testimonial_blocks .arrow_nav img.slide-right{

    right: 70px;

    left: initial;

}

#snackoptions .checkinner {

    color: #67686b;

    font-size: 12px;

    line-height: 22px;

    font-family: "ProximaNovaA-Semibold";

    text-align: center;

}

.description small,.page-template-free-taster small{display:block;border-bottom:1px solid #f0f0f0;line-height: 22px;font-size:10px;text-align:center;text-transform: uppercase;}

.page-template-free-taster small{

    font-family: "ProximaNovaA-Semibold";

    color: #67686b;

    border-top: 1px solid #f0f0f0;

    margin: -35px 0 25px 0;

}

#snackoptions .description small {

    text-transform: uppercase;

    line-height: 14px;

    padding: 10px 0;

}

#snackoptions .nosnacks{

    font-size:16px;

}

#snackoptions .price {

    color: #ffa332;

    font-size: 28px;

    font-family: proxima-nova;

}

#main  #snackoptions  h2{

    text-align: center;

    font-size: 30px;

    font-weight: 800;

    margin-bottom: 80px;

}

#main  #snackoptions .shadowbtm h2{

    text-align: left;

    margin-bottom: 60px;

    margin-top: 20px;

}

#snackoptions .naked-row {

    max-width: 1208px;

}

#chat .snacks .one_half.last {

    width: 32%;

    padding-top: 0px;

}

#chat .orangebt {

    margin-top: 10px;

    display: block;

    text-align: center;

}

#chat #mmm {

    margin-top: 30px;

}



/* Office Snacks Options*/



body.page-template-office-snacks #main {

    -webkit-background-size: 100%;

    background-image: url(/wp-content/themes/NakedSnacks/img/give_bg3.jpg);

    background-repeat: no-repeat;

    background-size: 100%;

}



body.page-template-office-snacks .checkinner{min-height:110px}

.page-template-office-snacks #main .naked-row{max-width:1208px}

/* .page-template-office-snacks .checktitle{max-width:432px} */

.page-template-office-snacks .notes_prod strong{color:#100c0d;font-weight:800}

.page-template-office-snacks .checkinner i{color:orange;font-style:normal;font-size:28px;margin:10px;display:block}

.page-template-office-snacks .options.give-snacks .checkinner p{margin-bottom:0}

.page-template-office-snacks ul.options li .price{display:none}

.page-template-office-snacks ul.options li img{max-width:227px;max-height:208px}

.page-template-office-snacks ul.options li .description

{

    display:block;

    text-transform:uppercase;

    color: #67686b;

    font-size: 12px;

    line-height: 22px;

    font-family: "ProximaNovaA-Semibold";

    min-height: 120px;

}



.page-template-free-taster input.invalid{border:1px red solid;}

.page-template-free-taster #error{text-align:center;color:red;}



body.page-template-choose-office-snacks #main {

    -webkit-background-size: cover;

    background-image: url(../img/BG-Office.jpg);

    background-repeat: no-repeat;

    background-size:cover;

    background-position:top center;

}

.page-template-choose-office-snacks .raddesc{

    line-height: 16px;

}

.page-template-choose-office-snacks .raddesc + .name{

    margin-top: 25px;

}

.page-template-choose-office-snacks #orangeradwrap .name {

    margin-bottom: 20px;

}

.page-template-choose-office-snacks #orangeradwrap .orangerad + .name {

    margin-top: 20px;

}

.page-template-choose-office-snacks #orangeradwrap .description {

    margin-top: 20px;

}

/* EXIT */



#pageExit

{

    position:fixed;

    width:100%;

    height:100%;

    background: rgba(0, 0, 0, 0.8);

    display:none;

    top:0;

    left:0;

    z-index:99999999999;

    color:#6d6e72;

}

#pageExit #pageInner{

    display: block;

    width: 90%;

    max-width: 650px;

    margin: 8% auto;

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    min-height: 530px;

    text-align: center;

    position: relative;

}

#pageExit #pageInner .fa-times{

    color: #333;

    font-size: 20px;

    cursor: pointer;

    position: absolute;

    right: 25px;

    top: 25px;

}

#pageExit  img{

    margin-top:36px;

}

#pageExit a{

    color:#6d6e72;

    text-decoration:underline;

}

#pageExit  h3{

    font-weight: 400;

}

#pageExit  h2 {

    color: #333;

    margin: 25px 0 33px;

    border-top: 2px solid #333;

    padding-top: 45px;

    font-size: 50px;

    font-weight: 300;

}

#pageExit p{

    clear: both;

    display: block;

    padding-top: 40px;

}

#pageExit  h2 span,#pageExit a:hover {

    color:#ffa332;

}

#pageExit button{

    font-size: 24px;

    min-width: 244px;

    float: right;

}

#pageExit label{display:block !important;}

#pageExit input{

    color: #6d6e72;

    border-radius: 2px;

    border: 1px solid #6d6e72;

    font-size: 18px;

    min-width: 44px;

    padding: 15px 14px;

    float: left;

    width: 115px;

    margin-right: 10px;

}

#pageExit form{

    max-width: 500px;

    margin: 0 auto;

}

#pageExit small{

    font-size: 14px;

}

.page-template-donation_thankyou #progress {

    background-color: #fff;

    padding: 5px;

    margin-top: 0px;

    margin-bottom: 20px;

    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);

}



.page-template-donation_thankyou #progress .percent {

    background: #ffa332;

    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffa332),color-stop(100%,#ffa332));

    background-image: -webkit-linear-gradient(#ffa332,#ffa332);

    background-image: -moz-linear-gradient(#ffa332,#ffa332);

    background-image: -o-linear-gradient(#ffa332,#ffa332);

    background-image: -ms-linear-gradient(#ffa332,#ffa332);

    background-image: linear-gradient(#ffa332,#ffa332);

    width: 1%;

    height: 30px;

    position: relative;

}



.page-template-donation_thankyou #progress .percent .number {

    position: absolute;

    top: 0px;

    height: 30px;

    line-height: 30px;

    color: #000;

    right: -40px;

    width: 40px;

    text-align: center;

    font-weight: bold;

}

.page-template-donation_thankyou #sharevd strong {

    font-size: 25px;

    color: #050708;

    display: block;

}

.page-template-donation_thankyou #sharevd {

    text-align: center;

    color: #717575;

}

.page-template-donation_thankyou #sharevd .orangebt {

    display: block;

    margin: auto;

}

.page-template-donation_thankyou #sharevd{

    margin-bottom: 80px;

}

.page-template-donation_thankyou #sharevd h2{

    text-transform: uppercase;

    border-top: 1px solid rgba(0,0,0,0.1);

    padding-top: 30px;

}



.page-template-donation_thankyou .fusion-one-fourth p{

    min-height: 60px;

}



.single-line-meta.vcard{display:none}



/* Manage Credit Card */



.woocommerce-order-pay .page-title-container, .woocommerce-order-pay fieldset .form-row a.button{display:none;}

.woocommerce-order-pay #main{background:none;}

.woocommerce-order-pay #order-process > .naked-row{margin:0px auto;}



.woocommerce-order-pay ul.payment_methods, .woocommerce-add-payment-method ul.payment_methods{list-style:none;}



.woocommerce-order-pay #payment_method_stripe, .woocommerce-order-pay ul.payment_methods > li > label, .woocommerce-add-payment-method #payment_method_stripe, .woocommerce-add-payment-method ul.payment_methods > li > label{display:none;}



.woocommerce-order-pay #payment, .woocommerce-add-payment-method #payment {line-height:30px;}



.woocommerce-SavedPaymentMethods li {

    display: block;

}



#billing_wrap{

    width:100%;

    float:left;

}



#billing_address_1_field,

#shipping_address_1_field,

.page-template-checkout2-php form.checkout #shipping_city_field,

#shipping_address_2_field{

    margin-top:0 !important;

    padding-top:0 !important;

    padding-bottom:0 !important;

}

/* Make payment full page */



.page-template-checkout2-php.woocommerce-order-pay #order_review {

    max-width: 700px;

    margin: 40px auto;

}

.page-template-checkout2-php.woocommerce-order-pay .payment_methods,

.woocommerce-add-payment-method  .payment_methods {

    margin-top: 20px!important;

    padding: 0;

}

.page-template-checkout2-php.woocommerce-order-pay .shop_table .product-subtotal {

    text-align: right;

}

.page-template-checkout2-php.woocommerce-order-pay .shop_table tbody tr:last-child {

    padding: 20px 0;

    font-size: 20px;

    font-weight: 700;

}

.page-template-checkout2-php.woocommerce-order-pay .product-quantity {

    color: transparent;

}

/* View Order */



.woocommerce-view-order .woocommerce > dd, .woocommerce-view-order .woocommerce > dt {display:none !important;}



.woocommerce-view-order .woocommerce header {margin-top:20px;}



.woocommerce-view-order .order-info{margin-bottom:0px;}



.woocommerce-view-order #theSnacks {list-style: none; padding:0px;}



.woocommerce-view-order #theSnacks li {float:left; width:150px; font-size:10px; text-align: center;}



.woocommerce-view-order .order-again{display:none}

.woocommerce-view-order .product-name .product-quantity{display:none;}



.woocommerce-view-order .col2-set.addresses {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

.woocommerce-view-order .col2-set.addresses > div {

    min-width: 48%;

}

@media only screen and (max-width: 500px){

    .woocommerce-view-order .col2-set.addresses { flex-direction: column; }

}

/* Lost Password */



.woocommerce-lost-password .woocommerce-message{display:block !important;}





/* About Us */



#about-wrap {

    padding: 25px;

}



#about-wrap img:first-child {

    padding-bottom: 20px;

}



@media only screen and (min-width: 894px) {

    #about-wrap {

        margin-bottom: 90px;

    }

}



@media only screen and (min-width: 1020px) {

    #about-wrap {

        padding: 0;

    }

}



#about-wrap .team-pic{

    display:block;

    float:right;

    padding:0px 0px 50px 20px;

}



#about-wrap .headersub{

    margin:0px 0px 10px 0px;

}



#about-wrap .wp-image-10105, #about-wrap .tedWrap{

    margin:0 auto;

    text-align:center;

    display: block;

    float: left;

    margin-bottom: 20px;

    margin-top: -30px;

}



@media only screen and (min-width: 888px) {

    #about-wrap .wp-image-10105, #about-wrap .tedWrap {

        float:right;

        margin-top: 0;

    }

}



/* misc */



.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.cf { zoom: 1; }

.col-8{ display: inline-block; float: left; width: 60%; padding-right: 15px;}

.col-4{ display: inline-block; float: right; width: 40%; padding-left: 15px;}

.col-4 .col-4{display: inline-block; float: left; width: 33.3%; text-align: center; }

.col-4 .col-4 img{ width: auto; }

.col-4 table{ border: 1px solid #000; padding: 0px 5px; width: 100%;  box-sizing: border-box;}

.col-4 table tr{ border-bottom: 1px solid #000;}

.col-4 table tr td{ font-weight: bold; color:#000; font-size: 13px; line-height: 15px; width: 60%;}

.col-4 table tr td.normal-text{ font-weight: normal!important; color:#000; font-size: 13px; line-height: 15px; width: 60%;}



.col-4 table tr td+td{ text-align: right; padding-right: 13px; width: 40%;}

.col-4 table tr td.sub-text{ font-weight: 100; padding-left: 10px; box-sizing:border-box; font-size: 12px; line-height: 14px;  display: block; width: 71%;}

.nutritionally-icon{ display: block; margin-bottom: 30px;}

.col-8 .snack-descrip-ctm{ width: 100%;}

.snack-descrip-ctm{margin-bottom:30px;}

.poppics img{ width: 100%;}

.col-4 h2{ font-size: 23px !important; line-height: 25px !important; margin-bottom: 5px;}

.col-4 tbody{ width: 98%; display: block; display: table; margin: 0 auto; }

.head-text{ display: block; font-weight: 100; margin-bottom: 5px;}

.title-area { border-bottom: 5px solid #000;}

.title-area-top {border-top: 1px solid #bbb !important;}

.col-4 table tr.small-text{ font-weight: 100; padding-left: 10px; box-sizing:border-box; font-size: 12px; line-height: 14px;  border-bottom: none !important;}

.col-4 table tr.small-text td{font-size: 12px; line-height: 14px; font-weight: 100;}

.col-4 table tr.small-text.last{ border-bottom: 1px solid #000 !important;}

.modal-lg img {

    max-height: none;

}

.col-4 table tr:last-child{ border-bottom: 0px;};

.modal-footer p{ font-size: 10px !important; line-height: 18px !important;}

.overlay{position: relative; min-height: 100%;display:none;}

.overlay{

    content: "";

    display: none;

    position: fixed; /* could also be absolute */

    top: 0;

    left: 0;

    width: 100%;

    height:100%;

    z-index: 10;

    background-color: rgba(0,0,0,0.4);

}

.overlay .loading{position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

    /* background: url('../img/ajax-loader.gif') center center no-repeat; */
    background: url('../img/loader-2024.gif') center center no-repeat;


}



.wait-loading{ background: rgba(0, 0, 0, 0) url("../img/loader.gif") no-repeat scroll center center;

    height: 100%;

    left: -20px;

    position: absolute;

    top: 60px;

    width: 100%;

    z-index: 10;

    display:none;}



form.checkout > .blockUI {

    position: fixed !important;

    background-color: rgba(0, 0, 0, 0.4) !important;

    opacity: 1 !important;

}



form.checkout > .blockUI::before {

    display: inline-block;

    vertical-align: baseline;

    background: url('../img/ajax-loader.gif') center center no-repeat;

    height: 100px;

    width: 100px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -50px;

    margin-top: -50px;

    content: '';

}



span.office-snack-title-heading {

    margin-bottom: 0px !important;

}



span.office-snack-title-sub-heading {

    color: rgb(34, 31, 31) !important;

}



/* Checkprocess */

/* # lbs - removed for new breadcrumb */

/* .checkprocess{background:#6CC049;color:#9fef7e;font-size:18px;padding:15px 25px}



.checkprocess .container{max-width:100%;text-align:center; width:100%;}



.checkprocess .col-sm-4{padding-left:0px;}



.checkprocess .col-sm-4 div{

    background-repeat: no-repeat;

    width: 20px;

    height: 20px;

    float: left;

    margin-right: 10px;

    margin-top: 5px;

    background-image: url(/wp-content/themes/NakedSnacks/img/checksprite.png);

}



.checkprocess .col-sm-4{cursor: default;  display:inline-block; float:none;}



.checkprocess .col-sm-4.history{cursor: pointer;}



.checkprocess .col-sm-4.active,.checkprocess .col-sm-4:hover{color:#fff;}



.checkprocess .one .icon{

    background-position: -50px 0px

}



.checkprocess .one:hover div.icon, .checkprocess .one.active div.icon{

    background-position: -50px -22px;

}



.checkprocess .two div.icon{

    background-position: -25px 0;

}



.checkprocess .two:hover div.icon, .checkprocess .two.active div.icon{

    background-position: -25px -22px;

}



.checkprocess .three div.icon{

    background-position: 0 0;

}



.checkprocess .three:hover div.icon, .checkprocess .three.active div.icon{

    background-position: 0px -22px;

}



.checkprocess .four div.icon{

    background-position: -74px 0;

}



.checkprocess .four:hover div.icon, .checkprocess .four.active div.icon{

    background-position: -74px -22px;

}



.checkprocess .five div.icon{

    background-position: -98px 0px;

}



.checkprocess .five:hover div.icon, .checkprocess .five.active div.icon{

    background-position: -98px -22px;

}

.checkprocess a{

    color:#fff;

} */

.mobile-only{

    display:block;

}

#mobile-cart-bar{

    position:fixed;

    bottom:0;

    left:0;

    right:0;

    margin:0;

    width:100%;

    height:auto;

    display:flex;

    justify-content:space-between;

    z-index:9999999;

    background:#ffa332;

    color: #fff;

    font-size: 14px;

    text-align: center;

    line-height: 55px;

    height: 55px;

    cursor: pointer;

}

/* @media only screen and (min-width: 1025px){ */

@media only screen and (min-width: 1280px){

    #mobile-cart-bar{

        display:none;

    }

    .mobile-only{

        display:none;

    }

}



#mobile-cart-bar .icon-wrapper{

    display:flex;

    align-content:center;

    float:right;

    width:10%;

    max-width:50px;

    padding:2px;

    margin:5px 5% 5px 0;

    position:relative;

}

#mobile-cart-bar .icon-wrapper img{

    width:100%;

}

#mobile-cart-bar .icon-wrapper span {

   /*  border: 2px solid green;

    border-radius: 50%;

    height: 20px;

    width: 20px;

    position:absolute;

    top:-5px;

    left:-5px;

    color:green;

    font-weight:bold;

    background:#fff;

    font-family:"proxima-nova"; */

    display: flex;

    align-items: center;

    justify-content: center;

    justify-content: center;

    font-size: 18px;

}

#mobile-cart-bar .each-box-size{

    display:none;

    /* padding-left:5%; */



}

#mobile-cart-bar .each-box-size.active{

    display:flex;

    align-items: center;

    font-size:1.25rem;

    line-height: 1.25;

    min-height: 55px;



}

/* coupons */

/*

body.both li.menu-item-3777, body.referral li.menu-item-3777, body.user_coupon li.menu-item-3777{

    display:none !important;

}

*/

body.both.logged-in li.menu-item-3777, body.referral.logged-in li.menu-item-3777, body.user_coupon.logged-in li.menu-item-3777{

    display:block !important;

}



#ns_custom_coupon{

    display: block;

    position: absolute;

    top: 90px;

    left: 0px;

    width: 100%;

    background: #6cbf49;

    color: #fff;

    text-align: center;

    padding: 10px 0 10px 0;

}



.page-template-check-out #ns_custom_coupon{

	top:5px;

}



#savecad .description{

    display: block;

    padding-top: 10px;

}



/* Wholesale */



/* .page-template-wholesale .form .col-sm-12{

    text-align:left;

}



.page-template-wholesale .form .inputfd{

    width:100%;

    margin-bottom:10px;

}



.page-template-wholesale .form .intro{

    margin:0px;

    text-align:left;

    padding-left: 15px;

    font-weight: bold;

} */



.page-template-wholesale #thankyou{display:none;padding-bottom:25px;}



.page-template-wholesale input.invalid{border:1px red solid;}

.page-template-wholesale #error{text-align:center;color:red;}



/* landing pages */

.page-template-landing .footer-area, .page-template-landing #footer, .page-template-landing .header-wrapper{

    display:none;

}

.page-template-landing  #encasewrap.naked-row{

    max-width:100%;

    padding: 0px;

}

.page-template-landing  .naked-row{

    padding:0 20px;

}

.page-template-landing  section{

    padding:30px 0;

}

.page-template-landing #main {

    padding: 0;

}

.page-template-landing #main h2 {

    font-size: 32px;

    line-height: 36px;

}

.page-template-landing .Light{

    color: #fff;

}

.page-template-landing .orangebt {

    border: 2px solid #fff;

}

#landbanned{

    color:#fff;

    position:relative;

    height: initial;

    background-size: cover!important;

    padding-bottom: 165px;

}

#landbanned *{

    z-index:2;

    position: relative;

}

#landbanned:before{

    display:block;

    content:" ";

    background:rgba(0,0,0,0.5);

    position:absolute;

    width: 100%;

    height: 100%;

    z-index: 1;

    top: 0;

}

#landtag{

    background:rgba(0,0,0,0.5);

    text-align:center;

    position: absolute;

    width: 100%;

    bottom: 0;

    padding: 55px 0 50px 0;

    font-size: 22px;

}

#landcto{

    text-align:center;

    background:#ffa332;



}



.page-template-landing-email #content,.page-template-landing-email #encasewrap {

    width: 100%;

    max-width: 100%;

}

/*.page-template-landing-email .give-snacks-banner .frontwrap .largetext {

margin: 0 auto;

float: none;

}

.page-template-landing-email .frontwrap {

padding-left: 0;

}*/

.page-template-landing-email .yikes-easy-mc-form input[type=text],.page-template-landing-email .yikes-easy-mc-form input[type=email] {

    padding: 10px 20px;

    background-color: #fff;

    border: 2px solid #171717;

}

.yikes-mailchimp-container .edit-link{

    display:none;

}



/* gallery

.snack_gal .name{

text-align:center;

}*/

.product_cat_get-snacks .woocommerce-breadcrumb,.product_cat_get-snacks #sidebar,.product_cat_get-snacks .snack.effect{

    display:none;

}

.product_cat_get-snacks .continue.add.done{

    /* background:rgb(108, 192, 73); */

}

.product_cat_get-snacks .nut-table{

    width:100%;

}

.product_cat_get-snacks .nut-table .sub-text{

	padding-left:20px;

}

.snack_gal .orangebt{

    float: left;

    margin-right: 10px;

}

.snack_gal .orangebt{

    padding: 5px 10px;

}

/*.page-template-gallery #encasewrap {

max-width: 100%;

}

.page-template-gallery .checkinner {

border: 2px solid #d7d7d7;

text-align: center;

min-height: 370px;

padding: 40px 20px 0;

}

.page-template-gallery #main .checkinner .name {

font-size: 24px;

height: 52px;

}



.product_cat_get-snacks #content {

width: 100%;

}*/

body.product_cat_get-snacks #userbar{

    /* display:none !important; */

}





@media only screen and (min-width:1024px) {

    body.product_cat_get-snacks #userbar {

        /* display: none !important; */



    }

}



body.product_cat_get-snacks #mainct{

    width:100% !important;

    margin:0px !important;

}

.product_cat_get-snacks .ingrednts {

    font-size: 16px;

}

.product_cat_get-snacks .nuttable{

    font-size: 16px;

    line-height: 20px;

    margin: 40px 0 60px 0;

    width: 463px;

}

.product_cat_get-snacks .nuttable td{

    padding:5px;

}



.ns-back-button{

    border: 1px solid #515151;

    padding: 4px 10px;

    border-radius: 2px;

    color: #515151;

    float:left;

    margin-right:35px;

}

.ns-back-button:hover{

    color:#666 !important;

}

#userbar .wrap{

    /* padding:1.5rem 0; */

    padding: 2.75rem 0 1.5rem 0;

    width:100%;

    float:left;

}

#userbar .wrap:first-child{

    padding-top:0;

}

#userbar .wrap:last-child{

    padding-bottom:0;

}

#userbar .no-snacks-message{

    padding:5px 10px;

    border:1px solid #ccc;

    border-radius:3px;

    text-align:center;

    font-size:1rem;

    width:100%;

}

#userbar .no-snacks-message.hidden {

    display:none;

}

#userbar .desktopCheckout{

    float:left;

    width:100%;

}

.your-snacks-wrapper li.planner span{



    /* font-size:0.95rem; */

    font-size: 1.2em;



    line-height: 35px;

}



@media (min-width: 1024px) {

    .your-snacks-wrapper li.planner span {

        line-height: 25px;

        padding-left: 10px;

    }

}



@media (min-width: 1280px) {

    .your-snacks-wrapper li.planner span {

        line-height: 24px;

        padding-top: 5px;

    }



    .page-template-get-snacks #sortable .remove {

        margin-top: 4px;

    }

}



.box-size-selector-wrap{

    display:flex;

    align-items:stretch;

    /* border:1px solid #ccc; # lbs test*/

}

body.page-template-get-snacks .box-size-selector-wrap{

    /* border:1px solid #ffa332; # lbs test*/

    cursor: pointer;

}

body.page-template-get-snacks .your-snacks-wrapper + .your-box-size-wrapper .box-size-selector-wrap{

    /* border:1px solid #d7d7d7; # lbs test */

    cursor: not-allowed;

}

.box-size-info-wrap{

    display:flex;

    align-items:stretch;

    justify-content:flex-end;

    text-align:center;

    font-size:0.85rem;

}

.box-size-selector-wrap + .box-size-info-wrap{

    margin-top: 1em;

}

.box-size-selector-wrap .each-box-size{

    flex:2 1 auto;

    padding: 1rem 0;

    text-transform: uppercase;

    text-align: center;

    font-size: 1rem;

    color: #ccc;

    transition: all ease-in-out 0.2s;

    line-height: 20px;

    /* border-right:1px solid #ccc; #lbs test */

    background: #fff;

}

.box-size-selector-wrap .each-box-size.flex-center{

    display: flex;

    justify-content: center;

    align-items: center;

}

@media screen and (max-width:1400px){

    .box-size-selector-wrap .each-box-size {

        font-size:0.85rem;

    }

}

body.page-template-get-snacks .box-size-selector-wrap .each-box-size{

    color: #ffa332;

   /*  border-color: #ffa332; # lbs test*/

}

body.page-template-get-snacks .your-snacks-wrapper + .your-box-size-wrapper .box-size-selector-wrap .each-box-size {

    color: #a9a9a9;

    font-size: 1rem;

    font-family: "BuenosAires Bold";

    border-bottom: 1px solid #bbb;

    /* border-color: #d7d7d7; # lbs test */

}

body.page-template-get-snacks .box-size-selector-wrap .each-box-size:last-of-type,

body.page-template-get-snacks .box-size-selector-wrap .each-box-size:last-child{

    border-right: none;

}

.box-size-selector-wrap .each-box-size:last-of-type,

.box-size-selector-wrap .each-box-size:last-child {

    border-right:0;

}

.box-size-selector-wrap .each-box-size.active{

    /* background-color:#ccc; # lbs test */

    color:#000;

}

body.page-template-get-snacks .box-size-selector-wrap .each-box-size.active{

    /* background-color:#ffa332; # lbs test*/

    color: #000;

}

body.page-template-get-snacks .your-snacks-wrapper + .your-box-size-wrapper .box-size-selector-wrap .each-box-size.active{

   /*  background-color:#d7d7d7; # lbs test */

    color:#000;

}

.box-size-info-wrap .each-box-info{

    color:#ccc;

    text-transform:uppercase;

    font-weight:bold;

    width:33%;

}

.box-size-info-wrap .each-box-info .savings,

.box-size-info-wrap .each-box-info .pricing {

    display: block;

    font-weight: 400;

}

.box-size-info-wrap .each-box-info .pricing {

    color:#444;

    line-height: 1;

}

.box-size-info-wrap .each-box-info .savings {

    font-size: 1.25em;

}

@media screen and (min-width:1024px)and (max-width:1249px) {

    .box-size-info-wrap .each-box-info .savings,

    .box-size-info-wrap .each-box-info .pricing {

        font-size: 0.9em;

    }

}

@media screen and (min-width:1250px)and (max-width:1400px) {

    .box-size-info-wrap .each-box-info .savings {

        font-size: 1.125em;

    }

}

body.page-template-get-snacks .box-size-info-wrap .each-box-info{

    color:#ffa332;

}



.your-box-size-wrapper ~ #gift-frequency-title,

.your-box-size-wrapper ~ #delivery-times{

    display: none;

}



.order-info-wrapper .each-order-info{

    font-weight:bold;

    text-align:left;

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

   border:none;

    height:auto;

}

.order-info-wrapper .each-order-info span{

    /*display:none;*/

}

body.page-template-get-snacks .order-info-wrapper .each-order-info.order-delivery{

    display:none;

}

.order-info-wrapper .each-order-info div{

    float:right;

    font-weight:normal;

    text-align:right;



}

.order-info-wrapper .each-order-info.order-total div span {

    margin-left:10px;

}

.order-info-wrapper .each-order-info.order-delivery div,

.order-info-wrapper .each-order-info.order-gift-delivery div{

    display:none;

}

.order-info-wrapper .each-order-info.order-delivery div.active,

.order-info-wrapper .each-order-info.order-gift-delivery div.active{

    display:block;

}

.each-order-type-wrapper .each-order-type{

    display:none;

    align-items:stretch;

}

.each-order-type-wrapper .each-order-type.active {

    display:flex;

}

.each-order-type-wrapper .each-order-type .each-order-type-image{

    width:20%;

    float:left;

    background:#fff;

    margin-right:10px;

}

.each-order-type-wrapper .each-order-type .each-order-type-image img{

    display:block;

}

.each-order-type-wrapper .each-order-type .each-order-type-info {

    font-size:1rem;

    width:80%;

    display:flex;

    align-items:center;

    justify-content:space-between;



}

.each-order-type-wrapper .each-order-type .each-order-type-info span{

    width:100%;

    float:left;

    font-size:0.75rem;

    line-height: 1rem;

}

.each-order-type-wrapper .each-order-type .each-order-type-info .each-order-type-title {

    width: 67%;

}

.each-order-type-wrapper .each-order-type .each-order-type-info .each-order-type-price{

    display:flex;

    align-items:center;

    justify-content:space-between;

    /* width:33% */

}

.each-order-type-wrapper .each-order-type .each-order-type-info  .each-order-type-price .price {

    text-align:right;

    margin-left:5px;

}

.each-order-type-wrapper .each-order-type .each-order-type-info  .each-order-type-price .price span{

    color:#ffa332;

    text-transform:uppercase;

    font-weight:bold;

}



.order-info-wrapper {

    width: 100%;

    float: left;

    font-size: 1rem;

    margin: 2rem 0;

    line-height: 1.6em;

}

.flex-wrapper{

    display:flex;

    justify-content:space-between;

    margin-top: 40px;

}

@media only screen and (max-width: 1300px) {

    .flex-wrapper{

        flex-wrap:wrap;

    }

}

.text-align-center{

    text-align:center;

}

.page-template-check-out .checktitle{

    /* max-width:100% !important; */

}

#checkout-shipping,

.become-member{

    padding:25px 0;

    float:left;

    width:100%;

}

.page-template-get-snacks #mainct > .inner{

    display:flex;

    flex-wrap:wrap;

    width:100%;

    float:left;

}

@media only screen and (max-width: 1300px){

    .page-template-check-out-delivery .sndelivery {

        display:none;

    }

}

@media only screen and (min-width: 1300px) and (max-width: 1800px){

    .page-template-check-out-delivery .sndelivery {

        height: 200px;

    }

}



.mobile-buttons.qty-case{

    /* # lbs*/

}

.hide-mobile-buttons {

    display: none;

}



.show-mobile-buttons {

    display: block;

}

@media only screen and (min-width: 981px) {

    .page-template-get-snacks .snack.col-sm-6 .mobile-buttons {

        display: none;

    }

}

/* ipad */

@media only screen and (max-width: 1024px){

    .parallax-section-1 {

        height: 310px;

        background-attachment:initial!important;

        background-position: center center!important;

    }

    .parallax-section-1.initl {

        height: 650px;

    }



    .community .fusion-two-third p:nth-child(2),

    .thirdblk .naked-row div:nth-child(1),

    .thirdblk .naked-row div:nth-child(4),

    .snacks .naked-row h2 + .fusion-one-half{

        text-align:center;

    }

    .thirdblk .right,.snacks .one_half img {

        float: none;

    }

    .parallax-section-1 .scroll-arrow {

        position: relative;

        bottom: initial;

    }

    #testimonial_blocks .inner_text {

        padding: 50px 40px 30px 40px;

        font-size: 16px;

        line-height: 25px;

        text-align: left;

    }

    #testimonial_blocks .inner_text img.quote-left {

        left: 10px;

        top: 56px;

        width: 20px;

    }

    #testimonial_blocks .inner_text img.quote-right {

        width: 20px;

    }

    .snacks .midblock {

        padding-left: 0px;

    }

}

@media only screen and (max-width: 1024px) and (min-width: 801px){

    #featured_logos .one_six div {

        height: 140px;

        width: 140px;

    }

    .shadowbtm .one_six img {

        max-width: 110px;

    }

}

@media only screen and (max-width: 980px){

    .page-template-check-out .sndelivery {

        margin: 20px 0 0 -60px;

        width: 180px;

    }

    .page-template-check-out .checkinner .col-sm-5 p {

        margin-bottom: 35px;

    }

    img.bags {

        margin:0 auto;

    }

    #orangeradwrap .col-sm-5:after {

        display:block;

        content:" ";

        clear:both;

    }

    .page-template-check-out-delivery .sndelivery {

        width: 200px;

    }

    .page-template-check-out-delivery #main,

    body.page-template-check-out #main {

        background-image:none;

    }

    .page-template-check-out-delivery .checkinner .col-sm-5 {

        padding-top: 0px;

    }

}

@media only screen and (min-width: 801px){

    #pageExit button {

        margin: 0px auto 0 auto;

        min-width: 80px;

    }

    #pageExit input#mc-email,#pageExit input#mc-name{

        margin: 0 10px 0 0;

        min-width: 193px;

    }

}

@media only screen and (max-width: 800px){



    #moreinfo .naked-row,#features .naked-row{

        text-align: center;

    }

   /*  .home img {

        max-width:207px;

    } */

    #testimonial_blocks .arrow_nav img {

        left: -53px;

        margin-top: -11px;

        width: 10px;

    }

    #testimonial_blocks {

        padding: 0 20px;

    }

    #featured_logos .one_six:nth-child(even) {

        bottom: initial;

    }

    #featured_logos .one_six{

        text-align: center;

    }

    body .parallax-section-1 .scroll-arrow {

        bottom: 0px!important;

    }

    #featured_logos .one_six div {

        margin: 20px auto;

    }

    #testimonial_blocks .arrow_nav img.slide-right {

        right: 25px;

    }

    #testimonial_blocks .arrow_nav img {

        left: -15px;

    }

}

@media only screen and (max-width: 500px){

    .page-template-check-out .sndelivery {

        margin: -0px 0 0 -60px;

        width: 130px;

    }

    .page-template-check-out-delivery .sndelivery {

        width: 160px;

        left: -50px;

    }

}





/* added css 1007 */

body #main #features .midblock h3{ font-family: 'PlutoSansRegular',sans-serif;font-size: 40px;line-height: 46px;text-transform: lowercase;margin: 1em 0 .5em;}

#featured_logos .one_six span{ font-family: "proxima-nova",Arial,serif;font-size: 25px;line-height: 30px;margin: 0;text-transform: uppercase;font-weight: 800;text-align: left;letter-spacing: 1px;}

body .footer-area .widget_text span, body .footer-area .social_links span {display: block;font-family: "proxima-nova",Arial,serif;font-size: 18px;line-height: 1.6em;letter-spacing: 0;font-weight: 400;font-style: normal;margin: 0 0 28px;color: #ddd;}

#wrapper .post-content #order-process h2{font-weight: 800;font-size:1.75rem; margin:1.5rem 0;}



@media only screen and (min-width: 800px){

    body #main #features .midblock h3 {

        margin: 50px 0 70px 0;

    }

}





/* sidebar flag styling */

.sjns-flag-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: space-evenly;

    -ms-flex-pack: space-evenly;

    justify-content: space-evenly;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -ms-flex-line-pack: center;

    align-content: center;



    position: absolute;

    top: 0;

    right: 0;



    /*width: calc(100% + 0.25em);*/

    margin: 0 -0.125em;

}

.sjns-flag-wrapper .woocommerce-currency-selector-wrap {

    display: none;

}

.sjns-flag-wrapper .sjns-flag {

    margin: 0.125em;

    opacity: 0.5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    width: auto;

    /* max-width: 25px; #lbs test */

    height: auto;

    max-height: none;

}

.sjns-flag-wrapper .sjns-flag.flag-active {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-filter: none;

    filter: none;

}

.sjns-flag-wrapper .sjns-flag img {

    margin: 0 auto;

    width: auto;

    /* max-width: 25px; #lbs test */

    height: auto;

    max-height: none;

    border:1px solid #f9f9f9;

}



.sjns-flag-wrapper .sjns-flag.flag-clickable img:hover {

    cursor: pointer;

    border-color:darkred;

}

#sjns-flags .sjns-flag-wrapper {

    position: inherit;

}



/* Remove US flag, shipping, and Tax in a coupon active page */

.corp-coupon.active .sjns-flag:nth-child(2),

.corp-coupon.active .each-order-info.order-tax,

.corp-coupon.active .each-order-info.order-shipping {

    display: none;

}



/* === # Fraiche Campaign Styles === */

@font-face {

    font-family: 'PlutoCondRegular';

    src: url('../img/fonts/PlutoCondRegular.otf'),

         url('../img/fonts/PlutoCondRegular.woff');

}



@font-face {

    font-family: 'ProximaRegular';

    src: url('../img/fonts/ProximaNova.ttf');

}



@import "slick-theme.css";

@import "slick.css";





.page-template-fraiche-campaign .naked-row {

    max-width: none;

  }



.campaign-container {

    letter-spacing: 1px;

}





/* === Header/Splash Section */



#menu-item-104610 a {

    color: #FFA332 !important;

}



.splash-section .splash-line {

    content: '';

    height: 1px;

    width: 100%;

    background: #ababab;

    margin-top: 20px;

  }



.splash-section .splash-content {

    width: 100%;

    text-align: center;

    padding: 20px 20px;

    margin-bottom: 40px;

}



.splash-section .splash-content h1 {

    font-size: 25px;

}





.splash-collab {

    font-size: 17px;

    margin: 0;

    padding: 0;

    line-height: 20px;

    font-weight: 400;

    color: #000000;

  }



.splash-excerpt {

    display: block;

    font-weight: 100;

    font-size: 14px;

    color: #8F8F8F;

    margin: 0;

    padding: 0;

    margin-top: -5px;

}





.splash-featured-item {

    display: block;

    width: 300px;

    margin: 0 auto;

    margin-top: 20px;

    font-family: 'PlutoCondRegular',Arial, serif;

    font-size: 31px;

    font-weight:400;

    text-align: center;

    color: #000000;

}



  .splash-slogan {

    display: block;

    margin: 10px 0;

  }



.splash-section .splash-content h2 {

    width: auto;

    margin: 0 auto;

    margin-bottom: 20px;

    padding: 10px 30px 30px 30px;

    font-weight: 400;

}



.splash-section .splash-details {

    max-width: 350px;

    margin: 0 auto;

    font-family: "proxima-nova",Arial,serif;

    color: #6d6d6d;

}



.splash-section .splash-content p {

    font-size: 16px;

    font-weight: 400;

  }







.splash-cta {

    margin-top: 36px;

}



.splash-section .splash-content a {

    padding: 10px 30px;

    /* background:#f9f5f4; */

    background: #FFA332;

    /* color: #5f5f5f; */

    color: #ffffff;

    text-transform: uppercase;

    font-weight: 100;

    font-size: 18px;

    border-radius: 13px;

}



.splash-signoff {

    color: #000000;

    width: 170px;

    margin: 0 auto;

  }





/* === Second Section ==== */



.second-section {

    /* background: #F9F5F4; */

    padding-bottom: 50px;

    padding-top: 50px;

}



.second-section .info-section h3 {

    font-family: 'PlutoCondRegular', Arial, serif;

    color: #000000;

    font-weight: 100;

    font-size: 27px;

}



.second-section .info-section{

    padding: 20px 29px 30px 29px;

    text-align: center;

    max-width: 1050px;

    margin: 0 auto;

}



.second-section .info-section p {

    font-size: 17px;

    font-family: "ProximaRegular", Arial, serif;

}



.second-section .campaign-signature {

    text-align: center;

}







/* === Third Section === */



.third-section {

    max-width: 2000px;

    margin: 0 auto;

}



.content-wrapper {

    /* width: 80%; */

    margin: 0 auto;

}



.third-section .sub-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

  }



.third-section .content-wrapper .sub-heading {

    width: 100%;

    padding: 10px 30px;

    text-align: center;

    align-self: center;

    line-height: 1.3;

}



.image-bg {

    display: none;

}



.sub-heading {

    color: black;

    font-size: 17px;

    font-family: "ProximaRegular", Arial, serif;

}





.sub-image:nth-of-type(odd) .image-bg::before {

    background: #FAF7F3;

    position: absolute;

    height: 100%;

    content: '';

    width: 100%;

    top: 20px;

    z-index: -1;

    left: 10px;

}



.sub-image:nth-of-type(even) .image-bg::before {

    background: #F2F2F2;

    position: absolute;

    height: 100%;

    content: '';

    width: 100%;

    top: -20px;

    z-index: -1;

    left: 12px;

}



  .sub-image {

    position: relative;

    z-index: 1;

  }



/* Snack Box Section */



.snacks-section {

    text-align: center;

}



.snacks-heading {

    background: #F2F2F2;

    padding: 30px;

}



.snacks-section h3 {

    margin: 0;

    /* font-family: 'PlutoCondRegular', Arial, serif; */

    font-weight: 400;

    color: black;

}



.snacks-section h4 {

    color: black;

    text-align: left;

    font-weight: 100;

    font-size: 27px;

    margin-bottom: 0;

    margin-left: 50px;

    margin-top: 50px;

}



.snacks-section p {

    margin-left: 50px;

    margin-bottom: 40px;

    font-size: 18px;

    text-align: left;

    font-weight: 100;

    margin-right: 20px;

    /* font-family: "ProximaRegular", Arial, serif; */

    color: #4d4d4d;

    line-height: 23px;

}



.snack-item {

    margin-left: 10px;

    margin-right: 10px;

}



.snacks-section .snacks-cta {

    margin-top: 70px;

  }



.snacks-section .snacks-cta a {

    padding: 10px 30px;

    /* background:#f9f5f4; */

    background: #FFA332;

    /* color: #5f5f5f; */

    color: #ffffff;

    text-transform: uppercase;

    font-weight: 800;

    font-size: 16px;

    border-radius: 13px;

    /* font-family: "ProximaRegular", Arial, serif; */

}



.snack-item span {

    /* font-family: "ProximaRegular", Arial, serif; */

}



.snacks-heading-btm {

    height: 25px;

    background: #FAF7F3;

    margin: 60px 0;

}



.snack-item.slick-slide.slick-active {

    display: flex;

    align-items: center;

    justify-content: center;

  }



  /* Slick edits */



  .slick-initialized .slick-slide {

    display:flex;

   }



.slick-next.pull-right.slick-arrow {

    color: #c6c6c6;

    font-size: 50px;

    margin-right:25px;

    margin-top: -2px;



  }



  .slick-prev.pull-left.slick-arrow {

    color:#c6c6c6;

    /* z-index: 99; */

    font-size: 50px;

    z-index: 1;



  }



  .slick-list {

    margin-left: 20px;

    margin-right: 20px;

  }



  .slider {

    padding-left: 30px;

    padding-right: 40px;

  }



  @media (min-width: 768px){

      .slider {

          /* height: 300px; */

      }

  }



  @media (min-width: 772px){

      .slider {

          max-height: 355px;

      }

  }



  .slider-list {

    width: 85%;

    margin: 0 auto;

  }



.slick-prev {

    left: 0 !important;

    opacity: 1;

}



.slick-next {

    right: 0 !important;

    opacity: 1;

}



/* doesn't work for apple products

.fa.fa-angle-left {

    margin-left: 20px;

    margin-top: -50px;

}



.fa.fa-angle-right {

    margin-top: -50px;

  }

*/





 .fa.fa-angle-left {

    margin-left: 0px;

    margin-top: -60px;

    position: absolute;

}



.fa.fa-angle-right {

    margin-top: -60px;

    position: absolute;

    left: 0;

}







  /* Modal Section */



  .modal-title {

      margin-top: 60px;

  }



  .modal-title h1 {

    color: #000000;

    font-size: 28px;

    margin-bottom: 10px;

  }



  .modal-snack-image {

      margin-bottom: 30px;

      padding: 0 30px;

  }



  .modal-info h2 {

      margin-bottom: 15px;

      color: #000000;

  }



  .modal-info p {

    text-align: center;

    margin: 0 10px 40px 10px;

    color: black;

    font-size: 16px;

  }



  .health-icons {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

  }



  .nutrition-title h2 {

    font-size: 17px;

    font-family: inherit;

  }



  .nutrition-title h2 {

    margin: 0;

  }



  .nutrition-title img {



    margin: 0 auto;

  }

  

  @media (min-width: 630px) {

    .nutrition-title img {

      margin-left: 0;

      }

  }



  .modal-footer .btn.btn-danger {

    padding: 6px 22px;

    border: none;

    text-align: right;

    width: 700px;

    font-size: 18px;

    background: transparent;

    color: white;

    cursor: pointer;

    font-family: "BuenosAires Regular";

  }



  .modal-footer {

    display: flex;

    background: #FFA332;

    justify-content: space-between;

  }



  .modal-back {

    font-size: 30px;

    border: none;

    background-color: transparent;

    outline: none;

    color: white;

    cursor: pointer;

  }



/* .modal {

    overflow-y: hidden;

}



.modal-body {

    overflow-y: scroll;

  }



.modal .modal-content {

    overflow: hidden;

  }



.modal-body {

    height: 80vh;

}

 */







/* Closing Section */



.snacks-heading-btm-02 {

    height: 15px;

    background: #faf7f3;

    margin-top: 60px;

}



.limited-quantities {

}



.ending-text {

    font-family: "ProximaRegular";

    text-align: center;

    margin: 40px 0;

    padding: 0 10px;

    color: #000000;

}



/* == Fraiche Box Selection Page == */



.page-template-fraiche-snacks #encasewrap {

    margin: 0;

}



.page-template-fraiche-snacks .naked-row {

    max-width: 100%;

}



.page-template-fraiche-snacks #mobile-cart-bar {

    display: none;

}



.page-template-fraiche-snacks .row.checkprocess {

    display: none;

}



.header-line {

    background: #717171;

    height: 1px;

}



.fraiche-sb-container {

    width: 100vw;

    padding-bottom: 12%;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.fraiche-sb-heading {

    text-align: center;

    max-width: 650px;

    margin: 0 auto;

    padding-left: 30px;

    padding-right: 30px;

  }



.fraiche-sb-heading h1 {

    margin-top: 0;

    padding-top: 50px;

    font-family: 'PlutoCondRegular';

    font-weight: 100;

    color: #000000;

  }



.fraiche-sub-heading-info {

    font-size: 16px;

    padding: 0 10px;

    color: #000000;

  }



  /* Fraiche Boxing Styles */



  .fraiche-boxes-wrapper {

      padding: 0 35px;

      margin-top: 50px;

      margin-bottom: 60px;

  }





  .fraiche-each-box {

      background: white;

      padding: 0px 0 50px 0;





  }



  .fraiche-top-bar {

      height: 10px;

      background:#e3e4ea;

  }





.fraiche-each-box .each-order-type-info {

    text-align: center;

    max-width: 650px;

    margin: 0 auto;

}



.fraiche-each-box .each-order-type-title h2 {

    font-size: 25px !important;

    padding-top: 20px;

    text-transform: uppercase;

    font-weight: 100;

    color: #000000;

    margin-top: 30px;

}



.fraiche-snack-heading {

    text-align: center;

    color: #000000;

    font-size: 17px;

    font-weight: bold;

}





.fraiche-each-box .each-order-type-info  {

    font-size: 16px;

    line-height: 23px;

    padding: 0 16px 10px 15px;

}



.fraiche-each-box .each-order-type-price {

    padding: 27px 0 0 0;

    font-size: 25px;

    color: #000000;

}



.fraiche-each-box .each-order-type-price .price span {

    display: block;

    font-size: 16px;

    color: orange;

}



.fraiche-snacklist {

    list-style: none;

    padding-left: 40px;

    color: #000000;

    font-size: 16px;

}



.fraiche-snacklist li {

    line-height: 1.7;

    width: 275px;

    margin: 0 auto;

  }



.fraiche-cont {

    padding: 10px 26px;

    /* background:#f9f5f4; */

    background: #FFA332;

    color: white;

    border-radius: 10px;

    font-weight: 100;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 0.6px;

}



.fraiche-cont:hover {

    color: white;

}



.fraiche-btn-wrap {

    text-align: center;

    margin-top: 40px;

  }





/* Adding Fraiche to Header Nav change */

@media (min-width: 1168px){

    #main .gofull .naked-row,

    body #header .naked-row {

        max-width:100%;

    }

}





/* Media Queries for  Fraiche Box Selection */



@media (min-width: 768px){



    .fraiche-sb-heading {

        max-width: 750px;

    }





    .fraiche-boxes-wrapper {

        display: flex;

        justify-content: center;

        max-width: 1200px;

        margin: 0 auto;

      }



      .fraiche-each-box {

        position: relative;

        padding-bottom: 100px;

        max-width: 250px;

      }



      .fraiche-btn-wrap {

        position: absolute;

        bottom: 48px;

        right: 0;

        left: 0;

      }



      .fraiche-boxes-wrapper .fraiche-each-box:nth-child(2) {

        border-left: solid 0.1px #c8c8c8;

        border-right: solid 0.1px #c8c8c8;

      }



      .fraiche-each-box .each-order-type-info {

        height: 200px;

       }



       .fraiche-snack-heading {

        margin-top: 40px;

       }



       .fraiche-box-content {

        height: 80px;

        max-width: 400px;

      }



}



@media(min-width: 1020px) {





    .page-template-fraiche-snacks .row.checkprocess {

        display: block;

        /* background: #e3e4ea !important; */

    }

/*

    .page-template-fraiche-snacks .row.checkprocess .icon {

        background: #e3e4ea !important;

        display: none;

    }



    .page-template-fraiche-snacks .checkprocess {

        color: #b7b7b7 !important;

    }

    .page-template-fraiche-snacks .checkprocess .col-sm-4.active,

    .page-template-fraiche-snacks .checkprocess .col-sm-4:hover {

        color: #1b1512;

    }



    .page-template-fraiche-snacks .checkprocess,

    .page-template-fraiche-snacks .checkprocess .col-sm-4.active,

    .page-tempalte-fraiche-snacks .checkprocess .col-sm-4:hover {

        color: #1b1512;

    } */



    .fraiche-sb-heading {

        padding: 50px 0 20px 0;

        max-width: 100%;

    }



    .fraiche-sb-heading h1 {

        font-size: 40px;

    }



    .fraiche-sub-heading-info {

        font-size: 20px;

    }



    .fraiche-each-box .each-order-type-title h2 {

        font-size: 28px !important;

    }



    .fraiche-each-box .each-order-type-price {

        font-size: 27px;

    }



    .fraiche-snack-heading {

        font-size: 19px;

    }



    .fraiche-each-box {

        max-width: 1250px;

    }



    .fraiche-box-content {

        max-width: 350px;

        text-align: left;

        margin: 0 auto;

        padding: 0 40px;

    }



    .fraiche-snack-heading {

        margin-left: 60px;

        text-align: left;

    }



    .fraiche-snacklist {

        font-size: 18px;

    }



}







/* Media Queries For Fraiche Landing page*/



@media (min-width: 630px) {

        /* === Modal styling === */

        .modal-wrapper {

            display: grid;

            grid-template-columns: auto auto;

            grid-template-rows: 90px;

            gap: 20px;

          }



        .modal-snack-image {

            grid-row: 1/3;

            grid-column: 1;

            padding: 50px;

        }



        .modal-info {

            text-align: left;

        }



        .modal-info p {

            text-align: left;

            margin-left: 0;

            line-height: 1.4;

            font-size: 16px !important;

        }







        .modal-title {

            grid-column: 2;

            text-align: left;

            font-size: 21px;

            margin-top: 15px;

        }

}



@media (min-width: 768px) {



    /* === Splash Section === */



    .splash-wrapper {

        margin-top: -44px;

    }



    .splash-section .splash-content {

        margin-top: 30px;

    }



    .splash-section .splash-header{

        display: flex;

        flex-direction: row-reverse;

    }



    .splash-header .splash-content {

        margin-bottom: 0;

        width: 1900px;

        text-align: center;

    }



    .splash-featured-item {

       /*  margin: 20px 0; */

       font-size: 24px;

       margin-top: 10px;

       margin-bottom: 0;

       padding: 0;

       width: 370px;

    }



    .splash-section .splash-details {

        max-width: 350px;

    }



    .splash-section .splash-content p {

        font-size: 16px;

        line-height: 22px;

        letter-spacing: 0.8px;

    }



    .splash-signoff {

        width: 150px;

    }



    .splash-cta {

        margin-top: 35px;

    }



    /* == Third section === */



    .content-wrapper {

        width: 85%;



    }



    .third-section .content-wrapper {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-auto-flow: dense;

        gap: 10px 20px;

    }



    .image-bg {

        display: block;

    }



    .third-section .sub-image {

        margin-top: -15px;

        grid-column: 2;

    }





     .third-section .content-wrapper .sub-heading:nth-of-type(odd) {

            grid-column: 2;

            align-self: center;

    }



    .third-section .content-wrapper .sub-image:nth-of-type(odd) {

            grid-column: 1;

    }



    .sub-image:nth-of-type(odd) .image-bg:before {

        top: 28px !important;

    }





    /* Snack Section */

    .snacks-section {

        margin-top: 40px;

    }



    .snack-item {

        margin-left: 30px;

        margin-right: 30px;

    }



    .slick-list {

        margin: 0;

    }



    /* === Closing Section === */



    .limited-wrapper {

        display: flex;

        align-items: center;

    }



    .limited-image,

    .ending-text {

        width: 100%;

    }



    .ending-text p {

        width: 370px;

        margin: 0 auto;

    }







}



@media (min-width:801px){



    .sub-heading {

        font-size:21px;

    }



    .third-section .content-wrapper .sub-heading {

        padding: 0;

    }







}



@media (min-width: 900px) {

    .modal-dialog {

        width:700px;

        margin:30px auto

       }



}



@media (min-width: 920px){



    .splash-wrapper {

        padding-top: 8%;

    }



     .splash-header {

        position: relative;

    }



    .splash-collab {



    }



    .splash-excerpt {



    }



    .spalsh-featured-item {

        margin: 50px 0;

    }



    .spalsh-section .splash-content p {



        line-height: 32px ;

        padding: 20px 0 ;

    }



}





@media (min-width: 1020px) {



    .splash-collab {

        font-size: 19px;

    }



    .splash-featured-item {

        font-size: 34px;

        padding: 10px 0;

    }



    .splash-details {

        width: 450px ;

        margin: 0 auto ;

    }



    .splash-section .splash-content p {

        font-size: 18px;

        line-height: 28px;

    }



    .splash-signoff {

        width: 150px;

    }





    /* Third Section */



    .sub-heading {

        font-size:25px;

    }







}





@media(min-width: 1120px) {



    .splash-collab {

        font-size: 22px;

    }



    .splash-excerpt {

        font-size: 15px;

    }



    .splash-featured-item {

        font-size: 35px;

        margin-top: 20px;

    }



    .splash-section .splash-content p {

        font-size: 18px;

        line-height: 28px;

    }



    .splash-signoff {

        width: 170px;

    }



    .splash-section .splash-details {

        max-width: 550px;

    }

}



@media (min-width: 1280px) {

    .splash-collab {

        font-size: 25px;

    }



    .splash-excerpt {

        font-size: 18px;

    }



    .splash-excerpt {

        font-size: 18px;

    }



    .splash-featured-item {

        font-size: 43px;

        width: 100%;

        padding: 25px 0;

    }



    .splash-section .splash-content p {

        font-size: 20px;

    }



    .spalsh-section .splash-details {

        max-width: 550px;

        padding-bottom: 20px;

    }



    .splash-cta {

        margin-top: 65px;

    }



}







@media(min-width: 1380px){

    .splash-wrapper {

        margin-top: 2%;

    }



    .splash-collab {

        font-size: 33px;

    }





    .spalsh-featured-item {

        font-size: 50px;

        padding: 45px;

    }



    .splash-section .splash-details {

        width: 600px;

        max-width: 100%;

        margin-top: 15px;

    }



    .splash-section .splash-content p {

        font-size: 22px;

        line-height: 42px;

    }



    /* Second Section */





    .second-section .info-section h3 {

        font-size: 30px;

    }



    .second-section .info-section p {

        font-size: 19px;

    }



    .sub-heading {

        font-size: 33px;

    }



    .snacks-section h3 {

        font-size: 32px;

    }





    .snacks-section p {

        font-size: 21px;

    }



    .ending-text {

        font-size: 33px;



    }



    .ending-text p {

        width: 570px;

        margin: 0 auto;

    }



    /* Modal Styles */



    .modal-dialog {

        width: 800px;

    }



    .modal-footer .btn.btn-danger {

        width:700px;

       }







}



@media(min-width: 1920px){





    .splash-collab {

      font-size: 38px;

    }



    .splash-section .splash-content p {

      font-size: 24px;

    }



    .splash-excerpt {

      font-size: 21px;

      line-height: 3;

    }



    .splash-featured-item {

      font-size: 52px;



    }





}





/* # Simple Banner Styles */



body {

    background-color: transparent;

}



.page-template-get-snacks .header-wrapper {

    display: block;

    position: relative !important;

}



@media (max-width: 800px) {

    .page-template-get-snacks .header-wrapper {

        position: relative !important;

    }



}





@media only screen and (max-width: 800px) {

    .header-wrapper {

        position: relative !important;

    }



}





@media only screen and (min-width: 801px){

    /* Reduce margin btwn breadcrumbs and nav */

    .page-template-get-snacks #wrapper  #main{

        margin-top: 50px;

    }

}



@media only screen and (min-width: 1025px) {

    .page-template-get-snacks #wrapper  #main{

        margin-top: 0;

    }



}



@media (min-width: 768px) {



    .page-template-100-width .normal_logo {

        top: 20px;

    }



    .logo-adjust-home-with-banner{

        top: 70px !important;

    }





    .page-template-check-out-delivery .normal_logo{

        top: 20px;

    }

    .logo-adjust-delivery-with-banner {

        top: 70px !important;

    }



    .page-template-checkout2 .normal_logo {

        top: 20px;

    }

    .logo-adjust-sp-checkout-with-banner {

        top: 20px !important;

    }

}





/* .page-template-give-snacks-personalise .simple-banner{

    display: none;

} */

.page-template-checkout2 .simple-banner{

    display: none;

}



/* Hide banner for Safari browser*/

/* .page-template-give-snacks-personalise .simple-banner, */

.page-template-fraiche-snacks .simple-banner {

    display: none;

}



/* Personalize page calendar subtext */

.gridcards-subtext{

    margin: 0;

    font-size: 14px;

    margin-bottom: 15px;

    line-height: 1.3;

    color: #818181;

}



/* Get Snacks New Cart */

.get-snacks #lbs-sortable {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}



.get-snacks #lbs-sortable li {

    width: 100%;

    display: flex;

    justify-content: space-between;

    /* background-color: #000000; */

    background: #fff;

    border: 1px solid #000;

    border-radius: 50px;

    padding: 5px 15px;

    margin-bottom: 5px;

}

.get-snacks #lbs-sortable li.planner a,

.get-snacks #lbs-sortable li.planner span {

    font-size: 0.87rem;

    /* color: #ffffff; */

    color: #000;

    padding: 0;

    margin: 0 5px;

}



.get-snacks #lbs-sortable li.planner a {

    font-size: 1.8rem;

    padding: 0 10px;

}

.get-snacks #lbs-sortable li.planner span:not(.product-count) {

    width: 80%;

}



/* Sustainability Page */

.b-corp-logo {

    display: inline-block;

}



.sustainability-header {

    display: inline-block;

    margin-left: 25px;

}