@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P|Special+Elite');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
/*
 Theme Name:   Little A'Le'Inn Special
 Theme URI:    https://wordpress.org/themes/twentyseventeen/
 Description:  Super Hyper-Responsive Theme. Built for sepcial project implementation by Websight Dot Website.
 Author:       Shea Barbacci
 Author URI:   http://websight.website
 Template:     twentyseventeen
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  twenty-seventeen-child
 // don't forget change in wp-includes theme.php to function the_custom_header_markup() to remove https request should be made pluggable
*/


html{
        background-color: rgb(221,221,221) !important;
        margin-top: 0 !important;
}
body{
        max-width: 100vw;
}
#wpadminbar{
        position: fixed;
}
/* home-page stuff */
body.home {
        color: rgb(235,235,235);
        background-color:rgb(20,20,20);
        margin-top:0px;
        margin-left: -0px;
        overflow-x: hidden;
}
body.home .preventscroll{
    position: fixed;
        overflow-x: hidden;
    overflow-y: hidden;
        width: 100vw;
        cursor: wait;
}
body.home .site-content-contain {
/*    background-color: rgb(33, 32, 58) !important; */
        background-color: rgb(72, 70, 113) !important;
        text-align: justify;
        text-align-last: center;
}
body.home a.custom-logo-link img.custom-logo{
        transform: scale(1) !important;
}
#post-9 .wrap div{
        position: relative;
        z-index: 2;
}
.wp-image-1250{
        position: relative;
        z-index: 2;
}
body.home img.wp-image-40{
        position: relative;
        margin-top: -89px;
        z-index: 1;
}
body.home p{
        color: rgb(51,51,51);
}
body.home h1{
        color: rgb(51,51,51);
}
        /* homepage news */
body.home .is-layout-flex.wp-container-3.wp-block-columns{
        position: relative;
}
body.home ul.wp-block-latest-posts li:first-of-type{
        position: relative;
        padding: 1.5em;
        padding-bottom: 20px;
        background-color: rgba(211,211,211,.75);
        border: 2px solid rgba(0,0,0,.05);
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
    border-radius: 40px / 20px;
        color: black;
}
body.home ul.wp-block-latest-posts li:not(body.home ul.wp-block-latest-posts li:first-of-type){
        display: none;
}
body.home ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title{
        font-size: 1.875rem;
        padding-top: 1em !important;
        font-family: 'Press Start 2P';
        text-align: center;
        text-shadow: -1px -1px 5px rgba(251,251,251,.8), 1px -1px 5px rgba(251,251,251,.8), -1px 1px 2px rgba(251,251,251,.8), 1px 1px 2px rgba(251,251,251,.8) !important;
}
                /* homepage news buttons */
body.home ul.wp-block-latest-posts li p.link-more{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: calc(1em);
        margin-bottom: -1em;
}
body.home ul.wp-block-latest-posts li p a.more-link{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: calc(1em + 20px);
        font-family: 'Special Elite', cursive;
        font-size: .7em !important;
        color: rgb(231,231,231);
        white-space: nowrap;
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
        box-shadow: none !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
body.home ul.wp-block-latest-posts li p a.more-link:hover{
        font-size: .8em !important;
        background: linear-gradient(180deg, rgb(31,31,31) 0%, rgb(101,101,101) 15%, rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(51,51,51) !important;
        transform: scale(.87);
}
        /* fin */
body.home h1:not(.homepage-hours-heading){
        font-size: 1.5em;
}
h2.home_special_book{
        margin-top: -1.25em;
        margin-bottom: .5em;
}
ul.home_book_notes{
    list-style-image: url('/wp-content/themes/twentyseventeen-child/assets/bullet-points/UFO-bullet-2.png');
    padding-left: 50px;
}
ul.home_book_notes li{
        text-align: justify;
}
#scroll_to_content a{
        cursor: pointer;
        display: none;
}
.panel-content .wrap{
        padding-bottom: 0px;
        margin-bottom: -20px;
}
        /*hours wrapper*/
body.home .homepage-hours-wrapper{
        position: relative;
        padding-bottom: 20px;
        background-color: rgba(255, 255, 255, 0.6);
        border: 2px solid rgba(0,0,0,.05);
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
        border-radius: 40px / 20px;
}
body.home h1, body.home .homepage-hours-heading{
        padding-top: 1em !important;
        font-family: 'Press Start 2P';
        text-align: center;
        text-shadow:
                -1px -1px 5px rgba(251,251,251,.8),
                1px -1px 5px rgba(251,251,251,.8),
                -1px 1px 2px rgba(251,251,251,.8),
                1px 1px 2px rgba(251,251,251,.8) !important;
}
body.home h2.homepage-hours-days, p.homepage-hours{
        position: relative;
    display: block;
    text-align: center;
}
body.home h2.homepage-hours-days{
        margin-top: -.75em;
}
        /* transit tips */
body.home div.transit-tips-wrapper, body.home div.copy_t, body.home div.self_parking, body.home div.lodging_deets{
        position: relative;
        background-color: rgba(191,191,191,.75);
        margin-top: 1em;
        padding: 1.5em;
        border: 2px solid rgba(0,0,0,.05);
        border-radius: 40px / 20px;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), 0 0 6px 5px rgba(10, 147, 102, 0.55),0 0 3.2em -1em rgb(251, 251, 251) !important;
        backdrop-filter: blur(2px); /* Adjust blur intensity as needed */
}
body.home div.transit-tips-wrapper body.home h2, div.copy_t h2, body.home div.self_parking h2, body.home h2.homepage-hours-days, body.home div.lodging_deets h2{
        font-family: 'Special Elite', cursive;
        font-weight: 1000;
        color: rgb(235, 235, 235);
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        color: rgb(235, 235, 235);
}
body.home .transit-tips-wrapper .safety{
        margin-top: -1em;
        text-align: center;
}
        /* other home sections */
body.home .copy_t h1, body.home .self_parking h1{
        margin-bottom: 1em;
}
body.home h2.location_heading{
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(131,131,131) calc(100% - 15px), rgb(131,131,131) 100%);
        margin-top: -30px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        padding-top: .5em;
        font-size: 1.5em;
        border-top: 1px solid rgba(13, 3, 132,.5);
        position: relative;
        top: -1px;
}
body.home .address_container{
    display: flex;
    flex-direction: row;
    justify-content: center;
        text-align: center;
        margin-bottom: 2em;
}
body.home div.lodging_deets{
        margin-bottom: 4em;
}
        /* parallax panel before search */
body.home article.post-851{
        box-shadow: inset 13px 13px 15px 16px rgb(215,215,215);
        -moz-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215);
        -webkit-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215);
        background-color: rgba(215,215,215,1);
        margin-bottom: 20px;
}
body.home article.post-851 section.parallax{
        margin-top: -90px;
}
body.home article.post-851 section.parallax #gimme_a_break{
        box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset 13px 13px 15px 16px rgb(215,215,215), inset 13px -13px 15px 16px rgb(215,215,215);
        -moz-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset 13px 13px 15px 16px rgb(215,215,215), inset 13px -13px 15px 16px rgb(215,215,215);
        -webkit-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset 13px 13px 15px 16px rgb(215,215,215), inset 13px -13px 15px 16px rgb(215,215,215);
}
body.home .homepage_section_divider{
        border: 2px solid black;
        height: 180px;
}
body.home #gimme_a_break_homepage {
        width: 100%;
        box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset 13px 13px 15px 16px rgb(215,215,215), inset 13px -13px 15px 16px rgb(215,215,215);
        -moz-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset 13px 13px 15px 16px rgb(215,215,215), inset 13px -13px 15px 16px rgb(215,215,215);
        -webkit-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset 13px 13px 15px 16px rgb(215,215,215), inset 13px -13px 15px 16px rgb(215,215,215);
        height: 170px;
}
body.home .alienheads_left{
        position: relative;
        float: left;
        width: 50%;
        height: 180px;
        background-position: center;
        background-attachment: fixed;
        background-size: 150px 150px !important;
        background-image: url(/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
        background-repeat: repeat-x;
        border: 2px solid blue;
}
body.home .alienheads_right{
        position: relative;
        float: right;
        width: 50%;
        height: 180px;
        background-position: center;
        background-attachment: fixed;
        background-size: 150px 150px !important;
        background-image: url(/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
        background-repeat: repeat-x;
        border: 2px solid red;
}
body.home article.post-851 .mphb_sc_search-wrapper {
        position: relative;
        margin-bottom: 20px;
        bg-color: rgb(215,215,215);
}
body.home article.post-851 div.panel-image{
        background-size: 200px;
        background-repeat: repeat-x;
        box-shadow: inset 13px 13px 15px 16px rgb(215,215,215);
        -moz-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215);
        -webkit-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215);
}
body.home article.post-851 div.panel-image-prop::before, body.home article.post-851 div.panel-image-prop::after{
         background-size: 200px;
         background-repeat: repeat-x;
}
body.home .accom_link{
        text-decoration: underline;
        font-weight: bold;
}
body.home .accom_link:hover{
        font-weight: normal;
        color: blue;
}
body.home .address_container p{
        font-weight: 500;
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
body.home .address_container p:hover{
        transform: scale(1.1);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
body.home .main_address_container{
        border: 2px solid rgb(51,51,51);
        background-color: rgba(231,231,231, .75);
        box-shadow: -2px -2px 1em rgb(51,51,51);
        border: 2px solid rgb(51,51,51);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        background-color: rgb(231,231,231);
        box-shadow: -2px 2px 1em rgb(151,51,151), 5px 2px 1em rgb(51,151,51);
        width: 20em;
        height: 12.5em;
        padding-bottom: 3em;
        padding-top: calc(1.5em + 3px);
        font-family: 'Special Elite', cursive;
        cursor: pointer;
        transform: scale(1.1);
}
body.home .main_address_container a.coolguy{
        position: relative;
        bottom: .5em;
}
#aleinn_address_pt4{
        position: relative;
        top: -1em;
}
body.home .main_address_container:hover{
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
body.home .main_address_container:hover::after{
        transform: scale(1.1);
        font-weight: 600;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
body.home #home_logo{
        position: relative;
        width: 55%;
        height: auto;
        left: 18px;
}
        /* homepage conditionals (queries) */
@media only screen and (min-width: 768px) {
        body.home{
                overflow:hidden;
        }
        body.home header#masthead.site-header{
                height: 388px;
                -webkit-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        body.home .site-content-contain{
                top:123px
        }
        body.home .custom-header-media{
                height: 32em !important;
        }
        body.home img#custom-header-foreground{
                height: 100%;
                top: -1.75em;
        }
        body.home .site-branding{
                margin-bottom: 0;
                transform: scale(1.5);
                left: 10em !important;
        }
}
.copy_t.welcome{
        margin-bottom: 3em;
}
.copy_t.welcome .welcome_cool{
        font-size: 2em;
        margin-top: -1em;
        margin-bottom: 0;
}
.copy_t.welcome p{
        margin-bottom: 0;
}
.latest-scoop{
        background: rgba(223, 222, 222, 0.75);
        min-width: 500px;
        width: calc(100% - 4em);
        margin-left: 2em;
        border: 1px solid rgba(51,51,51,.51);
        box-shadow: 0 0 6px -2px rgba(255,255,255,.75), inset 0 0 6px -2px  rgba(255,255,255,.75);
        border-bottom: none;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: center;
        color: black;
        padding-top: 8px !important;
        font-family: 'Special Elite', cursive;
        z-index: 3;
        text-shadow: 1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white;
}
.scoop-text{
        background: white;
        box-shadow: 0 0 4px 4px white;
}

@media only screen and (max-width: 767px) {
        body.home img#custom-header-foreground{
                height: 100%;
                top: 41px;
        }
        body.home main#main.site-main{
                margin-top: -2.2em;
        }
        body.home video#header-media-sky{
        position: fixed;
        top: 46px;
        bottom: 0;
        max-width: 100vw;
        height: 100vh;
        object-fit: cover;
        overflow: hidden;
        }
        body.home #page{
                margin-top: calc( 100vh * -.19 );
        }
        body.home article.post-851 section.parallax{
                margin-top: 30px;
        }
        body.home .bg__alienheads_center{
                margin-top: -40px;
                background-size: 75px 75px;
        }
        body.home img.wp-image-40{
                margin-top: 0;
        }
}
                /*-- homepage room search adjustment --*/
@media only screen and (min-width: 667px) {

        .mphb_sc_search-reservation-types select{
                left: -91px;
        }

        p.mphb_sc_search-adults select{
                left: -135px;
        }
}
                /*-- end homepage room-search --*/
/* end homepage specific*/
/* pages background */
#page{
        background-color: rgba(215,215,215) !important;
}
.site-content-contain{
        padding-top: 40px;
        z-index: 4;
}
body.home .site-content-contain{
        background-color: rgb(72, 70, 113) !important;

}
.site-content-contain:not(body.home .site-content-contain){
        background-color: rgba(215,215,215,1) !important;
}
/*all calendars*/
.datepick a:active{
        color: white;
}
/* master calendar page */
.master_avail_heading{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 2px solid rgb(51,51,51);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        background-color: #eee;
        margin-bottom: 2em;
        padding: 40px;
}
.master_avail_heading h1:not(.map_key h1){
        position: relative;
        display: block;
        width: calc(100% + 80px);
        margin-top: -40px;
        padding-top: 14px !important;
        padding-bottom: 4px !important;
        padding-left: 20px !important;
        background: rgb(191,191,191);
        text-shadow: 0px 0px 10px black;
        color: rgb(251,251,251) !important;
        font-size: 1.5em !important;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(101,101,101) 100%) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        font-family: 'Special Elite', cursive;
        text-align: center;
}
.master_avail_heading p.intro{
        text-align: center;
}
.master_avail_heading p.info{
        text-align: justify;
}
.master_avail_heading .map_key{
        position: relative;
        display: block;
        width: 200px;
        border: 2px solid rgb(51,51,51);
        padding-left: 1em;
        padding-bottom: .5em;
        box-shadow: -2px 2px 1em rgb(151,51,151), 5px 2px 1em rgb(51,151,51);
}
.master_avail_heading .map_key h1{
        position: relative;
        text-align: center;
        font-size: 1em;
        background-color: rgb(51,51,51);
        color: white;
        width: calc(100% + 1em);
        left: -1em;
}
.master_avail_heading .map_key .avail_demo, .master_avail_heading .map_key .unavail_demo{
        position: relative;
        height: 1em;
        width: 1em;
        top: 2px;
        background-color: #cef093;
        display: inline-block;
        border: 1px solid rgb(51,51,51);
}
.master_avail_heading .map_key .unavail_demo{
        background-color: rgb(221, 221, 221);
}
.master_avail_heading .map_key a{
        margin-left: .5em;
}
.unit_wrapper{
        position: relative;
        border: 2px solid rgb(51,51,51);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        background-color: #eee;
        margin-bottom: 2em;
        padding: 40px;
}
.unit_wrapper:last-of-type{
        margin-bottom: -3em;
}
.unit_wrapper p{
        text-align: center;
}
.unit_wrapper h2{
        position: relative;
        display: block;
        width: calc(100% + 80px);
        margin-left: -40px;
        margin-top: -40px;
        padding-top: 14px !important;
        padding-bottom:4px !important;
        padding-left: 20px !important;
        background: rgb(191,191,191);
        text-shadow: 0px 0px 10px black;
        color: rgb(251,251,251) !important;
        font-size: 1.5em !important;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        font-family: 'Special Elite', cursive;
        text-align: center;
}
.unit_wrapper .room_cal_wrapper{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
}
.unit_wrapper .room_cal_wrapper h3{
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background-color: rgb(51,51,51);
        font-family: 'Press Start 2P';
        text-align: center;
        max-width: 435px;
        width: 100%;
        margin-bottom: 0;
        margin-top: 1em;
        padding-top: .25em;
}
.unit_wrapper .room_cal_wrapper h3 a{
        color: white;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.unit_wrapper .room_cal_wrapper h3 a:hover{
        color: rgb(151,51,151);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.unit_wrapper .room_cal_wrapper h3 a span.beds{
        position: relative;
        font-size: 1em;
        font-family: 'Special Elite', cursive;
        bottom: .25em;
        margin-left: -.5em;
}
.unit_wrapper .room_cal_wrapper .datepick{
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        max-width: 436px !important;
}

@media only screen and (max-width: 767px){
        .unit_wrapper .room_cal_wrapper h3{
                max-width: 489px;
        }
        .unit_wrapper .room_cal_wrapper .datepick{

        }
}
@media only screen and (max-width: 609px){
        .unit_wrapper .room_cal_wrapper h3{
                max-width: 339px;
        }
}
@media only screen and (max-width: 609px){
        .unit_wrapper .room_cal_wrapper h3{
                max-width: 289px;
        }
}
.unit_wrapper .room_cal_wrapper .datepick-month.first{
        border-bottom-left-radius: 40px 20px;
}
.unit_wrapper .room_cal_wrapper .datepick-month.last{
        border-bottom-right-radius: 40px 20px;
}
/*end mast. cal. */
figure.wp-block-image{
        position: relative;
}
@media only screen and (min-width: 768px){
        .site-content-contain{
                top: calc(2em + 150px);
                padding-top: 0px;
        }
        body.blog .site-content-contain{
                top: 127px;
        }
        .site-footer{
                margin-bottom: 124px;
        }
}
.site-footer{
        margin-top: -4em;
}
li#menu-item-667 a{

}
li#menu-item-6264{
        font-family: 'Press Start 2P';
}
li#menu-item-6264 a{
        position: relative;
        top: -2px;
}
#post-36.entry-content{
        display:none;
}
.backToTop{
        position: relative;
        display: inline;
        margin-left: .75em;
        top: 40px;
        left: 20px;
        cursor: pointer;
        font-weight: 700;
        font-size: 1.2em;
        width: auto;
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
        box-shadow: none !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
} 
.page-id-278 .backToTop{
        width: calc(100% + 4px);
        left: -16px;
        text-align: center;
}

.page-id-278 .backToTop:hover{
        transform: scale(.9);
                background: linear-gradient(180deg, rgb(41,41,41) 0%, rgb(101,101,101) 15%, rgb(41,41,41) 100%) !important;
}
img.menu_icon{
        height: 2.7em !important;
        margin-top: -40px;
        position: relative;
        top: 12.5px;
}
/* remove featured media, headers, footers from posts & pages */
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child){
        border-top: none !important;
}
.entry-footer {
        display: none !important;
}
.page #content {
        padding-top: 0px !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.single-featured-image-header{
        display: none;
}
.entry-header:not(body.blog .entry-header) {
        display: none;
}
.woocommerce-breadcrumb{
        display: none !important;
}
.woocommerce-products-header{
        position: relative;
	display: block !important;
  margin-bottom: 2em;
  padding: 16px;
    padding-bottom: 16px;
  padding-bottom: 8px;
  background-color: rgba(223, 238, 255, 0.75);
  border: 2px solid rgba(0,0,0,.05);
  box-shadow: inset 0 0 5px rgb(51,51,51,.25), inset 0 0 5px rgb(51,51,51,.25), inset 0 0 5px rgb(51,51,51,.25), inset 0 0 5px rgb(51,51,51,.25) !important;
  border-radius: 40px / 20px;
        padding-top: 2.25em;
}
.woocommerce-products-header h1{
        display: none !important;
}
.footer_power{
        font-size: smaller;
}
/* change header height */
.custom-header{
        background-color: rgb(37, 35, 92);
        background-size: 100% 100vh;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.custom-header:not(body.home .custom-header){
        background-image: url('/wp-content/themes/twentyseventeen-child/assets/images/skylapse_new_first_frame.webp');
}
img#custom-header-foreground{
        height: 170%;
        top: -20px;
}
@media only screen and (min-width:768px){
        .site-header{
                height: 12em;
        }
        .custom-header{
                height: 20em;
        }
        .navigation-top{
                margin-bottom: -127px;
            -webkit-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }
        .site-branding a{
                margin-top: 87px;
        }
}
.custom-header-media{
        z-index: 3;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.site-branding{
        position: relative;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.site-branding a{
        position: relative;
        z-index:5;
}
/* set the square logo wrapper width*/
.square-logo-wrapper{
        width: 100% !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
#square-logo{
        display: none;
}

@media only screen and (min-width:768px){
        #square-logo{
                display: none;
        }
        .site-branding .wrap{
                width: 100%;
        }

}
@media only screen and (max-width:767px){
        #square-logo{
                position: relative; 
        z-index: 3;
/*      display: inline-block; */
        max-height: 500px;
        }
}

/* gimme a pointer */
.click_me{
        cursor: pointer;
}
/*no side scroll*/
html {
        overflow-x: hidden;
}
/*--------------inject dymanic header media-----------------*/
.dynamic_header_media_container{
        position: fixed;
        display: block;
        width: 100%;
        overflow: visible;
        left: 0px;
}
/*------------------------------------------ general theme buttons and things -----------------------------*/
.browser.button.button-hero{
  color: rgb(231,231,231);
}
/* -------------------comment box--------------------- */
.comment-respond h3 {
  position: relative;
  display: block;
  padding-top: 14px !important;
  padding-bottom:4px !important;
  padding-left: 20px !important;
  background: rgb(191,191,191);
  text-shadow: 0px 0px 10px black;
  color: rgb(251,251,251) !important;
  font-size: 1.8em !important;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        font-family: 'Special Elite', cursive;
}
.comment-respond{
}
#commentform.comment-form{
        padding: 15px;
}
/* ----------------------------------------- media upload screen ---------------------------------------- */
button.button.media-button.button-primary.button-large.media-button-select{
        color: rgb(231,231,231) !important;
        border-radius: 5px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        transform: scale(1) !important;
        margin-bottom: 15px;
}
button.button.media-button.button-primary.button-large.media-button-select:hover{
        transform: scale(.97) !important;
        background: linear-gradient(180deg,  
                                rgb(91,91,91) 0%,
                                rgb(101,101,101) 15%,
                                rgb(91,91,91) 100%) !important;
        color: rgb(201,201,201) !important;
}
/* ----------------------make container and declare parameters for new page subheader -----------*/
        .subheader_container {
                position: relative;
                width: 99.9vw;
                left: calc(-50vw + 50%);
                height: auto   !important;
                top: 23px;
        }
        #store_header-container{
                margin-left: 7.5%;
                margin-top: 20px;
        }
#alert1 {
    position: relative;
    text-align: justify;
        text-align-last: center;
    padding-top: 2.5em;
    width: 50%;
    left: 25%;
    padding-bottom: 1em;
    margin-top: 60px;
    box-shadow: inset 0px 0px 20px purple, inset 0px 0px 40px #3c333391, 0px 0px 20px #b70404;
    text-shadow: 2px 2px 5px black;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#alert1:hover {
    background-color: purple;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
        .subheader {
                width: 100%    !important;
                height: auto   !important;
                box-shadow: 0 0 .5em #111;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        #bottom_ream{
                position: relative;
                display: block;
                top: -8px;
                width: 100%;
                z-index: 6;
        }
/*wrappers and containers for importing content into pages */

   #visible_iframe{
       position: relative;
       width: 100%;
       min-height: 1000px;
       height: auto;
       border: 0; 
       border: none;
       overflow: auto;
   }
   #Imported_Content_Container{
       margin: auto;
       width: 100%;
       height: auto !important;
       overflow-y: visible;
   }
   #Imported_Content_Wrapper{
       overflow-y: visible;
       position: relative;
       width: 99vw;
       left: calc(-49vw + 50%);
       height: auto !important;
   }
   #Imported_Article_Stream_Container{
       margin: auto;
       width: 60%;
       height: auto !important;
       overflow-y: visible;
   }
        #page_frame{
                position: relative;
                display: block;
                margin-top: -47px !important;
        }
        #imported_page_wrapper{
                position: relative;
                display: block;
                width: 100vw;
                left: calc(-50vw + 50%);
                max-height: 50000px;
                overflow-y: hidden;
                margin-top: 0px;
        }
        #imported_page_container{
                position: relative;
                display: block;
                margin-top: 0px;
                max-height: 10000px;
                margin: auto;
                width: 100%;
                overflow: hidden;
        }
        #frame1 {
                position: relative;
                display: block;
                height: auto;
                overflow-y: visible;
                transition: .25s ease-in-out;
                top: 0px;
    }
/* change login logo */
   .login h1 a {
       background-image: url( /assets/images/logo_admin.png );
       width: 84px;
       height: 84px;
       background-size: contain;
           border: 2px solid green !important;
   }
/* -------------------------------------------------style for MAIN NAVBAR!! ----------------------------------------------- */
        .navigation-top{
                background-color: rgba( 37, 35, 92, .6);
                border: none;
                box-shadow: 0 0 1em #111;
                z-index: 105;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        .navigation-top{
background: linear-gradient(180deg, rgb(51,51,51) 0%, rgba(68, 116, 192, 0.61) 15%, rgb(51,51,51) 100%);
        }
        .navigation-top.site-navigation-fixed{
                background: linear-gradient(180deg, rgb(22, 98, 62) 0%, rgba(61, 102, 75, 0.81) 15%, rgba(62, 51, 114, 0.86) 100%);
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        .navigation-top .wrap{
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        #site-navigation{
                border: none;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        #top-menu {
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        #top-menu li.menu-item a {
                background-color: rgba(22, 124, 39, 0.4);
                color: rgb(221, 221, 221);
                box-shadow: 0 0 .5em #111;
                transition: .5s ease-in-out;
                text-shadow: 2px 2px 5px black,
                                        -1px -1px 1px rgba(51,51,51,.8),
                                        1px -1px 1px rgba(51,51,51,.8),
                                        -1px 1px 1px rgba(51,51,51,.8),
                                        1px 1px 1px rgba(51,51,51,.8);
                border: 2px solid rgb(8, 101, 23);
                border-radius: 5px;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        #top-menu li.menu-item ul li a{
        background-color: rgba(8, 77, 20, 0.75);
        }
        #menu-item-1603{
                float: right;
        }
        #top-menu li.menu-item a:hover {
                background-color: rgba(41, 45, 31, 0.95);
                color: white;
                box-shadow: inset 0 0 .5em #111;
                transition: .5s ease-in-out;
                text-shadow: 2px 2px 5px rgb(51,51,51), 2px 2px 5px rgb(51,51,51) , 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
                border-radius: 5px;
                transform: scale(.9);
        }
        .site-navigation-fixed #top-menu li.menu-item a {
                background-color: rgba(31, 42, 45, 0.95);
        }
        .site-navigation-fixed #top-menu li.menu-item ul li a {
                background-color: rgba(41, 45, 31, 0.95);
        }
        .site-navigation-fixed #top-menu li.menu-item a:hover{
                background-color: rgba(22, 124, 39);
        }
        #top-menu li.menu-item a:active {
                background-image: radial-gradient(
                                                        rgb(221, 221, 221)1%, 
                                                        rgb(150, 150, 150)34%,  
                                                        rgb(221, 221, 221)100%);
                background-repeat: no-repeat;
                background-position: center;
                box-shadow: inset 2px 2px .5em #111;
                transition: .25s ease-in-out;
                color: rgb(221, 221, 221);
                text-shadow: 2px 2px 5px black,
                                        -1px -1px 1px rgba(51,51,51,.8),
                                        1px -1px 1px rgba(51,51,51,.8),
                                        -1px 1px 1px rgba(51,51,51,.8),
                                        1px 1px 1px rgba(51,51,51,.8);
                transition: 2s ease-in-out;
                -webkit-animation-name: button_cycle;
                                animation-name: button_cycle;
                -webkit-animation-duration: .25s;
                                animation-duration: .25s;
                -webkit-animation-iteration-count: infinite;
                                animation-iteration-count: infinite;
        }
        #top-menu li.menu-item.menu_item_active a:not(.menu_item_active li a):hover{
                text-shadow: -1px -1px 1px rgba(71,71,71,.6),
                                        1px -1px 1px rgba(71,71,71,.6),
                                        -1px 1px 1px rgba(51,51,51,.6),
                                        1px 1px 1px rgba(51,51,51,.6),
                                        0px 0px 5px rgba(151,151,151,.8) !important;
                color: rgb(121,121,121) !important;
        }
        /* "More button" */
        #top-menu .menu-item-954 a:not(#top-menu .sub-menu a):active{
                pointer-events: none;
        }

        @keyframes button_cycle {

                0%{
                        background-size: 100% 100%;
                        background-position: 50% 50%;
                }
                100%{
                        background-size: 300% 300%;
                        background-position: 50% 50%;
                }
        }
        .menu-toggle{
                background-color: rgba(142,208,149,.7);
        }
.menu_item_active{
        transition: .5s ease-in-out !important;
}
        .menu_item_active a:not(.menu_item_active li a){
                box-shadow: inset 0 0 .5em black !important;
                background-color: rgb(51,51,51) !important;
                transform: scale(.9) !important;
                transition: .5s ease-in-out !important;
        }
        .menu_item_active a:hover{
                text-shadow: 0 0 10px rgb(221,221,221);
        }
.submenu_item_active a{
  border: 5px solid transparent;
  border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  border-image-slice: 1;
  border-radius: 15px;
}
@media only screen and (min-width:768px){
/* home button icon set */
        #top-menu li.menu-item-18 a{
                width: 5em;
                height: 3.5em;
                background-position: center;
                background-image: url(http://www.sandbox.littlealeinn.com/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
                background-repeat: no-repeat;
                background-size: 3.4em;
                position: relative;
                top: 1.36em;
        }
}
@media only screen and (max-width:767px){
        .navigation-top:not(body.home .navigation-top, body.page-id-185, .navigation-top){
                margin-top: -54px;
                margin-bottom: -54px;
        }
        #top-menu li.menu-item-18 a{
                height: 3.5em;
                background-position: center;
                background-image: url(http://www.sandbox.littlealeinn.com/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
                background-repeat: no-repeat;
                background-size: 3.4em;
                position: relative;
        }
        img.menu_icon{
                margin-top: -15px;
        }
        .navigation-top ul#top-menu .dropdown-toggle{
                width: 100%;
        }
        .navigation-top ul#top-menu .dropdown-toggle:focus{
                background: transparent;
        }
        .navigation-top ul#top-menu .dropdown-toggle svg.icon{
                float: right;
        }
}
@media only screen and (min-width:480px) and (max-width:767px){
        .navigation-top:not(body.home .navigation-top){
                margin-top: -54px;
        }
}
@media only screen and (max-width:479px){
        .navigation-top:not(body.home .navigation-top){
                margin-top: 0;
        }
}
/* menu toggle adjust*/
.menu-toggle:hover{
        background-color: rgba(142,208,149,.9) !important;
}
:not(.mejs-button) > button:hover, :not(.mejs-button) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background: rgb(150, 158, 170);
}
/*----dropdown toggle action (come back and do stuff later)----*/
.dropdown-toggle{

}
.dropdown-toggle .toggled-on{

}
.toggled-on[aria-expanded="true"]{

}
.toggled-on[aria-expanded="false"]{

}
/*---sub menu container transparency---*/
#top-menu{
        backdrop-filter: blur(1px);
}
#top-menu .sub-menu{
        background-color: rgba(0, 0, 0, 0);
        box-shadow: 0 0 12px 2px rgba(51, 51, 51, .51), inset 0 0 12px 2px rgba(51, 51, 51, .51);
        border: none !important;
        backdrop-filter: blur(2px);
        border-radius: 1em;
}
#top-menu .sub-menu li:hover{
        background-color: rgba(66, 66, 66, 0.24);
}
/* ------------------------------ home login from main-nav -------------------------------------*/
/* function on home.js makes this visible on homepage */
li#menu-item-2428.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2428{
                display: none;
                float: right;
                top: 60px;
                left: 40px;
        }
li#menu-item-2428.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2428 a{
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        background: rgb(221,221,221) !important;
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid rgba(51,51,51,.5);
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
        text-shadow: none;
        color: rgb(51,51,51);
        transform-origin: 50% -5px;
}
/*-------------------------------------------RE-CAPTCHA containers---------------------------------*/
.g-recaptcha{
        position: relative;
        display: block;
        width: 304px;
        margin: auto;
        margin-bottom: 1.5em;
        height: 77px;
        border: 1px solid rgba(51,51,51,.5);
        border-radius: 20px;
        overflow: hidden;
}

@media only screen and (max-width: 362px) {
                #rc-imageselect, .g-recaptcha{
                        transform: scale(.9);
                        transform-origin:0 0;
                        -webkit-transform-origin:0
                }
        }
@media only screen and (max-width: 352px) {
        #rc-imageselect, .g-recaptcha{
                        transform: scale(.85);
                        transform-origin:0 0;
                        -webkit-transform-origin:0
                }
}
@media only screen and (max-width: 308px) {
        #rc-imageselect, .g-recaptcha{
                        transform: scale(.8);
                        transform-origin:0 0;
                        -webkit-transform-origin:0
                }
}
/* ------------------------------------styling for subpage menus----------------------------------------------*/
.wide_menu_background{
                position: relative;
                display: block;
                height: auto;
                width: 100%;
                margin: auto;
                transition: .25s ease-in-out;
                background-color: rgba(101,101,101,.25);
                border-bottom-left-radius:      10% calc(100% - 15px);
                border-bottom-right-radius: 10% calc(100% - 15px);
                top: -15px;
}
.wide_menu_wrapper{
                position: relative;
                display: block;
                max-height: 100%;
                width: 90%;
                height: 100%;
                margin: auto;
                transition: .25s ease-in-out;
                padding-bottom: 15px;
        }
        .wide_menu{
                position: relative;
                display: block;
                background-color: rgba(151,151,151,.25);
                overflow: hidden;
                width: 90%;
                height: 100%;
                margin: auto;
                top: 15px;
                transition: .25s ease-in-out;
        }
                .wide_menu a {
                        position: relative;
                        display: inline-block;
                        margin: auto;
                        float: left;
                        background-color: rgb(177, 177, 177);
                        text-align: center;
                        padding: 5px 5px;
                        margin: 5px;
                        text-decoration: none;
                        font-size: 17px;
                        color: black;
                }
                        .wide_menu a:hover {
                                background-color: rgb(150, 150, 150);
                                color: #f2f2f2;
                                cursor: pointer;
                                text-shadow: 2px 2px 5px black;
                                -webkit-transition: .25s ease-in-out;
                                -o-transition: .25s ease-in-out;
                                transition: .25s ease-in-out;
                        } 
                        .wide_menu a.service_type_active {
                                background-color: rgba(52, 50, 46, .6);
                                color: #f2f2f2;
                                -webkit-transition: .25s ease-in-out;
                                -o-transition: .25s ease-in-out;
                                transition: .25s ease-in-out;
                                cursor: default;
                                text-shadow: 2px 2px 5px black;
                        }
                        .wide_menu a.service_type_active_x {
                                background-color: rgba(52, 50, 46, .6);
                                color: #f2f2f2;
                                -webkit-transition: .25s ease-in-out;
                                -o-transition: .25s ease-in-out;
                                transition: .25s ease-in-out;
                                cursor: default;
                                text-shadow: 2px 2px 5px black;
                        }
        #total_sub_wrapper{
        position: relative;
        display: block;
        margin: 1em;
}
        #initial_description{
                max-height: 1000px;
                display: block;
        }

        .sub_service{
                        position: relative;
                        display: none;
                        width: 100%;
                        margin: auto;
                        overflow: hidden;
                        text-align: justify;
                        text-align-last: center;
        }
        .sub_service_bottom{
                        position: relative;
                        display: block;
                        width: 75%;
                        margin: auto;
                        text-align: center;
                        max-height: 500px;
                        overflow: hidden;
        }

/*-------------------------------------footer styling-------------------------------------------------*/
/*------footer social media menu------*/
footer#colophon{
        border: none;
}
.social-navigation{
        position: relative;
        margin: auto;
        width: 100%;
        padding: 2px;
}
.social-navigation:not(body.home .social-navigation){
        margin-top: 3em;
        margin-bottom: 1em;
}
.social-navigation a:hover{
        transform: scale(1.25);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.menu-social-media-container{
        width: max-content;
        margin: auto;
}
.menu-social-media-container .menu-item-object-custom{
        display: inline-block;
}
/**button color and shape**/
.social-navigation a{
        margin: auto;
}
/**button icon**/
.menu-social-media-container .menu-item-object-custom .icon{
}
ul#menu-social-media.social-links-menu{
        position: relative;
        z-index: 50;
}
/* ------------------------------------admin space styling--------------------------------------------*/

/* get rid of that line */
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: none;
        box-shadow: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* get rid of the box around linked images */
.entry-content a img, .comment-content a img, .widget a img{
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
}
/* ----- mirror on vertical axis ------------- */ 
.mirror_y{
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/* ------------------------------------------------- GLITCH EFFECT ------------------------------------------- */

/* glitch */
#sub_info{
        position: relative;
        display: block;
}
.glitch_container{
        position: relative;
        display: block;
        padding: 10px;
        width: 100%;
        height: 3em;

}
 .glitch_container h2 {
        position: absolute;
        display: block;
        color: #fff;
        font-family: 'Press Start 2P';
        font-weight: 400;
        margin-top: -28px !important;
        line-height: 0px !important;
}
.glitch_container h2:nth-child(2) {
        color: rgb(221,221,221);
        text-shadow: 2px 2px 5px black,
                -1px -1px 1px rgba(51,51,51,.8),
                1px -1px 1px rgba(51,51,51,.8),
                -1px 1px 1px rgba(51,51,51,.8),
                1px 1px 1px rgba(51,51,51,.8);
        -webkit-animation: glitch1 2.5s infinite;
                animation: glitch1 2.5s infinite;
}
.glitch_container h2:nth-child(3) {
        color: rgba(114,114,114,.8);
        -webkit-animation: glitch2 2.5s infinite;
                animation: glitch2 2.5s infinite;
}
.glitch_container h2:nth-child(4) {
        color: rgba(114,114,114,.8);
        -webkit-animation: glitch3 2.5s infinite;
                animation: glitch3 2.5s infinite;
}

/*Keyframes */

