body {
    background-color: #222222;
    color: #f0f0f0;
    font-family: sans-serif;
    font-size: 15px;
}

h1 {
    font-family: "Cherry Cream Soda", system-ui;
    font-weight: 400;
    font-style: normal;
    margin-top: 5px;
}

.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

a {
    color: #f0f0f0;
}

.thelogo {
    display: inline-block;
    margin-right: 20px;
}

#menu {
    display: inline-block;
    text-align: justify;
    width: 859px;
    text-transform: uppercase;
    font-size: 17px;
    position: relative;
}

#menu a {
    text-decoration: none;
}
#menu a:hover {
    color: #e39e50;
}

.justfix {
    font-size: 1px;
    word-spacing: 1000px;
}

.slider {
    margin-top: 30px;
}

.slider img {
    width: 100%;
    height: auto;
}

.carousel-cell {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.carousel-cell img {
    width: 100%;
    height: auto;
}

.flickity-page-dots {
    display: none;
}

.featuredartbox img {
    width: 240px;
}

.introblurb {
    margin-top: 25px;
    display: inline-block;
    width: 75%;
}

.featured, .content {
    background: rgb(22,22,22);
    background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%);
    padding: 30px;
    padding-top: 20px;
    margin-top: 25px;
    text-align: justify;
    vertical-align: top;
    padding-bottom: 0px;
}

.featuredartbox {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    margin-bottom: 30px;
    position: relative;
    max-width:254px;
}

.imagebg {
    background-color: #000;
    width: 240px;
    padding: 7px;
    height: 296px;
    position: relative;
}

.imagebg img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.featuredescription {
    margin-top: 8px;
}

.featuredbutton, .continuebutton, .checkoutbutton, .paypalcheckoutbutton, .enlargebutton {
    display: block;
    background: rgb(227,158,80);
    background: linear-gradient(0deg, rgba(227,158,80,1) 0%, rgba(233,186,133,1) 100%);
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Cherry Cream Soda", system-ui;
    margin-top: 10px;
    font-size: 17px;
    text-align:center;
}
.enlargebutton {
    background-color:transparent;
    background-image: url('../images/zoom-in.svg');
    color:#fff;
    border:1px #ccc solid;
    background-size:contain;
    background-position:0px 0px;
    background-repeat: no-repeat;
}
.checkoutbutton, .paypalcheckoutbutton {
    display:inline-block;
    margin-right:10px;
    font-size:15px;
    width:235px;
    color:#fff;
    border:none;
}
.paypalcheckoutbutton {
    width:245px;
    cursor:pointer;
}
.paypalcheckoutbox {
    display:inline-block;
}
.continuebutton {
    background:none;
    background-color:#000;
    color:#fff;
    font-family: sans-serif;
    font-size:15px;
    margin-top:10px;
    margin-bottom:10px;
    white-space: nowrap;
    width:300px;

}

.news {
    background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%);
    display: inline-block;
    vertical-align: top;
    width: 521px;
    padding: 30px;
    margin-right: 30px;
    text-align: justify;
}

.events {
    background: rgb(22,22,22);
    background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%);
    vertical-align: top;
    width: 521px;
    padding: 30px;
    display: inline-block;
    vertical-align: top;
}

.eventbox {
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.eventbox p {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #ccc;
}

.footer {
    background: rgb(22,22,22);
    background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%);
    padding: 20px;
    text-align: center;
    position: relative;
}

.footerlinks {
    position: absolute;
    text-align: left;
    top: 10px;
}

.copyright {
    padding-top: 50px;
    padding-bottom: 100px;
}

li {
    padding-bottom: 5px;
}

a.anthemlogo {
    position: absolute;
    top: 55px;
    right: 30px;
}

.menuswitch {
    display: none;
}

a.menuswitch svg {
    color: #fff;
}

.datbox {
    color: #e39e50;
    font-size: 15px;
    width: 55px;
    float: left;
    text-align: center;
    text-transform: uppercase;
}

