@charset "UTF-8";


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


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


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


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


.btn { font-family: 'Avenir'; color: white !important; }
.btn-custom {
  background-color: #f48458;
  border-color: #f48458;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #f27240;
  border-color: #f16128;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #f48458;
  border-color: #f48458;
}




    /* 	Purple  rgb(109,102,165); */

    /* 	Orange  rgb(244, 132, 88); */


    /* *************************************************************** */
    /* SITE DEFAULTS */
    /* *************************************************************** */


        html, body { font-family: 'Avenir Light', Helvetica, Arial, Verdana, sans-serif; color: gray; font-size: 17px; line-height:1.4em; }
        body { -webkit-font-smoothing: antialiased;  }

        h1, h2, h3, h4, .h2, .h3 { line-height: 1em; margin-top: 0; margin-bottom: 0;  }
        h1, .h1, h2, .h2 { font-family: 'Dear Joe'; margin-top: 0.3em; margin-bottom: 0.2em; }
        h3, h4, .h3, .h4 { font-family: 'Avenir'; }
        h1 { font-size: 130px; }
        h2, .h2 { font-size: 80px; }
        h3, .h3 { font-size: 27px; letter-spacing: 0.18em; }
        h4, .h4 { font-size: 18px; }

        p, ul, ol { margin-top: 0; margin-bottom: 1.1em; padding: 0; }
        ul li { list-style: none; }
        .sml_text { font-size: 12px; margin-left: 5px; }

        a:link, a:visited, .readmore, .link { text-decoration: none; color: rgb(244, 132, 88); transition: all .35s ease-in-out;  }
        a:hover, .link { color: rgb(109,102,165); }

        a, a:hover, a:focus, .link { outline:none!important; }
         a.scroll { color: #ffffff; }

        *::-webkit-input-placeholder { color: #cccccc; }  *:-moz-placeholder { color: #cccccc; } *::-moz-placeholder { color: #cccccc; } *:-ms-input-placeholder { color: #cccccc; }

        #contact_inputs { display: flex; justify-content: space-between; width: 100%; height: auto; }
        .signup_inputs { display: flex; justify-content: space-between; width: 100%; height: auto; flex-wrap: wrap; }

        .form-input { flex-basis: 32%; }
        input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea { width: 100%; height: auto !important;  margin-bottom: 20px; padding: 8px; display: inline-block; border: 1px solid rgba(109,102,165,0.5); }

        .sq-input {
          border: 1px solid rgb(223, 223, 223) !important;
          width: 100%;
          height: 30px !important;
          outline-offset: -2px;
          margin-bottom: 20px;
          display: block;
          padding: 6px 12px;
        }

        .column { flex-basis: 46%; }

        select { height: auto; padding: 8px; }
        input[readonly] { color: rgba(0, 0, 0, 0.25) !important; }

        .signup_inputs input, .signup_inputs select { width: 31%; }
        #checkout_extras { padding: 0 15px; display: flex; justify-content: space-between; width: 100%; height: auto; flex-wrap: wrap; }


        .center { text-align: center; }
        .tint { color:rgba(0, 0, 0, 0.6); }
        .white { color: white !important; }
        .caret { opacity: 0.5;}

        /* http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns */
        .dropdown:hover .dropdown-menu {
            display: block;
        }

        a.grow { overflow: hidden; display: block; }
        .grow img { transition: all .5s ease-in-out; }
        .grow:hover img { transform: scale(1.1); }


    /* *************************************************************** */
    /* HEADER  */
    /* *************************************************************** */


        #header .container { position: relative; }
        .purple_band { background-color: rgb(109,102,165); height: 30px; }
        .ghost_band { position: absolute; border: 0; top: 0px; z-index: 10; height: auto; left: 15px; right: 15px; background-color: rgba(255, 255, 255, 0.4);  }

        #menu_left { }
        li.left_menu_break { margin-right: 450px !important; }
        #left_menu a.shop { font-family: 'Avenir'; }

        #logo_container { width: 280px; height: 230px; position: absolute; top: 0px; z-index: 100; left: calc(50% - 140px); background-color: white; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 4px 6px rgba(0,0,0,0.5); }
        #logo_container img { transition: all .35s ease-in-out; }
        #logo_container img:hover { opacity: 0.5; }

        #social_links { text-align: right; padding-right: 10px; margin-bottom: 10px; }
        #social_links a { display: inline-block; margin-left: 12px; font-size: 20px; }
        #header_menu { flex: 1; }

        .navbar { border-radius: 0; margin-bottom: 0; }
        .navbar-nav { float: none; }

        #main_menu { padding: 0; margin: 0; }
        #menu_container { display: flex; }
        #left_menu { }
        #right_menu { }
        .menu_items { flex: 1; text-align: center; }

        #logo_spacer { width: 300px; }
        #menu_container .menu_items a, .menu_items span.link { display: inline-block; text-transform: uppercase; padding: 12px 10px; margin: 0; color: #414141; font-size: 12px; letter-spacing: 0.12em; }
        .menu_items a.current, #menu_container a:hover, .menu_items span.link:hover { background-color: rgba(255, 255, 255, 0.42); color: rgb(109,102,165) !important; cursor: pointer; }

        .centered { text-align: center; }



    /* *************************************************************** */
    /* BODY SECTION  */
    /* *************************************************************** */


        #mainwrap { margin-top: 88px; padding: 0; background: white; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.50);  }
        #pagewrap {  }
        #page_content { padding: 30px 0; }

        #big_hero { list-style: none outside none; padding-left: 0; margin-bottom:0; margin-top: 0px; }
        #big_hero.lightSlider li { }
        #big_hero.lightSlider li img {  }


    /* *************************************************************** */
    /* FOOTER SECTION  */
    /* *************************************************************** */

        #pre_footer { background-color: #e8e8e8; }
        #pre_footer h2 { color: white; font-size: 6vw; margin-top: -0.15vw; text-align: center; }
        #footer_menu { margin-top: -20px; padding: 0 50px 50px; display: flex; flex-wrap: wrap; align-content: center; }
        #footer_menu a { display: block; width: 33%; padding: 5px; text-align: center; color: #4f4f4f; font-family: 'Avenir'; font-size: 20px; letter-spacing: 0.1em; text-transform: uppercase; }
        #footer_menu a:hover { color: rgb(109,102,165); }

        #footer { background: rgb(109,102,165); padding: 40px; }
        #contact_deets { color: white;  text-align: center; }
        #social_icons { margin-bottom: 15px; }
        #social_icons a { display: inline-block; width: 40px; height: 40px; border-radius: 20px; padding: 10px; margin: 5px; background-color: white; }
        #social_icons a i { color: rgb(109,102,165); font-size: 22px; }
        #location { text-transform: uppercase; letter-spacing: 0.25em; font-size: 12px; margin-top: 10px; }

        #return_to_top { position: fixed; left: 50%; margin-left: -75px; bottom: -20px; z-index: 10; width: 150px; height:95px; opacity: 1; display: none;}
        #credits { padding: 3px; font-size: 10px; color: white; }

        /* 	MODALS */
        .modal-header p { margin: 0; font-size: 20px; }
        .modal-body, .modal-header, .modal-footer { padding: 30px; }
        #modal_logo { height:60px; width:200px; float:left; background: url('') no-repeat; background-size: 200px; }
        #modal_address { float:left; padding: 0px 30px; margin-bottom: 0; line-height: 1.3em;  }
        #map-canvas { height: 500px; }
        .modal-footer { font-size: 14px; }
        .modal-dialog { width: 50vw; min-width: 320px; }

        #register_page { margin-bottom: 75px; }


    /* *************************************************************** */
    /* HOME  */
    /* *************************************************************** */

        a.bookNow { display:flex; border: 3px solid white; background-color: rgb(109,102,165); color: white; font-size: 26px; position:absolute; z-index: 1000; left: 50px; bottom: 25%; width: 110px; height: 110px; border-radius: 50%; transition: all .35s ease-in-out; box-shadow: 0px 4px 6px rgba(0,0,0,0.5); }
        a.bookNow span { display: block; margin: auto; text-align: center; line-height: 1em; letter-spacing: -0.05em; text-transform: uppercase; }
        a.bookNow:hover { color: rgb(244, 132, 88); border: 3px solid rgb(244, 132, 88); } 

        #home_shop_heading { position: relative; }
        a.giftCard { display:flex; border: 3px solid white; background-color: rgb(109,102,165); color: white; font-size: 26px; position:absolute; z-index: 1000; right: 5px; bottom: -20px; width: 110px; height: 110px; border-radius: 50%; transition: all .35s ease-in-out; box-shadow: 0px 4px 6px rgba(0,0,0,0.5);}
        a.giftCard span { display: block; margin: auto; text-align: center; line-height: 1em; letter-spacing: -0.05em; text-transform: uppercase; }
        a.giftCard:hover { color: rgb(244, 132, 88); border: 3px solid rgb(244, 132, 88); } 

        .home .section_heading { text-align: center; }
        #page_gallery { position: relative; }
        #hero_title { color: white; position: absolute; bottom: 30px; left: 2vw; width: 100%; z-index: 1; }
        #hero_title p.h1, #hero_title h1 { font-size: 8vw; line-height: 0.9em; margin-bottom: -0.1em;  }
        #hero_title p { font-size: 3vw; }

        .section { margin-bottom: 30px; }
        .section_heading { padding: 50px 0 20px; color: white; }
        .section_heading h1 { margin-bottom: 0; margin-top: 0; font-size: 80px; }
        .section_heading h2 { margin-bottom: 10px; font-size: 27px; font-family: 'Avenir'; }


        #our_story { background: rgb(243, 244, 246) url('../images/Lavendar_on_marbled_timber.jpg') no-repeat; background-position: right bottom; background-size: contain; min-height: 700px;}
        #our_story_copy { width: 60%; padding: 60px 80px;  }
        #our_story_copy h2, #our_story_copy h3 { text-align: center; color: rgb(109, 102, 165); }
        #our_story_copy h3 { color: rgb(244, 132, 88); margin-bottom: 25px; }

        #home_shop { }
        #home_shop_heading { background-color: rgb(244, 132, 88); }


        .overlay_caption { display: flex; align-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all .35s ease-in-out; z-index: 10; }
        .overlay_caption h4 { text-transform: uppercase; margin: auto; text-shadow: 0px 0px 3px black; color: white; font-size: 32px; letter-spacing: -0.025em; padding: 0 60px; text-align: center; line-height: 1.2em; }
        .overlay_caption:hover { opacity: 1; }

        #home_news_heading { background: white url('../images/lavender-news-bg.jpg') no-repeat; background-size: cover; }

        .news_container { margin: 0; padding: 0; position: relative; }
        .news_item { margin: 0; padding: 0; float: left; margin-right: 30px; width: calc((100% - 60px) / 3); margin-bottom: 30px; position: relative; }
        .news_container .news_item:nth-child(3n+0) { margin-right: 0px; }

        #white_heading h1, .signup .h2 { color: rgb(109,102,165);  }
        #white_heading h2 { color: rgb(244, 132, 88); }
        #white_heading h3, .signup .h3 { color: rgb(244, 132, 88); }

        #contact_ghost { background: url('../images/ghost-corner.jpg') no-repeat right bottom; }
        #home_contact_container {  }
        #home-contact { padding-bottom: 50px;}
        #contact_content { display: flex; }
        #contact_form { flex-basis: 50%; margin: 0 auto; }

        .g-recaptcha { margin-bottom: 15px; }



    /* *************************************************************** */
    /* Products  */
    /* *************************************************************** */

        #product_category_links {  margin: 40px 0; text-align: center; }
        #product_category_links a { color: rgb(109,102,165); text-transform: uppercase; padding: 5px; padding-right: 24px; margin: 10; margin-left: 20px; border-right: 1px solid orange; display: inline-block; font-size: 18px; font-family: 'Avenir Heavy'; transition: all .35s ease-in-out; }
        #product_category_links a:hover { color: rgba(109,102,165,0.5); }
        #product_category_links a:first-child { margin-left: 0; }
        #product_category_links a:last-child { padding-right: 0; border-right: none; }


        .product { margin-bottom: 30px; }
        .product_image_wrap { display: block; margin-bottom: 25px; }
        .product_summary { height: 200px; padding: 5px; position: relative;}
        .product_summary p.sml_text{ color: rgb(244, 132, 88); margin-left: 0; }
        .product_summary { padding: 0; }
        #product_details { position: relative; }
        #product_details>h1, .product_summary h1, .product_size.h1, .product_price.h1 { font-family: 'Avenir Heavy'; text-transform: uppercase;  }
        #product_details a.return_to_shop { position: absolute; bottom: 0; right: 5px; color: rgb(244, 132, 88); text-transform: uppercase; font-family: 'Avenir Heavy'; letter-spacing: 0.025em; }
        .product_summary h1, .product_summary .h1 { margin: auto; font-size: 18px; }
        .product_price_size_container { display: flex; align-content: center; justify-content: flex-start; margin-bottom: 10px; }
        .product_size { flex: 1; text-align: left; }
        .shipping_weight { margin-top: 20px; text-align: right; font-size: 12px; }
        .product_price { flex: 1; text-align: right; color: rgb(244, 132, 88); }
        .cart_function { display: block; cursor: pointer; font-size: 26px; padding: 8px; width: 40px; height: 40px; border-radius: 20px; margin: 0 0 0 10px; background-color: rgb(244, 132, 88); }
        a:hover.cart_function { background-color: rgba(244, 132, 88, 0.5); }
        .cart_function i { color: white; }
        #product_page_copy_container { display: flex; }
        #product_page_copy { flex-basis: 60%; }

        /* Product  */
        #product_wrap { border: 1px solid grey; padding: 25px; display: flex; }
        #product_image { flex: 1; padding-right: 25px; }
        #product_details { flex: 1; padding-left: 25px; }
        #product_details h1 { font-size: 30px; }
        #product_wrap p.product_size.h1, #product_wrap div.product_price.h1 { margin: auto 0; font-size: 30px; }

        #product_wrap p.product_size.h1 { font-size: 20px; margin-bottom: 30px; }
        #product_wrap div.product_price.h1 { margin-right: 15px; color: inherit; }
        div.product_price.h1 span { font-size: 18px; vertical-align: baseline; }
        p.related_products { margin: 50px 0; text-align: center; font-family: 'Avenir Heavy'; color: rgb(244, 132, 88); font-size: 36px !important; }

        #cart_price { flex: 1; }
        #contact { padding: 30px 0; }
        .form-group { margin: 0 !important; text-align: right; }
        .img-responsive { width: 100%; }


    /* *************************************************************** */
    /* NEWS  */
    /* *************************************************************** */

        .section_heading.news_heading { display: flex; justify-content: space-between; }
        .news_category_container { padding-top: 20px; }
        .news_category_container h5 { text-transform: uppercase; font-size: 18px; font-family: 'Avenir Heavy'; color: rgb(244, 132, 88);  }
        #news_category_links {  margin: 40px 0; text-align: right; }
        #news_category_links a { color: rgb(244, 132, 88); text-transform: uppercase; margin-left: 20px; display: inline-block; font-size: 18px; font-family: 'Avenir Heavy'; transition: all .35s ease-in-out; }
        #news_category_links a:hover { color: rgb(252,216,196); }
        .news_articles { margin: 0; padding: 0; position: relative; margin-bottom: 75px;  }
        .news_article_wrap { background-color: rgb(252,216,196); padding: 25px; cursor: pointer; transition: all .35s ease-in-out; margin: 0; float: left; margin-right: 30px; width: calc((100% - 60px) / 3); margin-bottom: 30px; position: relative; }
        .news_article_wrap:hover { background-color: rgba(252,216,196,0.5); }
        .news_article_wrap:nth-child(3n+0) { margin-right: 0px; }

        .news_article_wrap h1 { text-transform: uppercase; letter-spacing: 0.1em; font-family: 'Avenir Heavy'; height: 91px; font-size: 18px; line-height: 1.2em; padding: 25px 0 22px; margin-bottom: 25px; color: #5c5c5c; text-align: center; border-bottom: 2px solid white; }

        #canvas{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 101; display: none; background: rgba(0,0,0,0.75); }
        #news_article_pop { position: fixed; width: 60vw; height: 60vh; top:20vh; left: 20vw; padding: 10px; display: none; z-index: 500; border-radius: 5px; border: 1px solid grey; background: white; box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.28);  }
        #full_news_article { display: flex; padding: 30px; justify-content: space-between; overflow: hidden; height: 100%; }
        #news_hero_image { flex-basis: 48%; }
        #news_hero_copy { flex-basis: 48%; overflow: scroll; padding-bottom: 10px; border-bottom: 10px solid white; }
        #news_hero_copy h1 { font-family: 'Avenir Heavy'; font-size: 26px; }
        #news_date { color: rgb(109,102,165); font-family: 'Avenir Heavy'; margin: 1em 0;  }
        #return_to_news { position: absolute; bottom:0; right: 30px; color: rgb(244, 132, 88); padding-top: 10px; cursor: pointer; font-family: 'Avenir Heavy'; font-size: 18px; }
        #return_to_news:hover { color: rgba(244, 132, 88, 0.5); }

        #our-story { padding-bottom: 100px; }
        #our-story h1 { font-size: 60px; color: rgb(109,102,165); }
        #our-story h2, .register_content p.h2, .checkout_sidebar p.h3 { font-size: 25px; font-family: 'Avenir'; color: rgb(244, 132, 88); margin-top: 50px; letter-spacing: 0; }
        #our_story_heading { margin-top: 300px; }
        .img-caption { font-size: 12px; margin-top: -10px; font-style: italic; color: grey; }




        #payment_table {}
        #payment_table td { padding: 5px; }
        #payment_table td:first-child { font-weight: bold; width: 300px;  }




    /* *************************************************************** */
    /* MY ACCOUNT  */
    /* *************************************************************** */

        #reset { margin-top: 100px; padding: 200px 0; }

        /* 	Header */
        #user_container {  padding:3px 8px 0 8px; width:150px; height:25px; }
        .user_actions { text-transform: capitalize; cursor: pointer; text-align: center; color: white; }
        .user_actions a { color: white; }
        .user_actions a:hover { opacity: 0.5; }

        .my_account_trigger { position: relative; display: inline-block; text-transform: uppercase; margin: 0; color: #414141; font-size: 13px; }
        .my_account_trigger:hover { background-color: rgba(255, 255, 255, 0.42); }
        .my_account_trigger a { text-decoration: none; }
        .my_account_trigger a:hover { text-decoration: none; background-color: rgba(0,0,0,0) !important; }

        #account_section { transition: all 0.5s ease-in-out; position: absolute; width: 200px; left:0; top: 37px; list-style: none;  margin: 0; display: none; }
        .my_account_trigger:hover #account_section { display: block; }
        #account_section li { text-align: left; background: rgba(0, 0, 0, 0.20); }
        #account_section li a { padding: 5px 20px; width: 100%; letter-spacing: 0.15em; }
        #account_section li a:hover { background-color: rgba(255,255,255,0.25) !important; }
        #account_section li:last-child { border-radius: 0px 0px 5px 5px;  }


        #my_order, #my_payment { display: none; }
        #my_account_tabs { list-style: none; margin-bottom: 3px; padding-left: 0; }
        #my_account_tabs li.white_button { float: none; display: inline; }
        #my_account_tabs li.white_button+li.white_button { border-left: 0px; }


        /* LOGIN MODAL */

        .login_label { text-align: right; padding: 8px; font-size: 16px; }
        a.modal_link { display: block; margin-bottom: 10px; }



@charset "UTF-8";


/* *************************************************************** */
/* Dropdown cart AND LOGIN MODAL  */
/* *************************************************************** */



    [v-cloak] { display: none; }
    #cart { width: 65px; z-index: 101; position: fixed; right: 0px }
    #cart_summary { padding-left: 40px; padding-right: 8px;  line-height: 30px; letter-spacing: 2px; background: #ccc url('../images/basket.png') no-repeat 8px center; background-size: 25px auto; -webkit-background-size: 25px auto; -moz-background-size: 25px auto; -o-background-size: 25px auto;  cursor: pointer; }
    #cart_summary:hover {  }
    #cart_summary #cart_widget_tab { font-size: 11px; text-align: right; }
    a.white_button { display: inline-block; padding: 10px 13px; letter-spacing: 2px; background-color: rgba(255,255,255,0.25); color: white; border: 1px #d2b580 solid; cursor: pointer; }
    a:hover.white_button { color: rgb(109,102,165); background-color: rgba(255,255,255,0.75); }

    .cart_label { flex: 1; text-align: left; }
    .cart_debug { flex: 1; text-align: left; font-size: 9px; }
    .cart_value { text-align: right; }

    #cart_info { background: #ffffff; border: 1px solid rgba(145, 148, 60, 0.85); width: 350px; font-size: 12px; line-height: 1.2em; position: absolute; top: 38px; right: 0; display: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
    .cart_header { display: flex; align-items: center; }
    .cart_header p { text-align: left; flex: 1; margin-bottom: 0; margin: auto 0; }
    .cart_header, .cart_footer { padding: 20px; background: rgb(109,102,165); color: white; font-size: 15px; }
    .cart_header h3 { margin: 12px 0 9px 0; }
    .cart_header a.checkout_button { padding: 10px 13px 7px 13px; background: #FFF; color: #58585a !important; font-size: 11px; letter-spacing: 2px; border: 1px #d2b580 solid;}
    .cart_body { padding: 20px; }

    #cart_products_wrap { font-size: 13px; }
    #cart_products_wrap table { width: 100%; }
    #cart_products_wrap table tr { height: 35px; }
    #cart_products_wrap .cart_item_remove { margin-left: 5px; color: #c5a25d; text-align: center; font-size: 12px; font-weight: 700; line-height: 10px; }
    #cart_products_wrap .cart_item_remove:hover { color: #6a1b34; }

    .cart_row { display: flex; padding: 10px; align-content: center; margin: 0 -10px; }
    .cart_price { text-align: right; margin: auto 0; }
    .cart_title { flex: 1; margin: auto; }
    input.item_quantity, input.item_price  { width: 32px; text-align: right; margin: 0; }
    .qty_buttons { width: 20px; margin: auto 5px; }
    .add_quantity, .subtract_quantity { width: 20px; height: 10px;  }
    .add_quantity { background: url('../images/caret-up.svg') no-repeat; margin-bottom: 4px; }
    .add_quantity:hover { cursor: pointer; background: url('../images/caret-up.svg') no-repeat; }
    .subtract_quantity:hover { cursor: pointer; background: url('../images/caret-down.svg') no-repeat; }
    .subtract_quantity { background: url('../images/caret-down.svg') no-repeat; }
    .item_quantity{  }

    .tint { background-color: #f5f5f5; }


/* *************************************************************** */
/* CHECKOUT  */
/* *************************************************************** */

    .customer_name { font-weight: bold; font-size: 17px; }
    #order_table { width:100%; margin-top: 30px; font-size: 14px; vertical-align: middle; margin-bottom: 40px; }
    #order_table img { margin-top:-14px; position:absolute; }
    #order_table th { padding: 0 10px; border:1px rgba(145, 148, 60, 0.5) solid; height:35px; vertical-align:middle; font-weight: 100; color: #75203b; text-align: center; }
    #order_table tbody tr { border-left: 1px rgba(145, 148, 60, 0.5) solid;  }
    #order_table tbody tr td { padding: 0 10px; border-right: 1px rgba(145, 148, 60, 0.5) solid; height: 50px; vertical-align: middle; }
    #order_table tfoot { border-top: 1px rgba(145, 148, 60, 0.5) solid; border-bottom: 1px rgba(145, 148, 60, 0.5) solid; }
    tr#orderTotal { border-top: 1px rgba(145, 148, 60, 0.5) solid; }
    #order_table tfoot tr td { padding: 0 10px; height: 35px; vertical-align: middle; }
    td.order_total { font-size: 1.2em; }
    .money { text-align: right; padding-right: 10px; }
    .small_col { width: 50px; }
    .medium_col { width: 90px; }
    .center { text-align: center; }
    input.quantity{ padding: 5px ; margin-top: 10px; }
    .checkout_sidebar { padding: 0 30px; }
    .checkout_sidebar .h3 { margin: 0 0 10px 0; }
    .checkout_sidebar ul { margin: 0 0 20px; padding: 0; }
    .checkout_sidebar ul li { list-style: none; margin: 0 0 10px; padding: 0; }

    #order_table tbody tr td.checkout_qty { display: flex; align-content: center; padding: 8px; }

    #order_table tbody tr .item_name { text-align: left; }
    .checkout_label { padding: 14px 0; text-align: right; }
    .checkout_container h1{ margin-bottom: 30px; }
    .update_address { font-size: 12px; line-height: 1.2em; }

/* 	Address modal */
    #address_form_content { display: flex; padding: 0px; flex-wrap: wrap; justify-content: space-between; }
    #address_form_content input, #address_form_content select { width: 47% }
    #address_form { text-align: right; }


    .datepicker-days { padding: 0px 10px; }
    td.day { cursor: pointer; text-align: right; }
    td.day:hover { background: #f0f0f0; }
    td.disabled { opacity:0.3; cursor: default; }











    /* *************************************************************** */
    /* RESPONSIVE MEDIA QUERIES
    /* *************************************************************** */


        @media only screen and (min-width: 1650px) {
            body { line-height:1.5em; }
            .container { width: 1370px; }
            #hero_title p.h1, #hero_title h1 { font-size: 5vw; }
        }

        @media only screen and (max-width: 1600px) {
            #hero_title p.h1, #hero_title h1 { font-size: 6vw; }
        }

        @media only screen and (max-width: 1200px) {
            #pre_footer h2 { font-size: 7vw; }
            #menu_container .menu_items a { padding: 10px 8px 0;}
            #logo_spacer { width: 200px; }
            #logo_container { width: 200px; left: calc(50% - 100px); height: 170px; }
            #our_story_copy { width: 50%; padding: 60px 80px;  }
            .section_heading h1 { font-size: 45px; }
            .section_heading h2 { font-size: 18px; }
        }

        @media only screen and (max-width: 992px) {
            #menu_container .menu_items a { letter-spacing: 0; padding: 10px 5px 0;  }
            .modal-dialog { width: 90vw; }
            #our_story { background-size: 45%; min-height: 100px; }
            #our_story_copy { width: 60%; padding: 30px 30px;  }
            .news_item { margin-right: 15px; width: calc((100% - 15px) / 2); margin-bottom: 15px; }
            .news_container .news_item:nth-child(3n+0) { margin-right: 15px; }
            .news_container .news_item:nth-child(even) { margin-right: 0px; }
            #contact_form { flex-basis: 100%; }
            #cart { top: 0; }
            #page_gallery { margin-left: -15px; margin-right: -15px; }
            .navbar { margin-left: -15px; margin-right: -15px; }
            #hero_title p.h1, #hero_title h1 { font-size: 11vw; }
            .navbar-nav { margin: 2px; }
            .menu_items { flex: none; width: calc( (100% - 200px) / 2 ); }
            .menu_items a { line-height: 1.2em; }
            #menu_container { padding-bottom: 10px; }
            #news_article_pop { width: 95vw; height: 90vh; top: 5vh; left: auto; }
            #full_news_article { display: block; border: 30px solid white; padding: 0; }
            #return_to_news { bottom: -10px; }
        }

        @media only screen and (max-width: 767px) {
            #menu_container .menu_items a { padding: 8px 3px 0; }
            #our_story { background-image: none; }
            #our_story_copy { width: 100%; padding: 30px 30px;  }
            .news_item { float: none; margin-right: 0; width: 100%; margin-bottom: 15px; }
            .overlay_caption h4 { font-size: 24px; padding: 0 10px; }
            .signup_inputs input, .signup_inputs select { width: 100%; }
            .news_article_wrap { float: none; width: 100%; }

        }

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

        }

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

        }

        body.mobile .news_item .overlay_caption { opacity: 1; position: relative; background-color: rgba(109, 102, 165, 0.8); padding: 10px 0; }
        body.mobile .grow:hover img { transform: scale(1); }