@-webkit-keyframes glitch1 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  7% {
    -webkit-transform: skew(-0.5deg, -0.9deg);
            transform: skew(-0.5deg, -0.9deg);
    opacity: 0.75;
  }
  10% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  27% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  30% {
    -webkit-transform: skew(0.8deg, -0.1deg);
            transform: skew(0.8deg, -0.1deg);
    opacity: 0.75;
  }
  35% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  52% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  55% {
    -webkit-transform: skew(-1deg, 0.2deg);
            transform: skew(-1deg, 0.2deg);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  72% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  75% {
    -webkit-transform: skew(0.4deg, 1deg);
            transform: skew(0.4deg, 1deg);
    opacity: 0.75;
  }
  80% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes glitch1 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  7% {
    -webkit-transform: skew(-0.5deg, -0.9deg);
            transform: skew(-0.5deg, -0.9deg);
    opacity: 0.75;
  }
  10% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  27% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  30% {
    -webkit-transform: skew(0.8deg, -0.1deg);
            transform: skew(0.8deg, -0.1deg);
    opacity: 0.75;
  }
  35% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  52% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  55% {
    -webkit-transform: skew(-1deg, 0.2deg);
            transform: skew(-1deg, 0.2deg);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  72% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  75% {
    -webkit-transform: skew(0.4deg, 1deg);
            transform: skew(0.4deg, 1deg);
    opacity: 0.75;
  }
  80% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes glitch2 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  7% {
    -webkit-transform: translate(-2px, -3px);
            transform: translate(-2px, -3px);
    opacity: 0.5;
  }
  10% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  27% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  30% {
    -webkit-transform: translate(-5px, -2px);
            transform: translate(-5px, -2px);
    opacity: 0.5;
  }
  35% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  52% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  55% {
    -webkit-transform: translate(-5px, -1px);
            transform: translate(-5px, -1px);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  72% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  75% {
    -webkit-transform: translate(-2px, -6px);
            transform: translate(-2px, -6px);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
}

@keyframes glitch2 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  7% {
    -webkit-transform: translate(-2px, -3px);
            transform: translate(-2px, -3px);
    opacity: 0.5;
  }
  10% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  27% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  30% {
    -webkit-transform: translate(-5px, -2px);
            transform: translate(-5px, -2px);
    opacity: 0.5;
  }
  35% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  52% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  55% {
    -webkit-transform: translate(-5px, -1px);
            transform: translate(-5px, -1px);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  72% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  75% {
    -webkit-transform: translate(-2px, -6px);
            transform: translate(-2px, -6px);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
}

@-webkit-keyframes glitch3 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  7% {
    -webkit-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
    opacity: 0.5;
  }
  10% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  27% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  30% {
    -webkit-transform: translate(5px, 2px);
            transform: translate(5px, 2px);
    opacity: 0.5;
  }
  35% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  52% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  55% {
    -webkit-transform: translate(5px, 1px);
            transform: translate(5px, 1px);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  72% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  75% {
    -webkit-transform: translate(2px, 6px);
            transform: translate(2px, 6px);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
}

@keyframes glitch3 {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  7% {
    -webkit-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
    opacity: 0.5;
  }
  10% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  27% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  30% {
    -webkit-transform: translate(5px, 2px);
            transform: translate(5px, 2px);
    opacity: 0.5;
  }
  35% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  52% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  55% {
    -webkit-transform: translate(5px, 1px);
            transform: translate(5px, 1px);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  72% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  75% {
    -webkit-transform: translate(2px, 6px);
            transform: translate(2px, 6px);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 0.25;
  }
}
/*----font store nav menu-----*/
.store_menu_active{
        background-color: rgb(121,121,121) !important;
        color: rgb(211,211,211);
        text-shadow: 2px 2px 5px black,
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8);
        pointer-events: none;
}

/* -------------------------------------------------- woocommerce -------------------------------------------*/

.woocommerce{
        position: relative;
        display: block;
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin: auto;
        padding-left: 7%;
        padding-right: 7%;
}
/* --- privacy policy --- */
.woocommerce-privacy-policy-link{
        font-weight: bold;
}
.woocommerce-privacy-policy-text{
        text-align: justify;
        text-align-last: center;
}
.woocommerce-shop .page-description{
        margin-bottom: 1em;
}
/* -------------------------------------------------- product image gallery ------------------------------------------*/
.woocommerce-product-gallery--with-images .flex-viewport{
        min-height: 375px;
        border: 1px solid grey;
}
/*start problem*/
.woocommerce-product-gallery__wrapper{
        position: relative;
}
/*end problem*/
.woocommerce-product-gallery__image:not(.flex-active-slide){
        position: relative;
        cursor: pointer;
        pointer-events: none;
}
.woocommerce-product-gallery__image:not(.flex-active-slide) a img{
        cursor: pointer;
        pointer-events: none;
}
.flex-active-slide a img{
        position: relative;
        width:100%;
}
.woocommerce-product-gallery__image a img{
        position: relative;
        width:100%;
}
/*----------------------- product gallery thumbnails -----------------------------------*/
ol.flex-control-nav.flex-control-thumbs li{
        margin-bottom: 7.5px;
}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active{

}
/* ----------------- woocommerce header notification box types ---------------------*/
/*-----------------------------------error alerts------------------*/
/*---------buttons in error-type-headers-------*/
ul.woocommerce-error li a.button.wc-forward{
        width: 100%;
        box-shadow: 0 0 15px rgba(51,51,51,.8) !important;
        -webkit-box-shadow: 0 0 15px rgba(51,51,51,.8) !important;
        font-size: 1.05em;
}
ul.woocommerce-error li a.button.wc-forward:hover{
  background-color: rgb(221,221,221);
        transform: scale(.9);
        color: rgb(51,51,51) !important;
        text-shadow: none;
        font-size: 1em;
        box-shadow: inset 0 0 15px rgb(178,34,34) !important;
        -webkit-box-shadow: inset 0 0 15px rgb(178,34,34) !important;
}
/*--------notices wrapper----*/
div.woocommerce-notices-wrapper{
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
div.woocommerce-notices-wrapper:hover{
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
div.woocommerce-notices-wrapper ul.woocommerce-error li{
        text-align: center;
        list-style-type: none;
}
/*--------------wc-forward-----------*/
div.button.wc-forward{
        box-shadow: 0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34);
        -webkit-box-shadow: 0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34);
        -webkit-animation: glowMe 1s infinite; 
        animation: glowMe 1s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
div.button.wc-forward:hover{
        -webkit-animation: pulsateMe2 1.5s infinite;
        animation: pulsateMe2 1.5s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}

div.button.wc-forward ul.woocommerce-error li{
        text-align: center;
        list-style-type: none;
}
/*----------------------------------general info headers-----------------*/
/*------woocommerce message------*/
.woocommerce-message {
        background-color: rgb(131,131,131);
        box-shadow: 0 0 .5em #111 !important;
        font-size: 1.1em;
        text-align: center;
        text-shadow: 
                -1px -1px 1px rgba(51,51,51,.8),
                1px -1px 1px rgba(51,51,51,.8),
                -1px 1px 1px rgba(51,51,51,.8),
                1px 1px 1px rgba(51,51,51,.8);
        font-family: 'Special Elite', cursive;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-info{
        background-color: rgb(91,91,91);
        box-shadow: 0 0 .5em #111 !important;
        font-size: 1.3em;
        text-align: center;
        text-shadow: 
                -1px -1px 1px rgba(51,51,51,.8),
                1px -1px 1px rgba(51,51,51,.8),
                -1px 1px 1px rgba(51,51,51,.8),
                1px 1px 1px rgba(51,51,51,.8);
        font-family: 'Special Elite', cursive;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* ----------------- woocommerce notification box links [i.e. "view cart" "undo?" etc]---------------------*/
.woocommerce-error a:link, .woocommerce-info a:link, .woocommerce-message a:link {
        font-family: 'Press Start 2P';
        font-size: .8em;
        position: relative;
        display: block;
        background-color: rgb(51,51,51);
        top: -10px;
        margin-top: 3em;
        padding: 7px;
        padding-top: 12px;
        padding-bottom: 13px;
        text-decoration: none;
    -webkit-box-shadow: 0 0 .5em #111 !important;
    box-shadow: 0 0 .5em #111 !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-error a:link, .woocommerce-info a:link, .woocommerce-message a:link:hover{
        background-color: rgb(91,91,91);
        transform: scale(.9);
        top: -12px;
        text-decoration: none;
    -webkit-box-shadow: inset 0 0 1em #111 !important;
        box-shadow: inset 0 0 1em #111 !important;
    box-shadow: none !important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8);
        border-radius: 5px;
        border: 2px solid rgb(51,51,51);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

.woocommerce-message .restore-item {
        position: relative;
        dispay: block;
        width: 6.75em !important;
        text-align: center;
        float: right;

}
/* --error box remove list bullets and style-- */
div.button.wc-forward{
        box-shadow: 0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34);
        -webkit-box-shadow: 0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34);
        -webkit-animation: glowMe 1s infinite; 
        animation: glowMe 1s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
div.button.wc-forward:hover{
        -webkit-animation: pulsateMe2 1.5s infinite;
        animation: pulsateMe2 1.5s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}

div.button.wc-forward ul.woocommerce-error li{
        text-align: center;
        list-style-type: none;
}
/* --error box button width and style-- */
div.button.wc-forward ul.woocommerce-error li a.button.wc-forward{
        width: 100%;
        box-shadow: 0 0 15px rgba(51,51,51,.8) !important;
        -webkit-box-shadow: 0 0 15px rgba(51,51,51,.8) !important;
        font-size: 1.05em;
}
div.button.wc-forward ul.woocommerce-error li a.button.wc-forward:hover{
        background-color: rgb(221,221,221);
        transform: scale(.9);
        color: rgb(51,51,51) !important;
        text-shadow: none;
        font-size: 1em;
        box-shadow: inset 0 0 15px rgb(178,34,34) !important;
        -webkit-box-shadow: inset 0 0 15px rgb(178,34,34) !important;
}
/*----------------login and such------------------*/
/*---title heading (ie 'login')---*/
.woocommerce h2{
        font-family: 'Special Elite', cursive;
        font-size: 2em;
        color: rgb(51,51,51);
        text-shadow: 
                -1px -1px 2px rgba(201,201,201,.8),
                1px -1px 2px rgba(201,201,201,.8),
                -1px 1px 2px rgba(251,251,251,.8),
                1px 1px 2px rgba(51,51,51,.8);
        text-align:center;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background-color: rgb(171,171,171);
        padding-top: 10px;
}
/* login padding */
form.woocommerce-form-login.login{
        display: block;
        background: linear-gradient(0deg, 
                                        rgb(171,171,171) 0%, 
                                        rgb(231,231,231) 10%, 
                                        rgb(231,231,231) 97%, 
                                        rgb(171,171,171) 100% ) !important;
        margin-top: -25px;
        padding: 20px;
        padding-top: 25px;
        border-left: 2px solid rgb(171,171,171);
        border-right: 2px solid rgb(171,171,171);
        border-bottom: 2px solid rgb(171,171,171);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
/* ----- [login button] under form ----- */
button.woocommerce-Button.button, .woocommerce-button.button{
        position: relative;
        display: block;
        margin: auto;
        transform: scale(.92);
        background-color: rgb(51,51,51);
        font-family: 'Press Start 2P';
        height: 3em;
        width: 100%;
        color: rgb(241,241,241);
        padding: 10px;
        top: -2px;
        -webkit-box-shadow: 1px 3px .5em rgba(0,0,0,.5) !important;
        box-shadow: 1px 3px .5em rgba(0,0,0,.5) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        margin-bottom: .5em;
}
button.woocommerce-Button.button:hover, .woocommerce-button.button:hover{
        background-color: rgb(141,141,141);
        color: rgb(241,241,241) !important;
        -webkit-box-shadow: inset 0px -1px .6em rgba(0,0,0,.6) !important;
        box-shadow: inset 0px -1px .6em rgba(0,0,0,.6) !important;
        border-radius: 10px;
        border: 1px solid rgba(51,51,51,.4);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*----[lost password?] button----*/
p.woocommerce-LostPassword.lost_password a, p.login_account_create_button, a.return_login{
        position: relative;
        display: inline-block;
        font-family: 'Press Start 2P';
        font-size: .9em;
        padding: 5px;
        border: 2px solid rgb(51,51,51);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        text-align: center;
}
p.woocommerce-LostPassword.lost_password a:hover, p.login_account_create_button:hover, a.return_login:hover{
        background-color: rgb(91,91,91);
        transform: scale(.95);
        color: rgb(241,241,241) !important;
        border-radius: 5px;
                text-shadow:
                0px -1px 2px rgba(1,1,1,.8),
                1px 0px 2px rgba(1,1,1,.8),
                -1px 1px 2px rgba(1,1,1,.8),
                1px 1px 2px rgba(1,1,1,.8);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
p.login_account_create_button{
        position: relative;
        cursor: pointer;
        margin-top: -3px;
        margin-left: 33px;
}
p.login_account_create_button:hover a{
        color: white;
}
a.return_login{
        cursor: pointer;
        margin-left: 1em;
}
p.return_login_container{
        margin-top: 15px;
        text-align: center;
}
/*----lost password page [reset form style] ------*/
form.woocommerce-ResetPassword.lost_reset_password::before{
        position: relative;
        display: block;
        content: "Easy Password Reset";
        font-family: 'Special Elite', cursive;
        font-size: 2em;
        text-align:center;
        margin-bottom: 24px;
        padding-top: 10px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,.5),
                                -1px 1px 2px rgba(51,51,51,.5),
                                1px 1px 3px rgba(0,0,0,.8) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: 1px solid rgba(51,51,51,.2);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
form.woocommerce-ResetPassword.lost_reset_password{
        display: block;
        background: linear-gradient(0deg, 
                                        rgb(171,171,171) 0%, 
                                        rgb(231,231,231) 10%, 
                                        rgb(231,231,231) 97%, 
                                        rgb(171,171,171) 100% ) !important;
        border: 1px solid rgb(51,51,51);
        border-top: 1px solid rgba(51,51,51,.4);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.lost_reset_password p{
        padding-left: 30px;
        padding-right: 30px;
}
.lost_reset_password button.woocommerce-Button.button{
        width: 80%;
}
.lost_reset_password button.woocommerce-Button.button:hover{
        background-color: rgb(201,201,201);
}
/*--------register account box-------------*/
form.woocommerce-form.woocommerce-form-register.register{
        position: relative;
        display: block;
        background: linear-gradient(0deg, 
                                                rgb(171,171,171) 0%, 
                                                rgb(231,231,231) 10%, 
                                                rgb(231,231,231) 97%, 
                                                rgb(171,171,171) 100% ) !important;
        margin-top: -25px;
        padding: 20px;
        padding-top: 25px;
        border-left: 1px solid rgb(51,51,51);
        border-right: 1px solid rgb(51,51,51);
        border-bottom: 1px solid rgb(51,51,51);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
/*-------------------------------------------------STORE PAGE GALLERY--------------------------*/
/*-----[results displaying #] and [sort by] style and [product gallery]----*/
/* numeric list reporting */
p.woocommerce-result-count{
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        padding-bottom: 10px !important;
        font-family: 'Special Elite', cursive;
        text-align: center;
        font-size: 1.3em !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 3px rgba(0,0,0,.8);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(131,131,131) calc(100% - 15px),
                                rgb(131,131,131) 100%) !important;
        border-top: 1px solid rgb(51,51,51);
        border-left: 1px solid rgb(71,71,71);
        border-right: 1px solid rgb(71,71,71);
        border-bottom: none !important;
        box-shadow: 0px -1px .25em rgb(151,151,151);
        -webkit-box-shadow: 0px -1px .25em rgb(151,151,151);
}
/* sort-by wrapper */
 .woocommerce-ordering{
        position: relative;
        display: block;
        width: 100%; 
    margin: auto !important;
        background: linear-gradient(180deg,
                                rgb(131,131,131) 0%,
                                rgb(91,91,91) calc(0% + 10px),
                                rgb(71,71,71) calc(0% + 20px),
                                rgb(51,51,51) calc(0% +  31px),
                                rgb(71,71,71) calc(100% - 24px),
                                rgb(91,91,91) calc(100% - 14px),
                                rgb(241,241,241) 100%);
        border-right: 1px solid rgb(71,71,71);
        border-left: 1px solid rgb(71,71,71);
        padding-bottom: 15px;
        box-shadow: 0px 4px .25em rgb(151,151,151);
}
/*sort by selector */
select.orderby{
        float: right;
        margin-top: 7px;
        margin-left: 5px;
        margin-right: 10px;
        box-shadow: -1px 2px .25em rgb(71,71,71),
                    -1px 1px .5em rgb(71,71,71);
        -webkit-box-shadow: -1px 2px .25em rgb(71,71,71),
                            -1px 1px .5em rgb(71,71,71);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* all store link */
#all_shops_link {
        position: relative;
        display: block;
        float: left;
        margin-left: 10px;
        margin-top: 3px;
        background-color: rgb(121,121,121);
        border: 2px solid rgb(151,151,151);
        -webkit-box-shadow: 0 0 5px rgb(151,151,151), 0 0 5px rgb(151,151,151), 0 0 5px rgb(151,151,151), -6px 3px 8px rgba(51,51,51,.75), 6px 3px 8px rgba(51,51,51,.75);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        z-index: 6 !important; 
}
#all_shops_link a{
        position: relative;
        display: block;
        margin: 2px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 6px;
        width: auto;
        background: linear-gradient(180deg,
                                rgb(191,191,191) 0%,
                                rgb(131,131,131) calc(0% + 5px),
                                rgb(91,91,91) calc(0% + 10px),
                                rgb(91,91,91) calc(100% - 10px),
                                rgb(51,51,51) 100%);
        -webkit-box-shadow: 0 0 2px rgba(1,1,1,1), inset 0 0 2px rgb(51,51,51);
        font-family: 'Special Elite', cursive;
        font-size: 1em;
        color: rgb(221,221,221);
        text-align: center;
        text-shadow: 1px 1px 1px black,
                           -1px -1px 1px black,
                           -1px 1px 1px black,
                           1px -1px 1px black;
        border: 2px solid rgb(51,51,51);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
#all_shops_link:hover{
        background-color: rgb(151,151,151) !important;
        -webkit-box-shadow: 0 0 8px rgb(151,151,151),
                                  0 0 8px rgb(151,151,151),
                                  0 0 8px rgb(151,151,151), 
                                  0 0 8px rgb(151,151,151), 
                                  -10px 0 8px rgba(151,151,151,.5),
                                  10px 0 8px rgba(151,151,151,.5),
                                  10px 0 8px rgba(151,151,151,.1);
        padding-bottom: 2px;
}
#all_shops_link a:hover{
        margin: 5px;
        margin-left: 2px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 8px;
        padding-bottom: 4px;
        background: linear-gradient(180deg,
                                rgb(171,171,171) 0%,
                                rgb(111,111,111) calc(0% + 5px),
                                rgb(71,71,71) calc(0% + 10px),
                                rgb(41,41,41) calc(100% - 10px),
                                rgb(51,51,51) 100%);
        -webkit-box-shadow: 0 0 4px rgb(51,51,51), 0 0 4px rgb(51,51,51), inset 0 0 4px rgb(1,1,1);
        font-size: .95em;
        color: rgb(171,171,171) !important;
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
@media only screen and (max-width: 417px) {
        select.orderby{
                position: relative;
        margin-right: 2px;
            margin-left: 0px;
  }
        #all_shops_link {
                margin-left: 3px;
                -webkit-box-shadow: 0 0 3px rgb(151,151,151), 0 0 3px rgb(151,151,151), 0 0 5px rgb(151,151,151), 0 0 5px rgb(151,151,151);
        }
}
@media only screen and (max-width: 398px) {
        select.orderby{
                width: 98.2%;
                margin-right: .9% !important;
                margin-bottom: 4px;
  }
        #all_shops_link {
                width: 98%;
                margin-right: 1% !important; 
                box-shadow: 0 0 4px rgb(51,51,51), 0 0 4px rgb(51,51,51), inset 0 0 4px rgb(51,51,51), inset 0 0 4px rgb(51,51,51) !important;
                -webkit-box-shadow: 0 0 3px rgb(151,151,151), 0 0 3px rgb(151,151,151), 0 0 5px rgb(151,151,151), 0 0 5px rgb(151,151,151);
        }
}
/* --------- product gallery -------------------- */

#primary .site-main ul.products, #primary .site-main .wc-block-grid__products{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: end;
    padding: 0px;
	padding-left: 1em;
	padding-right: 1em;
}
#primary .site-main .wc-block-grid__products{
        background: linear-gradient(180deg,  
                                rgb(241,241,241) 0%,
                                rgb(241,241,241) calc(100% - 14px),
                                rgb(91,91,91) 100%);
        position: relative;
        padding: 10px;
        border: 1px solid rgb(71,71,71);
        border-top: 0px;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
        box-shadow: 0px 4px .25em rgb(151,151,151);
}

/* ---------------- product thumbnail-------- */
#primary .site-main ul.products .product, #primary .site-main .wc-block-grid__products .product{
        transform: scale(.95);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;

}
.products li img, .wc-block-grid__products li img{
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.products li img:hover, .wc-block-grid__products li img:hover{
        transform: scale(1.1) !important;
        -webkit-animation: weebleWobble 3s infinite;
        animation: weebleWobble 2.5s infinite;
        animation-timing-function: linear;
        animation-direction: alternate; 
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
        width: 100%;
}
/*----product name text in gallery-------*/
h2.woocommerce-loop-product__title{
        width: 100%;
        background: none !important;
        font-size: 1em !important;
        font-family: Arial, Helvetica, sans-serif !important;
        text-decoration: none !important;
        font-weight: normal;
        word-break: keep-all;
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
h2.woocommerce-loop-product__title:hover{
        font-weight: bold;
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
/*---------[add to cart] button on store gallery page-----*/

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
        font-size: .70em !important;
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover{
        font-size: .68em !important;
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        transform: scale(1) !important;
}


/*----[view cart] popup button after adding product to cart-------*/
a.added_to_cart.wc-forward{
        position: relative;
        display: block;
        font-family: 'Press Start 2P';
        font-size: .8em;
        text-align: center;
        color: rgb(51,51,51);
        width: 100%;
        right: 5px;
        background: linear-gradient(180deg,  
                                rgb(101,101,101) 0%,
                                rgb(241,241,241) 15%,
                                rgb(151,151,151) 100%) !important;      margin-top: 10px;
        padding: 7px;
        padding-top: 12px;
        padding-bottom: 13px;
        text-decoration: none;
        -webkit-box-shadow: 0 0 .5em #111 !important;
        border-radius: 5px;
        border: 1px solid rgb(101,101,101);
        box-shadow: inset 0 0 .75em #111 !important;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
a.added_to_cart.wc-forward:hover{
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        text-decoration: none;
        color: rgb(241,241,241);
        -webkit-box-shadow: inset 0 0 1em rgb(1,1,1),
                          inset 0 0 1em rgb(1,1,1) !important;
        box-shadow: inset 0 0 1em rgb(1,1,1),
                          inset 0 0 1em rgb(1,1,1) !important;
        box-shadow: none !important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8);
        border-radius: 5px;
        font-size: .75em;
        border: 2px solid rgb(101,101,101);
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
/* ---------------------------------- Individidual PRODUCT PAGE MENUS AND SUB-TABS ------------------------------ */
/* space between thumbnails and featured image */
.flex-control-nav.flex-control-thumbs{
        margin-top: 15px;
}
/*---- product featured image ----*/
.woocommerce-product-gallery__wrapper{
    display: block !important;     /* Not flex */
    flex-direction: unset !important;
    justify-content: unset !important;
    align-items: unset !important;
}
/* ------------------ product side panel --------------------- */
/* product title */

.product_title.entry-title, .summary.entry-summary .product_title{
        position: relative;
        font-family: 'Special Elite', cursive;
        color: rgb(51,51,51);
        text-align: center;
        font-weight: bold;      border-radius: 50%;
        font-size: 1.54em;
        padding: 25px;
        padding-top: 30px;
        background: radial-gradient(
                                rgba(191, 191, 191,0)0%,
                                rgba(191, 191, 191,.2)10%,
                                rgba(181, 181, 181,.2)50%,
                                rgba(217, 217, 217,.2)58%,
                                rgba(05,42,42,.2),
                                rgba(25, 131, 131,.2)65%,
                                rgba(31, 52, 62,.2)66.5%,
                                rgba(47, 137, 167,.2)68%,
                                rgba(101, 101, 131,.2)69%,
                                rgba(101, 101, 131,.2)70.5%);
        box-shadow: 
                   0 0 6px rgba(101,101,121,.2),
                   0 0 6px rgba(101,101,121,.2), 
                   0 0 10px rgba(97,97,117,.2), 
                   0 0 10px rgba(97,97,117,.2), 
                   0 0 12px rgba(93,93,113,.2), 
                   0 0 50px rgba(141,141,141,.2);
        -webkit-box-shadow: 
                   0 0 6px rgba(101,101,121,.2),
                   0 0 6px rgba(101,101,121,.2), 
                   0 0 10px rgba(97,97,117,.2), 
                   0 0 10px rgba(97,97,117,.2), 
                   0 0 12px rgba(93,93,113,.2), 
                   0 0 50px rgba(141,141,141,.2),
                         0 0 6px rgba(101,101,121,.2),
                   0 0 6px rgba(101,101,121,.2), 
                   0 0 10px rgba(97,97,117,.2), 
                   0 0 10px rgba(97,97,117,.2), 
                   0 0 12px rgba(93,93,113,.2), 
                   0 0 50px rgba(141,141,141,.2);
        text-shadow:
                -10px -10px 60px rgba(91,91,91,.2),
                10px 10px 60px rgba(91,91,91,.2),
                -60px 0px 40px rgba(91,91,91,.3),
                60px 0px 40px rgba(91,91,91,.2),
                1px 1px 1px rgba(211,211,211,.3),
                2px 2px 2px rgba(241,241,241,.3),
                0px 0px 4px rgba(255,255,255,.2),
                0px 0px 4px rgba(255,255,255,.6),
                4px 4px 8px rgba(231,231,231,.3),
                4px 4px 8px rgba(231,231,231,.3),
                4px 4px 8px rgba(231,231,231,.3),
                0px 2px 4px rgba(211,211,211,.5), 
                0px -2px 2px rgba(51,51,51,.4), 
                0px 0px 2px rgba(51,51,51,1), 
                0px 0px 2px rgba(51,51,51,1) !important; 
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.product_title.entry-title:active, .summary.entry-summary .product_title:active{
        transform: scale(2) !important;
        background: radial-gradient(
                                rgba(191, 191, 191,0)0%,
                                rgba(191, 191, 191,1)10%,
                                rgba(181, 181, 181,1)50%,
                                rgba(217, 217, 217,1)58%,
                                rgba(05,42,42,1),
                                rgba(25, 131, 131,1)65%,
                                rgba(31, 52, 62,1)66.5%,
                                rgba(47, 137, 167,1)68%,
                                rgba(101, 101, 131,1)69%,
                                rgba(101, 101, 131,1)70.5%);
        box-shadow: 
                   0 0 6px rgba(101,101,121,1),
                   0 0 6px rgba(101,101,121,1), 
                   0 0 10px rgba(97,97,117,1), 
                   0 0 10px rgba(97,97,117,1), 
                   0 0 12px rgba(93,93,113,1), 
                   0 0 50px rgba(141,141,141,1);
        -webkit-box-shadow: 
                   0 0 6px rgba(101,101,121,1),
                   0 0 6px rgba(101,101,121,1), 
                   0 0 10px rgba(97,97,117,1), 
                   0 0 10px rgba(97,97,117,1), 
                   0 0 12px rgba(93,93,113,1), 
                   0 0 50px rgba(141,141,141,1),
                         0 0 6px rgba(101,101,121,1),
                   0 0 6px rgba(101,101,121,1), 
                   0 0 10px rgba(97,97,117,1), 
                   0 0 10px rgba(97,97,117,1), 
                   0 0 12px rgba(93,93,113,1), 
                   0 0 50px rgba(141,141,141,1);
        -webkit-animation: weebleWobble 3s infinite;
        animation: weebleWobble 2.5s infinite;
        animation-timing-function: linear;
        animation-direction: alternate; 
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.product_title.entry-title:hover, .summary.entry-summary .product_title:hover{
        background: radial-gradient(
                                rgba(191, 191, 191,0)0%,
                                rgba(191, 191, 191,.5)10%,
                                rgba(181, 181, 181,.5)50%,
                                rgba(217, 217, 217,.5)58%,
                                rgba(05,42,42,.5),
                                rgba(25, 131, 131,.5)65%,
                                rgba(31, 52, 62,.5)66.5%,
                                rgba(47, 137, 167,.5)68%,
                                rgba(101, 101, 131,.5)69%,
                                rgba(101, 101, 131,.5)70.5%);
        box-shadow: 
                   0 0 6px rgba(101,101,121,.5),
                   0 0 6px rgba(101,101,121,.5), 
                   0 0 10px rgba(97,97,117,.5), 
                   0 0 10px rgba(97,97,117,.5), 
                   0 0 12px rgba(93,93,113,.5), 
                   0 0 50px rgba(141,141,141,.5);
        -webkit-box-shadow: 
                   0 0 6px rgba(101,101,121,.5),
                   0 0 6px rgba(101,101,121,.5), 
                   0 0 10px rgba(97,97,117,.5), 
                   0 0 10px rgba(97,97,117,.5), 
                   0 0 12px rgba(93,93,113,.5), 
                   0 0 50px rgba(141,141,141,.5),
                         0 0 6px rgba(101,101,121,.5),
                   0 0 6px rgba(101,101,121,.5), 
                   0 0 10px rgba(97,97,117,.5), 
                   0 0 10px rgba(97,97,117,.5), 
                   0 0 12px rgba(93,93,113,.5), 
                   0 0 50px rgba(141,141,141,.5);
        -webkit-animation: weebleWobble 3s infinite;
        animation: weebleWobble 2.5s infinite;
        animation-timing-function: linear;
        animation-direction: alternate; 
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
@media only screen and (max-width: 767px) {
        .product_title.entry-title, .summary.entry-summary .product_title{
                top: 20px;
        }
}
/* product description */
.woocommerce-product-details__short-description{
        text-align: justify;
        text-align-last: center;
}
/* ----------PRICE DENOTION---------- */
span.woocommerce-Price-amount.amount{
        font-size: 1.5em;
        font-family: 'Special Elite', cursive;
}
/* --- add to cart button --- */
button.single_add_to_cart_button.button.alt{
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        transform: scale(1) !important;
        margin-bottom: 15px;
}
button.single_add_to_cart_button.button.alt:hover{
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(231,231,231) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        transform-origin: 50% 50%;
        transform: scale(.95) !important;
}
/* --- product information menu [ie description, add'tl info, reviews ----*/ 
ul.tabs.wc-tabs{
        position: relative;
        display: block;
        width: calc(100% - 2px);
        left: 1px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border: 3px solid rgb(91,91,91);
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        -webkit-box-shadow: 0 0 5px rgb(91,91,91), 
                                                0 0 5px rgb(91,91,91), 
                                                inset 0 0 10px rgb(51,51,51), 
                                                inset 0 0 1em rgb(161,161,161);
        position: relative; 
        display: block;
        padding: 5px;
}
.wc-tabs li{
        position: relative;
        display: block;
        font-family: 'Special Elite', cursive;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.wc-tabs li a{
        position: relative;
        display: block;
    background-color: rgb(201,201,201);
        margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px;
        padding-top: 13px;
        padding-left: 14px;
        text-align: center;
        text-shadow: 0px 2px 3px rgba(51,51,51,.9),
                -1px -1px 2px rgba(251,251,251,.7),
                1px -1px 2px rgba(251,251,251,.7),
                -1px 1px 2px rgba(251,251,251,.7),
                1px 1px 2px rgba(251,251,251,.7);
        box-shadow: 0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                2px 2px 10px rgb(1,1,1), 
                                2px 2px 10px rgb(1,1,1);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.wc-tabs li a:hover{
    background-color: rgb(141,141,141);
        box-shadow: inset 0 0 5px rgb(91,91,91), 
                                inset 0 0 5px rgb(91,91,91), 
                                0 0 10px rgb(51,51,51);
    -webkit-box-shadow: inset 0 0 5px rgb(91,91,91), 
                                                inset 0 0 5px rgb(91,91,91), 
                                                0 0 10px rgb(51,51,51);
    color: rgb(221,221,221);
        text-shadow: -1px -1px 1px rgba(51,51,51,1),
                                1px -1px 1px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 2px rgba(51,51,51,1);
        font-size: 1.1em;
        border-radius: 5px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.wc-tabs li.active{
        background-color: rgb(201,201,201) !important;
        padding-top: 5px;
        box-shadow: 0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201), 
                                0 0 5px rgb(201,201,201),
                                2px 2px 10px rgb(1,1,1), 
                                2px 2px 10px rgb(1,1,1);
        -webkit-box-shadow: 0 0 5px rgb(201,201,201), 
                                                0 0 5px rgb(201,201,201), 
                                                0 0 5px rgb(201,201,201), 
                                                0 0 5px rgb(201,201,201), 
                                                0 0 5px rgb(201,201,201), 
                                                2px -px 10px rgb(1,1,1), 
                                                2px -px 10px rgb(1,1,1);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.wc-tabs li.active a{
        color: rgb(221,221,221);
        padding: 10px;
        padding-top: 13px;
        padding-left: 14px;
        background-color: rgb(91,91,91);
    text-shadow: -1px -1px 1px rgba(51,51,51,1),
                                1px -1px 1px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 2px rgba(51,51,51,1);
        box-shadow: 0 0 5px rgb(91,91,91), 
                                0 0 5px rgb(91,91,91), 
                                0 0 5px rgb(91,91,91), 
                                0 0 5px rgb(91,91,91), 
                                2px 2px 10px rgb(1,1,1), 
                                2px 2px 10px rgb(1,1,1) !important;
        -webkit-box-shadow: 0 0 5px rgb(91,91,91), 
                                                0 0 5px rgb(91,91,91), 
                                                0 0 5px rgb(91,91,91), 
                                                0 0 5px rgb(91,91,91), 
                                                2px 2px 10px rgb(1,1,1), 
                                                2px 2px 10px rgb(1,1,1) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.wc-tabs li.active a:hover {
        font-size: 1em !important;
        border-radius: 0px !important;
}
/* --- space surround a above this ------*/
.wc-tabs li.active {  
        background-color: rgb(51,51,51);
        padding-left: 5px;
        padding-right: 5px;
        -webkit-transition: .75s ease-in-out;
        -o-transition: .75s ease-in-out;
        transition: .75s ease-in-out;
}

@media only screen and (max-width: 932px) {
        .wc-tabs li{
                width: calc(100% - 10px);
                margin-left: 5px;
                margin-right: 5px;
        }
        .wc-tabs li a{
                position: relative;
                display: block;
        }
        .woocommerce-Tabs-panel h2{
                text-align: center !important;
        }
}
ocommerce-Tabs-panel h2 {
  padding-left: 10px !important;
  font-size: 1.25em !important;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  text-align: center !important;
}
/* --------------------------------------- changable product information ---------------------------- */
/* product information heading */
.woocommerce-Tabs-panel h2{
        width: calc(100% + 2px);
        margin-left: -1px;
        background: linear-gradient(180deg,  
                                rgb(91,91,91) 0%,
                                rgb(231,231,231) calc(0% + 15px),
                                rgba(101,101,101) 80%,
                                rgba(101,101,101,0) 100%) !important;
        box-shadow: inset 0px 9px 5px rgba(91,91,91,.7);
        text-align: left !important;
        margin-top: -30px;
        padding-left: 25px;
        padding-top: 17px !important;
        padding-bottom: 8px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-left: 1px  solid rgb(51,51,51);
        border-right: 1px solid rgb(51,51,51);
        color: rgb(231,231,231);
        text-shadow: -1px -1px 1px rgba(51,51,51,1),
                                1px -1px 1px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 2px rgba(51,51,51,1);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
          font-size: .9em !important;
          text-align: center !important;
}
@media only screen and (max-width: 800px) {
        .woocommerce-Tabs-panel h2{
                padding-left: 10px !important;
                  font-size: 1.25em !important;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
}
/* product tabs content area */
.woocommerce-Tabs-panel{
        width: calc(100% - 4px);
        background: linear-gradient(180deg,  
                                rgb(151,151,151) 0%,
                                rgb(241,241,241) calc(0% + 15px),
                                rgba(241,241,241) calc(100% - 15px),
                                rgb(191,191,191) 100%) !important;
        padding-bottom: 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border: 1px solid rgb(51,51,51);
        border-top: none;
        margin-top: -25px;
        padding-top: 25px;
        box-shadow: 0 0 5px rgb(51,51,51), 0 0 8px rgb(91,91,91);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* ---------------tables and lists in product tabs-------------------*/
/* --------------tables -----------*/
.woocommerce-Tabs-panel.entry-content.wc-tab table{
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
}
.woocommerce-Tabs-panel.entry-content.wc-tab table tr{
        border-bottom: 1px solid rgb(201,201,201);
}
.woocommerce-Tabs-panel.entry-content.wc-tab table tr:last-of-type{
        border-bottom: none;
}
/* -------------- list ------------*/
.woocommerce-Tabs-panel.entry-content.wc-tab ul{
        position: relative;
        display: block;
        width: calc(100% - 50px);
        margin: auto;
}
/* description */
.woocommerce-tabs #tab-description p{
        margin: 15px;
        text-align: justify;
        text-align-last: center;
}
/*-------------------- reviews-------------------------*/
#reviews.woocommerce-Reviews p{
text-indent: 5px;
}
span#reply-title.comment-reply-title{
        font-family: 'Special Elite', cursive;
        text-align: center;
        width: calc(100%);
        margin-top: -1px;
        margin-left: 0px;
        margin-right: -10px;
        margin-bottom: -.5em;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: none;
        padding-top: 15px;
        padding-bottom: 20px;
        color: rgb(251,251,251);
        font-size: 1.75em;
        font-weight: bold;
        text-shadow: -1px -1px 1px rgba(0,0,0,.8),
                                1px -1px 1px rgba(0,0,0,.8),
                                -1px 1px 1px rgba(0,0,0,.8),
                                1px 1px 2px rgba(0,0,0,.8);
        transform: rotate(0.8deg) !important;
        margin-bottom: -1.5em;
}
 #reviews.woocommerce-Reviews #review_form_wrapper{
        width: calc(100% - 30px);
        margin: auto;
        box-shadow: inset 0 0 7px rgb(91,91,91);
        border: 1px solid rgb(51,51,51,.1);
}
div.comment-text{
        padding: 2em;
}
#reviews.woocommerce-Reviews #review_form_wrapper #review_form{
        background-color: rgb(143, 224, 185) !important;
        box-shadow: 0 0 5px rgb(191,91,191), 7px 7px 4px rgb(143, 224, 185), 5PX 5PX 5px rgb(121,21,121), 0 0 5px rgb(151,111,291), 6px 6px 6px rgb(123, 204, 165), -12px -12px 12px rgb(153, 184, 195), 24px 24px 24px rgb(153, 184, 195), 0px 0px 80px rgb(153, 224, 195) !important;
}
ol.commentlist li{
        margin: 1em;
        margin: 1em;
}
input#submit.submit{
        font-family: 'Press Start 2P';
        width: 100%;
        -webkit-box-shadow: 0 0 .5em #111 !important;
        box-shadow: 0 0 .5em #111 !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;

}
input#submit.submit:hover{
        margin: auto;
        font-size: 1.1em;
        text-shadow: 0px -1px 2px rgba(0,0,0,.8),
                                1px 0px 2px rgba(0,0,0,.8), 
                                -1px 1px 5px rgba(0,0,0,.8),
                                1px 1px 5px rgba(0,0,0,.8);
        border-radius: 5px;
        border: 2px solid rgba(51,51,51,.8);
        transform: scale(.98);
        -webkit-box-shadow: inset 0 0 .5em rgba(21,21,21,.5) !important;
        box-shadow: inset 0 0 .5em rgba(21,21,21,.5) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
input#submit.submit:hover{
        margin: auto;
        font-size: 1.1em;
        text-shadow: 0px -1px 3px rgba(51,51,51,.8),
                                1px 0px 3px rgba(51,51,51,.8),
                                -1px 1px 3px rgba(51,51,51,.8),
                                1px 1px 3px rgba(51,51,51,.8);
        border-radius: 5px;
        border: 2px solid rgba(51,51,51,.8);
        transform: scale(.98);
        -webkit-box-shadow: inset 0 0 .5em rgba(21,21,21,.5) !important;
        box-shadow: inset 0 0 .5em rgba(21,21,21,.5) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*-------------------------vendor info----------------------*/

/*---------------------more products--------------------------*/
h2.woocommerce-loop-product__title{
        background: none !important;
        border: none;
        margin-top: 0px;
        color: rgb(51,51,51) !important;
        text-shadow: none !important;
        box-shadow: none !important;
        padding-top: 0px !important;
        padding-left: 0px;
        text-align: center !important;
}
@media only screen and (max-width: 800px) {
        h2.woocommerce-loop-product__title{
                 font-size: 1em !important;
        }
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
        position: relative;
        display: block;
        margin: auto;
        width: 100%;
        text-align: center;
}
/* prices */
.woocommerce-tabs.wc-tabs-wrapper span.price, ul.products span.price{
        text-align: center;
}
/*------------- related products ----------------*/
section.related.products > h2{
              background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(131,131,131) calc(100% - 15px), rgb(131,131,131) 100%) !important;
              border: 1px solid rgba(91,91,91,.4);
                border-bottom: none;
              border-top: none;
              color: rgb(231,231,231);
              text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
              box-shadow: inset 0 4px 7px rgba(101,101,101,.4), 0 3px 4px rgba(51,51,51,1);
}
section.related.products ul.products{
        background: linear-gradient(180deg,  
                                rgb(161,161,161) 0%,
                rgb(241,241,241) calc(0% + 14px),
                                rgb(241,241,241) calc(100% - 14px),
                                rgb(91,91,91) 100%);
        position: relative;
        margin-top: -24px;
        padding: 24px;
        border: 1px solid rgba(71,71,71,.4);
        border-top: 0px;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
        box-shadow: 0px 4px .25em rgb(151,151,151);
}
/*----------------------------------------------------------shopping cart-------------------------------------------------*/
/*---------------cart empty---------------*/
.return-to-shop a{
        position: relative;
        display: inline-block;
        font-family: 'Press Start 2P';
        background-color: rgb(51,51,51);
        color: rgb(221,221,221);
        padding: 10px;
        left: -14px;
        top: -2px;
        -webkit-box-shadow: 0 0 .5em #111 !important;
        box-shadow: 0 0 .5em #111 !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.return-to-shop a:hover{
        background-color: rgb(91,91,91);
        color: rgb(221,221,221) !important;
        transform: scale(.9);
        -webkit-box-shadow: inset 0 0 .5em rgba(21,21,21,.5) !important;
        box-shadow: inset 0 0 .5em rgba(21,21,21,.5) !important;
        text-shadow: 0px -1px 3px rgba(51,51,51,.8),
                                1px 0px 3px rgba(51,51,51,.8),
                                -1px 1px 3px rgba(51,51,51,.8),
                                1px 1px 3px rgba(51,51,51,.8);
        border-radius: 5px;
        border: 2px solid rgba(51,51,51,.8);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
p.cart-empty{
        position: relative;
        font-family: 'Special Elite', cursive;
        font-size: 1.5em;
        left: -15px;
}
/* ------------------------------------------------------- SHOPPING CART NOT EMPTY ---------------------------------------------------- */
/*--------------------- shopping cart table ------------------*/
/*--lower numner spinner padding --*/
input.input-text.qty.text{
        padding: 2px;
}
/*--------- heading generator --------------*/
form.woocommerce-cart-form::before{
        position: relative;
        display: inline-block;
        content: "Shopping Cart";
        padding: 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        font-family: 'Special Elite', cursive;
        color: rgb(255,255,255);
        font-size: 1.75em;
        font-weight: bold;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 3px rgba(0,0,0,.8);
        -webkit-box-shadow: 0 0 .5em rgba(21,21,21,.5) !important;
        box-shadow: 0 0 .5em rgba(21,21,21,.5) !important;
}
/*--------- lower cart table (ie product list) ---------------*/
form.woocommerce-cart-form{
        border: 1px solid rgb(51,51,51);
        border-radius:  40px/20px;
        margin-bottom: 40px;
        padding-bottom: 40px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%, 
                                rgb(231,231,231) 90%, 
                                rgb(131,131,131) 100%) !important;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
        position: relative;
        margin: auto;
        width: 95%;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr{
        border-bottom: 1px solid rgb(191,191,191);
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th{
        border-bottom: 1px solid rgb(91,91,91);
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:nth-last-child(1){
        border-bottom: 0px;
}
/*---coupon code text box---*/
input#coupon_code.input-text{
        width: 140px !important;
        text-align: center;
}
/*--[apply coupon] and [update cart] buttons (also general button style) -- media queries up top --*/
button.button{
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
button.button:hover{
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(231,231,231) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        transform: scale(.85) !important;
        transform-origin: 50% 50%;
}
/*------ price breakdown table [upper table] format ----- */
.cart_totals {
        position: relative;
        display: inline-block;
        border-radius: 40px/20px;
        border-bottom-left-radius:      20px 40px;
        border-bottom-right-radius: 20px 40px;
        -webkit-box-shadow: 0 0 1em rgba(21,21,21,.5) !important;
        box-shadow: 0 0 1em rgba(21,21,21,.5) !important;
}
.cart_totals h2{
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 3px rgba(0,0,0,.8) !important;
}
.cart_totals table.shop_table.shop_table_responsive tr{
        position: relative;
        display: inline-block;
        width: 100%;
        padding-top: -5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 10px;
        margin-bottom: -10px;
        border-top: 1px solid rgba(51,51,51,.3);
}
.cart_totals table.shop_table.shop_table_responsive tr:nth-child(1){
        border-top: none;
}

.cart_totals table.shop_table.shop_table_responsive th{
        position: relative;
        display: inline;
        width: 100%;
}
.cart_totals table.shop_table.shop_table_responsive td{
        position: relative;
        display: block;
        float: right;
        text-align: right;
        width: 100%;
}
/*--------cart totals [lower table leading to checkout]------------*/
.cart_totals h2{
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 3%,
                                rgb(131,131,131) 100%) !important;
        border: 1px solid rgb(51,51,51);
        border-bottom: 1px solid rgba(51,51,51,.2);
        margin-bottom: 24px;
}

.cart_totals table.shop_table.shop_table_responsive{
        position: relative;
        display: inline-block;
        background: linear-gradient(180deg, 
                                rgba(51,51,51,.5) 0%, 
                                rgb(171,171,171) 1%, 
                                rgb(231,231,231) 4%, 
                                rgb(231,231,231) 96%, 
                                rgb(231,231,171) 100%) !important;
        padding: 15px;
        margin-top: -26px;
        border-left: 1px solid rgb(51,51,51);
        border-right:1px solid rgb(51,51,51);
}
.cart_totals table.shop_table.shop_table_responsive tbody th{
        top: 1.15em !important;
}
.cart_totals table.shop_table.shop_table_responsive tbody tr{
        margin-top: 0px !important;
        top: 0px !important;
}
/*---shipping options---*/
/*------shipping option list------*/
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td::before{
        width: 100%;
        text-align: left;
}
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul{
        float: right;
        width: 60%;
        margin-bottom: -50px !important;
}
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul li{
        position: relative;
        display: block;
        margin-bottom: 47px !important;
}
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul li:last-of-type{
        margin-bottom: 0px !important;
}
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul li:not(.amount){
        position: relative;
        display: block;
        text-align: left !important;
        padding-left: 32px !important;
}
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul li input{
        position: relative;
        top: 3px;
        margin-left: -22px;
}
table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul li span.woocommerce-Price-amount.amount{
        position: relative;
        text-align: right !important;
        display: block;
        width: 100%;
        float: right;
        padding-left: 30px;
        padding-top: 2px;
        border-top: 2px solid rgba(51,51,51,.6);
        white-space: nowrap;
}
/*---shipping address style---*/
tbody tr.woocommerce-shipping-totals.shipping td p.woocommerce-shipping-destination{
        position: relative;
        display: inline;
        margin-top: 2.5em;
        float: left;
        text-align: left;
}

tbody tr.woocommerce-shipping-totals.shipping td p.woocommerce-shipping-destination :not([font-weight="normal"]){
        position: relative;
        display: block;
        text-align: justify;
        text-align-last: center;
}
/*---- shipping calc button -----*/

form.woocommerce-shipping-calculator a{
        position: relative;
        display: block;
        float: right;
        width: 100%;
        padding: 5px;
        margin-top: 3em;
        margin-bottom: .7em;
        text-align: center;
        background-color: rgb(51,51,51);
        color: rgb(231,231,231);
        border: 1px solid rgb(51,51,51);
        border-radius: 5px;
        -webkit-box-shadow: 0 2px .25em rgba(51,51,51,.4), 
                                                inset 1px -2px .25em rgba(51,51,51,.3) !important;
        box-shadow: 0 2px .25em rgba(51,51,51,.4), 
                                inset -1px -2px .25em rgba(231,231,231,.3) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        }
form.woocommerce-shipping-calculator a:hover{
        background-color: rgb(231,231,231);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        -webkit-box-shadow: inset 0 2px .25em rgba(51,51,51,.4) !important;
        box-shadow: inset 0 2px .25em rgba(51,51,51,.4) !important;
}

/*---update shipping address menu---*/
section.shipping-calculator-form{
        position: relative;
        top: 1em !important;
}
section.shipping-calculator-form button.button{
        width: 100%;
}
/*--totals row--*/
table.shop_table.shop_table_responsive tbody tr.order-total{
        border-top: 6px solid rgba(51,51,51,.2) !important;
        border-top-style: double !important;
        border-color: rgb(175,175,175);
        border-bottom: none;
}
/*----proceed to checkout area----*/
.wc-proceed-to-checkout{
        position: relative;
        display: block !important;
        margin-bottom: 0px !important;
        width: 100%;
        border: 1px solid rgb(51,51,51);
        background: linear-gradient(180deg, 
                                rgb(231,231,171) 2%, 
                                rgb(241,211,121) 89%, 
                                rgb(255,196,57) 98%, 
                                rgba(51,51,51,.4) 100%) !important;
        border-top: none;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: -31px;
        border-bottom-left-radius:      20px 40px;
        border-bottom-right-radius: 20px 40px;
}

/*---proceed to checkout button----*/
a.checkout-button.button.alt.wc-forward{
        background-color: rgb(255,196,57);
        text-align: center;
        border-radius: 7px;
        border: 1px solid rgba(121,121,121,.5);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        -webkit-box-shadow: 1px 2px .25em rgba(0,0,0,.4) !important;
        box-shadow: 0px 2px .25em rgba(0,0,0,.4) !important;
}
a.checkout-button.button.alt.wc-forward:hover{
        transform:scale(.95);
        font-size: 1.1em;
        border: 1px solid rgb(51,51,51);
        -webkit-box-shadow: inset 0 -2px .25em rgba(51,51,51,.4) !important;
        box-shadow: inset 0 -2px .25em rgba(51,51,51,.4) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*-----"or" divider-----*/
.wcppec-checkout-buttons__separator{
        display: none !important;
        font-size: 1.2em;
        font-weight: bold;
}

/*---paypal button in shopping cart---*/
#woo_pp_ec_button_cart{
        display: none !important;
}
/* ------------------------------------- WooCommerce Account Management Menu --------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation{
        top: 4em;
}
nav.woocommerce-MyAccount-navigation ul li:first-of-type{
        display:none;
}
/*------------------------------------------------------------CHECKOUT----------------------------------------------------------------*/

/* single column checkout style */
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
        max-width: 900px;
        float: left;
}
.woocommerce .woocommerce-checkout .col2-set .col-1 {
    margin-bottom: 30px;
}
div#order_review.woocommerce-checkout-review-order, h3#order_review_heading{
        max-width: 900px;
}
form.checkout.woocommerce-checkout{
        max-width: 900px;
}
/* ----hide billing company field because they should call---- */
p#billing_company_field{
        display: none;
}

/*-------------------------AMAZON PAY BANNER---------------------*/
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info{
        text-align: center;
        padding-top: .75em !important;
        padding-bottom: 2em;
        height: 1em;
        overflow: hidden;
        -webkit-transition: .5s ease-in-out !important;
        -o-transition: .5s ease-in-out !important;
        transition: .5s ease-in-out !important;
}
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info:hover{
        height: 4.5em;
        -webkit-transition: .5s ease-in-out !important;
        -o-transition: .5s ease-in-out !important;
        transition: .5s ease-in-out !important;
}
.amazon_open{
        height: 4.5em !important;
}
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info #pay_with_amazon{
        position: relative;
        display: block;
        width: 100% !important;
        margin: auto;
}
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info #pay_with_amazon img{
        position: absolute;
        display: block;
        margin-left: calc(50% - 63px);
        margin-top: 2em;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info #pay_with_amazon img:hover{
        transform: scale(1.1);
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
@media only screen and (max-width: 363px) {
        div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info #pay_with_amazon img{
                margin-top: 3.5em;
        }
        div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info{
                height: 4.25em;
        }
        div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated div.woocommerce-info.info.wc-amazon-payments-advanced-info:hover{
                height: 6.25em;
        }
        .amazon_open{
                height: 6.25em !important;
        }
}
/*---Amazon Banner Breathe effect---*/
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated{
        -webkit-animation: pulsateMe3 2s infinite !important;
        animation: pulsateMe3 2s infinite !important;
        animation-timing-function: linear;
        animation-direction: alternate;
}
div.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated:hover{
        -webkit-animation: none 1.5s infinite !important;
        animation: none 1.5s infinite !important;
}
/*-------coupon code banner-------*/
.woocommerce-form-coupon-toggle{
        height: 3.7em;
        overflow: hidden;
        box-shadow: 0 0 15px black;
        margin-bottom: 2em;
        -webkit-transition: .32s ease-in-out;
        -o-transition: .32s ease-in-out;
        transition: .32s ease-in-out;
}
.woocommerce-form-coupon-toggle:hover{
        height: 8.5em;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*class added by click event for mobile*/
.coupon_open{
        height: 8.5em;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
@media only screen and (max-width: 745px) {
        .woocommerce-form-coupon-toggle:hover{
                height: 10em;
        }
        .coupon_open{
                height: 10em;
        }
}
@media only screen and (max-width: 301px) {
        .woocommerce-form-coupon-toggle:hover{
                height: 11.75em;
        }
        .coupon_open{
                height: 11.75em;
        }
}
/*-------login banner------*/
.woocommerce-form-login-toggle{
        height: 3.7em;
        overflow: hidden;
        box-shadow: 0 0 15px black;
        margin-bottom: 2em;
        -webkit-transition: .32s ease-in-out;
        -o-transition: .32s ease-in-out;
        transition: .32s ease-in-out;
}
.woocommerce-form-login-toggle:hover{
        height: 8.5em;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.login_open{
        height: 8.5em;
}
@media only screen and (max-width: 369px) {
        .woocommerce-form-login-toggle:hover{
                height: 10em;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        .login_open{
                height: 10em;
        }
}
/*----------------------------------coupon code and returning customer fields and buttons----*/
a.showlogin, a.showcoupon{
        width: 100%;
        margin: auto;
        margin-top: 1.45em;
        font-size: .75em !important;
        background-color: rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
a.showlogin:hover, a.showcoupon:hover {
        background-color: rgb(191,191,191) !important;
        margin: auto;
        margin-top: 1.45em;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-form-login-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info{
        padding: 15px;
        margin-bottom: 26px;
}
/*---slide-down login form---*/
form.woocommerce-form.woocommerce-form-login.login{
        margin-top: -26px;
        margin-bottom: 2.5em;
        padding-top: 3.5em;
}
/*--login button checkout--*/
p.form-row button.button[name="login"]{
        position: relative;
        display: block;
        text-align: center;
        margin: auto;
        transform: scale(.92);
        background-color: rgb(51,51,51);
        height: 3em;
        width: 100%;
        color: rgb(241,241,241);
        padding: 10px;
        top: -2px;
        -webkit-box-shadow: 1px 3px .5em rgba(0,0,0,.5) !important;
        box-shadow: 1px 3px .5em rgba(0,0,0,.5) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        margin-bottom: .5em;
}
p.form-row button.button[name="login"]:hover{
        background-color: rgb(141,141,141);
        color: rgb(241,241,241) !important;
        -webkit-box-shadow: inset 0px -1px .6em rgba(0,0,0,.6) !important;
        box-shadow: inset 0px -1px .6em rgba(0,0,0,.6) !important;
        border-radius: 10px;
        transform:scale(.88);
        border: 1px solid rgba(51,51,51,.4);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*--[remember me] checkbox checkout--*/
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline{
        margin-top: 15px;
        margin-bottom: -5px;
}
/*--lost your password? checkout--*/
p.lost_password a{
        position: relative;
        display: inline-block;
        font-family: 'Press Start 2P';
        font-size: .9em;
        padding: 5px;
        border: 2px solid rgb(51,51,51);
        text-align: center;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
p.lost_password a:hover{
        background-color: rgb(91,91,91);
        transform: scale(.95);
        color: rgb(241,241,241) !important;
        border-radius: 5px;
        text-shadow:
                0px -1px 2px rgba(1,1,1,.8),
                1px 0px 2px rgba(1,1,1,.8),
                -1px 1px 2px rgba(1,1,1,.8),
                1px 1px 2px rgba(1,1,1,.8);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*---slide-down COUPON form elements [this one is structured in p tags]---*/
/*-slide down form area-*/
form.checkout_coupon.woocommerce-form-coupon{
        border: 2px solid rgba(131,131,131,.5);
        border-top: none;
        margin-top: -36px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 2.5em;
        padding: 15px;
        padding-top: 1.5em;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
        background: linear-gradient(180deg,  
                                rgb(131,131,131) 0%,
                                rgb(231,231,231) 3%,
                                rgb(231,231,231) 80%,
                                rgba(131,131,131,.4)  100%) !important;
}
/*-code text input-*/
.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first input#coupon_code.input-text{
        position: relative;
        display: block;
        width: 75% !important;
}
/*-this specific coupon code button-*/
.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button{
        text-align: center;
        position: relative;
        display: block;
        width: 100%;
        float: right;
        margin-top: -7px;
        height: 3.95em;
}
/*----------------------------------------shipping address fields styling----------------------*/
/*----billing information area----*/
.woocommerce-billing-fields{
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 5px,
                                rgb(131,131,131) 2.5em,
                                rgb(231,231,231) 3.2em,
                                rgb(231,231,231) calc(100% - 1em),
                                rgb(101,101,101) 100%) !important;
        padding-left: 5px;
        padding-right: 5px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border: 2px solid rgba(51,51,51,.3);
        margin-bottom: 17px;
        padding-left: 7px;
        padding-right: 7px;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;

}
.woocommerce-billing-fields h3{
        text-align: center;
        font-size: 1.5em;
        margin-top: .3em;
        font-family: 'Special Elite', cursive;
        font-weight: 550;
        color: rgb(251,251,251) !important;
        text-shadow:
                0px -1px 2px rgba(1,1,1,.8),
                1px 0px 2px rgba(1,1,1,.8),
                -1px 1px 2px rgba(1,1,1,.8),
                1px 1px 2px rgba(1,1,1,.8);
}
/*----[create an account?] area----*/
.woocommerce-account-fields{
        padding-left: 7px;
        padding-right: 7px;
        background: linear-gradient(180deg,  
                                rgb(151,151,151) 0%,
                                rgb(231,231,231) 2px,
                                rgb(131,131,131) 15px,
                                rgb(131,131,131) 3.8em,
                                rgb(231,231,231) 4.6em,
                                rgb(231,231,231) calc(100% - 16px),
                                rgb(191,191,191) 100%);
        border-radius:  40px / 20px;
        border: 2px solid rgba(51,51,51,.3);
        border-top: none;
        margin-top: 27px;
        margin-bottom: 27px;
        margin-left: 1.25em;
        margin-right: 1.25em;
        transform: scale(1.075);
        box-shadow: 0 0 2px rgb(51,51,51,.6);
        animation: glowMeBetter2 3s infinite;
    animation-timing-function: ease;
        animation-timing-function: linear;
}


p.form-row.form-row-wide.create-account.woocommerce-validated{
        text-align: center;
        font-family: 'Special Elite', cursive;
        font-size: 1.5em;
        padding-top: 22px;
        margin-bottom: 17px !important;
}
p.form-row.form-row-wide.create-account.woocommerce-validated label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{
        cursor: pointer;
        color: rgb(251,251,251) !important;
        text-shadow:
                0px -1px 1px rgba(51,51,51,.8),
                1px 0px 1px rgba(51,51,51,.8),
                -1px 1px 1px rgba(51,51,51,.8),
                1px 1px 1px rgba(51,51,51,.8);
}
p.form-row.form-row-wide.create-account.woocommerce-validated label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input{
        position: relative;
        display: inline-block;
        top: -2px;
        cursor: pointer;
        -webkit-animation: glowMeBetter2 3s infinite; 
        animation: glowMeBetter2 3s infinite;
        animation-timing-function: linear;
        -webkit-transition: .32s ease-in-out;
        -o-transition: .32s ease-in-out;
        transition: .32s ease-in-out;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input[type="checkbox"]:checked {
        -webkit-animation: none; 
        animation: none;
        transform:scale(1.4);
        -webkit-transition: .32s ease-in-out;
        -o-transition: .32s ease-in-out;
        transition: .32s ease-in-out;
}
/* --- additional shipping fields --- */
.woocommerce-shipping-fields{
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: none;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 5px,
                                rgb(131,131,131) 2.5em,
                                rgb(231,231,231) 3.2em,
                                rgb(231,231,231) 100%) !important;
   padding-left: 5px;
   padding-right: 5px;
}
.woocommerce-shipping-fields h3{
        position: relative;
        display: block;
        margin-top: .5em;
        padding-left: 2px;
        padding-right: 2px;
        font-size: 1.13em;
        text-shadow:
                0px -1px 2px rgba(1,1,1,.8),
                1px 0px 2px rgba(1,1,1,.8),
                -1px 1px 2px rgba(1,1,1,.8),
                1px 1px 2px rgba(1,1,1,.8);
}
#ship-to-different-address label input[type="checkbox"] + span{
        font-weight: bold;
        color: rgb(251,251,251) !important;
        padding-bottom: 7px;
}
/* alternate header here during WC checkout for motel, only addt'l notes, not diff. shipping address */
div.woocommerce-additional-fields{

}
div.woocommerce-additional-fields h3{
        position: relative;
        display: block;
        margin-bottom: -0px;
        font-size: 1.5em !important;
        font-family: 'Special Elite', cursive;
        font-size: 2em;
        text-align: center;
        padding-top: 10px;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(101,101,101) 100%) !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: 1px solid rgba(51,51,51,.2);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* this is the address toggle and it has a checked/unchecked status for it's backgroud determiner */
/*unchecked*/
#ship-to-different-address label input[type="checkbox"] + span::before{
        background-color: rgb(91,91,91) !important;
        border-color: rgb(251,251,251) !important;
        -webkit-box-shadow: 1px 2px .25em rgba(0,0,0,.6) !important;
        box-shadow: 0px 2px .25em rgba(0,0,0,.6) !important;
}
/*checked*/
#ship-to-different-address label input[type="checkbox"]:checked + span::before{
        background-color: rgb(231,231,231) !important;
        border-color: rgb(51,51,51) !important;
        -webkit-box-shadow: 0px -1px .25em rgba(230,230,230,.8) !important;
        box-shadow: 0px -1px .25em rgba(230,230,230,.8) !important;

}
/* slider circle*/
.woocommerce-shipping-fields span::after{
        background-color: rgb(251,251,251) !important;
}
#ship-to-different-address label input[type="checkbox"]:checked + span::after{
        background-color: rgb(51,51,51) !important;
}
/*--different address wrapper---*/
.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper{
        position: relative;
        display: block;
        min-width: 300px;
}
/* ----order notes wrapper ---- */
p#order_comments_field{
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 14px;
        border: 2px solid rgba(51,51,51,.3);
        border-top: none;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(231,231,231) calc(100% - 1em),
                                rgb(101,101,101) 100%) !important;
}
textarea#order_comments.input-text{
        resize: none;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
}

/*-----------------------------FINAL SUMMARY AND PLACE ORDER [still in checkout]---------------------------*/
/*----form heading----*/
h3#order_review_heading{
        position: relative;
        display: block;
        margin-bottom: -0px;
        font-size: 2.5em !important;
        font-family: 'Special Elite', cursive;
        font-size: 2em;
        text-align:center;
        padding-top: 10px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,.5),
                                -1px 1px 2px rgba(51,51,51,.5),
                                1px 1px 3px rgba(0,0,0,.8) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: 1px solid rgba(51,51,51,.2);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* ------ order-review and place order container ------ */
div#order_review.woocommerce-checkout-review-order{
        background-color: rgb(231,231,171);
        padding-top: 10px;
        padding-bottom: 0px !important;
        border-left: 2px solid rgba(51,51,51,.5);
        border-right: 2px solid rgba(51,51,51,.5);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
/*--------[final order summary table] structure----*/
table.shop_table.woocommerce-checkout-review-order-table {
        position: relative;
        display: inline-block;
        margin-top: -11px;
        padding-bottom: 10px;
        padding-right: 7%;
        padding-left: 7%;
        width: 100%;
        border-left: 1px solid rgba(51,51,51,.6);
        border-right: 1px solid rgba(51,51,51,.6);
        background: linear-gradient(180deg,  
                                rgb(131,131,131) 0%,
                                rgb(231,231,231) 2%, 
                                rgb(231,231,231) 95%, 
                                rgb(231,231,171) 100%)!important;
}
table.shop_table.woocommerce-checkout-review-order-table thead tr th{
        position: relative;
        top: 5px;
        padding-bottom: 5px;
}
table.shop_table.woocommerce-checkout-review-order-table tbody tr{
        position: relative;
        display: static;
        margin-right: 20px;
        padding-left: 20px;
}
table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name{
        width: 5%;
}
table.shop_table.woocommerce-checkout-review-order-table tbody tr:hover, table.shop_table.woocommerce-checkout-review-order-table tfoot tr:hover{
        background-color: white;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping th{
        vertical-align: top;
        padding-top: .85em !important;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping, table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal{
        border-bottom: 2px solid rgb(175,175,175) !important;
}
table.shop_table.woocommerce-checkout-review-order-table tr.order-total{
        border-top: 6px solid rgb(175,175,175) !important;
        border-top-style: double !important;
        border-color: rgb(175,175,175);
        border-bottom: none;
}
th.product-name, th.product-total{
        font-family: 'Special Elite', cursive;
        font-size: 1.7em;
}
th.product-total{
        text-align: right;
}
table.shop_table.woocommerce-checkout-review-order-table th{
        width: 1%;
}
table.shop_table.woocommerce-checkout-review-order-table tbody{
        border-bottom: 2px solid rgb(175,175,175);
}
table.shop_table.woocommerce-checkout-review-order-table td span.woocommerce-Price-amount.amount{
        position: relative;
        display: block;
        float: right;
        padding-left: 30px;
        padding-top: 2px;
}

table.shop_table.woocommerce-checkout-review-order-table td label{
        text-align: right;
        padding-bottom: 10px;
        margin-bottom: -10px;
}
table.shop_table.woocommerce-checkout-review-order-table tr td ul{
        width: 100% !important;
        float: right;
}
table.shop_table.woocommerce-checkout-review-order-table tr td ul li{
        margin-bottom: 47px !important;
}
table.shop_table.woocommerce-checkout-review-order-table tr td ul li:last-of-type{
        margin-bottom: 0px !important;
}
table.shop_table.woocommerce-checkout-review-order-table td ul li:hover{
        background-color: rgba(221,221,221,.8);
}
table.shop_table.woocommerce-checkout-review-order-table td ul li :not(.amount){
        text-align: left
}
table.shop_table.woocommerce-checkout-review-order-table td ul li:hover{
    background-color: white !important;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot tr td ul li label:not(.amount){
        padding-left: 22px !important;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot tr td ul li input{
        position: relative;
        top: 2px;
}
/*-----------------------------------------payment selection area------------------------------*/

/*--space between order summary and place order button--*/

div#payment.woocommerce-checkout-payment{
        background: linear-gradient(180deg, 
                                        rgb(231,231,171) 0%, 
                                        rgb(241,211,121) 85%, 
                                        rgb(255,196,57) 95%, 
                                        rgba(51,51,51,.4) 100%) !important;
        margin-top: -30px;
        padding-top: 45px;
        border-left: 1px solid rgba(51,51,51,.6);
        border-right: 1px solid rgba(51,51,51,.6);
        border-bottom: 2px solid rgba(51,51,51,.5);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
ul.wc_payment_methods.payment_methods.methods{
        margin-top: -15px;
}
ul.wc_payment_methods.payment_methods.methods li.wc_payment_method:first-of-type{
        border-top: 1px solid rgba(51,51,51,.4);
}
ul.wc_payment_methods.payment_methods.methods li.wc_payment_method{
        border-bottom: 1px solid rgba(51,51,51,.4);
        margin-left: 3%;
        margin-right: 3%;
        padding-left: 4%;
        padding-right: 4%;
}
/*------------------------PAYPAL SELECTION------------------------------*/
/*----make little paypal logo disappear-----*/
.wc_payment_method > label[for="payment_method_ppec_paypal"]{
        text-indent: -31px;
        padding-left: 31px;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
.wc_payment_method > label[for="payment_method_ppec_paypal"] img{
        Display: none;
}
.payment_box.payment_method_ppec_paypal{
        display: none;
}
.paypal-powered-by{
        display: none !important;
}
.paypal-powered-by > .paypal-button-text, .paypal-powered-by > .paypal-logo{
        display: none !important;
}
/*-----hide what is paypal--------*/
a.about_paypal{
        display: none;
}
/*-------------------------STRIPE SELECTION------------------------------*/
.wc-stripe-error{
        margin-top: 20px !important;
}
.wc_payment_method > label[for="payment_method_stripe"]{
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
@media only screen and (max-width: 590px) {
        .wc_payment_method > label[for="payment_method_stripe"]{
                padding-bottom: 20px;
        }
}
@media only screen and (max-width: 281px) {
        .wc_payment_method > label[for="payment_method_stripe"]{
                padding-bottom: 38px !important;
        }
}
/*---- stripe card input window [payment box]----*/
.payment_box {
        background-color: rgba(247,246,240,1) !important;
}
.payment_box.payment_method_stripe{
        border: 1px solid rgba(131,120,24,.5) !important;
}
.payment_box.payment_method_stripe ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods li {
        border-top: 2px solid rgba(51,51,51,.4);
        padding-top: 8px;
        margin-top: -8px;
}
.payment_box.payment_method_stripe fieldset#wc-stripe-cc-form.wc-credit-card-form.wc-payment-form{
        margin-top: -1em;
}
/*---cc #----*/
.payment_box.payment_method_stripe fieldset#wc-stripe-cc-form.wc-credit-card-form.wc-payment-form label{
        margin-top: 8px;
        margin-bottom: -8px;
}
/*---expiry date---*/
.payment_box.payment_method_stripe fieldset#wc-stripe-cc-form.wc-credit-card-form.wc-payment-form div.form-row.form-row-first{
        width: 100%;
}
/*---CVC---*/
.payment_box.payment_method_stripe fieldset#wc-stripe-cc-form.wc-credit-card-form.wc-payment-form div.form-row.form-row-last{
        width: 100%;
}
@media only screen and (max-width: 518px) {
        .payment_box.payment_method_stripe fieldset#wc-stripe-cc-form.wc-credit-card-form.wc-payment-form{
                width: 100% !important;
                padding-left: 0px;
                padding-right: 0px;
        }
        .payment_box.payment_method_stripe{
                padding-left: 7% !important;
                padding-right: 7% !important;
                margin-left: 5px;
                margin-right: 5px;
        }
}
@media only screen and (max-width: 422px) {
        .payment_box.payment_method_stripe{
                padding-left: 7% !important;
                padding-right: 7% !important;
                margin-left: 0px;
                margin-right: 0px;
        }
}
@media only screen and (max-width: 300px) {
        .payment_box.payment_method_stripe{
                padding-left: 7% !important;
                padding-right: 7% !important;
                margin-left: 0px;
                margin-right: 0px;
        }
}
input#wc-stripe-new-payment-method{
        position: relative;
        top: 1px;
}
p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated{
        position: relative;
        display: block;
        border-top: 2px solid rgba(51,51,51,.2);
        padding-top: 15px;
        margin-top: -20px !important;
        margin-bottom: -20px !important;
}
/*---------payment-type message container--------*/
.payment_box {
        text-align: justify;
        text-align-last: center;
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 20px;
        border: 1px solid rgba(51,51,51,1) !important;
}
/*----terms and conditions confirm-------*/
div.woocommerce-terms-and-conditions-wrapper{
        padding-left: 7%;
        padding-right: 7%;
        text-align: justify;
        text-align-last: center;
}
/* -----------PayPal place order button content---------------*/
div.payment_box.payment_method_ppec_paypal{
        position: relative;
        display: none !important;
        width: 90% !important;
        margin: auto;
        margin-bottom: 1em;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        width: 100%;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
#woo_pp_ec_button_checkout{
        position: relative;
        display: block;
        margin: auto !important;
        width: 100%;
        margin-left: 7% !important;
        margin-right: 7% !important;
        background-color: rgba(51,51,51,1);
        background: linear-gradient(180deg,  
                                        rgba(238,216,134,1) 0%,
                                        rgba(238,216,134,1) 8%,
                                        rgba(114,98,9,.6) 13%,
                                        rgba(114,98,9,.6) 17%,
                                        rgba(50,43,4,.6) 55%,
                                        rgba(231,231,231,.5) 59%,
                                        rgba(101,101,101,.5) 90%,
                                        rgba(101,101,101,.6) 100%) !important;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-bottom: 3px solid rgba(91,91,91,.9);
        border-left: 1px solid rgba(51,51,51,.2);
        border-right: 1px solid rgba(51,51,51,.2);
        padding-bottom: 5px !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
        z-index: 3;
}

.paypal-button-context-iframe{
        padding-top: 7px;
        height: 140px !important;
}
@media screen and (min-device-width: 655px) and (max-device-width: 907px) { 
    #woo_pp_ec_button_checkout{
            width: calc(100% + 2px);
        }
}
@media screen and (min-device-width: 907px) and (max-device-width: 1157px) { 
   #woo_pp_ec_button_checkout{
           width: calc(100% + 2px);
        }
}
@media screen and (min-device-width: 345px) and (max-device-width: 395px) { 
        #woo_pp_ec_button_checkout{
                padding-bottom: 0px !important;
                height: 104px;
                background: linear-gradient(180deg,  
                                        rgba(238,216,134,1) 0%,
                                        rgba(114,98,9,.6) 8%,
                                        rgba(50,43,4,.6) 47%,
                                        rgba(231,231,231,.5) 56%,
                                        rgba(101,101,101,.5) 90%,
                                        rgba(101,101,101,.6) 100%) !important;
        } 
        .paypal-button-context-iframe{
                margin-top: -8.9px;
                padding-top: 0px;
        }
}
@media only screen and (max-width: 656px) {
        #woo_pp_ec_button_checkout{
                left: calc(-1vw - 5.8%) !important;
        }
}
@media only screen and (min-width: 656px) {
        #woo_pp_ec_button_checkout{
                left: calc(-1vw - 5.7%) !important;
            margin-left: 7% !important;
        }
}
@media only screen and (max-width: 733px) {
        .paypal-button-context-iframe{
                height: 110px !important;
        }
}
@media screen and (min-device-width: 625px) and (max-device-width: 657px) { 
        .paypal-button-context-iframe{
                height: 135px !important;
        }
}
@media screen and (max-device-width: 344px) { 
        .paypal-button-context-iframe{
                padding-top: 5px;
        }
}
@media screen and (max-device-width: 397px) { 
        .paypal-button-context-iframe{
                height: 92px !important;
        }
}
/*------------------------place order button ------------*/
button#place_order:hover{
        transform: scale(1) !important;
}
button#place_order:hover{
        transform: scale(1) !important;
        border: 2px solid rgb(221,81,81) !important;
}
button#place_order:hover::before{
        transform: scale(.97) !important;
}
button[name="woocommerce_checkout_place_order"]{
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        transform: scale(1) !important;
        font-size: 1em;
        text-shadow:
                0px -1px 9px rgba(1,1,1,1),
                1px 0px 3px rgba(1,1,1,1),
                -1px 1px 3px rgba(1,1,1,1),
                1px 1px 9px rgba(1,1,1,1);
        width: 100%;
        height: 90px;
        padding-bottom: 2.3em;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-right: 2px solid rgba(51,51,51,.6);
        border-left: 2px solid rgba(51,51,51,.6);
        border-bottom: 1px solid rgba(51,51,51,.7);
        border-top: 2px solid rgba(241,211,121,.7);
        background: linear-gradient(180deg,  
                                        rgb(231,231,231) 0%,
                                        rgba(225,166,27,1) 15%,
                                        rgb(231,61,61) 100%) !important;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
button[name="woocommerce_checkout_place_order"]::before{
        position: absolute;
        display: inline-block;  
        background-color: rgb(255,196,57);
        bottom: 10%;
        font-family: 'Press Start 2P';
        font-size: 1.75em !important;
        content: "Place Order";
        width: 80%;
        height: 80%;
        border-radius: 10px;
        border: 1px solid rgba(121,121,121,.8);
        padding-top: 12px;
        -webkit-box-shadow: 1px 2px .25em rgba(0,0,0,.6) !important;
        box-shadow: 0px 2px .25em rgba(0,0,0,.6) !important;
        -webkit-animation: pulsateMe 3s infinite;
        animation: pulsateMe 3s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        -webkit-transition: .5s ease-in-out !important;
        -o-transition: .5s ease-in-out !important;
        transition: .5s ease-in-out !important;
}
@media only screen and (max-width: 47.99em) {
        button[name="woocommerce_checkout_place_order"]::before{
                padding-top: 18px;
        }
        #site-navigation.main-navigation{

        }
        .main-navigation ul{
                background: rgba(51,51,51, 0.5);
                -o-transition: .5s ease-in-out !important;
                transition: .5s ease-in-out !important;
        }
}
@media only screen and (max-width: 656px) {
        button[name="woocommerce_checkout_place_order"]::before{
                padding-top: 21px;
                font-size: 1.56em !important;
        }
        button[name="woocommerce_checkout_place_order"]:hover::after{
                margin-left: calc(30vw - 75.5%) !important;
        }
}
@media only screen and (max-width: 519px) {
        button[name="woocommerce_checkout_place_order"]::before{
                font-size: 1.4em !important;
                padding-top: 23px;

            }
                button[name="woocommerce_checkout_place_order"]:hover::after{
                margin-left: calc(30vw - 72%) !important;
                }
        a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
                font-size: .7em !important; 
        }
}
@media only screen and (max-width: 367px) {
        button[name="woocommerce_checkout_place_order"]::before{ 
                font-size: 1.25em !important;
        }
        button[name="woocommerce_checkout_place_order"]:hover::after{
                margin-left: calc(30vw - 70%) !important;
        }
        a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
                font-size: .6em !important;
        }
}
@media only screen and (max-width: 310px) {
        button[name="woocommerce_checkout_place_order"]::before{ 
                font-size: 1.1em !important;
                padding-top: 28px;
        }
        button[name="woocommerce_checkout_place_order"]:hover::after{
                margin-left: calc(30vw - 69%) !important;
        }
}
button[name="woocommerce_checkout_place_order"]:hover::before{
        -webkit-animation: glowMe 1s infinite !important; 
        animation: glowMe 1s infinite !important;
        background-color: rgb(185,166,157);
        border: 1px solid rgba(51,51,51,.7);
        border-radius: 15px;
        -webkit-box-shadow: inset -1px -1px 10px rgba(1,1,1,1) !important;
        box-shadow: inset -1px -1px 10px rgba(1,1,1,1) !important;
        -webkit-transition: .75s ease-in-out !important;
        -o-transition: .75s ease-in-out !important;
        transition: .75s ease-in-out !important;
}
button[name="woocommerce_checkout_place_order"]:hover{
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,31,131) 15%,
                                rgb(101,101,101) 100%) !important;
        border-radius: 0px !important;
        border-bottom-left-radius: 40px 20px !important;
        border-bottom-right-radius: 40px 20px !important;
        text-shadow:
                    0px -1px 9px rgba(1,1,1,1),
                    1px 0px 3px rgba(1,1,1,1),
                    -1px 1px 3px rgba(1,1,1,1),
                    1px 1px 9px rgba(1,1,1,1);
        -webkit-animation: glowMe 1s infinite; 
        animation: glowMe 1s infinite;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