.bigdate {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.showsbox h2 {
    margin-top: 4px;
    font-size: 20px;
    margin-bottom: 6px;
}

.showsbox {
    background-color: rgb(0,0,0,.4);
    padding: 8px;
    margin-bottom: 30px;
}

.showbuttons a,
.showbuttons a:visited {
    color: #fff;
    font-size: 15px;
}

.showbuttons a:hover {
    color: #e39e50;
}

.showbuttons {
    margin-left: 55px;
}

.sociallinks a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    background-position: 0px 0px;
}

.sociallinks a:hover {
    background-position: 0px 40px;
}

.sociallinks {
    display: inline-block;
    width: 100%;
    text-align: right;
}

a.icon-yt {
    background-image: url("../images/icons/Icon-YT.png");
}

a.icon-ig {
    background-image: url("../images/icons/Icon-IG.png");
}

a.icon-fb {
    background-image: url("../images/icons/Icon-FB2.png");
}
.newsitem {
    margin-bottom:20px;
    border-bottom:1px #666 solid;
}

.covercontainer {
    height: 190px;
    overflow: hidden;
    background-position: center top;
    margin-top: 2px;
}

.videocontainer1, .videocontainer2 {
    width: 500px;
    height: 275px;
    position: relative;
}
.videocontainer1 {
    margin-right: 47px;
    float: left;
    margin-bottom: 20px;
}
.videocontainer2 {
    float: left;
    margin-bottom: 20px;
}
.vidplaybutton img{
    width: auto;
    height: 200px;
    display: block;
    overflow: hidden;
    background-position: center 0px;
    margin-top: 5px;
    opacity: 66%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}

.vidplaybutton img:hover {
    opacity:100%;
}
.videotitle {
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 4px;
}
.homecovercontainer {
    width: 500px;
    height: 275px;
    position: absolute;
    top: 0 px;
    left: 0 px;
    background-repeat: no-repeat;
    background-size: cover;
}
.homevideotitle {
    position: absolute;
    bottom: 0px;
    width: 492px;
    height: 20px;
    color: #fff;
    font-size: 14px;
    background-image: url(../images/trans_bg.png);
    padding-top: 5px;
    padding-left: 8px;
}
.clearfix {
    clear:both;
}

.productdesignimage {
    width:100%;
    height:auto;
}
.prodcontainer {
    display: inline-block;
    max-width: 357px;
    padding:10px;
    vertical-align:top;
    text-align:center;
}
.cartitem {
    background: rgb(22,22,22);
    margin-bottom:15px;
    padding:15px;
    border-bottom:1px solid #999;
}
.quantbox {
    display:inline-block;
    border: #333 solid 1px;
    background-color: #000;
    color: #999;
    padding:3px;
}
.quantbutton {
    display: inline-block;
    width: 20px;
    border: #333 solid 1px;
    background-color: #000;
    color: #fff;
    cursor:pointer;
}
.updatebut, .deletebut {
    border: #333 solid 1px;
    background-color: #000;
    color: #999;
    cursor:pointer;
    height:27px;
}
.updatearea {
    margin-top:8px;
}
.subtotal {
    padding: 15px;
    font-weight:bold;
}
#thumbBox { /*Outermost DIV for thumbnail viewer*/
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    padding: 10px;
    padding-bottom: 0;
    background: #000;
    visibility: hidden;
    z-index: 10;
    cursor: hand;
    cursor: pointer;
}

    #thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */
        letter-spacing: 5px;
        line-height: 1.1em;
        color: white;
        padding: 5px 0;
        padding-bottom: 10px;
        text-align: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
    }


    #thumbBox #thumbImage { /*DIV within thumbbox that holds the enlarged image */
        background-color: #000;
        color: #aaa;
    }

#thumbLoading { /*DIV for showing "loading" status while thumbbox is being generated*/
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
    background-color: #000;
    padding: 5px;
    z-index: 5;
    color: #000;
}
.cartitem {

}
.cartlink {
    text-align:right;
    display:inline-block;
    vertical-align:bottom;
    padding-bottom:5px;
}
.cartlink span {
    white-space: nowrap;
}
.viewcart {
    width:unset!important;
    height:unset!important;
    white-space:nowrap;
    margin-left:unset!important;
}
.checkoutbuttons {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-bottom:20px;
}