a.woocommerce-Button.button:hover{
        position: relative;
        display: block;
        background-color: rgb(201,201,201);
        transform: scale(1.05) !important;
        border: 2px solid black;
        -webkit-box-shadow: inset -1px -1px 10px rgba(1,1,1,1) !important;
        box-shadow: inset -1px -1px 10px rgba(1,1,1,1) !important;
        text-shadow:
                -1px -1px 3px rgba(1,1,1,.8),
                1px -1px 3px rgba(1,1,1,.8),
                -1px 1px 3px rgba(1,1,1,.8),
                1px 1px 3px rgba(1,1,1,.8) !important;
}

/*--------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------- */

/*------------------------------------------------------Patron Account Pages------------------------------------------------*/
.woocommerce-MyAccount-content a.button{
        position: relative;
        display: block;
        max-width: 75%;
        margin: auto;
        padding: 5px;
        text-align: center;
        font-family: 'Press Start 2P';
        border: 2px solid rgb(51,5,51);
        padding-top: 10px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-MyAccount-content a.button:hover{
        color: rgb(231,231,231);
        background-color: rgb(51,51,51);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/*-----------------dashboard [menu on blank page]--------------------*/
.woocommerce-MyAccount-navigation{
        position: relative;
        display: block;
        width: 100.5vw !important;
        margin: auto;
        margin-top: -72px !important;
}
.woocommerce-MyAccount-navigation ul{
        position: relative;
        display: block;
        top: -13px;
        background: linear-gradient(180deg,  
                                rgba(191,191,191,.3) 0%,
                                rgba(131,131,131,.5) calc(0% + 10px),
                                rgb(131,131,131) 10%, 
                                rgb(131,131,131) calc(100% - 10px), 
                                rgb(191,191,191) 100%)!important;
        text-align: center;
        height: 2em !important;
        width: 102%;
        margin: auto;
        padding-top: 20px;
        padding-bottom: 10px;
        left: -0.9%;
}
/* media query for these list items up top */
.woocommerce-MyAccount-navigation ul li{
        position: relative;
        display: inline-block;
        background-color: rgb(51,51,51);
        color: rgb(231,231,231) !important;
        text-align: center;
        font-family: 'Press Start 2P';
        width: auto;
        word-break: keep-all;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-MyAccount-navigation ul li::before{
          display: none !important;
}
.woocommerce-MyAccount-navigation ul li:hover{
        background-color: rgb(171,171,171) !important;
}

.woocommerce-MyAccount-navigation ul li.is-active{
        background-color: rgb(231,231,231);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-MyAccount-navigation ul li.is-active:hover{
        border-radius: 0px;
        background-color: rgb(231,231,231) !important;
        transform: none;
}
.woocommerce-MyAccount-navigation ul li a{
        color: rgb(221,221,221);
        padding: 10px;
        -webkit-box-shadow: none !important;
        box-shadow: none  !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        cursor: pointer;
}
.woocommerce-MyAccount-navigation ul li:hover > a{
        color: rgb(51,51,51) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
        color: rgb(51,51,51);
        background-color: rgb(231,231,231) !important;
}
.woocommerce-MyAccount-navigation ul li:hover > a{
        color: rgb(51,51,51) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
        color: rgb(51,51,51);
        background-color: rgb(231,231,231) !important;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link:hover{
        transform: rotateY(-360deg) !important;
        -webkit-transition: .5s ease-in-out !important;
        -o-transition: .5s ease-in-out !important;
        transition: .5s ease-in-out !important;
}
.woocommerce-MyAccount-content p{
        position: relative;
        display: block;
        font-family: 'Special Elite', cursive;
        font-size: 1.3em;
        text-align: justify;
        text-align-last: center;
}
.woocommerce-MyAccount-content p:nth-child(1){
        position: relative;
        display: none !important;
}
.woocommerce-MyAccount-content p:nth-child(2){
        position: relative;
        display: none !important;
}
.woocommerce-MyAccount-content p:nth-child(3){
        position: relative;
        display: none !important;
}
/*-- re-marginalize and pad content (further media queries below) --*/
div.woocommerce-MyAccount-content{
        position: relative;
        display: block;
        width: 100% !important;
        margin: auto;
        margin-top: 45px;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

body.woocommerce-account.woocommerce-orders {

}

body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .account-orders-table{
        background: white;
        border-radius: 40px / 20px;
}
body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .account-orders-table tr{
        border-bottom: none
}
body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .account-orders-table th, body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .account-orders-table td:not(td.woocommerce-orders-table__cell-order-actions){
        padding: .5em;
        border-right: 1px solid rgba(188,188,188);
}
/*-------------------orders---------------------*/

/*------------------downloads-------------------*/
/* clear "go shop" from [no downloads available] alert */
.woocommerce-MyAccount-content .woocommerce-Message.woocommerce-Message--info.woocommerce-info a.woocommerce-Button.button{
        display: none;
}
/*----------------edit addresses----------------*/
/*---selection page---*/
header.woocommerce-Address-title.title h3{
        font-size: 2em !important;
}
header.woocommerce-Address-title.title a.edit{
        position: relative;
        display: block;
        font-family: 'Press Start 2P';
        font-size: 1.5em;
        padding-top: 8px;
        padding-bottom: 25px;
        text-align: center;
        width: 100%;
        background: linear-gradient(180deg,  
                                rgb(131,131,131) 0%,
                                rgb(221,221,221) 15%,
                                rgb(221,221,221) 85%,
                                rgb(201,201,201) 100%) !important;
        margin:auto;
        border-left: 1px solid rgba(51,51,51,.6);
        border-right: 1px solid rgba(51,51,51,.6);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
header.woocommerce-Address-title.title a.edit::before{
        content:'click to \A';
        white-space: pre;
        font-size: .8em;
        font-family: helvetica;
}
header.woocommerce-Address-title.title a.edit:hover{
  color: rgb(255,255,255);
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,.5),
                                -1px 1px 2px rgba(51,51,51,.5),
                                1px 1px 3px rgba(0,0,0,.8) !important;
        background: linear-gradient(180deg,  
                                        rgb(131,131,131) 0%,
                                        rgba(111,111,111,.7) 25%,
                                        rgba(101,101,101,.7) 85%,
                                        rgb(201,201,201) 100%) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.woocommerce-Address address{
        position: relative;
        display: block;
        text-align: center;
        background: linear-gradient(180deg,  
                                rgb(201,201,201) 0%,
                                rgb(191,191,191) 15%,
                                rgb(191,191,191) 85%,
                                rgb(131,131,131) 100%) !important;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border: 1px solid rgba(51,51,51,.6);
        border-top: none;
        padding-top: 10px;
        padding-bottom: 20px;
}
/*----- edit saved address page ------*/
.woocommerce-MyAccount-content h3{
        position: relative;
        display: block;
        margin-bottom: -0px;
        font-size: 2.5em !important;
        font-family: 'Special Elite', cursive;
        font-size: 2em;
        text-align:center;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,.5),
                                -1px 1px 2px rgba(51,51,51,.5),
                                1px 1px 3px rgba(0,0,0,.8) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border: 1px solid rgba(51,51,51,.4);
        border-bottom: 1px solid rgba(51,51,51,.4);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
div.woocommerce-address-fields{
        margin-top: -8px;
        padding-top: 20px;
        border: 1px solid rgba(51,51,51,.4);
        border-top: none;
        background: linear-gradient(180deg,  
                                rgb(131,131,131) 0%,
                                rgb(231,231,231) 2%, 
                                rgb(231,231,231) 95%, 
                                rgb(131,131,131) 100%) !important;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
div.woocommerce-address-fields__field-wrapper{
        margin-left: 15px;
        margin-right: 15px;
}
/*---------------payment methods-----------------*/

/*---------------account details-----------------*/

/*------------FIX THE WRAPPER?-------------*/
body.woocommerce {
        padding-left: 0em !important;
        padding-right: 0em !important;
}
/*-------------------------------------------------------------ANIMATIONS-------------------------------------------------------*/
        @-webkit-keyframes weebleWobble {
                0%   {
                        transform: rotateY(15deg);
                }
                100%{
                        transform: rotateY(-15deg);
                }
        }
        @-webkit-keyframes glowMe {
                0%   {
                        text-shadow:
                                0px -1px 9px rgba(1,1,1,1),
                                1px 0px 3px rgba(1,1,1,1),
                                -1px 1px 3px rgba(1,1,1,1),
                                1px 1px 9px rgba(1,1,1,1),
                                0 0 3px rgba(201,201,201,.5);
                }
                50%  {
                        text-shadow: 
                                0px -3px 3px rgba(200,50,50),
                                3px 0px 9px rgba(200,50,50,1),
                                -3px 3px 9px rgba(200,50,50,1),
                                3px 3px 3px rgba(200,50,50,1),
                                0px 0px 20px rgba(201,201,201,1);
                }
                100% {
                        text-shadow:
                                0px -1px 9px rgba(1,1,1,1),
                                1px 0px 3px rgba(1,1,1,1),
                                -1px 1px 3px rgba(1,1,1,1),
                                1px 1px 9px rgba(1,1,1,1),
                                0 0 3px rgba(201,201,201,.5);
                }
        }
        @-webkit-keyframes pulsateMe {
                0%   {
                        text-shadow:
                                0px -3px 9px rgba(1,1,1,1),
                                1px 0px 3px rgba(1,1,1,1),
                                -3px 3px 3px rgba(1,1,1,1),
                                1px 1px 9px rgba(1,1,1,1);
                        color: white;
                }
                50%  {
                        text-shadow:
                                0px 3px 3px rgba(1,1,1,1),
                                -3px 0px 19px rgba(1,1,1,1),
                                3px 3px 19px rgba(1,1,1,1),
                                -3px 1px 3px rgba(1,1,1,1);
                        color: rgb(191,191,191)
                }
                100%  {
                        text-shadow:
                                0px -3px 19px rgba(1,1,1,1),
                                3px 0px 3px rgba(1,1,1,1),
                                -3px 1px 3px rgba(1,1,1,1),
                                1px 1px 19px rgba(1,1,1,1);
                }
        }
        @-webkit-keyframes pulsateMe2 {
                0%   {
                        box-shadow: 0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34);
                        -webkit-box-shadow: 0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34),0 0 15px rgb(178,34,34);
                }
                100% {
                        box-shadow: 0 0 15px rgb(178,34,34);
                        -webkit-box-shadow: 0 0 15px rgb(178,34,34);
                }
        }
        @-webkit-keyframes pulsateMe3 {
                0%   {
                        box-shadow: 0 0 15px rgb(131,131,131), 0 0 15px rgb(131,131,131), 0 0 15px rgb(131,131,131),0 0 15px rgb(131,131,131);
                                -webkit-box-shadow: 0 0 15px rgb(131,131,131), rgb(131,131,131), 0 0 15px rgb(131,131,131), 0 0 15px rgb(131,131,131);
                }
                50%   {
                        box-shadow: 0 0 5px rgb(101,101,101);
                        -webkit-box-shadow: 0 0 5px rgb(101,101,101);
                }
                100% {
                        box-shadow: 0 0 15px rgb(131,131,131), 0 0 15px rgb(131,131,131), 0 0 15px rgb(131,131,131),0 0 15px rgb(131,131,131);
                        -webkit-box-shadow: 0 0 15px rgb(131,131,131), rgb(131,131,131), 0 0 15px rgb(131,131,131), 0 0 15px rgb(131,131,131);
                }
        }
        @-webkit-keyframes glowMeBetter2 {
                0%   {
                        box-shadow:
                                0px -1px 3px rgba(51,51,51,1),
                                1px 0px 3px rgba(51,51,51,1),
                                -1px 1px 3px rgba(51,51,51,1),
                                1px 1px 3px rgba(51,51,51,1),
                                0 0 13px rgb(241,211,121);
                }
                25%  {
                        box-shadow: 
                                -3px -3px 1px rgba(51,51,51,.9),
                                3px -3px 1px rgba(51,51,51,.9),
                                -3px 3px 1px rgba(51,51,51,.9),
                                3px 3px 1px rgba(51,51,51,.9),
                                -3px -3px 3px rgba(241,211,121,.7),
                                3px -3px 3px rgba(241,211,121,.7),
                                -3px 3px 3px rgba(241,211,121,.7),
                                3px 3px 3px rgba(241,211,121,.7);
                }
                50%  {
                        box-shadow:
                                -3px -3px 1px rgba(51,51,51,0),
                                3px -3px 1px rgba(51,51,51,0),
                                -3px 3px 1px rgba(51,51,51,0),
                                3px 3px 1px rgba(51,51,51,0),
                                -3px -3px 2px rgba(241,211,121,1),
                                3px -3px 2px rgba(241,211,121,1),
                                -3px 3px 2px rgba(241,211,121,1),
                                3px 3px 2px rgba(241,211,121,1);
                }
                75%  {
                        box-shadow: 
                                -3px -3px 1px rgba(241,211,121,.7),
                                3px -3px 1px rgba(241,211,121,.7),
                                -3px 3px 1px rgba(241,211,121,.7),
                                3px 3px 1px rgba(241,211,121,.7),
                                -3px -3px 3px rgba(51,51,51,.7),
                                3px -3px 3px rgba(51,51,51,.7),
                                -3px 3px 3px rgba(51,51,51,.7),
                                3px 3px 3px rgba(51,51,51,.7);
                }
                100% {
                        box-shadow:
                                0px -1px 3px rgba(51,51,51,1),
                                1px 0px 3px rgba(51,51,51,1),
                                -1px 1px 3px rgba(51,51,51,1),
                                1px 1px 3px rgba(51,51,51,1),
                                0 0 13px rgb(241,211,121);
                }
        }


/* -------------------------------------------------------SOME MEDIA QUERIES------------------------------------------------------------*/
/* --------------------------------------screen width < 750px + scrollbar  ------------------------------ */
        @media only screen and (max-width: 936px){
                table.shop_table.woocommerce-checkout-review-order-table td ul li span.woocommerce-Price-amount.amount{
                        border-top: 2px solid rgba(51,51,51,.6);
                        height: 100%;
                        width: 100%;
                        text-align: right;
                }
        }
        @media only screen and (min-width: 937px) {
                table.shop_table.woocommerce-checkout-review-order-table td ul li{
                        border-bottom: 2px solid rgba(51,51,51,.3);
                }
                table.shop_table.woocommerce-checkout-review-order-table td ul li:nth-of-type(2) {
                        margin-top: -30px;
                }
        }
@media only screen and (max-width: 767px) {
                li#menu-item-2428.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2428 a{
                        position: absolute;
                        right: 10%;
                        width: 235px;
                        top: -27px !important;
                }
                .wide_menu a {
                        float: none;
                        width: 100%;
                }
                #page_frame{
                        margin-top: -58px !important;
                }
                .woocommerce-message .restore-item {
                        margin-top: 8px;
                        top: 8px;

                }
                .woocommerce-message .restore-item:hover{
                        margin-top: 10px;
                        top: 10px;
                }
                .checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button{
                        height: 4.2em;
                        font-size: .75em;
                        margin-top: 0px;
                }
                .woocommerce-MyAccount-navigation {
                        margin-right: -5.3em !important;
                        top: -10px;
                }
                .woocommerce-MyAccount-navigation ul{
                        top: -27px !important;
                        left: -1.25%;
                        width: 101.5% !important;
                }
                div.woocommerce-MyAccount-content{
                        margin-top: 90px;
                }
                .payment_box {
                        margin-left: -4.5%;
                        margin-right:-4.5%;
                }
                .product{
                        transform: scale(.97);
                }
                #primary .site-main ul.products{
                        padding: 0px;
                }
                button[name="woocommerce_checkout_place_order"]{
                        width: calc(100%) !important;
                        left: 0px;
                        bottom: -19px !important;
                }
                table.shop_table.shop_table_responsive tbody tr.woocommerce-shipping-totals.shipping td ul{
                        margin-top: -1.35em !important;
                }
                li#menu-item-2428.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2428{
                        left: 0px !important;
                        top: 40px !important;
                }
        }
        @media only screen and (min-width: 768px) {
                button[name="woocommerce_checkout_place_order"]{
                        width: calc(100% + 4px) !important;
                        left: 2px;
                }
                table.shop_table.shop_table_responsive tbody td{
                        margin-top: -20px;
                }
                a.custom-logo-link img.custom-logo{
                        position: relative;
                        transform: scale(1.5) !important;
                        z-index: 3;
                        left: .5em;
                }
                #reviews.woocommerce-Reviews #review_form_wrapper{
                        width: calc(80%);
                }
        }
        @media only screen and (min-width: 657px) {
                .woocommerce{
                        padding-left: 15% !important;
                        padding-right: 15% !important;
                }
                .woocommerce-MyAccount-navigation {
                        margin-right: -7em;
                }
        }
        @media only screen and (max-width: 656px) {
                .woocommerce-MyAccount-navigation ul li{
                        width: 100% !important;
                }
                .woocommerce-MyAccount-navigation {
                        right: 3.7em !important;
                   top: 24px !important;
                }
                .woocommerce-MyAccount-navigation ul{
                        width: 102% !important;
                        left: calc(-1.5% + 5px);
                }
                div.woocommerce-MyAccount-content{
                        margin-top: 315px;
                }
                .woocommerce-MyAccount-navigation ul li a{
                        position: relative;
                        display: block;
                        width: 100% !important;
                        margin-top: -10px !important;
                        margin-bottom: -10px !important;
                }
        }
        @media only screen and (max-width: 519px) {
                .woocommerce-MyAccount-navigation {
                        top: -4px;
                }
                 #page_frame{
                        margin-top: -47px !important;
                }
        }
        @media only screen and (max-width: 319px){
                table.shop_table.woocommerce-checkout-review-order-table {
                        padding-right: 3%;
                        padding-left: 3%;
                }
                table.shop_table.woocommerce-checkout-review-order-table tfoot tr td ul li label:not(.amount){
                        padding-left: 0px !important;
                }
        }
        /*---major content resize point ----*/
        @media only screen and (max-width: 47.999em) {
                .products li img:hover {
                        transform: none !important;
                }
                .wc-proceed-to-checkout{
                        margin-top: -37px !important;
                }
                .cart_totals table.shop_table.shop_table_responsive th{
                        position: relative;
                        display: none !important;
                }
                .woocommerce-MyAccount-navigation {
                  top: 10px;
                }
        }
        @media only screen and (min-width: 48em) {
                .page:not(.home) #content {
                        padding-bottom: 3.25em;
                        margin-top: -3.3em;
                        padding-top: 5em !important;
                }
                button.button {
                        margin-top: -7px;
                        transform: scale(.75);
                }
                .checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button{
                        margin-right: -2.5em;
                }
                .checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first input#coupon_code.input-text{
                        width: 100% !important;
                }
            body.home .custom-logo-link{
                        display: flex;
                        /*      border: 1px solid yellow; */
                        /*      width: 100%; */
                        justify-content: center;
                width: 75%;
                padding-right: 0 !important;
                }
            #top-menu.menu{
                        display: flex;
                justify-content: center;
                }
            .main-navigation li {
                        margin-left: 2px;
                        margin-right: 2px;
                }
        }
        @media only screen and (max-width: 30em) {
                .checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button{
                        height: 4.2em;
                }
                .lost_reset_password button.woocommerce-Button.button{
                        width: 100%;
                }
        }
/*-------------------------------------------------DOKAN--------------------------------------*/
/* dokan theme buttons */
a.dokan-btn.dokan-btn-theme, .dokan-btn.dokan-btn-theme{
        font-size: 1em !important;
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
a.dokan-btn.dokan-btn-theme:hover, .dokan-btn.dokan-btn-theme:hover{
        font-size: .99em !important;
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(31,31,31) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.dokan-btn.dokan-btn-sm.dokan-btn-danger.dokan-btn-theme{
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                                inset 0 0 5px rgb(51,51,51), 
                        inset 0 0 5px rgb(51,51,51),
                        inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.dokan-btn.dokan-btn-sm.dokan-btn-danger.dokan-btn-theme:hover{
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(231,231,231) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        transform: scale(.95);
        transform-origin: 50% 50%;
}
/* [read more] (and maybe other) buttons */
a.button.product_type_simple{
        position: relative;
        display: block;
        text-align: center;
        font-family: 'Press Start 2P';
        width: 100%;
        font-size: .8em !important;
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
a.button.product_type_simple:hover{
        font-size: .82em !important;
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(31,31,31) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* --------------------------------Dokan Vendor Dash Area------------------------------------ */
/* wide sidebar buttons */
.dokan-dash-sidebar ul.dokan-dashboard-menu li:hover{
        background-color: rgb(221,221,221) !important;
}
.dokan-dash-sidebar ul.dokan-dashboard-menu li a:hover{
        color: rgb(51,51,51) !important;
        text-shadow:
                -1px -1px 5px rgba(235,235,235,.5),
                1px -1px 5px rgba(235,235,235,.5),
                -1px 1px 5px rgba(235,235,235,.5),
                1px 1px 5px rgba(235,235,235,.5) !important;
}
.dokan-dash-sidebar ul.dokan-dashboard-menu li.active{
        background-color: rgb(131,131,131) !important;
}
.dokan-dash-sidebar ul.dokan-dashboard-menu li.active a{
        text-shadow:
                -1px -1px 5px rgba(1,1,1,1),
                1px -1px 5px rgba(1,1,1,1),
                -1px 1px 5px rgba(1,1,1,1),
                1px 1px 5px rgba(1,1,1,1) !important;
}
.dokan-dash-sidebar ul.dokan-dashboard-menu li.active.dashboard:hover a{
  color: rgb(255,255,255) !important;
}
/* little side-menu buttons */
.dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links.dokan-clearfix a:hover{
        background-color: rgb(221,221,221) !important;
}
/* dashboard form wireframe */
.dokan-settings-area{
        width: 99%;
}
form#store-form.dokan-form-horizontal{
        width: 98%;
        margin-left: 1%;
        padding-left: 12.6%;
}
/* top areas */
.dokan-alert.dokan-alert-warning{
        width: 99%;
}
.dokan-banner{
        width: 45vw !important;
        height: auto !important;
}
/* move dashboard page content down a titch, excluding product edit */
.dokan-dashboard-content{
        padding: 15px !important;
}
/* edit product and such */
.dokan-section-heading{
        border-bottom: 2px solid rgb(151,151,151) !important;
        padding-bottom: 2px !important;
}
.dokan-section-heading h2{
        background: none !important;
        background: none !important;
        font-size: 2em !important;
}
.dokan-section-heading p{
        font-size: 1.5em !important;
        padding-top: 5px;
        color: rgb(51,51,51) !important;
}
/* right hand things */
.dokan-right {
        font-size: .7em !important;
        margin-right: 20px;
}
.dokan-right .dokan-btn.dokan-btn-theme.dokan-btn-sm{
        position: relative;
        bottom: 8px;
}
/* ------------------------ dokan vendor product listing page --------------------- */
/* page title and header */
.product-listing-top.dokan-clearfix{
        border-bottom: 1px solid rgb(91,91,91) !important;
}
/*-------------------------- dokan vendors edit product---------------------------*/
/* page title and header */
header.dokan-dashboard-header.dokan-clearfix h1.entry-title{
        border-bottom: 2px solid rgb(91,91,91);
}
/* edit product form tables style */
.product-edit-container label{
        cursor: default !important;
}
.dokan-edit-row .dokan-section-heading{
        cursor: default !important;
        background: linear-gradient(180deg,  
                                rgb(201,201,201) 0%,
                                rgb(231,231,231) 15%,
                                rgb(221,221,221) calc(100% - 15px),
                                rgb(171,171,171) 100%);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        -webkit-box-shadow: inset 0 0 8px rgba(111,111,111,.8) !important;
}
.dokan-edit-row{
                background: linear-gradient(180deg,  
                                rgb(171,171,171) 0%,
                                rgb(241,241,241) 5.5em,
                                rgb(241,241,241) 85%,
                                rgb(201,201,201) 100%) !important;
  border-radius: 40px / 20px;
        border-top-right-radius: 40px 20px;
  border: 1px solid rgb(151,151,151) !important;
                -webkit-box-shadow: inset 0 0 8px rgba(51,51,51,.5) !important;

}
/* make product tag readable although they may not be changed */
select#product_tag.product_tags.dokan-form-control.dokan-select2{
        height: auto !important;
}
/*---downloadable content---*/
/* add file button */
a.insert-file-row.dokan-btn.dokan-btn-sm.dokan-btn-success{
        text-align: center;
        font-family: 'Press Start 2P';
        font-size: .8em !important;
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
a.insert-file-row.dokan-btn.dokan-btn-sm.dokan-btn-success:hover{
font-size: .82em !important;
        background: linear-gradient(180deg,  
                                rgb(31,31,31) 0%,
                                rgb(101,101,101) 15%,
                                rgb(31,31,31) 100%) !important;
        border: 2px solid rgb(31,31,31) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* save / edit product button (bottom of page) */
input.dokan-btn.dokan-btn-theme.dokan-btn-lg.dokan-right{
        position: relative;
        display: block;
        float: none !important;
        width: 90%;
        margin-left: 5% !important;
        font-family: 'Press Start 2P';
        font-size: 1.55em !important;
}
/*----------------------------------------------STORE LIST-------------------------------*/
/* ---- search vendor [vendor list top bar] --- */
.dokan-row.dokan-clearfix{
        position: relative;
        background: linear-gradient(180deg,  
                                rgb(215,215,215) 0%,
                                rgb(201,201,201) 20%,
                                rgb(195,195,195) 50%,
                                rgb(201,201,201) calc(100% - 25%),
                                rgb(215,215,215) 100%) !important;
        width: 100vw;
        margin-left: calc(-50vw + 50%) !important;
}
.dokan-w4{
        min-width: 200px;
}
input.dokan-seller-search{
        width: 100% !important;
}
/* store info box general (main/footer are seperated) */
.dokan-single-seller .store-wrapper {
        border-radius: 40px / 20px;
        -webkit-box-shadow: 0 0 8px rgb(91,91,91), 0 0 10px rgb(71,71,71), 0 0 12px rgb(91,91,91) !important;
}
.dokan-single-seller .store-wrapper .store-content .store-info, .dokan-single-seller .store-wrapper .store-content .store-info .store-data-container{               border-top-left-radius: 40px 20px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
}
.dokan-single-seller .store-wrapper .store-footer{
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
}
/* banner image and faded background*/
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info {
        height: auto !important;
        min-height: 250px;
        background-size: cover !important;
        background-position: center !important;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data-container{
        height: auto !important;
        min-height: 250px;
        background: rgba(1,1,1,.25) !important;
        border: 2px solid rgba(51,51,51,.7);
        border-bottom: none;
        box-shadow: inset 0 -4px 8px rgba(51,51,51,.7), inset 0 -4px 8px rgba(51,51,51,.7);
}
/* store name */
.store-data-container .store-data h2{
        position: relative;
        display: block;
    background: none;
}
.store-data-container .store-data h2 a{
            position: relative;
                display: inline-block;
            background: rgba(31,31,31,.6);
        border: 2px solid rgba(31,31,31,.5);
            border-radius: 5px;
            padding: 10px;
            padding-top: 12px;
            -webkit-box-shadow: 0 0 8px rgb(31,31,31,.6), 0 0 8px rgb(31,31,31,.6), 0 0 10px rgb(31,31,31,.4);
            font-size: 1.2em !important;
                color: rgb(231,231,231) !important;
                text-shadow: -1px -1px 2px rgba(51,51,51,.8),
                                        1px -1px 2px rgba(51,51,51,.5),
                                        -1px 1px 2px rgba(51,51,51,.5),
                                        1px 1px 2px rgba(0,0,0,.8),
                                          1px -2px 4px rgba(151,151,151,.5) !important;
                -webkit-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
}
.store-data-container .store-data h2 a:hover{
        font-size: 1.3em !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8),
                                        1px -1px 2px rgba(51,51,51,.5),
                                        -1px 1px 2px rgba(51,51,51,.5),
                                        1px 1px 2px rgba(0,0,0,.8),
                                          1px -2px 2px rgba(91,91,91,.5),
                              -1px -1px 2px rgba(51,51,51,.8),
                                        1px -1px 2px rgba(51,51,51,.5),
                                        -1px 1px 2px rgba(51,51,51,.5),
                                        1px 1px 2px rgba(0,0,0,.8),
                                          1px -2px 2px rgba(91,91,91,.5)!important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* profile picture */
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer .seller-avatar {
        padding: 2px !important;
        background-color: rgb(101,101,101) !important;
        border: 2px solid rgb(141,141,141);
        -webkit-box-shadow: 0 0 6px rgb(171,171,171), 0 0 6px rgb(171,171,171), 0 0 6px rgb(171,171,171), 0 0 8px rgb(141,141,141), 0 0 8px rgb(141,141,141) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer .seller-avatar:hover {
        transform: scale(1.3);
        border-radius: 20px !important;
        -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer .seller-avatar .avatar.photo{
        -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer .seller-avatar .avatar.photo:hover{
        border-radius: 20px !important;
        -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
/* featured vendor label */

.store-data-container .featured-favourite .featured-label{
  position: relative;
        background: rgb(231,1,1) !important;
        box-shadow: 0 0 4px red, inset 0 0 6px rgb(181,1,1), 0 0 8px rgb(201,1,1), 0 0 12px rgba(51,51,51,.5), 0 0 12px rgba(51,51,51,.5), 0 0 12px rgba(51,51,51,.5) !important;
        padding-top: 4px !important;
        border: 2px solid rgb(201,1,1);
        color: rgb(231,231,231) !important;
        font-family: 'Press Start 2P';
        text-shadow: -1px -1px 2px rgba(51,51,51,1),
                        1px -1px 2px rgba(51,51,51,1),
                        -1px 1px 2px rgba(51,51,51,1),
                        1px 1px 2px rgba(0,0,0,1) !important;
        animation: featureMe 5s ease infinite !important;
}
/* address (and maybe else?) styling) */
.store-data:not(h2) p{
        position: static;
        display: block;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8),
                                        1px -1px 2px rgba(51,51,51,.5),
                                        -1px 1px 2px rgba(51,51,51,.5),
                                        1px 1px 2px rgba(0,0,0,.8),
                                          1px -2px 4px rgba(151,151,151,.5), 
                                  -1px -1px 2px rgba(51,51,51,.8),
                                        1px -1px 2px rgba(51,51,51,.5),
                                        -1px 1px 2px rgba(51,51,51,.5),
                                        1px 1px 2px rgba(0,0,0,.8),
                                          1px -2px 4px rgba(151,151,151,.5) !important;
}
/* store info footer */
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer{
        background: linear-gradient(180deg,  
                                rgb(201,201,201) 0%,
                                rgb(231,231,231) 15%,
                                rgb(201,201,201) calc(100% - 15px),
                                rgb(131,131,131) 100%) !important;
        box-shadow: inset 0 -2px 4px rgb(51,51,51);
        border: 1px solid rgba(51,51,51,.7) !important;
}
/*-----------------store list small screen----------------*/
@media screen and (max-device-width: 767px) {
        #content.site-content .wrap{
                position: relative;
                display: block;
                margin: auto;
                padding: 0px;
                padding-left: 10px;
                padding-right: 10px;
        }
        ul.dokan-seller-wrap{
                position: relative;
                display: block;
                margin-left: auto !important;
                margin-right: auto !important;
                width: 100vw;
        }
        li.dokan-single-seller {
                position: relative;
                display: block;
                margin: auto !important;
        }
}
/* ---------------------------- single store page -------------------------------- */
/* fix display */
@media only screen and (min-width: 768px) {
        #dokan-secondary.dokan-store-sidebar{
                width: 100%;
        }
        #dokan-primary.dokan-single-store{
                width: 100%;
        }
}
/* hide "store category" reshow later when organized*/
.widget.dokan-store-menu{
        display: none;
}
/* hide store menu (because only "products" is an element and selecting just reloads page */
.dokan-store-tabs{
  display: none;
}
/* store informtion header */
.profile-info-head h1{
        font-family: 'Special Elite', cursive;
        color: rgb(231,231,231) !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,1),
                        1px -1px 2px rgba(51,51,51,1),
                        -1px 1px 2px rgba(51,51,51,1),
                        1px 1px 2px rgba(0,0,0,1),
                                1px -2px 4px rgba(151,151,151,1), 
                                -1px -1px 2px rgba(51,51,51,1),
                                1px -1px 2px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 2px rgba(0,0,0,1) !important;
}
@media only screen and (max-width: 1199px) {
  .profile-info-summery-wrapper{
         margin-top: -6px;
   background-color: rgb(241,241,241) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery{
           position: relative !important;
        border-top-left-radius: 40px 20px !important;
                height: calc(100% - 6px) !important;
                background-color: rgba(1,1,1,.4) !important;
                -webkit-transition: .5s ease-in-out;
           -o-transition: .5s ease-in-out;
           transition: .5s ease-in-out;
  }
        .profile-info-head h1{
                  color: rgb(221,221,221) !important;
                text-shadow:  0 0 2px rgb(51,51,51), 0 0 2px rgb(51,51,51), 0 0 2px rgb(51,51,51);
        }
}
/* profile banner */
.profile-frame{
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border: 1px solid rgb(51,51,51);
        border-bottom: 0px;
}
.profile-info-box.profile-layout-default{
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
}
.profile-info-img{
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
}

/* profile picture */
.profile-info-summery .profile-info-head .profile-img.profile-img-circle img{
        padding: 2px !important;
        background-color: rgb(101,101,101) !important;
        border: 2px solid rgb(141,141,141);
        -webkit-box-shadow: 0 0 6px rgb(171,171,171), 0 0 6px rgb(171,171,171), 0 0 6px rgb(171,171,171), 0 0 8px rgb(141,141,141), 0 0 8px rgb(141,141,141) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
           transition: .25s ease-in-out;
}
.profile-info-summery .profile-info-head .profile-img.profile-img-circle img:hover {
        transform: scale(1.3);
        border-radius: 20px !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

/*shift sandbox*/
#test1{
        position: absolute;
        top: 20px;
        left: 20px;
        opacity: .5;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
#test2{
        position: absolute;
        top: 20px;
        left: 20px;
        opacity: .25;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
@media only screen and (max-width: 646px) {
        #test1, #test2{
                display: none;
        }
}
/* --------product listing area ------------*/
.seller-items{
        background-color: white;
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 0px;
        margin-top: -15px;
        border-bottom-left-radius:      40px 20px;
        border-bottom-right-radius: 40px 20px;
        border: 1px solid rgb(51,51,51);
        border-top: none;
}
/* ----------- store contact -----------*/
.dokan-widget-area.widget-collapse h3{
        background: linear-gradient(180deg,  
                                                        rgb(231,231,231) 0%,
                                                        rgb(131,131,131) 15%,
                                                        rgb(101,101,101) 100%) !important;
        text-align: center;
        width: calc(100% + 30px);
        margin-left: -15px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: 'Special Elite', cursive;
        color: rgb(231,231,231) !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,1),
                        1px -1px 2px rgba(51,51,51,1),
                        -1px 1px 2px rgba(51,51,51,1),
                        1px 1px 2px rgba(0,0,0,1),
                                1px -2px 4px rgba(151,151,151,1), 
                                -1px -1px 2px rgba(51,51,51,1),
                                1px -1px 2px rgba(51,51,51,1),
                                -1px 1px 2px rgba(51,51,51,1),
                                1px 1px 2px rgba(0,0,0,1) !important;
}
.dokan-widget-area.widget-collapse{
        border: 1px solid rgb(51,51,51);
        margin-top: 25px;
        margin-bottom: 25px;
        border-radius:  40px / 20px;
        padding: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        background: linear-gradient(180deg,  
                                rgb(221,221,221) 0%,
                                rgb(241,241,241) calc(100% - 14px),
                                rgb(91,91,91) 100%);
}
li.dokan-form-group textarea{
        border: 1px solid rgb(181,181,181);
}
/* single accomodation pages*/
body.single-mphb_room_type{
}
/* disable comments on accomodations */
body.single-mphb_room_type .comment-section-wrapper{
        display: none;
}
/* end that */
body.single-mphb_room_type .site-content-contain {
    background: linear-gradient(180deg, rgba(215,215,215,0) 0%, rgba(215,215,215,.1) 2.5%, rgb(215, 215, 215) 3%) !important;
    z-index: 3;
}
body.single-mphb_room_type .site-content {
        background: linear-gradient(180deg, rgba(215,215,215,0) 0%, rgba(215,215,215,.1) 2.5%, rgb(215, 215, 215) 3%);
        position: relative;
}
body.single-mphb_room_type p.accom-detail-instructions{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 6em;
        text-align: justify;
}
body.single-mphb_room_type .entry-header h1.entry-title{
        position: relative;
        margin-bottom: 0pxl;
}
body.single-mphb_room_type .mphb-room-type-gallery-wrapper{
        box-shadow: 0px 0px 15px 0px rgba(191,191,191,.9), inset 0px 0px 5px rgba(191,191,191,.9);
}
body.single-mphb_room_type h2.mphb-details-title{
        position: relative;
        font-family: 'Special Elite', cursive;
        font-weight: 700;
        font-size: 1.2em;
}
body.single-mphb_room_type ul.mphb-single-room-type-attributes .mphb-attribute-title{
        font-weight: 650;
}
body.single-mphb_room_type .availability_calender_wrapper{
        position: relative;
        box-shadow: 2px 2px 20px 0px rgb(51,51,51);
}
body.single-mphb_room_type .calendar_header_shadow{
        position: relative;
        display: block;
        width: 90%;
        height: 2.5em;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        margin-top: -2.75em;
        margin-bottom: .1em;
        left: 5%;
        background-color: rgba(58,128,58,.3);
        box-shadow: 0px 0px 10px 0px rgb(51,51,51), inset 0px 0px 30px rgb(51,51,51);
}
body.single-mphb_room_type h2.mphb-calendar-title{
        margin-bottom: 0px;
        position: relative;
        padding: .5em;
        padding-top: .7em;
        text-align: center;
        font-size: 1.25em !important;
        color: white;
        font-family: 'Press Start 2P';
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8) !important;
        background: linear-gradient(180deg, rgb(101,101,101) 0%, rgb(211,211,211) 15%, rgb(251,251,251) calc(100% - 2px), rgba(51,51,51,.5) 100%) !important;
        border: 1px solid rgb(51,51,51);
        border-bottom-color: rgb(51, 51, 51);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom: 1px solid rgba(51,51,51,.2);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: all;
}
body.single-mphb_room_type .mphb-calendar-title-shadow-title{
        font-size: 1.25em !important;
        color: white;
        font-family: 'Press Start 2P';
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8) !important;
        text-align: center;
        margin-top: 2px;
        background: radial-gradient(closest-side, rgba(58,128,58,.5) 10%, rgba(51,51,51,0) 70%);
}
body.single-mphb_room_type .datepick{
        border-radius: 0px;
}
body.single-mphb_room_type p.search-tools{
        position: relative;
        margin-top: 2em;
        text-align: center;
        margin-bottom: -.5em;
}
body.single-mphb_room_type a.search-tools-link{
        font-size: .70em !important;
        color: rgb(231,231,231);
        white-space: nowrap;
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg,  
                                rgb(51,51,51) 0%,
                                rgb(131,131,131) 15%,
                                rgb(51,51,51) 100%) !important;
        box-shadow: none!important;
        text-shadow:
                -1px -1px 2px rgba(51,51,51,.8),
                1px -1px 2px rgba(51,51,51,.8),
                -1px 1px 2px rgba(51,51,51,.8),
                1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51), 
                          inset 0 0 5px rgb(51,51,51),
                          inset 0 0 5px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
body.single-mphb_room_type a.search-tools-link:hover{
        font-weight: 800;
        color: white;
        font-size: .8em !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
@media only screen and (min-width: 610px) {
        body.single-mphb_room_type .datepick{
                max-width: 100%;
                width: 100% !important;
        }
}
@media only screen and (max-width: 767px) {
        body.single-mphb_room_type .site-content-contain {
                background: rgb(215,215,215) !important;
                margin-top: -2px;
        }
        body.single-mphb_room_type .availability_calender_wrapper .datepick {
                max-width: 100%;
                width: 100% !important;
                left: 0px !important;
        }
        body.single-mphb_room_type .datepick-month{
                border: none;
        }
    img#custom-header-foreground, body.home  {
        width: 100%; /* Full width of the viewport */
        height: auto; /* Height scales automatically */
                object-fit: contain;
        top: 1em;
    }
}

@media only screen and (max-width: 488px) {
        body.home img#header-media-sky.wp-custom-header {
                position: relative;
                top: 20px;
        }
}

/* -----------------------------------------------SANDBOX ---------------------*/

#header-media-sky-wrapper{
    position: fixed;
    top: -20px;
    bottom: 0;
    left: -1px;
    width: calc(100% + 1px);
    max-width: 100vw;
    height: 100%;
    overflow: hidden;
}
#header-media-sky.wp-custom-header {
    position: fixed;
    width: auto; /* Auto width for aspect ratio */
    height: auto; /* Auto height for aspect ratio */
    left: 50%;
    transform: translate(-50%, 0%);
    object-fit: cover; /* Maintain aspect ratio */
    background-image: url('/wp-content/themes/twentyseventeen-child/assets/images/skylapse_new_first_frame.webp');
    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the image */
}
@media only screen and (max-width: 646px) {
        body.home #header-media-sky.wp-custom-header {
        min-width: 100%;
        min-height: 100%;
        position: fixed;
        left: 0;
        transform: translate(0%, -50%);
        object-fit: cover; /* Maintain aspect ratio */
        }
}