#thumbImage img {
    margin-bottom: 10px;
}
.filterlink {
    white-space: nowrap;
}
.infoframe {
    width:100%;
    height:1000px;
    border:none;
}
.ordertotal {
    text-align:left;
    display:inline-block;
    padding-bottom:20px;
}
.mc-visa-logo {
    width:auto;
    height:40px;
    display:block;
    margin-left:auto;
    margin-right:auto;

}

@media screen and (max-width:1231px) {
    .news {
        width: 100%;
        margin-right: unset;
        box-sizing: border-box;
    }
   
    .about img {
         height:auto;
         width:100%;
    }

    .events {
        width: 100%;
        box-sizing: border-box;
    }

    .menuswitch {
        display: block;
        position: absolute;
        right: 30px;
        top: 90px;
    }

    #menu.menu_show {
        display: block;
    }

    #menu.menu_hide {
        display: none;
    }

    #menu a {
        display: block;
    }

    #menu {
        position: absolute;
        right: 35px;
        top: 155px;
        height: 525px;
        max-width: 380px;
        font-size: 30px;
        background-color: #000;
        z-index: 999;
        text-align: right;
    }

    #menu a {
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .justfix {
        display: none;
    }

    .imagebg img {
        position: relative;
    }
    .videocontainer1, .videocontainer2 {
    float:none;
    margin-left:auto;
    margin-right:auto;
}
}

@media screen and (max-width:768px) {
    .content {
        margin-left:auto;
        margin-right:auto;
        padding:20px;
    }
    .footerlinks {
        position: relative;
        text-align: center;
    }

    .imagebg {
        width: 100%;
        height: auto;
    }

    .imagebg img {
        width: 100%;
        height: auto;
    }

    a.anthemlogo {
        position: relative;
        top: unset;
        right: unset;
    }

    .copyright {
        padding: 30px;
    }

    .footerlinks ul {
        display: inline-block;
    }

    .footerlinks ul li {
        text-align: center;
    }

    .thelogo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .menuswitch {
        position: relative;
        top: unset;
        right: unset;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .slider {
        margin-top: 10px;
    }

    #menu {
        position: relative;
        right: unset;
        top: unset;
        text-align: center;
        width: 100%;
        max-width: unset;
    }

    .footer ul {
        list-style-type: none;
        padding: 0px;
    }

    .imagebg img {
        position: relative;
    }

    .sociallinks {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

    .introblurb {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .featuredartbox {
        max-width: unset;
    }
    .videocontainerTrue {
        margin-right: 0px;
    }

    .separator {
        width: 6px;
        float: left;
    }

    .covercontainer {
        height: 190px;
        overflow: hidden;
        background-position: center top;
        margin-top: 2px;
    }

    .homevideocontainer, .videocontainer1, .videocontainer2 {
        width: 100%;
        height: 250px;
        position: relative;
    }

    .videocontainer1 {
        float: none;
        margin-bottom: 20px;
    }

    .videocontainer2 {
        float: none;
        margin-bottom: 20px;
    }

    .homecovercontainer {
        width: 100%;
        height: 250px;
    }

    .vidplaybutton img {
        width: 100%;
        height: 165px;
        display: block;
        overflow: hidden;
        background-position: center 0px;
        margin-top: 65px;
        background-repeat: no-repeat;
        padding-top:10px;
    }

    .homevideotitle {
        position: relative;
        bottom: 0px;
        width: unset;
        height: 40px;
        color: #fff;
        font-size: 18px;
        padding-top: 5px;
        padding-left: 8px;
        padding-right:8px;
    }


    .videotitle {
        font-size: 12px;
        margin-top: 2px;
        margin-bottom: 4px;
    }
    .chooseproduct {
        text-align:center;
    }
    .news img {
    height:auto;
    width:100%;
}
}