.tall_spaceholder{
        position: relative;
        display: inline-block;
        height: 1000px;
        width: 100%;
        background-color: red;
        border: 2px solid yellow;
}
/* motel search information */
.search_prologue_container{
        margin-bottom: 4em;
        border-radius: 40px / 20px;
        padding: 1.5em;
        border: 2px solid #6315b1;
        border-radius: 40px / 20px;
        box-shadow:     inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), -2px 2px 1em rgb(151,51,151), 5px 2px 1em rgb(51,151,51) !important;
        background: rgba(253, 253, 255, 0.51) !important;
}
.search_prologue_container h1{
        text-align: center;
        font-family: 'Special Elite', cursive;
        font-weight: 1000;
        color: rgb(235, 235, 235);
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        color: rgb(235, 235, 235);
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(131,131,131) calc(100% - 15px), rgb(131,131,131) 100%);
        margin-top: -22px;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        margin-left: -22px;
        margin-right: -22px;
        padding-bottom: .25em;
        padding-top: .5em !important;
}
.search_prologue_container h2:first-of-type{
        margin-top: 1em;
        margin-bottom: .5em;
}
.search_prologue_container h2{
        padding-top: 1em !important;
        font-family: 'Special Elite', cursive;
        text-align: center;
        color: rgb(254, 252, 252) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8) !important;
        text-decoration: underline;
        background: rgba(111,111,111,.1);
        background: linear-gradient(180deg,  
                                                rgb(231,231,231) 0%,
                                                rgb(131,131,131) 15%,
                                                rgb(101,101,101) 100%) !important;
        border-radius: 2em;
        padding-bottom: .8em;
        box-shadow: inset 0 0 1em rgb(215, 215, 215), inset 0 0 2em rgb(215, 215, 215), inset 0 0 5px rgb(215, 215, 215), inset 0 0 20px rgb(215, 215, 215);
}
.search_prologue_container .here_link{
        font-weight: 700;
        text-decoration: underline;
}
.search_prologue_container .cont_to{
        position: relative;
        top: 1em;
        font-weight: 700;
}
.search_prologue_container .cont_to:first-of-type{
        cursor: pointer;
        text-decoration: underline;
}
/* homepage parallax (leave down here for cascade) */
                .parallax [class*="bg__"] {
                        position: relative;
                        height: 170px;
                        text-indent: -9999px;
                        background-attachment: fixed;
                        background-size: contain;
                        overflow: hidden;
                } 
                @media only screen and (max-width: 699px) {
                                        .parallax [class*="bg__"] {
                                                background-repeat: no-repeat;
                                                background-size: contain;
                                                background-position: center;
                                                height: 56vw;
                                        }
                                        #gimme_a_break {
                                                background-repeat: repeat-x;
                                                }
                                        #gimme_another_break{
                                                background-repeat: repeat-x;
                                        }

                                }
                                @media only screen and (min-width: 700px) {
                                        .parallax [class*="bg__"] {
                                                background-size: cover;
                                                background-position: top center;
                                        }
                                }

                .bg__alienheads_center {
                        float: right;
                        width: 250%;
                        left: 75%;
                        height: 180px;
                        border-radius: 100%;
                        background-repeat: repeat;
                        background-image: url(/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
                        background-size: 120px 120px;
                        background-position: center;
                        box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset -13px -13px 15px 16px rgb(215,215,215);
                        -moz-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset -13px -13px 15px 16px rgb(215,215,215);
                        -webkit-box-shadow: inset 13px 13px 15px 16px rgb(215,215,215), inset -13px -13px 15px 16px rgb(215,215,215);
                }
                body.home .parallax [class*="bg__"] {
                        position: relative;
                        height: 170px;
                        text-indent: -9999px;
                        background-attachment: fixed;
                        background-size: contain;
                        overflow: hidden;
                } 
                /* responsive parallax image settings switch based on screen width*/
                                @media only screen and (max-width: 699px) {
                                        body.home .parallax [class*="bg__"] {
                                                background-repeat: no-repeat;
                                                background-size: contain;
                                                background-position: center;
                                                height: 56vw;
                                        }
                                        body.home #gimme_a_break {
                                                background-repeat: repeat-x;
                                                }
                                        body.home #gimme_another_break{
                                                background-repeat: repeat-x;
                                        }

                                }
                                @media only screen and (min-width: 700px) {
                                        body.home .parallax [class*="bg__"] {
                                                background-size: cover;
                                                background-position: top center;
                                        }
                                }
                                @media only screen and (max-width: 767px) {
                                        body.home .parallax .bg__alienheads_center{
                                                margin-top: .5em;
                                        }
                                }
                body.home .parallax .bg__alienheads_center {
                        float: right;
                        width: 250%;
                        left: 75%;
                        height: 180px;
                        margin-top: 1em;
                        border-radius: 100%;
                        background-repeat: repeat;
                        background-image: url(/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
                        background-size: 120px 120px;
                        background-position: center;
                        box-shadow: inset 13px 13px 15px 16px rgba(166, 127, 127, 0.36), inset -13px -13px 15px 16px rgb(52, 91, 31);
                        background-color: rgba(51,51,51,.5);
                        border-top: 2px solid rgba(91, 211, 90, .5);
                border-bottom: 2px solid rgba(91, 211, 90, .5);
                        border-radius: 0;
                        box-shadow: inset 13px 13px 15px 16px rgba(78, 250, 153, 0.46), inset -13px -13px 15px 16px rgba(105, 53, 148, 0.45);
                        border-radius: 50%;
                        border: 4px solid rgb(67, 72, 147);
                border-bottom: 2px solid rgba(78, 250, 153, 0.56);
                        box-shadow: 0 0 2.5em -0.5em rgb(235, 235, 235), 0 0 2.5em -0.5em rgb(135, 138, 35);
                opacity:.5;
                }
/* single post formatting */
body.single-post .comments-area{
        display: none;
}
body.single-post .entry-header{
        display: block !important;
}
body.single-post .entry-header .entry-title{
        text-align: center;
        font-size: 1.875rem;
        padding-top: 1em !important;
        font-family: 'Press Start 2P';
        text-align: center;
        text-shadow: -1px -1px 5px rgba(251,251,251,.8), 1px -1px 5px rgba(251,251,251,.8), -1px 1px 2px rgba(251,251,251,.8), 1px 1px 2px rgba(251,251,251,.8) !important;
}
body.single-post .entry-header .entry-meta{
        display: none;
}
body.single-post .entry-content{
        text-align: justify;
}
@media only screen and (min-width: 768px) {
        body.single-post #content.site-content{
                margin-top: -3.4em;
        }
}



/* --------------------------------------------------------deeper sandbox from stay.css----------------------------------------*/
.mphb_sc_rooms-wrapper{
        margin-bottom: 4em;
}
/* background sky */



/* Styling Wordpress Page contents as frame to import employment application form (application_form.html) */
.single-featured-image-header{
        background-color: #D7D7D7;
}
.flexslider{
        border: none !important;
}
/*-----------universal lodging system script---------*/
/*date-picker pop-up calendar*/
.datepick{
        position: relative;
        max-width: 500px;
}
.datepick-popup{

}
.datepick-month {
                position: relative;
                width:50%;
        }
.datepick-month-header{
        height: 50px;
}
.datepick-month.last .datepick-month-header{
        padding: .75em;
}
a.datepick-cmd.datepick-cmd-today{
        display: none;
}
/* full accomodation list */
        .mphb-view-details-button-wrapper{
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: -20px;
        }
.mphb_sc_search_results-wrapper .mphb-view-details-button-wrapper{
        margin-bottom: 1.5em;
}
        .mphb_sc_rooms-wrapper.mphb-room-types .mphb-to-book-btn-wrapper .button.mphb-book-button{
                display: none;
        }
        /*accomodation listing page prev/next/nav stuff*/
        .navigation.mphb-pagination.pagination{
                width: 100%;
        }
        a.page-numbers{
                display: inline-block;
        }
        nav.woocommerce-pagination ul.page-numbers, {
                text-align: center;
        }

        body.page-id-10900 .woocommerce-pagination ul.page-numbers {
			display: flex;
			flex-direction: row;
            text-align: center !important;
        	list-style: none;
			justify-content: center;
		}
        body.page-id-10900 .woocommerce-pagination ul.page-numbers li{
		padding: .5em 1em;
  background: #ddd;
    background-color: rgb(221, 221, 221);
  display: inline-block;
  font-size: 1em;
  float: none;
  line-height: 1.5;
  border-radius: 2px;
  transition: background-color ease-in-out .3s;
		}
tr.production-time-note{
	padding: 2em !important;
}

/* ---------- lodging search form -------------*/
        /*top head of form-pod*/
                .mphb_sc_search-wrapper::before{
                        position: relative;
                        display: inline-block;
                        width: 100%;
                        content: "Search Availability";
                        font-family: 'Special Elite', cursive;
                        font-size: 2em;
                        text-align:center;
                        margin-bottom: 24px;
                        padding-top: 10px;
                        background: linear-gradient(180deg,  
                                                rgb(231,231,231) 0%,
                                                rgb(131,131,131) 15%,
                                                rgb(101,101,101) 100%) !important;
                        color: rgb(255,255,255) !important;
                        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                                1px -1px 1px rgba(51,51,51,.5),
                                                -1px 1px 2px rgba(51,51,51,.5),
                                                1px 1px 3px rgba(0,0,0,.8) !important;
                        border-top-left-radius: 40px 20px;
                        border-top-right-radius: 40px 20px;
                        border-bottom: 1px solid rgba(51,51,51,.2);
                        -webkit-transition: .25s ease-in-out;
                        -o-transition: .25s ease-in-out;
                        transition: .25s ease-in-out;
                }
                .mphb_sc_search-wrapper {
                }
        /*bottom body of form-pod*/
                /*search elements entire wrapper*/
                .search-elements-wrapper{
                        position: relative;
                        display: flex;
                        flex-direction: column-reverse;
                        top: -4.2em;
                }
                /*form itself*/
                .mphb_sc_search-form{
                        background: linear-gradient(0deg, 
                                                        rgb(171,171,171) 0%, 
                                                        rgb(231,231,231) 10%, 
                                                        rgb(231,231,231) 97%, 
                                                        rgb(171,171,171) 100% ) !important;
                        margin-top: -25px;
                        height: 380px;
                        padding: 20px;
                        padding-top: 25px;
                        border-left: 2px solid rgb(171,171,171);
                        border-right: 2px solid rgb(171,171,171);
                        border-bottom: 2px solid rgb(171,171,171);
                        border-bottom-left-radius: 40px 20px;
                        border-bottom-right-radius: 40px 20px;
                        -webkit-transition: .25s ease-in-out !important;
                        -o-transition: .25s ease-in-out !important;
                        transition: .25s ease-in-out !important;
                }
                /*date-picker*/
                p.mphb_sc_search-check-in-date, p.mphb_sc_search-check-out-date {
                        position: relative;
                        display: inline;
                }
                p.mphb_sc_search-check-in-date label, p.mphb_sc_search-check-out-date label{
                        position: relative;
                        width: 7em;
                }
                p.mphb_sc_search-check-in-date input, p.mphb_sc_search-check-out-date input{
                        position: relative;
                        width: 7.2em;
                        left: 8em;
                        top: -4.5em;
                        z-index: 11;
                }
                p.mphb_sc_search-check-out-date input{
                        box-shadow: 0px -3px 8px 5px rgb(231,231,231);
                }
                .date-wrapper{
                        position: relative;
                        display: inline-block;
                        height: 4em;
                        width: 50%;
                        padding-top: 3.2%;
                        padding-left: 1em;
                }
                .date-wrapper:nth-of-type(2){
                        float: right;
                }
                .date-container{
                        position: relative;
                        width: 100%;
                        height: auto;
                }
        /*guest amount*/
                p.mphb_sc_search-adults label{
                        position: relative;
                        width: 7em;
                }
                p.mphb_sc_search-adults select{
                        position: relative;
                        left: 8em;
                        top: -4.5em;
                        z-index: 10;
                }
                .guest-wrapper{
                        position: relative;
                        padding-left: 1em;
                        height: 4em;
                        padding-top: 3.2%;
                }
        /*lodging type selector wrapper*/
                .mphb_sc_search-reservation-types label{
                        position: relative;
                        width: 7em;
                        margin-top: 1%;
                }
                .mphb_sc_search-reservation-types select{
                        position: relative;
                        left: 8em;
                        top: -4.3em;
                }
                .reservation-type-wrapper{
                        position: relative;
                        padding-left: 1em;
                        height: 4em;
                        margin-top: 3.2em;
                        padding-top: .8em;
                }
                .pets-wrapper{
                        position: relative;
                        padding-left: 1em;
                        height: 4em;
                        margin-top: 0px;
                        padding-top: .8em;
                        z-index: 5
                }
                p.mphb_sc_search-pets{

                }
                .mphb_sc_search-pets label{
                        position: relative;
                        width: 7em;
                        margin-top: 1%;
                }
                .mphb_sc_search-pets select{
                        position: relative;
                        width: 4em;
                }
        /*search submit button*/
                p.mphb_sc_search-submit-button-wrapper input {
                        position: relative;
                        display: inline;
                        transform: scale(1) !important;
                        font-size: 1em;
                        text-shadow: 0px -1px 9px rgba(1,1,1,1), 1px 0px 3px rgba(1,1,1,1), -1px 1px 3px rgba(1,1,1,1), 1px 1px 9px rgba(1,1,1,1);
                        width: 100%;
                        height: 50px;
                        padding-bottom: 2.3em;
                        border-bottom-left-radius: 40px 20px;
                        border-bottom-right-radius: 40px 20px;
                        border-right: 2px solid rgba(51,51,51,.6);
                        border-left: 2px solid rgba(51,51,51,.6);
                        border-bottom: 1px solid rgba(51,51,51,.7);
                        border-top: 3px solid rgba(181,181,181,.7);
        /*              background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(205, 205, 205) 15%, rgb(125,125,125) 100%) !important; */
                        background-color: rgba(255,255,255,0);
                        -webkit-transition: .25s ease-in-out !important;
                        -o-transition: .25s ease-in-out !important;
                        transition: .25s ease-in-out !important;
                        font-family: 'Press Start 2P';
                        box-shadow: 0px -10px 40px .1px rgba(51,51,51,.3);
                        z-index: 3;
                }
                p.mphb_sc_search-submit-button-wrapper input:hover{
                        background: linear-gradient(180deg,  
                                rgba(131,231,231,.2) 0%,
                                rgba(125,166,27,.05) 15%,
                                rgba(61,61,61,0) 100%) !important;
                }
                .mphb_sc_search-submit-button-wrapper::before{
                        position: absolute;
                        display: inline-block;
                        background-color: rgb(0,102,26);
                        margin-left: 10%;
                        bottom: 10%;
                        font-family: 'Press Start 2P';
                        font-size: 1.1em !important;
                        content: 'SEARCH NOW';
                        text-align: center;
                        width: 80%;
                        height: 80%;
                        border-radius: 10px;
                        border: 1px solid rgba(0,201,26,.8);
                        padding-top: 12px;
                        -webkit-box-shadow: 1px 2px .25em rgba(0,0,0,.6) !important;
                        box-shadow: 0px 2px .25em rgba(0,0,0,.6), 0px 0px 10px .5px rgb(0,102,26) !important;
                        -webkit-animation: pulsateMe 3s infinite;
                        opacity: .99;
                        animation: pulsateMe 3s infinite;
                                animation-timing-function: ease;
                                animation-direction: normal;
                        animation-timing-function: linear;
                        animation-direction: alternate;
                        -webkit-transition: .5s ease-in-out !important;
                        -o-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                        z-index: 2;
                }

                .mphb_sc_search-submit-button-wrapper:hover::before{
                        transform: scale(.95);
                        -webkit-transition: .5s ease-in-out !important;
                        -o-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                }
                .mphb_sc_search-submit-button-wrapper:active::before{
                        transform: scale(1.05);
                        opacity: 0;
                        z-index: 5
                        -webkit-transition: .5s ease-in-out !important;
                        -o-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                }

                p.mphb_sc_search-submit-button-wrapper{
                        position: relative;
                        border-bottom-left-radius: 40px 20px;
                        border-bottom-right-radius: 40px 20px;
                        border-right: 2px solid rgba(51,51,51,.6);
                        border-left: 2px solid rgba(51,51,51,.6);
                        border-bottom: 1px solid rgba(51,51,51,.7);
                        border-top: 2px solid rgba(241,211,121,.7);
                        width: calc(100% + 40px);
                        right: 20px;
                        top: -106px;
                        cursor: grab;
                }
        /*labels*/
                .mphb_sc_search-reservation-types label, p.mphb_sc_search-pets label, p.mphb_sc_search-adults label, p.mphb_sc_search-check-in-date label, p.mphb_sc_search-check-out-date label{
                        font-family: 'Special Elite', cursive;
                }

/*----------- room/lodging reccomendation ------------*/
h2.mphb-recommendation-title{
        border: 1px solid rgb(51,51,51);
        position: relative;
        display: none;
        margin-bottom: -0px;
        font-size: 2.5em !important;
        font-family: 'Special Elite', cursive;
        font-size: 2em;
        text-align:center;
        padding-top: 10px;
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,.5),
                                -1px 1px 2px rgba(51,51,51,.5),
                                1px 1px 3px rgba(0,0,0,.8) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: 1px solid rgba(51,51,51,.2);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
form#mphb-recommendation{
        display: none;
        background-color: rgb(231,231,231);
        padding-top: 10px;
        padding-bottom: 0px !important;
        border-left: 2px solid rgba(51,51,51,.5);
        border-right: 2px solid rgba(51,51,51,.5);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border: 1px solid rgb(51,51,51);
        padding: 5%;
}
.mphb-recommendation-reserve-button{
    position: relative;
        float: none !important;
    margin-bottom: 5px;
        content: 'whatever it is you want to add';
}
/*-----------------individual search results--------------------*/

/* accomodation/room search results, themselves */
.mphb-room-type{
        position: relative;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border: 1px solid rgb(51,51,51);
        padding: 20px;
        background-color: rgb(231,231,231);
        box-shadow: 0px 0px 20px 2px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
.mphb-room-type-images .flexslider{
        background: none;

        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
.search-results-title-photo-wrapper{
        position: relative;
        display: flex;
        flex-direction: column-reverse;
}
.search-results-title-wrapper{
        position: relative;
}
/* large accomodation photos */
.mphb-room-type .gallery-item img.attachment-large{
        position: relative;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
.mphb-room-type .gallery-item.flex-active-slide img.attachment-large{
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
.large-thumbnail-wrapper{
        position: absolute;
        display: inline-block;
        height: 99%;
        box-shadow: 0px 0px 20px 20px rgb(231,231,231), inset 0px 0px 20px 20px rgb(231,231,231), inset 0px 0px 10px 10px rgb(231,231,231);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        margin-top: -2px;
        margin-left: -2px; 
        z-index: 1;
}
@media only screen and (min-width: 768px){
        .large-thumbnail-wrapper{
                width: 1400px;
        }
}
@media only screen and (max-width: 767px){
        .large-thumbnail-wrapper{
            width: calc(100vw - 60px);
                box-shadow: 0px 0px 5px 5px rgb(231,231,231), inset 0px 0px 10px 10px rgba(231,231,231, .25), inset 0px 0px 5px 5px rgb(231,231,231);
        }
}
/*--- small thumbnails ---*/
.mphb-gallery-thumbnails-slider.mphb-gallery-slider .flex-viewport /*display window*/{
        position: relative;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        box-shadow: 0px 0px 20px 20px rgb(231,231,231);
        transform: scale(.75);
        width: 130%;
        margin-left: -15%;
        margin-top: -1em;
}
.mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item{
        position: relative;
}
.mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item img.attachment-thumbnail.size-thumbnail{
        position: relative;
        border-radius: 20px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
.mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item img.attachment-thumbnail.size-thumbnail:hover{
        border-radius: 0px;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
.mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item.flex-active-slide img.attachment-thumbnail.size-thumbnail{
        border-radius: 0px;
        border: 2px solid green;
        box-shadow: 0px 0px 2px 2px green !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; 
}
/*-------- small thumbnail navigation arrows -------*/
        ul.flex-direction-nav li.flex-nav-prev a::before, ul.flex-direction-nav li.flex-nav-next a::before{

        }
/*----------- hide single available accomodation selectors -------------*/
p.mphb-rooms-quantity-wrapper{
        margin-top: 2.5em;
}
        p.mphb-rooms-quantity-wrapper:not(p.mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple){
                position: relative;
                display: none;
        }
/*---------- accomodation "details" list and list items ----ul and li---- */
h3.mphb-room-type-details-title{
        position: relative;
        font-family: 'Special Elite', cursive;
        font-weight: 700;
        font-size: 1.2em;
}
ul.mphb-loop-room-type-attributes{
        margin-top: -1em;
    list-style-image: url('/wp-content/themes/twentyseventeen-child/assets/bullet-points/UFO-bullet-2.png');
    padding-left: 60px;
}
ul.mphb-loop-room-type-attributes li{
        position: relative;
}
ul.mphb-loop-room-type-attributes li span.mphb-attribute-title{
        font-weight: bold;
        border-bottom: 1px solid rgba(151,151,151,.2);
}
ul.mphb-loop-room-type-attributes li span.mphb-attribute-value{
        font-style: oblique;
}
ul.mphb-loop-room-type-attributes li span.mphb-attribute-value span a:hover{

}
/* search result accomodations details list */
        /* hide 'view' section on each available accomodation, only on search result page/section */
        ul.mphb-loop-room-type-attributes li.mphb-room-type-view{
                display: none;
        }
        /* hide 'categories' section on each available accomodation, only on search result page/section */
        ul.mphb-loop-room-type-attributes li.mphb-room-type-categories{
                display: none;
        }

/* "View Complete Details Button at bottom of search results*/
a.mphb-view-details-button{
        position: relative;
        display: inline-block;
        cursor: pointer;
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
        font-weight: 700;
        font-size: .9em;
        color: rgb(231,231,231);
        text-align: center;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), 0px 0px 5px 0px rgba(0,0,0,.5) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
a.mphb-view-details-button:hover{
        color: rgb(201,201,201) !important;
        transform: scale(0.95);
        border: 2px solid rgb(51,51,51) !important;
        background: linear-gradient(180deg, rgb(31,51,51) 0%, rgb(111,111,111) 15%, rgb(31,31,31) 100%) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), 0px 0px 3px 3px rgba(0,0,0,.4), 0px 0px 10px 5px rgba(0,0,0,.2) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
/* book now search result buttons */
.mphb-reserve-room-section .mphb-button.mphb-book-button{
        position: relative;
        width: calc(100% + 38px);
        margin-bottom: -20px;
        bottom: -5px;
        right: 19px;
        height: 50px;
        padding-bottom: 2.3em;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-right: 2px solid rgba(51,51,51,.6);
        border-left: 2px solid rgba(51,51,51,.6);
        border-bottom: 1px solid rgba(51,51,51,.7);
        border-top: 3px solid rgba(181,181,181,.7);
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(205, 205, 205) 15%, rgb(125,125,125) 100%) !important;
        background-color: rgba(255,255,255,0);
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
        font-family: 'Press Start 2P';
        box-shadow: 0px -10px 40px .1px rgba(51,51,51,.3);
        transform: none;
        -webkit-transition: .5s ease-in-out !important;
        -o-transition: .5s ease-in-out !important;
        transition: .5s ease-in-out !important;
}
@media only screen and (max-width: 768px) {
        .mphb-reserve-room-section .mphb-button.mphb-book-button:after{
                padding-top: 15px;
        }
}
.mphb-reserve-room-section .mphb-button.mphb-book-button:after{
                        position: absolute;
                        display: inline-block;
                        background-color: rgb(0,102,26);
                        right: 10%;
                        bottom: 10%;
                        font-family: 'Press Start 2P';
                        font-size: 1.1em !important;
                        content: 'BOOK NOW';
                        text-align: center;
                        width: 80%;
                        height: 80%;
                        border-radius: 10px;
                        border: 1px solid rgba(0,201,26,.8);
                        padding-top: 5px;
                        -webkit-box-shadow: 1px 2px .25em rgba(0,0,0,.6) !important;
                        box-shadow: 0px 2px .25em rgba(0,0,0,.6), 0px 0px 10px .5px rgb(0,102,26) !important;
                        -webkit-animation: pulsateMe 3s infinite;
                        opacity: .99;
                        animation: pulsateMe 3s infinite;
                                animation-timing-function: ease;
                                animation-direction: normal;
                        animation-timing-function: linear;
                        animation-direction: alternate;
                        -webkit-transition: .5s ease-in-out !important;
                        -o-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                        z-index: 2;
}
.mphb-reserve-room-section button.button.mphb-button.mphb-book-button:hover{
        -webkit-transform: none !important;
        transform: none !important;
        background: linear-gradient(180deg, rgb(1,1,1) 0%, rgb(105, 105, 105) 15%, rgb(51,51,51) 100%) !important;
        border: 3px solid rgba(211,211,211,.75) !important;
        width: calc(100% + 40px);
        font-size: .96em;
        right: 20px;
        -webkit-transition: .4s ease-in-out !important;
        -o-transition: .4s ease-in-out !important;
        transition: .4s ease-in-out !important;
}

.mphb-rooms-added .mphb-button.mphb-book-button{
        display: none;
}
.mphb-rooms-added .mphb-confirm-reservation{
        position: relative;
        width: calc(100% + 38px);
        margin-bottom: -20px;
        bottom: -5px;
        right: 19px;
        height: 50px;
        padding-bottom: 2.3em;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-right: 2px solid rgba(51,51,51,.6);
        border-left: 2px solid rgba(51,51,51,.6);
        border-bottom: 1px solid rgba(51,51,51,.7);
        border-top: 3px solid rgba(181,181,181,.7);
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(205, 205, 205) 15%, rgb(125,125,125) 100%) !important;
        background-color: rgba(255,255,255,0);
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
        font-family: 'Press Start 2P';
        box-shadow: 0px -10px 40px .1px rgba(51,51,51,.3);
        transform: none;
}
.mphb-rooms-added .mphb-confirm-reservation:hover{
        -webkit-transform: none !important;
        transform: none !important;
        border: 5px solid green !important;
}
/*------------ booking buttons -------------*/
.mphb-remove-from-reservation{
    color: rgb(231,231,231);
    border-radius: 5px;
    padding: 8px;
    border: 2px solid rgb(151,151,151) !important;
    background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
    box-shadow: none !important;
    text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
    box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
/* ------------- search form at bottom of search results -----------------------*/
/* when search results are full page */
article#post-278.page .mphb_sc_search-wrapper{
        margin-top: 4em;
}
a.refine-search{
        position: relative;
        top: 1.25em;
        text-align: center;
}
@media only screen and (max-width: 385px) {
        a.refine-search{
                display: block;
                top: 3.25em;
                left:1.5em;
        }
}
/* ----------------------------------Idividual Accomodation Type Detail Pages------------------------------------------------*/
h2.mphb-reservation-form-title{
        position: relative;
        display: none;
}
form.mphb-booking-form{
        position: relative;
        display: none;
}
/* -------------------------Booking Confirmation / OG Payment Gateway (not WC integrated) --------------------------------- */
        /*order review*/
                div.mphb-reserve-rooms-details{
                        position: relative;
                }

                .mphb-room-details{
                        position: relative;
                        border: 1px solid green;
                        margin-bottom: 5px;
                        padding: 20px;
                        padding-bottom: calc(2.5em + 20px);
                        margin-bottom: 40px;
                        box-shadow: 0px 0px 10px 0px rgba(31,31,31,.4), inset 0px 0px 10px 15px rgba(255,255,255,.5);
                        background-color: rgba(241,241,241,.75);
                }
                .mphb-room-details:last-of-type{
                        margin-bottom: 0px;
                }
                .mphb-room-details .mphb-room-number{
                        font-size: 1em;
                        font-weight: 700;
                        padding-top: 0px;
                        margin-top: -10px;
                        text-align: center;
                }
                p.mphb-room-type-title span{
                        position: relative;
                        display: none;
                }
                p.mphb-room-type-title{
                        position: relative;
                        margin-top: -20px;
                        padding-top: 1em;
                        text-align: center;
                        text-shadow: 2px 2px 2px white, 2px 2px 1.5px rgba(0,0,0,.5), 2px 2px 5px white, -1px -1px 1px rgba(251,251,251,.8), 1px -1px 1px rgba(151,151,151,.8), -1px 1px 1px rgba(51,51,51,.8), 1px 1px 1px rgba(51,51,51,.8); 
                }
                p.mphb-room-type-title a{
                        position: relative;
                        font-size: 1.8em;
                        font-family: 'Special Elite', cursive;
                        margin-top: -10px;
                }
                .mphb-room-type-title.entry-title{
                        border: 1px solid rgb(51,51,51);
                        position: relative;
                        width: calc(100% + 40px);
                        right: 20px;
                        margin-top: -20px;
                        font-size: 2.5em !important;
                        font-family: 'Special Elite', cursive;
                        font-size: 2em;
                        text-align:center;
                        padding-top: 10px;
                        background: linear-gradient(180deg,  
                                                rgb(231,231,231) 0%,
                                                rgb(131,131,131) 15%,
                                                rgb(101,101,101) 100%) !important;
                        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                                1px -1px 1px rgba(51,51,51,.5),
                                                -1px 1px 2px rgba(51,51,51,.5),
                                                1px 1px 3px rgba(0,0,0,.8) !important;
                        border-top-left-radius: 40px 20px;
                        border-top-right-radius: 40px 20px;
                        border-bottom: 1px solid rgba(51,51,51,.2);
                        -webkit-transition: .25s ease-in-out;
                        -o-transition: .25s ease-in-out;
                        transition: .25s ease-in-out; 
                }
                .mphb-room-type-title.entry-title a{
                        color: rgb(255,255,255) !important;
                }
                a.result_header{
                        position: relative;
                        font-family: 'Special Elite', cursive;
                        font-weight: 700;
                        font-size: 1.2em;
                }
                p.accom-description{
                        position: relative;
                        padding-left: 20px;
                        padding-right: 20px;
                }
                /* pet box */
                h4.mphb-services-details-title{
                        position: relative;
                        display: none;
                }

        /*payment*/
                .mphb-checkout-section:not(#mphb-billing-details, .mphb-checkout-terms-wrapper){
                        position: relative;
                        padding: 20px;
                        border: 1px solid rgb(51,51,51);
                        border-top-left-radius: 40px 20px;
                        border-top-right-radius: 40px 20px;
                        border-bottom-left-radius: 40px 20px;
                        border-bottom-right-radius: 40px 20px;
                        background: linear-gradient(0deg, rgb(171,171,171) 0%, rgba(201, 235, 255, 0.76) 10%, rgba(159, 221, 198, 0.52) 97%, rgb(171,171,171) 100% ) !important;
                        -webkit-transition: .25s ease-in-out !important;
                        -o-transition: .25s ease-in-out !important;
                        transition: .25s ease-in-out !important;
                }
                .mphb-checkout-section h3.mphb-booking-details-title, .mphb-checkout-section h3.mphb-customer-details-title, .mphb-checkout-section  h3.mphb-gateway-chooser-title, .mphb-checkout-section  h4.mphb-price-breakdown-title{
                        border: 1px solid rgb(51,51,51);
                        position: relative;
                        width: calc(100% + 40px);
                        right: 20px;
                        margin-top: -20px;
                        font-size: 2.5em !important;
                        font-family: 'Special Elite', cursive;
                        font-size: 2em;
                        text-align:center;
                        padding-top: 10px;
                        background: linear-gradient(180deg,  
                                                rgb(231,231,231) 0%,
                                                rgb(131,131,131) 15%,
                                                rgb(101,101,101) 100%) !important;
                        color: rgb(255,255,255) !important;
                        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                                1px -1px 1px rgba(51,51,51,.5),
                                                -1px 1px 2px rgba(51,51,51,.5),
                                                1px 1px 3px rgba(0,0,0,.8) !important;
                        border-top-left-radius: 40px 20px;
                        border-top-right-radius: 40px 20px;
                        border-bottom: 1px solid rgba(51,51,51,.2);
                        -webkit-transition: .25s ease-in-out;
                        -o-transition: .25s ease-in-out;
                        transition: .25s ease-in-out; 
                }
                #mphb-customer-details{
                        background: rgb(231,231,231) !important;
                }
                section.mphb-services-details.mphb-checkout-item-section{
                        border: 2px solid red;
                        text-align: center;
                        padding-top: 1.5em;
                }
                table.mphb-price-breakdown{
                        border: 1px solid rgb(51,51,51);
                        background-color: rgb(221,221,221);
                        padding-left: 20px;
                        box-shadow: 0px 5px 10px 1px rgba(51,51,51,.5);
                }
                table.mphb-price-breakdown tr td:first-of-type, table.mphb-price-breakdown tr th:first-of-type{
                        padding-left: 20px;
                }
                table.mphb-price-breakdown tr:nth-child(even){
                        background-color: rgb(241,241,241);
                }
                table.mphb-price-breakdown tr:nth-child(odd){
                        background-color: rgb(221,221,221);
                }
                table.mphb-price-breakdown tr:first-of-type{
                        background-color: rgb(241,241,241);
                }
                .darkerbg{
                        background-color: rgb(221,221,221) !important;
                }
                table.mphb-price-breakdown tr:not(.mphb-price-breakdown-dates, .mphb-price-breakdown-accommodation-taxes):hover{
                        background-color: white;
                }
                table.mphb-price-breakdown tfoot tr:first-of-type{
                        background-color: rgb(241,241,241);
                }
                table.mphb-price-breakdown tfoot tr:nth-child(odd){
                        background-color: rgb(221,221,221);
                }
                table.mphb-price-breakdown tfoot tr:nth-child(even){
                        background-color: rgb(241,241,241);
                }
                .mphb-checkout-text-wrapper.mphb-checkout-section p{
                        text-align: justify;
                        padding-top: 10px;
                        margin-bottom: 10px;
                }
                p.mphb-customer-note textarea{
                        resize: none;
                }
                #mphb-billing-details{
                        position: relative;
                        padding: 20px;
                        border: 1px solid rgb(51,51,51);
                        border-top-left-radius: 40px 20px;
                        border-top-right-radius: 40px 20px;
                        border-bottom: none;
                        background-color: rgb(231,231,231);
                        -webkit-transition: .25s ease-in-out !important;
                        -o-transition: .25s ease-in-out !important;
                        transition: .25s ease-in-out !important;
                }
                /* coupon box */
                .mphb-coupon-code-wrapper.mphb-checkout-section{
                        position: relative;
                        display: none;
                }
                /* checkout message box */
                section.mphb-checkout-text-wrapper.mphb-checkout-section{
                        position: relative;
                        display: none;
                }
                .mphb-login-form-wrap p{
                        display: none;
                }
/*
.flex-viewport ul.slides{
        border: 2px solid green;
}
*/
                form.mphb_sc_checkout-form{

                }
                .final-payment-section-wrapper{
                        position: relative;
                        padding-left: 20px;
                        padding-right: 20px;
                        background-color: rgb(231,231,231);
                        border-left: 1px solid black;
                        border-right: 1px solid black;
                        border-bottom: 1px solid black;
                        border-bottom-left-radius: 40px 20px;
                        border-bottom-right-radius: 40px 20px;
                }
                /* Hide input for company name */
                a#billing_company_field{
                        display: none;
                }
                /* payment button */
                p.mphb_sc_checkout-submit-wrapper{
                }
                p.mphb_sc_checkout-submit-wrapper input.button{
                        position: relative;
                        width: calc(100% + 38px);
                        margin-bottom: -20px;
                        bottom: calc(-1em + 4px);
                        right: 19px;
                        height: 50px;
                        box-shadow: 0px -10px 40px .1px rgba(51,51,51,.3);
                        padding-bottom: 2.3em;
                        border-bottom-left-radius: 40px 20px;
                        border-bottom-right-radius: 40px 20px;
                        border-right: 2px solid rgba(51,51,51,.6);
                        border-left: 2px solid rgba(51,51,51,.6);
                        border-bottom: 1px solid rgba(51,51,51,.7);
                        border-top: 3px solid rgba(181,181,181,.7);
                        background-color: rgba(255,255,255,0);
                        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(205, 205, 205) 15%, rgb(125,125,125) 100%) !important;
                        text-shadow: 0px 2px 2px green, 0px 0px 1px black, 1px 0px 1px black, -1px 0px 1px black, 0px 1px 1px black, 0px -1px 2px black, 0px 0px 3px black, 0px 5px 10px black, 0px 2px 10px black;
                        -webkit-transition: .25s ease-in-out !important;
                        -o-transition: .25s ease-in-out !important;
                        transition: .25s ease-in-out !important;
                        font-family: 'Press Start 2P';
                        transform: none;
                        -webkit-transition: .5s ease-in-out !important;
                        -o-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                }
                p.mphb_sc_checkout-submit-wrapper input.button:hover{
                        -webkit-transform: none !important;
                        transform: none !important;
                        background: linear-gradient(180deg, rgb(1,1,1) 0%, rgb(105, 105, 105) 15%, rgb(51,51,51) 100%) !important;
                        border: 3px solid rgba(51,51,51,.5) !important;
                        width: calc(100% + 40px);
                        right: 20px;
                        margin-bottom: -10px;
                        bottom: calc(-1em + 1px);
                        box-shadow: 0px -10px 40px .1px rgba(51,51,51,.3), 0px 0px 5px 0px rgb(51, 51, 51);
                        font-size: 0.825em;
                        transform: scale(.994) !important;
                        -webkit-transition: .5s ease-in-out !important;
                        -o-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                }
/*---------------------------------------random alien images---------------------------------*/
.search-pod-alien{
        position: absolute;
        top: 0px;
        right: 1em;
        height: 90%;
        width: 300px;
        background-image: url("/wp-content/themes/twentyseventeen-child/assets/images/transparent_alien_bust.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-transition: .25s ease-in-out !important;
        -o-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
/* same page results load sandbox */
.lodgingSearchResults{
        position: relative;
        display: block;
        width: 100%;
}
/*--------------------------------------final media queries------------------------------------*/
@media only screen and (max-width: 767px) {
        .mphb_sc_search-form{
                height: 444px;
        }
}
        .petNA{
                position: relative;
                display: none;
                height: 3em;
                width: calc(50% + 5vw);
                max-width: 4em;
                border: 1px solid #bbb;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                background-color: rgba(255,255,255,.65);
                padding: 0.5em;
                padding-left: 0.5em;
                padding-left: 1em;
                padding-right: 2em;
        }
        .petNA a{
                position: absolute;
                color: rgb(181,181,181);
                padding-top: 3px;
        }
        body.home .petNA a{
                margin-left: -.5em;
        }
        .pet_selector_wrap{
                position: relative;
                height: calc(3em + 10px);
                width: calc(50% + 5vw);
                max-width: calc(4em + 10px);
                float: left;
                top: -4.3em;
                left: 8em;
        }
@media only screen and (max-width: 667px) {
        .mphb_sc_search-reservation-types select, p.mphb_sc_search-adults select, p.mphb_sc_search-check-in-date input, p.mphb_sc_search-check-out-date input, p.mphb_sc_search-pets select{
                background-color: rgba(255,255,255,.65);
                width: calc(50% + 5vw);
                padding-left: 3vw;
                margin-top: -5px;
                float: right;
                left: 0px;
        }
        .date-wrapper{
                display: block;
                width: 100%;
        }
        /*fix me positioning within grid on main search page*/
        .mphb_sc_search-pets label{
                position: relative;
                width: 7em;
                margin-top: 1%;
        }
        .mphb_sc_search-pets select{
                position: relative;
                float: left !important;
                width: 100% !important;
        }
        .pets-wrapper{
                position: relative;
                padding-left: 1em;
                height: 4em;
                margin-top: -8px;
                padding-top: .8em;
                z-index: 5;
                margin-bottom: 8px;
        }
        .petNA{
                position: relative;
                display: none;
                height: 3em;
                width: 100%;
                max-width: 100%;
                border: 1px solid #bbb;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                background-color: rgba(255,255,255,.65);
                float: left;
                left: 0px;
                padding: 0.5em;
                padding-left: 1em;
        }
        .petNA a{
                position: absolute;
                color: rgb(181,181,181);
                padding-top: 3px;
        }
        .pet_selector_wrap{
                left: calc(50% - 5vw) !important;
                top: -4em;
                width: calc(50% + 5vw);
                max-width: 100%;
        }
        /* end fix me spot */
        p.mphb_sc_search-check-in-date input, p.mphb_sc_search-check-out-date input{
                box-shadow: 0px -3px 8px 5px rgb(231,231,231);
        }
        .mphb_sc_search-form{
                height: 500px;
        }
        p.mphb_sc_search-submit-button-wrapper{
                top: -64px;
        }
        .search-pod-alien{
                top: 50px;
                opacity: .25;
                right: 0px;
        }
        .mphb_sc_search-reservation-types label, p.mphb_sc_search-adults label, p.mphb_sc_search-check-in-date label, p.mphb_sc_search-check-out-date label, p.mphb_sc_search-pets label{
                margin-top: -10px;
        }
        .search-elements-wrapper{
                top: -3.5em;
        }
        .date-wrapper:last-of-type {
                margin-top: -3em;
        }
        /* search result small thumbnails for small screens */
        .mphb-gallery-thumbnails-slider.mphb-gallery-slider .flex-viewport /*display window*/{
                position: relative;
                padding: none;
                padding-bottom: 5px;
        }
        .mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item{
                position: relative;
        }
        .mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item img.attachment-thumbnail.size-thumbnail{
                position: relative;
                border-radius: 20px;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out; 
        }
        .mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item img.attachment-thumbnail.size-thumbnail:hover{
                border-radius: 0px;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out; 
        }
/*      .mphb-gallery-thumbnails-slider.mphb-gallery-slider ul.slides li.gallery-item.flex-active-slide img.attachment-thumbnail.size-thumbnail{
                border-radius: 0px;
                border: 2px solid green;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out; 
        } */
}
/* ------- single accom. / room pages -------- */
body.single.single-mphb_room_type #content.site-content{
        margin-top: -6.3em;
}
body.single.single-mphb_room_type #main.site-main{
        display: flex;
        flex-direction: column;
}
body.single.single-mphb_room_type #main.site-main .type-mphb_room_type{
        order: 1;
}
body.single.single-mphb_room_type #main.site-main .navigation.post-navigation{
        order: 2;
        margin-bottom: -3em;
}
body.single.single-mphb_room_type #main.site-main .comment-section-wrapper, body.single-mphb_room_type #main.site-main #comments.comments-area{
        order: 3;
}
body.single.single-mphb_room_type #content.site-content .entry-header{
        display: block;
        margin-top: 5.6em;
}
body.single.single-mphb_room_type #content.site-content .entry-header h1{
        font-family: 'Special Elite', cursive;
        color: rgb(255,255,255);
        border: 1px solid rgb(51,51,51);
        font-size: 2.5em !important;
        text-align: center;
        padding-top: 10px;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(101,101,101) 100%) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8) !important;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom: 1px solid rgba(51,51,51,.2);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

body.single.single-mphb_room_type #content.site-content .entry-content{
        background-color: rgb(231,231,231);
        margin-top: -27px;
        padding: 40px;
        border: 2px solid rgb(51,51,51);
        border-top: 0;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
body.single.single-mphb_room_type .mphb-single-room-type-gallery-wrapper .gallery{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        padding-left: 1em;
        border: 1px solid rgb(51,51,51);
        box-shadow: 0px 0px 15px 0px rgba(191,191,191,.9), inset 0px 0px 5px rgba(191,191,191,.9);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(191,191,191,.9), inset 0px 0px 5px rgba(191,191,191,.9);
}
body.single.single-mphb_room_type .mphb-single-room-type-gallery-wrapper .gallery .gallery-item{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        margin-bottom: 1em;
        padding-top: 2em;
        padding-left: 0px;
}
body.single.single-mphb_room_type .mphb-single-room-type-gallery-wrapper .gallery .gallery-item .gallery-icon.landscape{
        margin-left: 0;
        padding-left: 0px;
}
body.single.single-mphb_room_type .mphb-single-room-type-gallery-wrapper .gallery .gallery-item figcaption.gallery-caption{
        display: none;
}
body.single.single-mphb_room_type .mphb-single-room-type-gallery-wrapper .gallery .gallery-item a img{
        box-shadow: 0px 0px 10px 0px rgb(51,51,51) !important;
        -webkit-box-shadow: 0px 0px 10px 0px rgb(51,51,51) !important;
}
body.single.single-mphb_room_type .entry-content h2{
        position: relative;
        font-family: 'Special Elite', cursive;
        font-weight: 700;
        font-size: 1.2em;
}
body.single.single-mphb_room_type #respond.comment-respond{
        border: none;
}
body.single.single-mphb_room_type #commentform.comment-form{
        background: linear-gradient(180deg, rgb(.101,101,101) 0%, rgb(231,231,231) 2.5%, rgb(231,231,231) calc(100% - 40px), rgb(101,101,101) 100%) !important;
        margin-top: -1.5em;
        padding-top: 1.5em;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-left: 2px solid rgb(51,51,51);
}
body.single.single-mphb_room_type ol.comment-list{
  border-top: 2px solid rgb(151,151,151);
  margin-top: 3em;
  padding-top: 3em;
}
body.single.single-mphb_room_type ul.mphb-single-room-type-attributes{
        margin-top: -1em;
        margin-left: 4em;
        list-style-image: url('/wp-content/themes/twentyseventeen-child/assets/bullet-points/UFO-bullet-2.png');
}
body.single.single-mphb_room_type h2.mphb-calendar-title{
        text-align: center;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8), 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8), 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,.5), -1px 1px 2px rgba(51,51,51,.5), 1px 1px 3px rgba(0,0,0,.8) !important;
        color: rgb(211,221,211);
}
body.single.single-mphb_room_type .mphb-calendar.mphb-datepick{
        display: flex;
        align-items: center;
        justify-content: center;
}
body.single.single-mphb_room_type #comments.comments-area{
        display: flex;
        flex-direction: column-reverse; 
}
body.single.single-mphb_room_type h3#reply-title{
        background: linear-gradient(180deg,  
                                                rgba(231,231,231,1) 0%,
                                                rgba(131,131,131,1) 15%,
                                                rgba(101,101,101,1) 100%) !important;
        text-align: center;
        border-radius: 0;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
}
body.single.single-mphb_room_type h2.comments-title{
        display: none;
        margin-top: 4em;
        border: 2px solid black;
        padding: 20px;
        padding-left: 20px;
        padding-left: 5em;
        background-color: rgb(235,235,235);
}
body.single.single-mphb_room_type ol.comment-list .comment-author.vcard{
        font-family: 'Special Elite', cursive;
        color: white !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        font-size: 1.6em;
}
.single.single-mphb_room_type ol.comment-list .comment-author.vcard a{
        color: white !important;
}
body.single.single-mphb_room_type ol.comment-list .reply .comment-reply-link{
        position: relative;
        display: inline-block;
        font-size: .70em !important;
        font-family: 'Press Start 2P';
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
        box-shadow: none !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
        text-align: center;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
body.single.single-mphb_room_type ol.comment-list li #respond.comment-respond{
        position: relative;
        left: -1.5em;
}
body.single.single-mphb_room_type ol.comment-list li form.comment-form{
        border-left: 2px solid rgb(51,51,51);
        border-right: 2px solid rgb(51,51,51);
        border-bottom: 2px solid rgb(51,51,51);
        margin-bottom: 4em;
}
body.single.single-mphb_room_type ol.comment-list li #cancel-comment-reply-link{
        color: rgb(201,201,201);
        display: block;
}
body.single.single-mphb_room_type ol.comment-list ol.children{
        margin-left: 1em;
        margin-top: -2em;
}
body.single.single-mphb_room_type ol.comment-list ol.children img.avatar{
        left: 0;
}
body.single.single-mphb_room_type ol.comment-list ol.children .comment-author.vcard a{
        margin-left: 2em;
}
body.single.single-mphb_room_type ol.comment-list ol.children li{
        background-color: white;
        padding: 1em;
        margin-top: 1em;
        margin-bottom: -2em;
        margin-right: 1em;
        padding-bottom: 0;
}
        /*single accom page nav buttons */
        body.single.single-mphb_room_type .nav-links{
                position: relative;
                margin-bottom: 2em;
        }
        body.single.single-mphb_room_type .nav-links .nav-previous{
                position: relative;
                top: -9px;
                width: 9em;
                border: 2px solid rgb(51,51,51);
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out; 
        }
        body.single.single-mphb_room_type .nav-links .nav-next{
                position: relative;
                width: 9em;
                border: 2px solid rgb(51,51,51);
                float: right;
                text-align: right;
                margin-top: -4.5em;
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out; 
        }
        body.single.single-mphb_room_type .nav-links .nav-previous .nav-subtitle, body.single.single-mphb_room_type .nav-links .nav-next .nav-subtitle{
                margin-bottom: 0;
                padding: .3em;
                font-size: 1em;
                font-family: 'Special Elite', cursive;
                text-align: center;
                border: 2px solid rgb(151,151,151);
                background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%);
                text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
                box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
                color: rgb(231,231,231);
        }
        body.single.single-mphb_room_type .nav-links .nav-previous .nav-title, body.single.single-mphb_room_type .nav-links .nav-next .nav-title{
                color: rgb(51,51,51);
                font-size: .7em;
                font-family: 'Press Start 2P';
                background-color: rgb(231,231,231);
                display: block;
                text-shadow: 0px -1px 1px rgba(251,251,251,.8),
                                                1px -1px 1px rgba(221,221,221,.5),
                                                -1px 1px 2px rgba(251,251,251,.5),
                                                1px 1px 3px rgba(0,0,0,.8);
                color: rgb(81,81,81);
        }
        body.single.single-mphb_room_type .nav-links .nav-previous:hover .nav-title, body.single.single-mphb_room_type .nav-links .nav-next:hover .nav-title{
                transform: scale(.9);
                color: rgb(51,51,51);
                -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        @media only screen and (min-width: 768px) {
                body.single.single-mphb_room_type .nav-links .nav-next{
                        margin-top: -.75em;
                }
                body.single.single-mphb_room_type .nav-links .nav-previous .nav-title{
                          padding-left: 4em;
                }
                body.single.single-mphb_room_type .nav-links .nav-next .nav-title{
                        padding-right: 4em;
                }
                body.single.single-mphb_room_type .nav-links .nav-next .nav-title-icon-wrapper{
                        margin-right: 3.5em;
                }
                body.single.single-mphb_room_type .nav-links .nav-previous .nav-title-icon-wrapper{
                        margin-left: 3.5em;
                }
        }
        @media only screen and (max-width: 767px) {
                body.single.single-mphb_room_type .nav-links .nav-previous .nav-title{
                        margin-left: 1em;
                }
                body.single.single-mphb_room_type .nav-links .nav-next .nav-title{
                        margin-right: 1em;
                }
                body.single.single-mphb_room_type ol.comment-list ol.children .comment-body{
                        margin-left: 1em;
                }
        }
        body.single.single-mphb_room_type .nav-links .nav-next a{
                text-align: right;
        }
        body.single.single-mphb_room_type .site-footer{
                margin-top: -5em;
        }
/* ------ media queries ------ */

@media only screen and (max-width: 609px) {
        .datepick:not(.room_cal_wrapper .datepick){
                max-width: calc(80vw + 20px);
        width: calc(80vw + 20px);
        }
        .room_cal_wrapper .datepick{
                width: auto !important;
                margin-bottom: 2em;
        }
        .unit_wrapper .room_cal_wrapper .datepick-month.last{
                border-bottom-right-radius: 40px 20px;
                border-bottom-left-radius: 40px 20px;
        }
        .datepick-popup{
        left: 0px !important
        }
        .datepick-ctrl{
                z-index: 7;
        }
        .datepick-month {
                width: 100%;
        }
        .datepick-month.last{
                margin-top: -25px;
                margin-bottom: -25px;
        }
}
@media only screen and (max-width: 480px) {
        .mphb_sc_search-form{
                height: 428px;
        }
        p.mphb_sc_search-submit-button-wrapper{
                top: -46px;
        }
        .mphb-reserve-room-section .mphb-button.mphb-book-button{
                bottom: 0px;
        }
}

/* -------------------------------------------------------------------------------- directions.css ----------------- */
.direction_section_container p{
        text-align: justify !important;
}
.direction_section_container:first-of-type p{
        text-align-last: center;
}
.direction_section_container{
        display: block;
        margin-bottom: 8em;
        background: linear-gradient(0deg, rgb(171,171,171) 0%, rgb(231,231,231) calc( 0% + 40px ), rgb(231,231,231) 97%, rgb(171,171,171) 100% ) !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: linear-gradient(0deg, rgb(171, 171, 171) 0%, rgb(231, 231, 231) 10%, rgb(231, 231, 231) 97%, rgb(171, 171, 171) 100%);
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        padding-bottom: 20px;
        border-left: 2px solid rgb(171,171,171);
        border-right: 2px solid rgb(171,171,171);
        border-bottom: 2px solid rgb(171,171,171);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}
.direction_section_container h2{
        padding-top: .5em;
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        top: -.5em;
        padding-bottom: 10px !important;
        font-family: 'Special Elite', cursive;
        text-align: center;
        font-size: 2em !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: linear-gradient(rgb(231, 231, 231) 0%, rgb(131, 131, 131) 15%, rgb(131, 131, 131) calc(100% - 15px), rgb(131, 131, 131) 100%);
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        border-top: 1px solid rgb(51,51,51);
        border-left: 1px solid rgb(71,71,71);
        border-right: 1px solid rgb(71,71,71);
        border-bottom: none !important;
        box-shadow: 0px -1px .25em rgb(151,151,151);
        -webkit-box-shadow: 0px -1px .25em rgb(151,151,151);
}
.direction_section_container p{
        margin-left: 20px;
        margin-right: 20px;
}
.direction_section_container.distance_container .distance_table{
        margin-left: 10%;
        margin-right: 10%;
        box-shadow: -5px -.125px .5em rgba(0, 0, 0,.4), 5px 0 .5em rgba(151,251,51,.8), -5px 0 .5em rgba(2151,151,251,.8),5px 5px 1em rgb(0,0,0), 0 0 5px rgb(51,51,51);
}
.directional_google_map{
        position: relative;
        margin: 7.5%;
        width: 86%;
        box-shadow: -5px -.125px .5em rgba(0, 0, 0,.4), 5px 0 .5em rgba(151,251,51,.8), -5px 0 .5em rgba(2151,151,251,.8),5px 5px 1em rgb(0,0,0), 0 0 5px rgb(51,51,51);
        border-radius: 40px;
}
.direction_section_container ol{
        margin-left: 10%;
}
h2#direction_section_footer{
        background-image: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(131, 131, 131) 15%, rgb(131, 131, 131) calc(100% - 15px), rgb(131, 131, 131) 100%);
        border-radius: 0 !important;
        border-bottom-left-radius: 40px 20px !important;
        border-bottom-right-radius: 40px 20px !important;
        margin-bottom: -60px !important;
        font-size: 1.5em !important;
}
h2#direction_section_footer.directions{
        width: 111% !important;
        margin-left: -11% !important;
}
.direction_section_container.distance_container table{
        border-right: 4px solid rgb(0,235,0);
        border-top: 2px solid rgb(255,0,255);
        border-left: 1px solid rgb(0,0,0);
}
.direction_section_container.distance_container table td{
        color: black;
}
.direction_section_container.distance_container th{
        background-color: rgba(81,201,81,.4);
        font-size: 1.2em;
        text-shadow: 0px -1px 1px rgba(251,251,251,.8), 1px -1px 1px rgba(221,221,221,1), -1px 1px 2px rgba(231,231,231,1), 1px 1px 3px rgba(0,0,0,.4);
}
.direction_section_container.distance_container tr:first-of-type{
        border-top: rgb(235,235,235);
}
.direction_section_container.distance_container th:first-child, .direction_section_container.distance_container th:last-child{
        border-bottom: 4px solid rgba(231,255,231,.3);
}
.direction_section_container.distance_container table tr:nth-child(odd) td{
    background-color: rgb(251,231,251);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.direction_section_container.distance_container table tr:nth-child(even) td{
    background-color: rgb(231,251,231);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.direction_section_container.distance_container th:last-child, .direction_section_container.distance_container td:last-child{
        text-align: right;
        padding-right: 5%;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.direction_section_container.distance_container th:first-child, .direction_section_container.distance_container td:first-child{
        text-align: left;
        padding-left: 5%;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.direction_section_container.distance_container table tr:nth-child(odd):hover td{
    background-color: rgb(141,51,141);
        color: white;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
.direction_section_container.distance_container table tr:nth-child(even):hover td{
    background-color: rgb(71,151,71);
        color: white;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
.direction_section_container.distance_container table tr:hover td:last-child{
        text-align: left;
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.direction_section_container.distance_container table tr:hover td:first-child{
        text-align: right;
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
h2.location_heading{
        margin-top: -1em;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(131,131,131) calc(100% - 15px), rgb(131,131,131) 100%) !important;
        font-size: 1.125em !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
}
.address_container{
    display: flex;
    flex-direction: row;
    justify-content: center;
        text-align: center;
}
.address_container p{
        font-weight: 600;
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
.address_container p:hover{
        transform: scale(1.1);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.main_address_container{
        border: 2px solid rgb(51,51,51);
        border-radius: 20px;
        background-color: rgba(231,231,231, .75);
        box-shadow: -2px -2px 1em rgb(51,51,51);
        border: 2px solid rgb(51,51,51);
        border-radius: 20px;
        background-color: rgb(231,231,231);
        box-shadow: -2px 2px 1em rgb(151,51,151), 5px 2px 1em rgb(51,151,51);
        width: 20em;
        height: 9em;
        padding-top: 1.5em;
        font-family: 'Special Elite', cursive;
        cursor: pointer;
}
.main_address_container::after:not(body.home .main_address_container::after){
        position: relative;
        padding: 5px;
        background-color: rgb(235,235,235);
        border: 2px solid rgb(51,51,51);
        content: "Click to Copy Address";
        color: black;
        font-family: sans-serif;
        bottom: 15px;
        font-size: .7em;
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
.main_address_container:hover{
        -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
.main_address_container:hover::after{
        transform: scale(1.1);
        font-weight: 600;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}


/* ---------------------------------------------------------------------------------- foodstyle.css stuff------------------------ */
div.site-content-contain{
        position: relative;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.food_section_container{
        display: block;
        margin-bottom: 4em;
        background: linear-gradient(0deg, rgb(171,171,171) 0%, rgb(231,231,231) calc( 0% + 40px ), rgb(231,231,231) 97%, rgb(171,171,171) 100% ) !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: linear-gradient(0deg, rgb(171, 171, 171) 0%, rgb(231, 231, 231) 10%, rgb(231, 231, 231) 97%, rgb(171, 171, 171) 100%);
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        padding-bottom: 20px;
        border-left: 2px solid rgb(171,171,171);
        border-right: 2px solid rgb(171,171,171);
        border-bottom: 2px solid rgb(171,171,171);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        box-shadow: 0 0 16px -2px rgb(51, 51, 51);
}
.food_section_container h2{
        padding-top: .5em;
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        top: -.5em;
        padding-bottom: 10px !important;
        font-family: 'Special Elite', cursive;
        text-align: center;
        font-size: 2em !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(131,131,131) calc(100% - 15px), rgb(131,131,131) 100%) !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: linear-gradient(rgb(231, 231, 231) 0%, rgb(131, 131, 131) 15%, rgb(131, 131, 131) calc(100% - 15px), rgb(131, 131, 131) 100%);
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        border-top: 1px solid rgb(51,51,51);
        border-left: 1px solid rgb(71,71,71);
        border-right: 1px solid rgb(71,71,71);
        border-bottom: none !important;
        box-shadow: 0px -1px .25em rgb(151,151,151);
        -webkit-box-shadow: 0px -1px .25em rgb(151,151,151);
}
.food_section_container p{
        margin-left: 20px;
        margin-right: 20px;
}
.food_section_container h5{
        font-family: 'Press Start 2P';
        text-shadow: 4px 2px 1px rgba(5,255,5,.1), -2px -2px 2px rgba(255,255,255,.8), 2px 2px 1px rgb(255, 255, 255), -2px -2px 1px rgb(255, 255, 255), 2px -2px 1px rgb(255, 255, 255), -2px 2px 1px rgb(255, 255, 255), 1px -1px 1px rgb(51, 51, 51), -1px 1px 2px rgb(51, 51, 51), 4px 2px 1px rgba(255,5,5,.8), -2px 5px 4px rgba(255,255,255,.5), 1px 1px 1px rgba(255,255,255,.5);
        color: rgba(0,0,0,.75);
        border-radius: 100%;
        margin-left: 20%;
        margin-right: 20%;
        padding-bottom: .5em;
        padding-top: .5em;
        background-color: rgba(51,51,51,.1);
        background: radial-gradient(circle, rgba(51,51,51,0) 0%, rgba(215,215,215,0.5) 50%, rgba(51,51,51,0) 100%);
        font-size: .9em !important;
}
.food_section_container h5 :: after{
        font-family: 'Press Start 2P';
        text-shadow: 4px 2px 1px rgba(5,255,5,.1), -2px -2px 2px rgba(255,255,255,.8), 2px 2px 1px rgb(255, 255, 255), -2px -2px 1px rgb(255, 255, 255), 2px -2px 1px rgb(255, 255, 255), -2px 2px 1px rgb(255, 255, 255), 1px -1px 1px rgb(51, 51, 51), -1px 1px 2px rgb(51, 51, 51), 4px 2px 1px rgba(5,255,5,.8), -2px 5px 4px rgba(255,255,255,.5), 1px 1px 1px rgba(255,255,255,.5);
        color: rgba(0,0,0,.75);
        border-radius: 100%;
        margin-left: 20%;
        margin-right: 20%;
        padding-bottom: .5em;
        padding-top: .5em;
        background-color: rgba(51,51,51,.1);
        background: radial-gradient(circle, rgba(51,51,51,0) 0%, rgba(215,215,215,0.5) 50%, rgba(51,51,51,0) 100%);
        font-size: .9em !important;
}
.food_section_container p{
        text-align: center
}
.food_section_container ul{
        list-style-image: url('/wp-content/themes/twentyseventeen-child/assets/bullet-points/UFO-bullet-2.png');
        margin-left: 20%;
}
.food_section_container ul li a{
        font-family: 'Special Elite', cursive;
        font-size: 1.4em;
}
.food_section_container ul p:not(li p){
        margin-left: 5%;
        margin-right: 20%;
        text-align: justify;
        text-align-last: center;
}
.food_subheading{
        text-align: center !important;
}
.sandwich_sub{
        margin-top: -12px;
}
@media only screen and (max-width: 767px){
        .food_section_container ul{
                margin-left: calc( 10% + 15px );
        }
        .food_section_container ul li{
                margin-right: 10px;
        }
        .food_section_container ul li a{
                text-align: justify;
                text-align-last: center;
        }
}
/* ------------ login.css --------------- */
@charset "UTF-8";
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
#page{
        background-color: #6DB3F2 !important;
        background-position: center;
        background-attachment: fixed;
        background-size: 75px 75px !important;
        background-image: url(/wp-content/uploads/2021/03/cropped-alien_head_redux.png);
        background-repeat: repeat;
}
form.woocommerce-form.woocommerce-form-login.login{
        margin-left: 0px !important;
        margin-right: 0px !important;
        border: 1px solid rgb(51,51,51);
  border-top: none;
}
.woocommerce h2:not(li.product h2, #customer_login h2){
        background: linear-gradient(180deg,  
                                rgb(231,231,231) 0%,
                                rgb(131,131,131) 15%,
                                rgb(101,101,101) 100%) !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8),
                                1px -1px 1px rgba(51,51,51,.5),
                                -1px 1px 2px rgba(51,51,51,.5),
                                1px 1px 3px rgba(0,0,0,.8) !important;
        border: 1px solid rgb(51,51,51);
        border-bottom: 1px solid rgba(51,51,51,.2);
        margin-bottom: 24px;
}
form.woocommerce-form-login.login{
        display: block;
        background: linear-gradient(0deg, rgb(171,171,171) 0%, rgb(231,231,231) 10%, rgb(231,231,231) 97%, rgb(171,171,171) 100% ) !important;
        margin-top: -25px;
        padding: 20px;
        padding-top: 25px;
        border-left: 2px solid rgb(171,171,171);
        border-right: 2px solid rgb(171,171,171);
        border-bottom: 2px solid rgb(171,171,171);
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
}

form.lost_reset_password{
        max-width: 900px;
}
form.lost_reset_password p{
        align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
        width: 100% !important;
}
form.lost_reset_password p #user_login{
        max-width: 450px;
}
.login_ufo{
}
.scene .card h2{
        padding-top: .5em;
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        padding-bottom: 10px !important;
        font-family: 'Special Elite', cursive;
        text-align: center;
        font-size: 2em !important;
        color: rgb(255,255,255) !important;
        text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(131,131,131) 15%, rgb(131,131,131) calc(100% - 15px), rgb(131,131,131) 100%) !important;
        border-top: 1px solid rgb(51,51,51);
        border-left: 1px solid rgb(71,71,71);
        border-right: 1px solid rgb(71,71,71);
        border-bottom: none !important;
        box-shadow: 0px -1px .25em rgb(151,151,151);
        -webkit-box-shadow: 0px -1px .25em rgb(151,151,151);
}
.scene .card .col-2 form, .scene .card .col-1 form{
        margin-top: 0;
}
#sect {
        width: 10em;
        height: 10em;
        margin-top: 6em;
        background-color: #0d0d0d;
        transform: translate(0, -50%);
        border-radius: 0.5em;
        border: 0.2em solid #00ADB5;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease-out;
        font-family: 'Press Start 2P';
        font-size: 1em !important;
}
#sect.flipped{
        margin-top: 6em;
        margin-bottom: -3em;
}
#sect:after {
  content: "»WELCOME«";
  position: absolute;
  background-color: #00ADB5;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  font-size: 0.8em;
  line-height: 1.5;
  padding-top: 0.2em;
  text-align: center;
  text-transform: uppercase;
  -webkit-animation: fade 2s infinite ease 1.2s, marquee 8s infinite linear;
          animation: fade 2s infinite ease 1.2s, marquee 8s infinite linear;
  color: #36f6ff;
  text-shadow: 0.1em 0.1em 0 black;
}
#sect.flipped:after{
          content: "»»...Submitted!...««" ;
          
}
#sect:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: none;
  background-image: linear-gradient(left top, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0.01) 20%, rgba(238, 238, 238, 0.03) 45%, rgba(238, 238, 238, 0.005) 57%, rgba(238, 238, 238, 0.005) 100%);
  mix-blend-mode: color-burn;
}

#ufo {
  background-color: rgba(96, 171, 251, 0.35);
  position: absolute;
  left: 3.5em;
  top: 28%;
  height: 2.5em;
  width: 3em;
  border-radius: 2em 2em 0 0;
  border: 0.15em inset #AEE1FC;
  box-shadow: inset 1em 1em 3em rgba(0, 0, 0, 0.3), inset 0 -0.5em 2em rgba(255, 255, 255, 0.3);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.1) 55%, rgba(255, 255, 255, 0.05) 64%, rgba(255, 255, 255, 0) 100%);
  z-index: 5;
  -webkit-animation: wiggle 2s infinite ease-out;
          animation: wiggle 2s infinite ease-out;
}
#ufo:after {
  content: "";
  position: absolute;
  bottom: -1em;
  width: 5em;
  height: 1em;
  left: -1em;
  background: radial-gradient(rgba(255, 0, 0, 0.95) 11%, transparent 17%) 0 0, radial-gradient(rgba(255, 168, 168, 0.3) 25%, transparent 40%) 0 0, linear-gradient(0deg, transparent, transparent 45%, rgba(70, 54, 252, 0.7) 46%, rgba(70, 54, 252, 0.7) 54%, transparent 55%, transparent 100%);
  background-size: 1em 1em;
  background-color: #60ABFB;
  box-shadow: inset 0 0.5em 1em rgba(255, 255, 255, 0.7), inset 0 -0.5em 1em rgba(0, 0, 0, 0.7), 0 0.5em 1em -0.3em rgba(0, 173, 181, 0.66);
  border-top-left-radius: 1.5em 0.5em;
  border-top-right-radius: 3em 1em;
  border-bottom-right-radius: 4em 1em;
  border-bottom-left-radius: 4em 1em;
  border-bottom: 0.1em solid #00ADB5;
  z-index: 5;
  -webkit-animation: lamp-glow 1s infinite ease, lamps 2s infinite linear, glow 0.5s infinite ease;
          animation: lamp-glow 1s infinite ease, lamps 2s infinite linear, glow 0.5s infinite ease;
}
#ufo:before {
  content: "";
  position: absolute;
  bottom: -0.2em;
  left: -1em;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #b4cfee transparent #b4cfee;
  border-width: 1.2em 0 0 1em;
  box-shadow: -1.5em 0.6em 1.5em rgba(238, 238, 238, 0.3), -0.7em 0.6em 0.8em rgba(0, 173, 181, 0.5);
  background-blend-mode: darken;
  -webkit-animation: boost 2s infinite ease 0.5s;
          animation: boost 2s infinite ease 0.5s;
}

.stand {
  position: absolute;
  width: 3em;
  left: -0.2em;
  height: 0.65em;
  bottom: -1.4em;
  border: 0.2em solid #959595;
  border-width: 0.2em 0.2em 0;
  border-top-left-radius: 6em 3em;
  border-top-right-radius: 6em 3em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.steer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.15em;
  height: 1em;
  background-color: #2e91fa;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
  z-index: 1;
  box-shadow: inset 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.4), inset 0.1em 0.1em 0.1em rgba(255, 255, 255, 0.1);
}
.steer:after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.3em;
  width: 0.8em;
  height: 0.15em;
  background-color: #60ABFB;
  transform: none;
  box-shadow: inset 0.1em -0.1em 0.2em rgba(0, 0, 0, 0.4), inset 0.1em 0.1em 0.1em rgba(255, 255, 255, 0.1);
}

.alien {
  position: absolute;
  bottom: 1.1em;
  left: 1.15em;
  width: 0.9em;
  height: 1em;
  background-color: #BEF992;
  border-radius: 4em 14em 10em 10em;
  mix-blend-mode: color-burn;
  box-shadow: inset 0.2em 0.1em 0.33em rgba(250, 219, 63, 0.8), inset 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.3), inset -0.1em -0.1em 0.2em rgba(0, 0, 0, 0.2);
}
.alien .eyes {
  position: absolute;
  top: 0.5em;
  left: 0.4em;
  width: 0.33em;
  height: 0.17em;
  border-radius: 0 0 0.1em 0.2em;
  background-color: rgba(34, 40, 49, 0.3);
}
.alien .eyes:after {
  content: "";
  position: absolute;
  width: 0.1em;
  height: 0.1em;
  top: 0;
  left: 0.2em;
  z-index: 2;
  border-radius: 0.5em;
  background-color: #f00;
  mix-blend-mode: normal;
}
.alien:before {
  content: "";
  background-color: #BEF992;
  width: 1.7em;
  height: 1.3em;
  left: -0.9em;
  bottom: -1.3em;
  position: absolute;
  border-radius: 10em 10em 2em 2em;
  box-shadow: inset 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.25), inset 0.2em 0.3em 0.5em rgba(255, 255, 255, 0.1);
  z-index: 1;
}
.alien:after {
  content: "";
  position: absolute;
  height: 1em;
  width: 0.2em;
  right: 0;
  top: 1em;
  border-radius: 0.5em;
  background-color: #BEF992;
  z-index: 2;
  box-shadow: inset 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.4), inset 0.1em 0.1em 0.1em rgba(255, 255, 255, 0.1);
  transform: rotate(-55deg) translate(-80%, -30%);
}

#stars {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform-origin: center bottom;
  -webkit-animation: wiggle-sky 2s infinite ease-out;
          animation: wiggle-sky 2s infinite ease-out;
}
#stars [class^=star-] {
  position: absolute;
  border-radius: 100%;
  mix-blend-mode: exclusion;
}
#stars .star-1 {
  width: 1.6px;
  height: 1.6px;
  left: -11em;
  top: 2em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.7774319239;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 11s infinite linear, sky 5.5s infinite linear;
          animation: stars 11s infinite linear, sky 5.5s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-2 {
  width: 1.6px;
  height: 1.6px;
  left: -13em;
  top: 5em;
  filter: blur(0px);
  background-color: rgba(253, 253, 253, 0.8);
  opacity: 0.1602844177;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 15s infinite linear, sky 6s infinite linear;
          animation: stars 15s infinite linear, sky 6s infinite linear;
  background-blend-mode: difference;
}
#stars .star-3 {
  width: 1.6px;
  height: 1.6px;
  left: -8em;
  top: 3em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.3644732764;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 10s infinite linear, sky 6.5s infinite linear;
          animation: stars 10s infinite linear, sky 6.5s infinite linear;
  background-blend-mode: color-dodge;
}
#stars .star-4 {
  width: 1.6px;
  height: 1.6px;
  left: -12em;
  top: 2em;
  filter: blur(1px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.4596677566;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 15s infinite linear, sky 7s infinite linear;
          animation: stars 15s infinite linear, sky 7s infinite linear;
  background-blend-mode: color-dodge;
}
#stars .star-5 {
  width: 1.6px;
  height: 1.6px;
  left: -1em;
  top: 8em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.3769706513;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 19s infinite linear, sky 7.5s infinite linear;
          animation: stars 19s infinite linear, sky 7.5s infinite linear;
  background-blend-mode: screen;
}
#stars .star-6 {
  width: 1.6px;
  height: 1.6px;
  left: -6em;
  top: 9em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.7281952526;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 9s infinite linear, sky 8s infinite linear;
          animation: stars 9s infinite linear, sky 8s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-7 {
  width: 1.6px;
  height: 1.6px;
  left: -12em;
  top: 7em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.6077507989;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 14s infinite linear, sky 8.5s infinite linear;
          animation: stars 14s infinite linear, sky 8.5s infinite linear;
  background-blend-mode: color-dodge;
}
#stars .star-8 {
  width: 1.6px;
  height: 1.6px;
  left: -6em;
  top: 8em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1.0104503285;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 4s infinite linear, sky 9s infinite linear;
          animation: stars 4s infinite linear, sky 9s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-9 {
  width: 1.6px;
  height: 1.6px;
  left: -7em;
  top: 3em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.8073551876;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 9s infinite linear, sky 9.5s infinite linear;
          animation: stars 9s infinite linear, sky 9.5s infinite linear;
  background-blend-mode: hard-light;
}
#stars .star-10 {
  width: 1.6px;
  height: 1.6px;
  left: -8em;
  top: 6em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.272524287;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 12s infinite linear, sky 10s infinite linear;
          animation: stars 12s infinite linear, sky 10s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-11 {
  width: 1.6px;
  height: 1.6px;
  left: -2em;
  top: 4em;
  filter: blur(1px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.4043930379;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 3s infinite linear, sky 10.5s infinite linear;
          animation: stars 3s infinite linear, sky 10.5s infinite linear;
  background-blend-mode: difference;
}
#stars .star-12 {
  width: 3.1px;
  height: 3.1px;
  left: -1em;
  top: 8em;
  filter: blur(1px);
  background-color: rgba(251, 251, 251, 0.8);
  opacity: 1.0883531454;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 13s infinite linear, sky 11s infinite linear;
          animation: stars 13s infinite linear, sky 11s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-13 {
  width: 4.6px;
  height: 4.6px;
  left: -6em;
  top: 7em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.9347724773;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 20s infinite linear, sky 11.5s infinite linear;
          animation: stars 20s infinite linear, sky 11.5s infinite linear;
  background-blend-mode: color-dodge;
}
#stars .star-14 {
  width: 1.6px;
  height: 1.6px;
  left: -4em;
  top: 5em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.8255512131;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 3s infinite linear, sky 12s infinite linear;
          animation: stars 3s infinite linear, sky 12s infinite linear;
  background-blend-mode: darken;
}
#stars .star-15 {
  width: 6.1px;
  height: 6.1px;
  left: -2em;
  top: 6em;
  filter: blur(0px);
  background-color: rgba(253, 253, 253, 0.8);
  opacity: 0.3621765552;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 9s infinite linear, sky 12.5s infinite linear;
          animation: stars 9s infinite linear, sky 12.5s infinite linear;
  background-blend-mode: difference;
}
#stars .star-16 {
  width: 1.6px;
  height: 1.6px;
  left: -1em;
  top: 2em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.464504213;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 4s infinite linear, sky 13s infinite linear;
          animation: stars 4s infinite linear, sky 13s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-17 {
  width: 1.6px;
  height: 1.6px;
  left: -5em;
  top: 3em;
  filter: blur(0px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.2818911329;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 12s infinite linear, sky 13.5s infinite linear;
          animation: stars 12s infinite linear, sky 13.5s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-18 {
  width: 1.6px;
  height: 1.6px;
  left: 1em;
  top: 2em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.4155592199;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 12s infinite linear, sky 14s infinite linear;
          animation: stars 12s infinite linear, sky 14s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-19 {
  width: 1.6px;
  height: 1.6px;
  left: -7em;
  top: 9em;
  filter: blur(0px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.6476179109;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 3s infinite linear, sky 14.5s infinite linear;
          animation: stars 3s infinite linear, sky 14.5s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-20 {
  width: 1.6px;
  height: 1.6px;
  left: 0em;
  top: 0em;
  filter: blur(1px);
  background-color: rgba(248, 248, 248, 0.8);
  opacity: 0.6055101075;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 8s infinite linear, sky 15s infinite linear;
          animation: stars 8s infinite linear, sky 15s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-21 {
  width: 1.6px;
  height: 1.6px;
  left: 0em;
  top: 0em;
  filter: blur(1px);
  background-color: rgba(251, 251, 251, 0.8);
  opacity: 0.3625874971;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 6s infinite linear, sky 15.5s infinite linear;
          animation: stars 6s infinite linear, sky 15.5s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-22 {
  width: 1.6px;
  height: 1.6px;
  left: 3em;
  top: 4em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.7595056196;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 19s infinite linear, sky 16s infinite linear;
          animation: stars 19s infinite linear, sky 16s infinite linear;
  background-blend-mode: screen;
}
#stars .star-23 {
  width: 1.6px;
  height: 1.6px;
  left: 0em;
  top: 4em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.5492541256;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 3s infinite linear, sky 16.5s infinite linear;
          animation: stars 3s infinite linear, sky 16.5s infinite linear;
  background-blend-mode: darken;
}
#stars .star-24 {
  width: 1.6px;
  height: 1.6px;
  left: -4em;
  top: 8em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.5461069104;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 12s infinite linear, sky 17s infinite linear;
          animation: stars 12s infinite linear, sky 17s infinite linear;
  background-blend-mode: darken;
}
#stars .star-25 {
  width: 1.6px;
  height: 1.6px;
  left: -5em;
  top: 8em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.1882798761;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 6s infinite linear, sky 17.5s infinite linear;
          animation: stars 6s infinite linear, sky 17.5s infinite linear;
  background-blend-mode: hard-light;
}
#stars .star-26 {
  width: 1.6px;
  height: 1.6px;
  left: -14em;
  top: 5em;
  filter: blur(0px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.9967692344;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 19s infinite linear, sky 18s infinite linear;
          animation: stars 19s infinite linear, sky 18s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-27 {
  width: 1.6px;
  height: 1.6px;
  left: 5em;
  top: 2em;
  filter: blur(0px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.8692620381;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 9s infinite linear, sky 18.5s infinite linear;
          animation: stars 9s infinite linear, sky 18.5s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-28 {
  width: 1.6px;
  height: 1.6px;
  left: -8em;
  top: 7em;
  filter: blur(1px);
  background-color: rgba(246, 246, 246, 0.8);
  opacity: 0.8210015084;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 7s infinite linear, sky 19s infinite linear;
          animation: stars 7s infinite linear, sky 19s infinite linear;
  background-blend-mode: color-dodge;
}
#stars .star-29 {
  width: 1.6px;
  height: 1.6px;
  left: -12em;
  top: 3em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.1359248268;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 17s infinite linear, sky 19.5s infinite linear;
          animation: stars 17s infinite linear, sky 19.5s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-30 {
  width: 3.1px;
  height: 3.1px;
  left: -6em;
  top: 8em;
  filter: blur(0px);
  background-color: rgba(243, 243, 243, 0.8);
  opacity: 0.5730296437;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 11s infinite linear, sky 20s infinite linear;
          animation: stars 11s infinite linear, sky 20s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-31 {
  width: 1.6px;
  height: 1.6px;
  left: -9em;
  top: 6em;
  filter: blur(0px);
  background-color: rgba(243, 243, 243, 0.8);
  opacity: 0.4312228958;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 9s infinite linear, sky 20.5s infinite linear;
          animation: stars 9s infinite linear, sky 20.5s infinite linear;
  background-blend-mode: hard-light;
}
#stars .star-32 {
  width: 1.6px;
  height: 1.6px;
  left: -13em;
  top: 5em;
  filter: blur(1px);
  background-color: rgba(243, 243, 243, 0.8);
  opacity: 0.1793011966;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 17s infinite linear, sky 21s infinite linear;
          animation: stars 17s infinite linear, sky 21s infinite linear;
  background-blend-mode: difference;
}
#stars .star-33 {
  width: 1.6px;
  height: 1.6px;
  left: -14em;
  top: 1em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.9619983757;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 7s infinite linear, sky 21.5s infinite linear;
          animation: stars 7s infinite linear, sky 21.5s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-34 {
  width: 1.6px;
  height: 1.6px;
  left: -13em;
  top: 0em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.2346493536;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 12s infinite linear, sky 22s infinite linear;
          animation: stars 12s infinite linear, sky 22s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-35 {
  width: 1.6px;
  height: 1.6px;
  left: 0em;
  top: 3em;
  filter: blur(0px);
  background-color: rgba(253, 253, 253, 0.8);
  opacity: 0.8841664;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 8s infinite linear, sky 22.5s infinite linear;
          animation: stars 8s infinite linear, sky 22.5s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-36 {
  width: 1.6px;
  height: 1.6px;
  left: 1em;
  top: 4em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1.0126429073;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 20s infinite linear, sky 23s infinite linear;
          animation: stars 20s infinite linear, sky 23s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-37 {
  width: 1.6px;
  height: 1.6px;
  left: 4em;
  top: 8em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.1159855947;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 16s infinite linear, sky 23.5s infinite linear;
          animation: stars 16s infinite linear, sky 23.5s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-38 {
  width: 1.6px;
  height: 1.6px;
  left: -12em;
  top: 6em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.3665125175;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 11s infinite linear, sky 24s infinite linear;
          animation: stars 11s infinite linear, sky 24s infinite linear;
  background-blend-mode: multiply;
}
#stars .star-39 {
  width: 1.6px;
  height: 1.6px;
  left: -8em;
  top: 7em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.4362033939;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 6s infinite linear, sky 24.5s infinite linear;
          animation: stars 6s infinite linear, sky 24.5s infinite linear;
  background-blend-mode: difference;
}
#stars .star-40 {
  width: 6.1px;
  height: 6.1px;
  left: -11em;
  top: 9em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.3969049308;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 22s infinite linear, sky 25s infinite linear;
          animation: stars 22s infinite linear, sky 25s infinite linear;
  background-blend-mode: difference;
}
#stars .star-41 {
  width: 1.6px;
  height: 1.6px;
  left: 1em;
  top: 1em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.5162753805;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 22s infinite linear, sky 25.5s infinite linear;
          animation: stars 22s infinite linear, sky 25.5s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-42 {
  width: 1.6px;
  height: 1.6px;
  left: 1em;
  top: 2em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.6035657746;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 7s infinite linear, sky 26s infinite linear;
          animation: stars 7s infinite linear, sky 26s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-43 {
  width: 1.6px;
  height: 1.6px;
  left: 2em;
  top: 2em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.2085821009;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 18s infinite linear, sky 26.5s infinite linear;
          animation: stars 18s infinite linear, sky 26.5s infinite linear;
  background-blend-mode: darken;
}
#stars .star-44 {
  width: 1.6px;
  height: 1.6px;
  left: -7em;
  top: 7em;
  filter: blur(0px);
  background-color: rgba(248, 248, 248, 0.8);
  opacity: 0.6012284156;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 17s infinite linear, sky 27s infinite linear;
          animation: stars 17s infinite linear, sky 27s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-45 {
  width: 3.1px;
  height: 3.1px;
  left: -8em;
  top: 7em;
  filter: blur(0px);
  background-color: rgba(248, 248, 248, 0.8);
  opacity: 0.9992686084;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 22s infinite linear, sky 27.5s infinite linear;
          animation: stars 22s infinite linear, sky 27.5s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-46 {
  width: 1.6px;
  height: 1.6px;
  left: -1em;
  top: 4em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.7708245726;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 19s infinite linear, sky 28s infinite linear;
          animation: stars 19s infinite linear, sky 28s infinite linear;
  background-blend-mode: color-burn;
}
#stars .star-47 {
  width: 1.6px;
  height: 1.6px;
  left: -1em;
  top: 8em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.8494291988;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 19s infinite linear, sky 28.5s infinite linear;
          animation: stars 19s infinite linear, sky 28.5s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-48 {
  width: 1.6px;
  height: 1.6px;
  left: 1em;
  top: 0em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.3268279362;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 13s infinite linear, sky 29s infinite linear;
          animation: stars 13s infinite linear, sky 29s infinite linear;
  background-blend-mode: soft-light;
}
#stars .star-49 {
  width: 1.6px;
  height: 1.6px;
  left: -11em;
  top: 1em;
  filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.9113027944;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 13s infinite linear, sky 29.5s infinite linear;
          animation: stars 13s infinite linear, sky 29.5s infinite linear;
  background-blend-mode: overlay;
}
#stars .star-50 {
  width: 1.6px;
  height: 1.6px;
  left: 4em;
  top: 10em;
  filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.2460514069;
  box-shadow: 1px 1px 25px rgba(255, 0, 0, 0.8), inset -1px -1px 3px rgba(0, 0, 0, 0.4), inset 1px 1px 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: stars 5s infinite linear, sky 30s infinite linear;
          animation: stars 5s infinite linear, sky 30s infinite linear;
  background-blend-mode: hard-light;
}

@-webkit-keyframes stars {
  0% {
    opacity: 0.2;
    box-shadow: 0 0 15px rgba(34, 40, 49, 0.5);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 15px rgba(34, 40, 49, 0.9);
  }
  100% {
    opacity: 0.2;
    box-shadow: 0 0 15px rgba(34, 40, 49, 0.5);
  }
}

@keyframes stars {
  0% {
    opacity: 0.2;
    box-shadow: 0 0 15px rgba(34, 40, 49, 0.5);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 15px rgba(34, 40, 49, 0.9);
  }
  100% {
    opacity: 0.2;
    box-shadow: 0 0 15px rgba(34, 40, 49, 0.5);
  }
}
@-webkit-keyframes sky {
  from {
    transform: translate(10em);
  }
  to {
    transform: translate(-10em);
  }
}
@keyframes sky {
  from {
    transform: translate(10em);
  }
  to {
    transform: translate(-10em);
  }
}
@-webkit-keyframes lamps {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -4em 0;
  }
}
@keyframes lamps {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -4em 0;
  }
}
@-webkit-keyframes lamp-glow {
  0%, 100% {
    background: radial-gradient(rgba(255, 0, 0, 0.95) 11%, transparent 17%) 0 0, radial-gradient(rgba(255, 168, 168, 0.3) 25%, transparent 40%) 0 0, linear-gradient(0deg, transparent, transparent 45%, rgba(70, 54, 252, 0.7) 46%, rgba(70, 54, 252, 0.7) 54%, transparent 55%, transparent 100%);
    background-size: 1em 1em;
    background-color: #60ABFB;
  }
  50% {
    background: radial-gradient(red 11%, transparent 17%) 0 0, radial-gradient(rgba(255, 168, 168, 0.7) 25%, transparent 40%) 0 0, linear-gradient(0deg, transparent, transparent 45%, rgba(70, 54, 252, 0.7) 46%, rgba(70, 54, 252, 0.7) 54%, transparent 55%, transparent 100%);
    background-size: 1em 1em;
    background-color: #60ABFB;
  }
}
@keyframes lamp-glow {
  0%, 100% {
    background: radial-gradient(rgba(255, 0, 0, 0.95) 11%, transparent 17%) 0 0, radial-gradient(rgba(255, 168, 168, 0.3) 25%, transparent 40%) 0 0, linear-gradient(0deg, transparent, transparent 45%, rgba(70, 54, 252, 0.7) 46%, rgba(70, 54, 252, 0.7) 54%, transparent 55%, transparent 100%);
    background-size: 1em 1em;
    background-color: #60ABFB;
  }
  50% {
    background: radial-gradient(red 11%, transparent 17%) 0 0, radial-gradient(rgba(255, 168, 168, 0.7) 25%, transparent 40%) 0 0, linear-gradient(0deg, transparent, transparent 45%, rgba(70, 54, 252, 0.7) 46%, rgba(70, 54, 252, 0.7) 54%, transparent 55%, transparent 100%);
    background-size: 1em 1em;
    background-color: #60ABFB;
  }
}
@-webkit-keyframes boost {
  0%, 30%, 100% {
    box-shadow: -1.5em 0.6em 1.5em rgba(238, 238, 238, 0.3), -0.7em 0.6em 0.8em rgba(0, 173, 181, 0.5);
  }
  70% {
    box-shadow: -1em 0.6em 1.5em rgba(238, 238, 238, 0.4), -1.2em 0.6em 1.2em rgba(0, 173, 181, 0.4);
  }
}
@keyframes boost {
  0%, 30%, 100% {
    box-shadow: -1.5em 0.6em 1.5em rgba(238, 238, 238, 0.3), -0.7em 0.6em 0.8em rgba(0, 173, 181, 0.5);
  }
  70% {
    box-shadow: -1em 0.6em 1.5em rgba(238, 238, 238, 0.4), -1.2em 0.6em 1.2em rgba(0, 173, 181, 0.4);
  }
}
@-webkit-keyframes glow {
  0%, 100% {
    border-bottom: 0.1em solid #00adb5;
  }
  50% {
    border-bottom: 0.1em solid rgba(0, 222, 232, 0.66);
  }
}
@keyframes glow {
  0%, 100% {
    border-bottom: 0.1em solid #00adb5;
  }
  50% {
    border-bottom: 0.1em solid rgba(0, 222, 232, 0.66);
  }
}
@-webkit-keyframes wiggle {
  0%, 100% {
    transform: translate(-10%, 1%);
  }
  33% {
    transform: translate(20%, 0);
  }
  70% {
    transform: translate(30%, 0);
  }
}
@keyframes wiggle {
  0%, 100% {
    transform: translate(-10%, 1%);
  }
  33% {
    transform: translate(20%, 0);
  }
  70% {
    transform: translate(30%, 0);
  }
}
@-webkit-keyframes wiggle-sky {
  0%, 100% {
    transform: translate(0%, 0);
  }
  40%, 70% {
    transform: translate(-2%, 0);
  }
}
@keyframes wiggle-sky {
  0%, 100% {
    transform: translate(0%, 0);
  }
  40%, 70% {
    transform: translate(-2%, 0);
  }
}
@-webkit-keyframes fade {
  0%, 100% {
    color: #36f6ff;
    text-shadow: 0.1em 0.1em 0 black;
  }
  40% {
    color: rgba(238, 238, 238, 0);
    text-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0);
  }
}
@keyframes fade {
  0%, 100% {
    color: #36f6ff;
    text-shadow: 0.1em 0.1em 0 black;
  }
  40% {
    color: rgba(238, 238, 238, 0);
    text-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes marquee {
  0% {
    text-indent: -27em;
  }
  20% {
    text-indent: 0;
  }
  70% {
    text-indent: 0;
  }
  90% {
    text-indent: 15em;
  }
  100% {
    text-indent: 15em;
  }
}
@keyframes marquee {
  0% {
    text-indent: -27em;
  }
  20% {
    text-indent: 0;
  }
  70% {
    text-indent: 0;
  }
  90% {
    text-indent: 15em;
  }
  100% {
    text-indent: 15em;
  }
}

.login_buttons{
        display: flex;
        align-items: center;
        justify-content: center;
}
@media screen and (min-width: 48em){
        .main-navigation li li{
                display: inline-block !important;
        }
}
@media screen and (min-width: 48em) and (max-width: 1200px){
        .navigation-top:not(.site-navigation-fixed), .site-branding{
                -webkit-transition: 0s;
                -o-transition: 0s;
                transition: 0s;
        }
        .navigation-top.site-navigation-fixed{
                -webkit-transition: 0s;
                -o-transition: 0s;
                transition: 0s;
        }
}
@media screen and (max-width: 460px){
        #customer_login{
                width: 130%;
                margin-left: -15%;
        }
        p.woocommerce-LostPassword.lost_password a, p.login_account_create_button, a.return_login{
                font-size: .75em;
                background-color: rgb(211,211,211);
        }
}
/* fliperoo */

        .scene{
                position: relative;
                display: inline-block;
                min-height: 675px;
                margin: auto;
                width: 85%;
                max-width: 800px;
                -webkit-perspective: 2000px;
                        perspective: 2000px;
                margin-bottom: 6em !important;
        }
                .bumpedDown{
                margin-top: 80px;
        }
        .card {
                position: relative;
                -webkit-transition: -webkit-transform 1s;
                transition: -webkit-transform 1s;
                -o-transition: transform 1s;
                transition: transform 1s;
                transition: transform 1s, -webkit-transform 1s;
                -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;
                -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                        transform-origin: center;
                -webkit-transform: rotateY(180deg);
                        transform: rotateY(180deg);
        }
        .card__face {
                position: absolute;
                height: auto;
                width: 100%;
                margin-top: 20px;
                margin-bottom: 20px;
                padding-top: 15px;
                padding-left: 15px;
                padding-right: 15px;
                padding-bottom: 1px;
                -webkit-transition: .25s ease-in;
                -o-transition: .25s ease-in;
                transition: .25s ease-in;
        }
        .card__face.card_visible{
                position: relative;
                display: inline-block;
                -webkit-transition: .25s ease-in;
                -o-transition: .25s ease-in;
                transition: .25s ease-in;
                -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;
                -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                        transform-origin: center;
                -webkit-transform: rotateY(180deg);
                        transform: rotateY(180deg);
        }
        .card.is-flipped:not(#entire_form .card.is-flipped){
                -webkit-transform: rotateY(360deg);
                        transform: rotateY(360deg);
        }
        .card__face.card_visible .col-2{
                -webkit-transform: rotateY(-180deg);
                        transform: rotateY(-180deg);
        }
        .card__face:not(.card_visible){
                display: none;
        }
        .u-columns.col2-set{
                display: flex;
                margin-bottom: -10em;
        }
        .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
                width: 100%;
        }

        h2.homepage-hours{
                font-weight: bold;
                color: rgb(0,12,54);
        }
        .kitchen-call{
                color: purple
        }
        .refund-blurb{
                color: purple !important;
        }
        .refund-header{
                text-decoration: underline;
        }
        .shop_title{
        text-align: center !important;
        }
/* payment received thank you page */
        body.woocommerce-order-received .woocommerce{
                display: flex;
                flex-direction: column;
        }
        body.woocommerce-order-received .woocommerce .woocommerce-order{
        max-width: 800px;
                align-self: center;
        }
        body.woocommerce-order-received .woocommerce section.woocommerce-order-details{
        background: white;
                border-top-left-radius: 90px 40px;
                border-top-right-radius: 90px 40px;
                border-bottom-left-radius: 90px 40px;
                border-bottom-right-radius: 90px 40px;
        }
        body.woocommerce-order-received .woocommerce section.woocommerce-order-details table{
        width: calc(100% - 2em);
                margin-left: 1em;
        }
        body.woocommerce-order-received .woocommerce-order .woocommerce-notice{
                text-align: center;
                font-size: 1.25em;
                background: white;
                margin-top: 2em;
        margin-bottom: 0;
        padding-top: 1em;
                font-weight: 600;
                border-top-left-radius: 90px 40px;
                border-top-right-radius: 90px 40px;
                border: 4px solid rgba(29, 18, 157, 0.9);
                border-bottom: none;
                font-family: 'Special Elite', cursive;
        }
        body.woocommerce-order-received .woocommerce-order ul.order_details{
                border: 4px solid rgba(29, 18, 157, 0.9);
        border-top: none;
        background: white;
                list-style: none;
        padding: 1.5em;
                border-bottom-left-radius: 90px 40px;
                border-bottom-right-radius: 90px 40px;
        }
        body.woocommerce-order-received .th.product-total{
        }
        body.woocommerce-order-received .woocommerce section.woocommerce-customer-details{
        }
        body.woocommerce-order-received table.order_details tr{
                border-bottom: none;
        }
        body.woocommerce-order-received .woocommerce section.woocommerce-customer-details .woocommerce-column{
                background: white;
        margin-top: 2em;
                border-top-left-radius: 90px 40px;
                border-top-right-radius: 90px 40px;
                border-bottom-left-radius: 90px 40px;
                border-bottom-right-radius: 90px 40px;
        }
        body.woocommerce-order-received .woocommerce section.woocommerce-customer-details .woocommerce-column address{
                padding: 1em;
        }
        .master_search_wrapper {
                text-align: center;
                margin-top: 2em;
                margin-bottom: 0;
        -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        .master_search_wrapper .master_search_link{
        padding: 1em;
        border: 1px solid purple;
        border-radius: 5px;
        background-color: rgb(201,201,201);
        }
        .master_search_wrapper .master_search_link:hover{
        transform: scale(.98);
        background-color: rgb(51,52,51);
        color: rgb(251,251, 251);
        -webkit-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        .apply_here_wrapper{
        display: flex;
        justify-content: center;
        align-content: center;
        }
        .apply_here{
            padding: 6px;
                border-radius: 5px;
                background: rgb(91,91,91);
                border: white 2px solid;
                color: white;
                box-shadow: 0 0 4px 1px rgb(51,51,51), inset 0 0 4px 1px rgb(51,51,51) !important;
                text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
        }
        .apply_here:hover{
        transform: scale(.94);
                background: rgb(51,51,51);
                box-shadow: 0 0 6px 3px rgb(51,51,51), inset 0 0 5px 2px rgb(51,51,51) !important;
                color: white !important;
        }
.help_wanted_header {
    color: purple;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear;
    -webkit-animation-name: color_cycle;
    animation-name: color_cycle;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
        @keyframes color_cycle {
            0% {
                color: purple;
            }
            14.28% {
                color: blue;
            }
            28.57% {
                color: green;
            }
            42.85% {
                color: yellow;
            }
            57.14% {
                color: orange;
            }
            71.42% {
                color: red;
            }
            85.71% {
                color: violet;
            }
            100% {
                color: purple; /* Back to the initial color to create a seamless loop */
            }
        }
/*
.mphb-gallery-main-slider.mphb-flexslider-gallery-wrapper .slides > li:first-of-type{
        display:  inline-block !important;
}
.mphb-gallery-thumbnail-slider.mphb-flexslider-gallery-wrapper .slides > li{
        display:  inline-block !important;
}
*/

.application-information-heading{
text-align: center;
  margin-left: -16px;
  margin-top: -16px;
  width: calc(100% + 32px);
  padding-top: 10px !important;
  padding-bottom: 6px;
font-family: 'Special Elite', cursive;
  text-align: center;
  font-size: 2em !important;
  color: rgb(255,255,255) !important;
  text-shadow: 0px -1px 1px rgba(51,51,51,.8), 1px -1px 1px rgba(51,51,51,1), -1px 1px 2px rgba(51,51,51,1), 1px 1px 3px rgba(0,0,0,.8);
  border-top-left-radius: 40px 20px;
  border-top-right-radius: 40px 20px;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: linear-gradient(rgb(231, 231, 231) 0%, rgb(131, 131, 131) 15%, rgb(131, 131, 131) calc(100% - 15px), rgba(248,248,248,.25) 100%);
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  border-top: 1px solid rgba(51,51,51,.5);
  border-left: 1px solid rgba(71,71,71,.25);
  border-right: 1px solid rgba(71,71,71,.25);
  border-bottom: none !important;
}
#post-3087{
        background: rgba(247,247,247,.75);
        border-radius: 40px / 20px;
}
#post-3087 .entry-content{
        padding: 1em !important;
        border: 1px solid rgba(51,51,51,.25);
        border-radius: 40px / 20px;
        background: rgba(248,248,248,.25);
        box-shadow: inset 0 0 8px -3px rgba(51,51,51,.75), 2px 2px 8px -2px rgba(51,51,51,.25), -4px 0px 8px -2px rgba(51,51,51,.25), 4px 6px 8px -2px rgba(51,51,51,.25);
}
#post-3087 .entry-content p{
        color: rgb(51,51,51);
        text-align: justify;
}
#post-3087 .entry-content p.faqP{
        margin-bottom: 0;
}
#post-3087 .entry-content p.indentMe{
        margin-left: 1em;
        margin-right: 1em;
}
#post-3087 .entry-content p.question{
        margin-bottom: 0;
}
#post-3087 .entry-content p.answer{
        margin-top: 0;
}
#post-3087 .entry-content p.answer:last-of-type{
        margin-bottom: 0;
}
#post-1358 .has-text-align-justify{
        text-align: justify !important;
}
/* -------------------------------------------------------- sky gazing page --------------------------------------------- */
article#post-1387{}
article#post-1387 .entry-content{}
article#post-1387 .entry-content p, article#post-1387 .entry-content li{ 
        text-align: justify;
}
/* ------ end sky gazing stuff-------*/
@media only screen and (min-width: 768px) and (max-height: 540px) {
/*
        #masthead.site-header{
                max-height: calc(100vh - 155px);
        }
        #masthead.site-header .customer-header{
                max-height: calc(100vh - 1em);
        }
*/
}

/* -------------------------------------------- employment info job infomration job-infomration ---------------------------- */
.link-teller{
        text-align: center !important;
}
.link-teller.special{
        margin-bottom: .5em;
}
.declareThis{
        font-size: 1.2em;
        text-align: center !important;
}
.emp_big_menu{
        margin-bottom: 0;
        list-style-image: url('/wp-content/themes/twentyseventeen-child/assets/bullet-points/UFO-bullet-2.png');
        padding-left: 60px;
}
.emp_big_menu li p.faqP{
        margin-top: .5em;
        border-top: 1px solid rgba(51,51,51,.25);
}
.application-duties{
        margin-left: 2em;
        margin-right: 2em;
        margin-bottom: 0;
        list-style-image: url('/wp-content/themes/twentyseventeen-child/assets/bullet-points/stealth-bullet-1.png');
        text-align: justify;
}
.application-learning{
        margin-left: 4em;
        margin-right: 4em;
        margin-top: -1em;
        margin-bottom: .75em;
}
.application-duties li a{
        position: relative;
        top: -4px;
}
.we-have-needs{
        background: rgba(250,250,250);
        border: 1px solid rgba(51,51,51,.5);
        padding: 1em;
        margin-bottom: 1em;
        box-shadow: 0 0 10px -4px black;
        border-radius: 10px;
}
.link-teller{
        padding-top: calc(.75em + 4px);
        padding-bottom: calc(.75em + 2px);
        border-top: 1px solid rgba(51,51,51,.5);
        border-bottom: 1px solid rgba(51,51,51,.5);
  background: linear-gradient(
    90deg, 
    rgba(247,247,247,0) 0%, 
    rgba(247,247,247,.75) 8px, 
    rgba(241, 255, 216, 0.62) 16px, 
    rgba(241, 255, 216, 0.62) calc(100% - 16px), 
    rgba(247,247,247,.75) calc(100% - 8px), 
    rgba(247,247,247,0) 100%
  );
}
.top .apply_here{
        cursor: pointer;
        margin-left: 4px;
        margin-right: 4px;
}
.apply_here_wrapper.bottom{
        position: relative;
        left: -1em;
        top: 1em;
        width: calc(100% + 2em);
        margin-bottom: 0;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        background-image: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(131, 131, 131) 15%, rgb(131, 131, 131) calc(100% - 15px), rgba(248,248,248,.25) 100%);
    -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
}
.apply_here_wrapper.bottom:hover{
        height: 4em;
        padding-top: .75em;
    -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
}
.apply_here_wrapper.bottom a{
        position: relative;
        width: 100%;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        text-align: center;
        height: 2.5em;
    -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.apply_here_wrapper.bottom:hover a{
        height: calc(3em + 4px);
        top: -4px;
}
.apply_here_wrapper.bottom:hover a span{
        position: relative;
        top: 4px;
}
.apply_here_wrapper.bottom span{
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.apply_here_wrapper.bottom a:hover{
        border-radius: 5px;
        background: rgba(37, 35, 92);
        transform: scale(1.05);
        -webkit-animation: applyNOWplease 3.25s infinite; 
        animation: applyNOWplease 3.25s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
    -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.apply_here_wrapper.bottom a:hover span{
background: rgb(255, 255, 255);
  border: 1px solid rgba(173,173,173,.75);
  border-radius: 5px;
  color: rgb(51,51,51);
  padding: 12px;
  text-shadow: none;
  margin-bottom: 4px;
  box-shadow: 0 0 19px 8px rgb(33, 218, 53);
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  font-weight: 800;
        font-size: 1.5em;
        -webkit-animation: applyNOWprettyPlease 3.25s infinite; 
        animation: applyNOWprettyPlease 3.25s infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        top: 0px;
        box-shadow: inset 0 0 7px 1px rgb(51,51,51), 0 0 10px 2px rgb(33, 218, 53);
}
.apply_here_wrapper.bottom a span:hover{
        background: rgb(51,51,51);
        color: rgb(251,251,251);
        box-shadow: inset 0 0 7px 3px black !important;
        text-shadow: 1px 1px 2px black, -1px -1px 2px black, -1px 1px 2px black, 1px -1px 2px black;
}
.job-summary{
        text-align: center !important;
        font-weight: bold;
        border-top: 1px solid rgb(51,51,51,.5);
        padding-top: .5em;
        margin-top: .5em;
        margin-bottom: 0;
        background: rgba(241, 255, 216, 0.62);
        border: 1px solid rgba(91,91,91,.5);
        padding: 1em;
        margin-left: 1em;
        margin-right: 1em;
}
.job-summary .summary_front{
        text-align: center !important;
        font-size: 1.175em;
        font-weight: 500;
        color: black;
        margin-bottom: 1em;
        background: rgba(255, 191, 0, 0.17);
        padding-bottom: .5em;
        padding-top: .5em;
        box-shadow: 0 0 4px 4px rgba(255, 191, 0, 0.17), inset 0 0 4px 4px rgba(235, 171, 0, 0.22);
        border: 1px solid rgb(215,151,0,.33);
        border-bottom: 1px solid rgba(51,51,51,.5);
}
.job-summary .super-summary{
        font-weight: 700;
}
.experience-message{
  color: white !important;
  margin-top: .5em;
  margin-bottom: .25em;
  padding-top: .5em;
  padding-bottom: .25em;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
}
.job-summary .summary-back{
position: relative;
  margin-top: 0;
  margin-bottom: .75em;
  font-weight: 600;
  text-align: justify;
  border: 2px solid rgba(26, 67, 225,.5);
  padding: .5em;
  background-color: rgba(80, 23, 91,.9);
  box-shadow: 0 0 4px 0px white, 0 0 12px 3px rgb(91, 12, 119), inset 4px 4px 8px 8px rgba(46, 10, 51, 0.25), inset 0 0 4px 0px white, inset -4px -4px 8px 8px rgba(181, 15, 178, 0.25);
  -webkit-transition: .25s ease-in-out;
}

.job-summary.top{
        border: none;
        background: none;
}
.looking4{
        margin-bottom: .25em;
}
.looking4:first-of-type{
        margin-top: -.5em;
        margin-bottom: .5em;
}
.looking4.seasons.link-teller{
        border-top: 1px solid rgba(51,51,51,.5);
        border-bottom: 1px solid rgba(51,51,51,.5);
        padding-top: .25em;
        padding-bottom: .25em;
}
.looking4.happy{
        margin-top: .66em;
        margin-bottom: .75em;
}
.experience-header{
        color: white !important;
        text-align: center !important;
        font-size: 1.1em;
        margin-bottom: 0;
        border-bottom: 2px solid white !important;
        padding-bottom: .5em;
        background: rgba(255, 255, 255, 0.09);
        box-shadow: 0 0 7px 8px rgba(255, 255, 255, 0.09);
}
.no-matter{
        text-align: center !important;
        margin-top: -.25em;
        margin-bottom: 0;
        font-size: 1.2em;
        padding-bottom: .25em;
}
.adhere{
        text-align: center !important;
        font-weight: 500;
        font-size: 1.05em;
}
.adhere.experience{
        margin-bottom: .5em;
        border-bottom: 1px solid rgba(51,51,51);
}
.learned{
        font-weight: 600;
}
.learn-link{
        font-weight: 600;
        color: rgb( 37, 35, 92);
        border-bottom: 1px solid rgba( 37, 35, 92,.25);
        text-align: left;
        white-space: nowrap;
}
.superNeed, .we-have-needs .wrap-up{
        margin: 0;
        padding: .5em;
        background: rgba(255,255,255,1);
}
.superNeed{
        margin-top: -.75em;
}
.bonus_stuff{
        padding: .5em;
        background: rgba(241, 255, 216, 0.32);
        box-shadow: 0 0 4px 4px rgba(241, 255, 216, 0.32), 0 0 4px 4px rgba(255,255,255,1), 0 0 10px 4px rgba(191,191,191,.75);
}
.notNec{
        font-weight: 700;
        text-decoration: underline;
        text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
    -webkit-transition: .125s ease-in-out;
        -o-transition: .125s ease-in-out;
}
.shadowMeBe{
        text-shadow: 1px 1px 1px rgba(0,0,0,.25), -1px -1px 1px rgba(0,0,0,.25), -1px 1px 1px rgba(0,0,0,.25), 1px -1px 1px rgba(0,0,0,.25);
}
.experience{
        text-align: center !important;
        font-size: 1.125em;
        font-weight: 600;
}
.experience span.star{
        font-size: 1.25em;
        margin-left: 8px;
        margin-right: 8px;
}
.experience span.words{
        position: relative;
        font-size: 1.125em;
        top: -1px;
}
@media only screen and (max-width: 768px){
        .application-information-heading{
                padding-left: .25em;
                padding-right: .25em;
                padding-top: .5em !important;
                padding-bottom: .33em !important;
        }
        .application-duties:not(.application-learning.application-duties){
                margin-left: .5em;
                margin-right: .5em;
        }
        .emp_big_menu .faqP{
                border-top: 1px solid rgba(51,51,51,.5);
        }
        .job-summary{
                margin-left: .25em;
                margin-right: .25em;
        }
        .emp_big_menu{
                margin-left: -1em;
        }
        .experience span.star{
                display: none;
        }
}
        @keyframes applyNOWplease {

                0%{
                        background: rgb(86, 7, 139,.65);
                }
            50%{
                        background: rgb(33, 218, 53,.8);
                }
                100%{
                        background: rgb(86, 7, 139,.65);
                }
        }
        @keyframes applyNOWprettyPlease {

                0%{
                        box-shadow: inset 0 0 7px 1px rgb(51,51,51), 0 0 10px 2px rgb(33, 218, 53);
                }
            50%{
                        box-shadow: inset 0 0 9px 3px rgb(43,43,43), 0 0 19px 9px rgb(37, 35, 92);
                }
                100%{
                        box-shadow: inset 0 0 7px 1px rgb(51,51,51), 0 0 10px 2px rgb(33, 218, 53);
                }
        }
.bonus_stuff .words{
        font-weight: 400;
}
.realFAQ{
        font-weight: 700;
        border-bottom: 1px solid rgb(51,51,51,.51);
}
.hope-and-pray{
        text-align: center !important;
}
/* -------------------end sky gazing page  ------------------ */
#post-15 .wp-block-image.size-large{
        position: relative;
        margin-bottom: 2em;
        padding: 16px;
        padding-bottom: 8px;
        background-color: rgba(223, 238, 255, 0.75);
        border: 2px solid rgba(0,0,0,.05);
        box-shadow: inset 0 0 5px rgb(51,51,51,.25), inset 0 0 5px rgb(51,51,51,.25), inset 0 0 5px rgb(51,51,51,.25), inset 0 0 5px rgb(51,51,51,.25) !important;
        border-radius: 40px / 20px;
}
#post-15 .wp-block-image.size-large .wp-element-caption{
        text-align: justify;
        margin-bottom: 1em;;
        margin-top: 0;
        padding-top: 0;
        padding-left: 2em;
        padding-right: 2em;
        padding-bottom: 0;
}
.position-information{
        margin-bottom: 0;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: .25em;
        background: white;
        padding-top: .5em;
        padding-bottom: .5em;
        box-shadow: 0 0 4px 4px white;
}
.position-information:first-of-type{
        border: 4px solid yellow;
        margin-bottom: -.5em;
}
.faqP.responsibilities{
        margin-top: .5em;
}

/* ------------------------- motel lodging checkout create account stuff ------------------------- */
#mphb-billing-details{
        margin-top: 2em;
}
.create-account-lodging-checkout-container{
        background: rgb(251,251,251);
        margin: 1em;
        margin-top: 2em;
        margin-bottom: 0;
        padding: 1em;
        border: 1px solid rgb(51,51,51);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        box-shadow: 0 0 6px -2px rgba(51,51,51,.751), 0 0 10px -4px rgba(51,51,51,.51);
}
.create-account-lodging-checkout-container p{
        margin-bottom: .25em;
}
.create-account-lodging-checkout-container input:not(.create-my-account input, .sign-up-news input){
        width: calc(100% - 1em);
        margin-left: .5em;
        margin-right: .5em;
}
.password-inputs-wrapper{
        border: 1px solid rgba(51,51,51,.51);
        border-top: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: .5em;
        margin-left: .5em;
        margin-right: .5em;
        background: rgba(247,247,247,.9);
}
.username-input-wrapper{
        border: 1px solid rgba(51,51,51,.51);
        border-bottom: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: .5em;
        margin-bottom: 0;
        margin-left: .5em;
        margin-right: .5em;
        background: rgba(247,247,247,.9);
}
.create-account-lodging-checkout-container .info-blurb{
        border: 1px solid rgba(51,51,51,.75);
        background-color: white;
        color: black;
        padding: .5em;
        margin: .5em;
        text-align: justify;
        text-align-last: center;
}
                        .create-my-account{
                                padding-top: .25em;
                                padding-left: 1em;
                                padding-right: 1em;
            }
                        .create-my-account label{
                                position: relative;
                                display: inline;
            }
.sign-up-news label{
        position: relative;
        display: inline;
}
.info-blurb.important{
        background-color: red;
        color: white;
        font-size: 1.1em;
        font-weight: 600;
        box-shadow: 0 0 4px 4px red;
}
#passwordError{
        position: relative;
        display: inline;
}
.cool-password-buttons{
        float: right;
        margin-right: 6px;
}
#clearPassword, #clearConfirmPassword{
        position: relative;
        display: none;
        top: calc(-2.9em + -3px);
        height: 36px;
        right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 8px;
        padding-left: 8px;
        margin-top: 4px;
}
.eye1, .eye2{
        position: relative;
        display: inline;
        top: calc(-2em + 3px);
        height: 36px;
        right: 8px;
        margin-top: 10px;
        font-size: 1.5em;
}
.eye1:hover, .eye2:hover{
        color: rgb(111,111,111);
        text-shadow: 0px 0px 2px rgba(51,251,51,.5);
}
#password-strength-result, #passwordError, #usernameError{
        margin-left: 1em;
}
@media only screen and (max-width: 768px) {
        #clearPassword, #clearConfirmPassword{
                display: inline;
        }
}

/* ------------ updated mphb plugin so now there's some different styling to be made for front-end user account stuff. ---------- */  
/* ------------ Hope to integrate the elements targeted by the above account to the below stuff soon. ---------- */  
.post-3679 .mphb-account-menu{
        display: none;
}
.post-3679 .mphb-account-content{
        width: 100%;
        float: none;
}
.post-3679 .mphb-account-content .mphb-account-details, .post-3679 .mphb-account-content .mphb-account-change-password{
        padding: 16px;
        border: 2px solid rgba(51,51,51,.5);
        border-radius: 10px;
        margin-bottom: 0;
        box-shadow: 0 0 13px 6px rgba(255,255,255,.5), 4px 4px 8px 2px rgb(51, 51, 52);
        background: rgba(247,247,247);
} 
.post-3679 .mphb-account-content .mphb-account-change-password{
        margin-top: 1em;
        margin-bottom: 1em;
}
.post-3679 .mphb-account-content .mphb-account-details-form p:not(.post-3679 .mphb-account-content .mphb-account-details-form .mphb-account-change-password p, .post-3679 .mphb-account-content .mphb-account-details-form .mphb-account-details p){
        margin-bottom: 0;
}
.post-3679 .mphb-account-content .mphb-account-details-form .mphb-account-change-password p:first-of-type{
        font-size: 1.25em;
        border-bottom: 1px solid rgba(91,91,91,.75);
}
.post-3679 .mphb-account-content .mphb-account-details-form p{
        text-shadow: none;
}
.post-3679 .mphb-account-content .mphb-account-details-form label{
        font-weight: 550;
}
.post-3679 .mphb-account-content input.button{
        width: 100%;
        text-align: center;
        margin-bottom: 0;
        border: 2px solid rgba(23, 149, 12, 0.73);
        text-shadow: -1px -1px 1px black;
        background: rgb(60, 22, 91);
        border-radius: 10px;
        box-shadow: 0 0 4px 4px rgba(111,111,111,.25);
    -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.post-3679 .mphb-account-content input.button:hover{
        background: rgba(50, 19, 72, 0.77);
        box-shadow: 0 0 8px 8px rgba(111,111,111,.5);
    -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

p.mphb-customer-email label{
        position: relative;
        display: inline;
}
/* ---------------- login stuff at top of front page ----------*/
.login-message{
        border: 2px solid rgba(0,0,255);
        border-radius: 1em;
        margin: .75em;
        padding: .75em;
        background-color: rgb(51,51,51,.99);
}
.login-message.basic{
        font-size: 1.4em;
        font-weight: 600;
}
.login-message.basic p{
        color: rgb(241,241,241);
}
.login-message.basic a{
        color: rgb(185,255,185);
        text-decoration: underline;
}
.login-message.basic span:not(a span){
        font-family: Arial, Helvetica, sans-serif;
        text-shadow: none;
        font-size: 1em !important;
        color: rgb(251,251,251);
}
.login-message.basic a span{
        color: rgba(251, 251, 251, .96);
        text-shadow: 2px 2px 4px rgba(0,0,0, 0.95), -2px -2px 4px rgba(0,0,0, 0.95);
}
.login-message.booking h3{
        font-size: 1.4em;
        color: rgba(251,251,251,1);

}
.login-message.booking h3:not(.faces){
        background-color: blue;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
}
.login-message.booking .faces{
        font-size: 2em !important;
    margin: 0;
    padding: 0;
    margin-bottom: .5em;
        text-shadow: 2px 2px 2px purple,  -2px -2px 2px green;
}
.login-message.booking p{
        color: rgb(251,251,251) !important;
}
.login-message.booking p a{
        text-decoration: underline;
        color: rgb(241,241,241);
}
.login-message.booking .confirmation-retrieval{
        position: relative;
        margin: .5em;
        padding: .5em;
        border: 2px solid black;
        background-color: white;
        color: black;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: .5em;
}
.login-message.booking .confirmation-retrieval p, .login-message.booking .confirmation-retrieval p a{
        text-align: left !important;
        text-align-last: left !important;
        color: black !important;
}
.login-message.booking .confirmation-retrieval p:not(first-of-type){
        margin-top: .5em;
        border-bottom: 1px solid rgba(171,171,171,.71);
}
.confusion-note{
        display: block;
        text-align: center;
}
/* ---------------- front page first post -------------- */
.first-hooter{
        position: relative;
/* toggle display */
        display: none !important; 
        padding: 1em;
        border: 1px solid black;
  padding: 1.5em;
    padding-bottom: 1.5em;
  padding-bottom: 20px;
  background-color: rgba(211,211,211,.75);
  border: 2px solid rgba(0,0,0,.05);
  box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
  border-radius: 40px / 20px;
  color: black;
}

.first-hooter h2 a{
        font-size: 1.875rem;
        padding-top: 1em !important;
        font-family: 'Press Start 2P';
        text-align: center;
        text-shadow: -1px -1px 5px rgba(251,251,251,.8), 1px -1px 5px rgba(251,251,251,.8), -1px 1px 2px rgba(251,251,251,.8), 1px 1px 2px rgba(251,251,251,.8) !important;
}

.first-hooter p{
        font-weight: bold;
}

.post-subject-date{
        font-weight: 600;
        font-size: 1.4em;
        font-family: 'Special Elite', cursive;
}
.post-subject-date:last-of-type{
        position: relative;
        margin-bottom: 0;
        padding: .25em;
        padding-top: 0;
        margin-top: 2em;
}
.post-subject-date:last-of-type span{
        width: fit-content;
        padding: 16px;
        padding-bottom: 10px;
        border: 1px solid rgba(51,51,51,.75);
        background-color: rgba(23, 17, 103, 0.75);
        border: white 2px solid;
        color: white;
        box-shadow: 0 0 4px 1px rgb(51,51,51), inset 0 0 6px 4px rgb(63, 31, 109), inset 0 0 8px -2px rgb(51,51,51,1),0 0 6px 4px rgb(63, 31, 109,.5) !important;
        text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
}

.special-date-time{
background-color: rgba(239, 242, 245,1);
  color: black;
  height: 32px;
  margin-top: 4px;
        margin-right: .5em;
        padding: 8px;
  border-radius: 5px;
  box-shadow: 0 0 2px 4px rgba(51,51,51,.4), inset -1px -2px 2px 2px rgba(51,51,51,.25), inset 1px 2px 2px 2px white;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;

}
.special-date-time:hover{
        background-color: rgba(51, 51, 51,.75);
        height: 32px;
        margin-top: 4px;
        padding: 8px;
        color: rgba(251,2541,251,1) !important;
        border: 2px solid rgb(231,231,231,.75);
        border-radius: 0px;
        trasnform: scale(.9);
        box-shadow: 0 0 10px 2px rgba(11,11,11,.75), 0 0 4px 1px rgba(11,11,11,.75), inset -1px -2px 6px 2px rgba(11,11,11,.75), inset 1px 2px 12px 2px rgba(27,27,27,.75);
        text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.special-date-time:hover a{
        color: white;
}
.special_report{
        position: relative;
        background: rgba(251,251,251,.951);
        box-shadow: 0 0 4px 4px rgba(251,251,251,.951);
        padding: .5em;
        margin-bottom: -.25em;
        width: calc(100% + .5em - 4px;);
        border-bottom: 1px solid rgba(51,51,51,.51);
}
.dinner-info{
        background: rgba(251,251,251,.951);
        box-shadow: 0 0 4px 4px rgba(251,251,251,.951);
        padding: .5em;
}
.dinner-info-info{
        background: rgba(251,251,251,.951);
        box-shadow: 0 0 4px 4px rgba(251,251,251,.951);
        padding: .5em;
        margin-top: -1.725em;
}
.boldMe{
        font-weight: 600;
}
.transit-warning-wrapper{
        border-radius: 7px;
        margin-bottom: 1em;
        border-top: 1px solid rgba(51,51,51,.51);
        border-bottom: 1px solid rgba(51,51,51,.51);
        padding-top: .5em;
        padding-bottom: .5em;
        background-color: rgba(255, 52, 52, 0.85);
        box-shadow: 0 0 8px 2px rgb(84, 1, 1), inset -4px -4px 10px 0px rgb(118, 0, 0), inset 4px 4px 10px 0px rgba(51, 51, 51, 0.21);
}
.transit-heading, .transit-speed{
        font-weight: 700;
        margin: 0;
}
.transit-heading{
        margin-bottom: -1em;
}
/* ----------- "your/my bookings" front end page stuff booking table and related stuff ----------- */
.page-id-3679 .mphb-account-content{
        border: 1px solid rgba(51,51,51,.5);
        padding: .5em;
        border-radius: 10px;
        background: rgba(153, 153, 153, .8);
        box-shadow: inset 0 0 5px 2px rgba(51,51,51,.8), 0 0 8px 2px rgba(51,51,51,.5);
}
.page-id-3679 table.mphb-account-bookings{
        border: 1px solid rgba(51,51,51,.5);
        border-radius: 10px;
        margin-bottom: 0;
        box-shadow: 0 0 13px 6px rgba(255,255,255,.25);
}
.page-id-3679  table.mphb-account-bookings thead tr{
        background: rgb(51,51,51);
        color: white;
}

table.mphb-account-bookings tbody tr{
        background: rgb(254,254,254);
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
table.mphb-account-bookings tbody tr:hover{
        background: rgb(235,235,235);
        -webkit-transition: .125s ease-in-out;
        transition: .125s ease-in-out;
}
.page-id-3679 table.mphb-account-bookings th{
        text-align: center;
}
.page-id-3679 table.mphb-account-bookings tr th:first-of-type{
        text-align: left;
        padding-left: 1em;
}
.page-id-3679 table.mphb-account-bookings tr th:last-of-type{
        text-align: right;
        padding-right: 1em;
}

.page-id-3679 table.mphb-account-bookings td.booking-number{
        text-align: left;
        padding-left: 1em;
        font-weight: 600;
}
.page-id-3679 table.mphb-account-bookings td.booking-number span.booking-status{
        font-weight: 500;
}
.page-id-3679 table.mphb-account-bookings td.booking-check-in, .page-id-3679 table.mphb-account-bookings td.booking-check-out, .page-id-3679 table.mphb-account-bookings td.booking-price{
        text-align: center;
}
.page-id-3679 table.mphb-account-bookings td.booking-actions{
        text-align: right;
        padding-right: 1em;
}
.page-id-3679 table.mphb-account-bookings td.booking-actions a{
        border: 1px solid rgb(231,231,231);
        padding: .5em;
        background: rgb(128, 120, 120);
        color: rgb(255,255,255);
        text-shadow: 1px 1px 1px black;
}
.page-id-3679 table.mphb-account-bookings td.booking-actions a:hover{
        background-color: rgb(51,51,51);
        color: white;
}
.page-id-3679 .mphb-data-success{
margin-top: 1em;
  text-align: center;
  background: rgba(67, 166, 31, 0.6);
  padding: 1em;
  border: 2px solid rgb(119, 119, 119);
  margin-left: 16px;
  margin-right: 16px;
  box-shadow: 0px 0px 13px 2px rgba(37, 107, 12, 0.8), inset 8px 8px 8px 0px rgba(228, 228, 228, 0.28), inset -8px -8px 8px 0px rgba(28, 28, 28, 0.2);
  border-radius: 8px;
  color: #f7ffee;
  text-shadow: 1px 1px 1px #716a6a, -1px -1px 1px #181053, -1px 1px red, 1px 1px 1px #6e0cb1;
  font-size: 1.1em;
}
/* ---- individual booking front-end view for customers to view their booking information ----- */
.page-id-282 .mphb-booking-details-title{

}

/* ---- view bookings [individual booking view] front-end guest (where they view their idividual booking information) page ----- */
.page-id-282 .mphb-booking-details-section{
        border: 2px solid rgba(51,51,51,.75);
        padding: 1em;
        border-radius: 10px;
        background: rgba(251,251,251,.75);
        box-shadow: 0 0 5px 2px rgba(51,51,51,.5);
}
.page-id-282 .mphb-payment-messages{
        text-align: center;
        font-weight: 600;
        font-size: 1.2em;
        padding: 1em;
        text-shadow: 2px 1px 2px rgb(51,51,51), -1px -1px 2px rgb(51,51,51), -1px 1px 2px rgb(51,51,51), 1px -1px 2px rgb(51,51,51);
        color: white;
}
.mphb_sc_availability_calendar-wrapper{
        overflow: hidden;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border-bottom : 1px solid rgba(51,51,51,.5);
}

/*---------------- account created at lodging checkout initial username and password set  -----------------*/
.create-account-lodging-checkout-container .submit-account-stuff{
        width: calc(100% - 1em);
        position: relative;
        top: -1em;
        margin-left: .5em;
        margin-right: .5em;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
@media only screen and (max-width: 767px) {
        .create-account-lodging-checkout-container{
                top: calc(50% - 2em) !important;
                left: calc(50% - 1em) !important;
                width: 90% !important;
        }
        .first-hooter h2 a{
                font-size: .9em;
        }
        .copy_t.welcome .welcome_cool{
                font-size: 1.75em; 
        }
}

/* ------------- search result stuff for unit available result containers -------------- */
.page-id-278 .entry-content{
        display: flex;
        flex-direction: column;
}
.unit-availability-wrapper{
        margin-top: 4em;
        margin-bottom: 4em;
        padding-bottom: 1em;
        border-top-left-radius: 40px 20px;
        border-top-right-radius: 40px 20px;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        border: 1px solid rgb(51,51,51);
        padding: 20px;
        padding-bottom: 0;
        background-color: rgb(231,231,231);
        box-shadow: 0px 0px 20px 2px rgb(51,51,51) !important;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}
.unit-availability-wrapper h2.unit-header-title.entry-title{
        width: calc(100% + 40px);
        left: -20px;
}

button.book-unit{
        position: relative;
        width: calc(100% + 36px);
        left: -18px;
        bottom: 2px;
        border: 2px solid rgb(151,151,151) !important;
        border-bottom-left-radius: 40px 20px;
        border-bottom-right-radius: 40px 20px;
        background: linear-gradient(180deg, rgb(231,231,231) 0%, rgb(205, 205, 205) 15%, rgb(125,125,125) 100%);
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51);
        -webkit-transition: .5s ease-in-out !important;
        -o-transition: .5s ease-in-out !important;
        transition: .5s ease-in-out !important;
}
button.book-unit:hover{
        -webkit-transform: none !important;
        transform: none !important;
        background: linear-gradient(180deg, rgb(1,1,1) 0%, rgb(105, 105, 105) 15%, rgb(51,51,51) 100%) !important;
        border: 3px solid rgba(151,151,151,.75) !important;
        width: calc(100% + 40px);
        left: -20px;
        bottom: 0;
        font-size: .96em;
        -webkit-transition: .4s ease-in-out !important;
        -o-transition: .4s ease-in-out !important;
        transition: .4s ease-in-out !important;
}
button.book-unit:after{
                        position: absolute;
                        display: inline-block;
                        background-color: rgb(0,102,26);
                        right: 10%;
                        bottom: 10%;
                        font-family: 'Press Start 2P';
                        font-size: 1.1em !important;
                        content: 'BOOK NOW';
                        text-align: center;
                        width: 80%;
                        height: 80%;
                        border-radius: 10px;
                        border: 1px solid rgba(0,201,26,.8);
                        padding-top: 12px;
                        -webkit-box-shadow: 1px 2px .25em rgba(0,0,0,.6) !important;
                        box-shadow: 0px 2px .25em rgba(0,0,0,.6), 0px 0px 10px .5px rgb(0,102,26) !important;
                        -webkit-animation: pulsateMe 3s infinite;
                        opacity: .99;
                        animation: pulsateMe 3s infinite;
                                animation-timing-function: ease;
                                animation-direction: normal;
                        animation-timing-function: linear;
                        animation-direction: alternate;
                        -webkit-transition: .5s ease-in-out !important;
                        transition: .5s ease-in-out !important;
                        z-index: 2;
}
@media only screen and (max-width: 768px) {
        .mphb-reserve-room-section .mphb-button.mphb-book-button:after{
                padding-top: 15px;
        }
}

/* top of search page stuff */
p.mphb_sc_search_results-info{
        margin-bottom: 1em;
        text-align: center;
}
.page-id-278 .mphb-empty-cart-message{
        display: none;
}
.page-id-278 .mphb-reservation-cart{
        margin-bottom: 0;
        padding-top: 1em;
        border-top: 1px solid rgb(51,51,51);
}
.mphb-reservation-cart .button.mphb-button.mphb-confirm-reservation{
        position: relative;
        top: .5em;
        transform: scale(1.1);
        -webkit-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;
}
.mphb-reservation-cart .button.mphb-button.mphb-confirm-reservation:hover{
        transform: scale(1.05) !important;
        -webkit-transition: .25s ease-in-out !important;
        transition: .25s ease-in-out !important;

}
/* conditionals */
@media only screen and (max-width: 768px) {
        .unit-availability-wrapper h2.unit-header-title.entry-title{
                font-size: 1.75em !important;
        }
}
@media only screen and (max-width: 420px) {
        .mphb-reservation-cart .button.mphb-button.mphb-confirm-reservation{
                position: relative;
        width: 80%;
        left: -10%;
        }
}

#wide-logo{ 
        display: inline-block !important;
}
body.home .social-navigation{
        margin-top: 2em;
}
.social-navigation{
        margin-bottom: 2em;
}
body.home .site-footer{
                background-color: rgba(215,215,215,0) !important;
}
.social-navigation ul{
        padding: 1em;
}
.social-navigation a{
        background-color: rgb(191, 37, 37);
        margin-left: .25em;
        margin-right: .25em;
}
.social-navigation a:hover{
        background-color: rgb(109, 43, 255);
}
.home-bottom-image{
        margin-top: 6em;
        margin-bottom: 2em;
}
a.custom-logo-link{
        width: 100%;
  display: flex;
  justify-content: center;
}

a.custom-logo-link{
        padding-left: 1em;
}

body.home .custom-header {
/*  background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Flag_of_the_United_States_%28DoS_ECA_Color_Standard%29.svg/1920px-Flag_of_the_United_States_%28DoS_ECA_Color_Standard%29.svg.png'); */
  background-image: url('https://littlealeinn.com/wp-content/uploads/2024/11/bar-night-right.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 100%;
  height: 50vh;
  z-index: 5;
  background-origin: border-box; /* Ensures image positioning respects the boundaries */
}

@media (max-width: 48em) {
  body.home .custom-header {
        background-position: 60% 100%;
    background-size: cover;
  }
}
.search-header-wrappers-container{
border: 1px solid rgba(51,51,51,.5);
  padding: 1em;
  padding-bottom: 0;
  padding-top: 1.5em;
  padding-left: 1em;
  padding-right: 1em;
  background: rgba(255,255,255,.5);
        border-radius: 1em;
        box-shadow: 0px 0px 20px 2px rgb(51,51,51);
}
.mphb_sc_search_results-info{
        font-weight: 600;
        font-size: 1.1em;
}
#resend-confirmation{
        margin-top: 1em;
        border: 8px solid rgb(178, 34, 34) !important;
        box-shadow: 0 0 18px 11px rgba(51,51,51,.5) !important;
}
#resend-confirmation:hover{
        border: 4px solid rgb(197, 88, 228) !important;
        box-shadow: 0 0 6px 7px rgba(51,51,51,.5) !important;
}
p.mphb-customer-create-account{
        border: 1px solid rgba(51, 51, 51, 0.5);
        padding: .5em;
        border-radius: .5em;
        background: rgb(251, 251, 251);
        box-shadow: 0 0 8px -1px rgb(51, 51, 52);
        text-align: justify;
        padding-bottom: 1em;
}
p.mphb-customer-create-account label{
        display: inline;
}
p.mphb-customer-create-account::after {
    content: "Creating an account can make it easier for you to manage your reservation, and it gives you access to the eclectic community at Forum51, where you can share media and pose your questions/comments/concerns and/or theories among the threads and chat with other members of the eclectic community drawn towards The Little A'Le'Inn. If you already have an account, go log in at the top of the page.";
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}
.page-id-3636 .mphb-booking-details-section.booking{
        background: rgba(251,251,251,.75);
        padding: 1em;
        backdrop-filter: blur(2px);
        border-radius: 1em;
        border: 2px solid rgba(51, 51, 51, 0.75);
}
.mphb-booking-details-title{
text-align: center;
font-family: 'Press Start 2P';
}
.page-id-3636 .mphb-booking-details-section.cancel-booking{
        display: flex;
        justify-content: center;
}
.page-id-3636 .mphb-booking-details-section.cancel-booking a{
        position: relative;
  display: block;
  text-align: center;
  font-family: 'Press Start 2P';
  width: fit-content;
  font-size: .8em !important;
  color: rgb(231,231,231);
  border-radius: 5px;
  padding: 8px;
  border: 2px solid rgb(151,151,151) !important;
  background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
  box-shadow: none !important;
  text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
  box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.page-id-3636 .mphb-booking-details-section.cancel-booking a:hover{
        font-size: .82em !important;
  background: linear-gradient(180deg, rgb(31,31,31) 0%, rgb(101,101,101) 15%, rgb(31,31,31) 100%) !important;
  border: 2px solid rgb(31,31,31) !important;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.page-id-281 .entry-content P{
  text-align: center;
  border: 2px solid rgb(51, 51, 51);
  padding: 1em;
  border-radius: 1em;
  background-color: rgba(251,251,251,.5);
}
.page-id-281 .entry-content P:first-of-type{
        font-size: 1.4em;
        font-weight: 700;
}
.page-id-281 .entry-content P:not(.page-id-281 .entry-content P:first-of-type){
        font-weight: 500;
        font-size: 1.2em;
  text-align: center;
  border: 2px solid rgb(51, 51, 51);
  padding: 1em;
  border-radius: 1em;
  background-color: rgba(251,251,251,.5);
        font-family: 'Special Elite', cursive;
}
.page-id-281 .entry-content P .email-here{
        font-family: Arial, Helvetica, sans-serif !important;
}
.page-id-1445 .entry-content{
        border: 2px solid rgba(51,51,51,.5);
        border-radius: 1em;
        background: rgba(251,251,251,.75);
        padding: .5em;
}
.page-id-1445 .entry-content h2{
        font-family: 'Press Start 2P';
        text-align: center;
        padding: 1em;
}
.page-id-572 .entry-content{
}
.page-id-281 .entry-content P{
  text-align: center;
  border: 2px solid rgb(51, 51, 51);
  padding: 1em;
  border-radius: 1em;
  background-color: rgba(251,251,251,.5);
}
.page-id-910 .entry-content{
border: 2px solid rgba(146, 98, 125, 0.51);
  border-radius: 2em;
  background-color: rgba(231, 233, 240, 0.64);
  padding: 1.5em;
  box-shadow: 0 0 24px -1px rgb(51, 51, 52);
}
.page-id-910 .entry-content h2{
        width: calc(100% + 1.75em);
  right: .9em;
  position: relative;
  border: 2px solid rgba(51,51,51,.51);
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  top: -.85em;
  padding: .25em;
  background: rgba(111,222,191,.8);
  box-shadow: 0 0 25px 4px rgb(251, 251, 251);
        font-family: 'Special Elite', cursive;
        font-weight: 600;
        color: rgb(11,11,11);
        text-shadow: 1px 1px 1px rgb(251,251,251);
}
.page-id-910 .entry-content h5{
position: relative;
  border: 2px solid rgba(51,51,51,.51);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgba(51, 51, 51, 0.51);
  border-bottom: 0;
  text-decoration: none !important;
  text-align: center;
  background-color: rgba(76, 251, 185, 0.2);
  margin-bottom: 0;
  padding-bottom: 1em;
}
.page-id-910 .entry-content h5 span{
        text-decoration: none !important;
        color: black;
        text-shadow: 1px 1px 1px rgb(251,251,251), -1px -1px 1px rgb(251,251,251);
}
.page-id-910 .entry-content .wp-block-list{
        background-color: rgba(251,251,251,.8);
        padding: 1em;
        padding-left: 1.75em;
        padding-right: 1.25em;
        border: 1px solid rgba(51,51,51,.51);
}
.page-id-1387 .entry-content{
border: 2px solid rgba(146, 98, 125, 0.51);
  border-radius: 2em;
  background-color: rgba(231, 233, 240, 0.64);
  padding: 1.5em;
  box-shadow: 0 0 24px -1px rgb(51, 51, 52);
}
.page-id-1387 .entry-content h2{
        width: calc(100% + 1.75em);
  right: .9em;
  position: relative;
  border: 2px solid rgba(51,51,51,.51);
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  top: -.85em;
  padding: .25em;
  background: rgba(111,222,191,.8);
  box-shadow: 0 0 25px 4px rgb(251, 251, 251);
        font-family: 'Special Elite', cursive;
        font-weight: 600;
        color: rgb(11,11,11);
        text-shadow: 1px 1px 1px rgb(251,251,251);
        text-align: center;
}
.page-id-1387 .entry-content h5{
position: relative;
  border: 2px solid rgba(51,51,51,.51);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgba(51, 51, 51, 0.51);
  border-bottom: 0;
  text-decoration: none !important;
  text-align: center;
  background-color: rgba(76, 251, 185, 0.2);
  margin-bottom: 0;
  padding-bottom: 1em;
}
.page-id-1387 .entry-content h5 span{
        text-decoration: none !important;
        color: black;
        text-shadow: 1px 1px 1px rgb(251,251,251), -1px -1px 1px rgb(251,251,251);
}
.page-id-1387 .entry-content .wp-block-list:not(ul ul){
        background-color: rgba(251,251,251,.8);
        padding: 1em;
        padding-left: 1.75em;
        padding-right: 1.25em;
        border: 1px solid rgba(51,51,51,.51);
}
/* email blast body stuff */
.email-blast-body .email-blast-wrapper { 
    background-color: rgba(251, 251, 251, 0.75); 
    box-shadow: 0 0 4px 4px rgba(251, 251, 251, 0.75); 
    border: 2px solid rgb(91, 91, 91); 
    padding: 1.5em;
        padding-top: 4em;
        padding-bottom: 4em; 
    border-radius: 1.5em; 
        font-family: monospace;
}
.email-blast-body .woocommerce-Price-amount{
        font-family: "American Typewriter", serif;
}
.email-blast-body .wp-block-column{
        border: 2px solid rgb(51,51,51,.5);
        border-radius: .75em;
}
.email-blast-body h1{
        text-align: center;
}
.email-blast-body justify{
        text-align: justify;
        text-align-last: left;
}
.email-blast-body p{
        font-size: 1.2em;
        text-align: justify;
        text-align-last: left;
}
.email-blast-wrapper ul{
  display: inline-block; /* Ensures the list stays together */
  margin: 1em auto;
  padding: 0;
  text-align: center;
        list-style: none !important;
}
.email-blast-wrapper li{
        position: relative;
        display: inline-block;
        border: 1px solid rgb(51,51,51) !important;
        border-radius: 1em;
        padding: .75em;
          margin: 2em; /* Centers each li individually */
        width: 25em;
    background-color: rgba(251, 251, 251, 0.5);
}
.email-blast-body .wc-block-grid__product img{
        border-radius: 1em;
        max-height: 20em;
}
.email-blast-body .wp-block-button__link{
        display: block;
  text-align: center;
  font-family: "Special Elite", cursive;
  font-size: 1.2em;
  font-weight: 700;
  border: 2px solid blue;
  padding: 0.5em;
  margin-bottom: 0;
  padding: 0.3em;
    padding-top: 0.3em;
  padding-top: 0.5em;
  font-size: 1em;
  font-family: "Special Elite", cursive;
  text-align: center;
  border: 2px solid rgb(151, 151, 151);
  background: linear-gradient(180deg, rgb(51, 51, 51) 0%, rgb(131, 131, 131) 15%, rgb(51, 51, 51) 100%);
  text-shadow: -1px -1px 2px rgba(51, 51, 51, 0.8), 1px -1px 2px rgba(51, 51, 51, 0.8), -1px 1px 2px rgba(51, 51, 51, 0.8), 1px 1px 2px rgba(51, 51, 51, 0.8) !important;
  box-shadow: inset 0 0 5px rgb(51, 51, 51), inset 0 0 5px rgb(51, 51, 51), inset 0 0 5px rgb(51, 51, 51), inset 0 0 5px rgb(51, 51, 51) !important;
  color: rgb(231, 231, 231);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.greeting{
        text-align: center;
        font-size: 1.2em;
        text-align: center;
        font-weight: bold;
}
.admin-button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
        position: relative;
        display: block;
        margin-bottom: 3em;
        max-width: fit-content;
}
.admin-button:hover {
    background-color: #005177;
}

ul.products li.product .button, ul.products li.product .button .button.product_type_variable, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
        position: relative;
        display: block;
        text-align: center;
        font-family: 'Press Start 2P';
        width: 100%;
		height: 5.2em;
        font-size: .8em !important;
        color: rgb(231,231,231);
        border-radius: 5px;
        padding: 8px;
        border: 2px solid rgb(151,151,151) !important;
        background: linear-gradient(180deg, rgb(51,51,51) 0%, rgb(131,131,131) 15%, rgb(51,51,51) 100%) !important;
        box-shadow: none !important;
        text-shadow: -1px -1px 2px rgba(51,51,51,.8), 1px -1px 2px rgba(51,51,51,.8), -1px 1px 2px rgba(51,51,51,.8), 1px 1px 2px rgba(51,51,51,.8) !important;
        box-shadow: inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51), inset 0 0 5px rgb(51,51,51) !important;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  display: flex;
  align-items: center;    /* Vertical centering */
  justify-content: center; /* Optional: horizontal centering too */
  height: 5.2em;   
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
	display: flex !important;
  	height: 5.9em;
}

ul.products li.product .button:hover, ul.products li.product .button .button.product_type_variable:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover{
        transform: scale(1.05);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* ----------------- woocommerce categories filter/page landing page style ---------------------- */

.woo-header-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5em;
        flex-direction: column;
}
/*
.payment_method_ppcp-credit-card-gateway, .wc_payment_method.payment_method_ppcp-credit-card-gateway{
	display: block !important;
}
*/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	opacity: 100% !important;
}