/* cms content style specifics */
.storefront {
    padding: 0px;
/*     background: white; */
    min-height: 100%;
    /* Newsletter honeypot */
}

.storefront img {
    max-width: 100%;
    height: auto;
}

/* .storefront select {
    padding: 0px 0px 0px 15px;
    height: 50px;

    border-radius: 10px;
    -webkit-appearance: none !important;
    background-color: #fafafa;
    background-image: url("/static/images/arrow-down-small.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    border: 1px solid #cccccc;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    width: 100%;
    box-sizing: border-box;
} */

.storefront .newsletter-phone {
    position: absolute;
    left: -9999px;
}

.storefront footer {
    padding: 15px;
    line-height: 23pt;
    color: #AEAEAE;
}

.storefront footer a {
    color: #AEAEAE;
    text-decoration: none;
}

.storefront .cart_summary {
    margin-bottom: 15px;
}

.storefront .cart_summary .cart_button {
    background: url(../img/cart-icon.png) 10px center #69baf1 no-repeat;
    border: none;
    text-transform: uppercase;
    color: #ffffff;
    width: 100%;
    text-align: left;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 40px;
    height: 45px;
    margin-bottom: 0;
}

.storefront .cart_summary .cart_button .down-btn {
    display: inline-block;
    margin-left: 8px;
    float: right;
    margin-top: 5px;
    margin-right: -5px;
}

.storefront .cart_summary .cart_summary_items_container {
    width: 100%;
    position: relative;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items {
    background-color: white;
    box-shadow: 2px 4px 10px 1px rgba(40, 40, 40, 0.4);
    /* 0px 2px 4px 1px #999; */
    z-index: 100;
    position: absolute;
    width: 100%;
    padding-top: 15px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li {
    width: 100%;
    min-height: 62px;
    margin-bottom: 10px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li:last-child {
    min-height: 50px;
    height: 40px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li img {
    float: left;
    border: 1px solid rgba(40, 40, 40, 0.2);
    margin-left: 15px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li .cart_summary_product_name {
    color: black;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 0 0 10px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li .cart_summary_quantity {
    color: black;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 0 0 10px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li .cart_summary_view {
    display: block;
    background-color: #fdf4a0;
    text-align: center;
    color: #404040;
    margin: 10px 15px 0 15px;
    height: 100%;
    padding-top: 18px;
}

.storefront .cart_summary .cart_summary_items_container .cart_summary_items li .cart_summary_view:hover {
    color: #000000;
}

.storefront #product_category {
/*     padding: 15px;
    padding-top: 21px; */
    /* empty content fix */
    height: 100%;
}

/* .storefront #product_category .product_list_item_container {
    width: 40%;
    float: left;
    padding: 15px;
}
 */
.storefront #product_category .product_list_item_container .product_image {
    width: 100%;
}

.storefront #product_category .product_list_item_container .product_image img {
    width: 100%;
}

.storefront #product_category .product_list_item_container .product_name, .storefront #product_category .product_list_item_container .product_price {
    margin-bottom: 5px;
/*     text-transform: uppercase; */
}

.storefront #product_category .product-pagination {
    text-align: center;
    margin-top: 10px;
}

.storefront #product_category .product-pagination .pagination .prev, .storefront #product_category .product-pagination .pagination .next {
    display: inline-block;
}

.storefront #product_category .product-pagination .pagination .bracket .page {
    margin: 0 5px;
}

.storefront #product_category .product-pagination .pagination .prev-text {
    margin-right: 5px;
}

.storefront #product_category .product-pagination .pagination .next-text {
    margin-left: 5px;
}

.storefront #product_category .product-pagination .pagination img {
    margin: 0 3px;
}

.storefront #product_category .product-pagination .pagination .page-text {
    display: block;
    margin-top: 5px;
}

.storefront #product_detail {
    padding: 15px;
    padding-top: 21px;
    /* empty content fix */
    height: 100%;
}

.storefront #product_detail h1 {

}

.storefront #product_detail h1 a {
    text-decoration: underline;
}

.storefront #product_detail .product_detail_main_image {
    text-align: center;
    margin: 10px 0 15px 0;
}

.storefront #product_detail .product_detail_main_image img {
    border: 1px solid rgba(40, 40, 40, 0.2);
}

.storefront #product_detail .product_detail_description {
}

.storefront #product_detail .product_detail_description .big-product-name, .storefront #product_detail .product_detail_description .big-price {
    margin-bottom: 5px;
    color: black;
}

.storefront #product_detail .product_detail_description .big-price {

}

.storefront #product_detail .product_detail_description p {
    margin-top: 15px;
    line-height: 1.5;
}

.storefront #product_detail .product_detail_description #options {
    margin-top: 15px;
}

.storefront #product_detail .product_detail_description #options p {
    margin: 20px 0 15px;
}

.storefront #product_detail .product_detail_description #options .field h3 {
    margin-bottom: 10px;
    color: black;
}

.storefront #product_detail .product_detail_description #options select {
    height: 36px;
    border-radius: 0;
    padding: 0px 0px 0px 5px;
}

.storefront #product_detail .product_detail_description #options button {
    width: 100%;
    border-radius: 5px;
    padding: 20px;
}

.storefront #product_cart {
    padding: 15px;
    padding-top: 21px;
    /* empty content fix */
    height: 100%;
}

.storefront #product_cart h1 {
    text-transform: uppercase;
    color: #4B87CF;
}

.storefront #product_cart h1 a {
    text-decoration: underline;
}

.storefront #product_cart h2 {


    margin-bottom: 10px;
    color: black;
}

.storefront #product_cart #cart_details_display {
    border: 1px solid rgba(40, 40, 40, 0.4);
    border-radius: 3px;
}

.storefront #product_cart #cart_details_display .cart_item_details_display:last-child div:last-child div:last-child {
    border-bottom: none;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item div {
    border-bottom: 1px solid rgba(40, 40, 40, 0.4);
    padding: 10px;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item .cart_item_product_image {
    border: 1px solid rgba(40, 40, 40, 0.2);
    margin: 10px 0;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item .cart_item_product_name {
    display: block;
    text-transform: uppercase;


    margin-bottom: 10px;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item .cart_item_product_description {
    display: block;

    margin-bottom: 10px;
    line-height: 1.5;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item .cart_item_delete_link .product_delete_link {
    text-decoration: underline;
    color: #4B87CF;

    background-color: white;
    border: 0;
    padding: 0;
    margin: 10px 0;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item .cart_item_product_price {


    color: #4B87CF;
    margin-bottom: 10px;
    display: block;
}

.storefront #product_cart #cart_details_display .cart_item_details_display .cart_item_details_display_item .cart_item_update_link .product_update_link {
    text-decoration: underline;
    color: #4B87CF;

    background-color: white;
    border: 0;
    padding: 0;
    margin: 10px 0;
}

.storefront #product_cart #price_summary_display {
    /* background-color: #f9e69a; */
    /* padding: 10px; */
    /* margin-top: 20px; */
    line-height: 1.7;
}

.storefront #product_cart #price_summary_display .subtotal_display, .storefront #product_cart #price_summary_display .shipping_display, .storefront #product_cart #price_summary_display .tax_display {

}

.storefront #product_cart #cart_total_container {


    margin: 25px 0;
}

.storefront #product_cart #cart_total_container .total-header {
    float: left;
}

.storefront #product_cart #cart_total_container .total-value {
    float: right;
    color: #4B87CF;
}

.storefront #product_cart .checkout-button {
    width: 100%;


    border-radius: 5px;
    padding: 20px;
    margin-top: 10px;
}

.storefront #product_cart .continue-link {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: underline;
}

/* default style */
body {
    background-color: #272727;
    overflow-x: hidden;
}

.storefront {
    /* hack for prevent x-scrolls */
}

.storefront header {
    left: -20px;
    position: relative;
}

.storefront header img {
    width: 100%;
    border-style: solid;
    border-color: transparent;
    border-width: 0px 20px;
    box-sizing: content-box;
}

.theme-dark.theme-1 {
    background-color: #272727;
}

.theme-dark.theme-2 {
    background-color: #1b1b1b;
}

.theme-dark.theme-3 {
    background-color: #232323;
}

.theme-dark.theme-3 .storefront h1, .theme-dark.theme-3 .storefront h2, .theme-dark.theme-3 .storefront h3, .theme-dark.theme-3 .storefront h4, .theme-dark.theme-3 .storefront h5, .theme-dark.theme-3 .storefront h6 {

}

.theme-dark.theme-3 .storefront header img {
    border-color: #131313;
}

.theme-dark.theme-4 {
    background-color: #010101;
}

.theme-dark.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-dark.theme-4 .main_header .main_header-title h1, .theme-dark.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-dark.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-dark.theme-5 {
    background-color: #393939;
}

.theme-dark.theme-5 .main_header {
    background-color: #030303;
    border-bottom: none;
}

.theme-dark.theme-5 .main_header .main_header-title h1, .theme-dark.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-dark.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-dark.theme-5 .main_header > .dropdown_button:hover, .theme-dark.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-dark.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-dark.theme-5 .storefront header img {
    border-color: #030303;
}

.theme-dark.theme-5 .storefront h1, .theme-dark.theme-5 .storefront h2, .theme-dark.theme-5 .storefront h3, .theme-dark.theme-5 .storefront h4, .theme-dark.theme-5 .storefront h5, .theme-dark.theme-5 .storefront h6 {


}

.theme-dark.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-dark.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-dark.theme-6 {
    background-color: #3d3d3d;
}

.theme-dark.theme-6 .storefront h1, .theme-dark.theme-6 .storefront h2, .theme-dark.theme-6 .storefront h3, .theme-dark.theme-6 .storefront h4, .theme-dark.theme-6 .storefront h5, .theme-dark.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-dark.theme-7 {
    background-color: #F2F2F3;
}

.theme-dark.theme-7 .storefront header img {
    border-color: #3d3d3d;
}

.theme-dark.theme-8 {
    background-color: #FEFEFE;
}

.theme-dark.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-dark.theme-8 .storefront h1, .theme-dark.theme-8 .storefront h2, .theme-dark.theme-8 .storefront h3, .theme-dark.theme-8 .storefront h4, .theme-dark.theme-8 .storefront h5, .theme-dark.theme-8 .storefront h6 {


}

.theme-dark.theme-8 .storefront header img {
    border-color: #4f4f4f;
}

.theme-dark.theme-8 .storefront header {
    position: relative;
}

.theme-dark.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #464646;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-dark.theme-1 .storefront h1, .theme-dark.theme-1 .storefront h2, .theme-dark.theme-1 .storefront h3, .theme-dark.theme-1 .storefront h4, .theme-dark.theme-1 .storefront h5, .theme-dark.theme-1 .storefront h6 {
    color: #413d3c;
}

.theme-dark.theme-2 .storefront h1, .theme-dark.theme-2 .storefront h2, .theme-dark.theme-2 .storefront h3, .theme-dark.theme-2 .storefront h4, .theme-dark.theme-2 .storefront h5, .theme-dark.theme-2 .storefront h6 {
    color: #413d3c;
}

.theme-dark.theme-3 .storefront h1, .theme-dark.theme-3 .storefront h2, .theme-dark.theme-3 .storefront h3, .theme-dark.theme-3 .storefront h4, .theme-dark.theme-3 .storefront h5, .theme-dark.theme-3 .storefront h6 {
    color: #b32726;
}

.theme-dark.theme-4 .storefront h1, .theme-dark.theme-4 .storefront h2, .theme-dark.theme-4 .storefront h3, .theme-dark.theme-4 .storefront h4, .theme-dark.theme-4 .storefront h5, .theme-dark.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-dark.theme-5 .storefront h1, .theme-dark.theme-5 .storefront h2, .theme-dark.theme-5 .storefront h3, .theme-dark.theme-5 .storefront h4, .theme-dark.theme-5 .storefront h5, .theme-dark.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-dark.theme-6 .storefront h1, .theme-dark.theme-6 .storefront h2, .theme-dark.theme-6 .storefront h3, .theme-dark.theme-6 .storefront h4, .theme-dark.theme-6 .storefront h5, .theme-dark.theme-6 .storefront h6 {
    color: #646464;
}

.theme-dark.theme-7 .storefront h1, .theme-dark.theme-7 .storefront h2, .theme-dark.theme-7 .storefront h3, .theme-dark.theme-7 .storefront h4, .theme-dark.theme-7 .storefront h5, .theme-dark.theme-7 .storefront h6 {
    color: #343434;
}

.theme-dark.theme-8 .storefront h1, .theme-dark.theme-8 .storefront h2, .theme-dark.theme-8 .storefront h3, .theme-dark.theme-8 .storefront h4, .theme-dark.theme-8 .storefront h5, .theme-dark.theme-8 .storefront h6 {
    color: black;
}

.theme-blue.theme-1 {
    background-color: #d0ecff;
}

.theme-blue.theme-2 {
    background-color: #393939;
}

.theme-blue.theme-3 {
    background-color: #13bedd;
}

.theme-blue.theme-3 .storefront h1, .theme-blue.theme-3 .storefront h2, .theme-blue.theme-3 .storefront h3, .theme-blue.theme-3 .storefront h4, .theme-blue.theme-3 .storefront h5, .theme-blue.theme-3 .storefront h6 {

}

.theme-blue.theme-3 .storefront header img {
    border-color: #e3e3e3;
}

.theme-blue.theme-4 {
    background-color: #13bedd;
}

.theme-blue.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-blue.theme-4 .main_header .main_header-title h1, .theme-blue.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-blue.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-blue.theme-5 {
    background-color: #393939;
}

.theme-blue.theme-5 .main_header {
    background-color: #396080;
    border-bottom: none;
}

.theme-blue.theme-5 .main_header .main_header-title h1, .theme-blue.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-blue.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-blue.theme-5 .main_header > .dropdown_button:hover, .theme-blue.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-blue.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-blue.theme-5 .storefront header img {
    border-color: #396080;
}

.theme-blue.theme-5 .storefront h1, .theme-blue.theme-5 .storefront h2, .theme-blue.theme-5 .storefront h3, .theme-blue.theme-5 .storefront h4, .theme-blue.theme-5 .storefront h5, .theme-blue.theme-5 .storefront h6 {


}

.theme-blue.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-blue.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-blue.theme-6 {
    background-color: #4794da;
}

.theme-blue.theme-6 .storefront h1, .theme-blue.theme-6 .storefront h2, .theme-blue.theme-6 .storefront h3, .theme-blue.theme-6 .storefront h4, .theme-blue.theme-6 .storefront h5, .theme-blue.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-blue.theme-7 {
    background-color: #F2F2F3;
}

.theme-blue.theme-7 .storefront header img {
    border-color: #4794da;
}

.theme-blue.theme-8 {
    background-color: #FEFEFE;
}

.theme-blue.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-blue.theme-8 .storefront h1, .theme-blue.theme-8 .storefront h2, .theme-blue.theme-8 .storefront h3, .theme-blue.theme-8 .storefront h4, .theme-blue.theme-8 .storefront h5, .theme-blue.theme-8 .storefront h6 {


}

.theme-blue.theme-8 .storefront header img {
    border-color: #599ddf;
}

.theme-blue.theme-8 .storefront header {
    position: relative;
}

.theme-blue.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #4f93d5;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-blue.theme-1 .storefront h1, .theme-blue.theme-1 .storefront h2, .theme-blue.theme-1 .storefront h3, .theme-blue.theme-1 .storefront h4, .theme-blue.theme-1 .storefront h5, .theme-blue.theme-1 .storefront h6 {
    color: #4794da;
}

.theme-blue.theme-2 .storefront h1, .theme-blue.theme-2 .storefront h2, .theme-blue.theme-2 .storefront h3, .theme-blue.theme-2 .storefront h4, .theme-blue.theme-2 .storefront h5, .theme-blue.theme-2 .storefront h6 {
    color: #ad2726;
}

.theme-blue.theme-3 .storefront h1, .theme-blue.theme-3 .storefront h2, .theme-blue.theme-3 .storefront h3, .theme-blue.theme-3 .storefront h4, .theme-blue.theme-3 .storefront h5, .theme-blue.theme-3 .storefront h6 {
    color: #b52726;
}

.theme-blue.theme-4 .storefront h1, .theme-blue.theme-4 .storefront h2, .theme-blue.theme-4 .storefront h3, .theme-blue.theme-4 .storefront h4, .theme-blue.theme-4 .storefront h5, .theme-blue.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-blue.theme-5 .storefront h1, .theme-blue.theme-5 .storefront h2, .theme-blue.theme-5 .storefront h3, .theme-blue.theme-5 .storefront h4, .theme-blue.theme-5 .storefront h5, .theme-blue.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-blue.theme-6 .storefront h1, .theme-blue.theme-6 .storefront h2, .theme-blue.theme-6 .storefront h3, .theme-blue.theme-6 .storefront h4, .theme-blue.theme-6 .storefront h5, .theme-blue.theme-6 .storefront h6 {
    color: #4693d9;
}

.theme-blue.theme-7 .storefront h1, .theme-blue.theme-7 .storefront h2, .theme-blue.theme-7 .storefront h3, .theme-blue.theme-7 .storefront h4, .theme-blue.theme-7 .storefront h5, .theme-blue.theme-7 .storefront h6 {
    color: #4592d6;
}

.theme-blue.theme-8 .storefront h1, .theme-blue.theme-8 .storefront h2, .theme-blue.theme-8 .storefront h3, .theme-blue.theme-8 .storefront h4, .theme-blue.theme-8 .storefront h5, .theme-blue.theme-8 .storefront h6 {
    color: black;
}

.theme-brown.theme-1 {
    background-color: #dcb977;
}

.theme-brown.theme-2 {
    background-color: #513828;
}

.theme-brown.theme-3 {
    background-color: #ddb369;
}

.theme-brown.theme-3 .storefront h1, .theme-brown.theme-3 .storefront h2, .theme-brown.theme-3 .storefront h3, .theme-brown.theme-3 .storefront h4, .theme-brown.theme-3 .storefront h5, .theme-brown.theme-3 .storefront h6 {

}

.theme-brown.theme-3 .storefront header img {
    border-color: #eacf5d;
}

.theme-brown.theme-4 {
    background-color: #c8a46a;
}

.theme-brown.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-brown.theme-4 .main_header .main_header-title h1, .theme-brown.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-brown.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-brown.theme-5 {
    background-color: #393939;
}

.theme-brown.theme-5 .main_header {
    background-color: #694a32;
    border-bottom: none;
}

.theme-brown.theme-5 .main_header .main_header-title h1, .theme-brown.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-brown.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-brown.theme-5 .main_header > .dropdown_button:hover, .theme-brown.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-brown.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-brown.theme-5 .storefront header img {
    border-color: #694a32;
}

.theme-brown.theme-5 .storefront h1, .theme-brown.theme-5 .storefront h2, .theme-brown.theme-5 .storefront h3, .theme-brown.theme-5 .storefront h4, .theme-brown.theme-5 .storefront h5, .theme-brown.theme-5 .storefront h6 {


}

.theme-brown.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-brown.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-brown.theme-6 {
    background-color: #dcb977;
}

.theme-brown.theme-6 .storefront h1, .theme-brown.theme-6 .storefront h2, .theme-brown.theme-6 .storefront h3, .theme-brown.theme-6 .storefront h4, .theme-brown.theme-6 .storefront h5, .theme-brown.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-brown.theme-7 {
    background-color: #F2F2F3;
}

.theme-brown.theme-7 .storefront header img {
    border-color: #dcb977;
}

.theme-brown.theme-8 {
    background-color: #FEFEFE;
}

.theme-brown.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-brown.theme-8 .storefront h1, .theme-brown.theme-8 .storefront h2, .theme-brown.theme-8 .storefront h3, .theme-brown.theme-8 .storefront h4, .theme-brown.theme-8 .storefront h5, .theme-brown.theme-8 .storefront h6 {


}

.theme-brown.theme-8 .storefront header img {
    border-color: #d6a25a;
}

.theme-brown.theme-8 .storefront header {
    position: relative;
}

.theme-brown.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #cc9659;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-brown.theme-1 .storefront h1, .theme-brown.theme-1 .storefront h2, .theme-brown.theme-1 .storefront h3, .theme-brown.theme-1 .storefront h4, .theme-brown.theme-1 .storefront h5, .theme-brown.theme-1 .storefront h6 {
    color: #9ecd65;
}

.theme-brown.theme-2 .storefront h1, .theme-brown.theme-2 .storefront h2, .theme-brown.theme-2 .storefront h3, .theme-brown.theme-2 .storefront h4, .theme-brown.theme-2 .storefront h5, .theme-brown.theme-2 .storefront h6 {
    color: #b43337;
}

.theme-brown.theme-3 .storefront h1, .theme-brown.theme-3 .storefront h2, .theme-brown.theme-3 .storefront h3, .theme-brown.theme-3 .storefront h4, .theme-brown.theme-3 .storefront h5, .theme-brown.theme-3 .storefront h6 {
    color: #4794dc;
}

.theme-brown.theme-4 .storefront h1, .theme-brown.theme-4 .storefront h2, .theme-brown.theme-4 .storefront h3, .theme-brown.theme-4 .storefront h4, .theme-brown.theme-4 .storefront h5, .theme-brown.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-brown.theme-5 .storefront h1, .theme-brown.theme-5 .storefront h2, .theme-brown.theme-5 .storefront h3, .theme-brown.theme-5 .storefront h4, .theme-brown.theme-5 .storefront h5, .theme-brown.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-brown.theme-6 .storefront h1, .theme-brown.theme-6 .storefront h2, .theme-brown.theme-6 .storefront h3, .theme-brown.theme-6 .storefront h4, .theme-brown.theme-6 .storefront h5, .theme-brown.theme-6 .storefront h6 {
    color: #646464;
}

.theme-brown.theme-7 .storefront h1, .theme-brown.theme-7 .storefront h2, .theme-brown.theme-7 .storefront h3, .theme-brown.theme-7 .storefront h4, .theme-brown.theme-7 .storefront h5, .theme-brown.theme-7 .storefront h6 {
    color: #dbb672;
}

.theme-brown.theme-8 .storefront h1, .theme-brown.theme-8 .storefront h2, .theme-brown.theme-8 .storefront h3, .theme-brown.theme-8 .storefront h4, .theme-brown.theme-8 .storefront h5, .theme-brown.theme-8 .storefront h6 {
    color: black;
}

.theme-green.theme-1 {
    background-color: #b3d86c;
}

.theme-green.theme-2 {
    background-color: #282c13;
}

.theme-green.theme-3 {
    background-color: #8ac348;
}

.theme-green.theme-3 .storefront h1, .theme-green.theme-3 .storefront h2, .theme-green.theme-3 .storefront h3, .theme-green.theme-3 .storefront h4, .theme-green.theme-3 .storefront h5, .theme-green.theme-3 .storefront h6 {

}

.theme-green.theme-3 .storefront header img {
    border-color: #223e04;
}

.theme-green.theme-4 {
    background-color: #8ac348;
}

.theme-green.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-green.theme-4 .main_header .main_header-title h1, .theme-green.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-green.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-green.theme-5 {
    background-color: #393939;
}

.theme-green.theme-5 .main_header {
    background-color: #50ab37;
    border-bottom: none;
}

.theme-green.theme-5 .main_header .main_header-title h1, .theme-green.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-green.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-green.theme-5 .main_header > .dropdown_button:hover, .theme-green.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-green.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-green.theme-5 .storefront header img {
    border-color: #50ab37;
}

.theme-green.theme-5 .storefront h1, .theme-green.theme-5 .storefront h2, .theme-green.theme-5 .storefront h3, .theme-green.theme-5 .storefront h4, .theme-green.theme-5 .storefront h5, .theme-green.theme-5 .storefront h6 {


}

.theme-green.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-green.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-green.theme-6 {
    background-color: #afd368;
}

.theme-green.theme-6 .storefront h1, .theme-green.theme-6 .storefront h2, .theme-green.theme-6 .storefront h3, .theme-green.theme-6 .storefront h4, .theme-green.theme-6 .storefront h5, .theme-green.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-green.theme-7 {
    background-color: #F2F2F3;
}

.theme-green.theme-7 .storefront header img {
    border-color: #afd368;
}

.theme-green.theme-8 {
    background-color: #FEFEFE;
}

.theme-green.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-green.theme-8 .storefront h1, .theme-green.theme-8 .storefront h2, .theme-green.theme-8 .storefront h3, .theme-green.theme-8 .storefront h4, .theme-green.theme-8 .storefront h5, .theme-green.theme-8 .storefront h6 {


}

.theme-green.theme-8 .storefront header img {
    border-color: #b8dc78;
}

.theme-green.theme-8 .storefront header {
    position: relative;
}

.theme-green.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #afd26f;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-green.theme-1 .storefront h1, .theme-green.theme-1 .storefront h2, .theme-green.theme-1 .storefront h3, .theme-green.theme-1 .storefront h4, .theme-green.theme-1 .storefront h5, .theme-green.theme-1 .storefront h6 {
    color: #a4cb58;
}

.theme-green.theme-2 .storefront h1, .theme-green.theme-2 .storefront h2, .theme-green.theme-2 .storefront h3, .theme-green.theme-2 .storefront h4, .theme-green.theme-2 .storefront h5, .theme-green.theme-2 .storefront h6 {
    color: #f2a233;
}

.theme-green.theme-3 .storefront h1, .theme-green.theme-3 .storefront h2, .theme-green.theme-3 .storefront h3, .theme-green.theme-3 .storefront h4, .theme-green.theme-3 .storefront h5, .theme-green.theme-3 .storefront h6 {
    color: #386008;
}

.theme-green.theme-4 .storefront h1, .theme-green.theme-4 .storefront h2, .theme-green.theme-4 .storefront h3, .theme-green.theme-4 .storefront h4, .theme-green.theme-4 .storefront h5, .theme-green.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-green.theme-5 .storefront h1, .theme-green.theme-5 .storefront h2, .theme-green.theme-5 .storefront h3, .theme-green.theme-5 .storefront h4, .theme-green.theme-5 .storefront h5, .theme-green.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-green.theme-6 .storefront h1, .theme-green.theme-6 .storefront h2, .theme-green.theme-6 .storefront h3, .theme-green.theme-6 .storefront h4, .theme-green.theme-6 .storefront h5, .theme-green.theme-6 .storefront h6 {
    color: #afd463;
}

.theme-green.theme-7 .storefront h1, .theme-green.theme-7 .storefront h2, .theme-green.theme-7 .storefront h3, .theme-green.theme-7 .storefront h4, .theme-green.theme-7 .storefront h5, .theme-green.theme-7 .storefront h6 {
    color: #869a52;
}

.theme-green.theme-8 .storefront h1, .theme-green.theme-8 .storefront h2, .theme-green.theme-8 .storefront h3, .theme-green.theme-8 .storefront h4, .theme-green.theme-8 .storefront h5, .theme-green.theme-8 .storefront h6 {
    color: black;
}

.theme-orange.theme-1 {
    background-color: #ef9c36;
}

.theme-orange.theme-2 {
    background-color: #854716;
}

.theme-orange.theme-3 {
    background-color: #f3a13a;
}

.theme-orange.theme-3 .storefront h1, .theme-orange.theme-3 .storefront h2, .theme-orange.theme-3 .storefront h3, .theme-orange.theme-3 .storefront h4, .theme-orange.theme-3 .storefront h5, .theme-orange.theme-3 .storefront h6 {

}

.theme-orange.theme-3 .storefront header img {
    border-color: #7f210c;
}

.theme-orange.theme-4 {
    background-color: #e6ac25;
}

.theme-orange.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-orange.theme-4 .main_header .main_header-title h1, .theme-orange.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-orange.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-orange.theme-5 {
    background-color: #393939;
}

.theme-orange.theme-5 .main_header {
    background-color: #ab4621;
    border-bottom: none;
}

.theme-orange.theme-5 .main_header .main_header-title h1, .theme-orange.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-orange.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-orange.theme-5 .main_header > .dropdown_button:hover, .theme-orange.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-orange.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-orange.theme-5 .storefront header img {
    border-color: #ab4621;
}

.theme-orange.theme-5 .storefront h1, .theme-orange.theme-5 .storefront h2, .theme-orange.theme-5 .storefront h3, .theme-orange.theme-5 .storefront h4, .theme-orange.theme-5 .storefront h5, .theme-orange.theme-5 .storefront h6 {


}

.theme-orange.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-orange.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-orange.theme-6 {
    background-color: #f3a13a;
}

.theme-orange.theme-6 .storefront h1, .theme-orange.theme-6 .storefront h2, .theme-orange.theme-6 .storefront h3, .theme-orange.theme-6 .storefront h4, .theme-orange.theme-6 .storefront h5, .theme-orange.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-orange.theme-7 {
    background-color: #F2F2F3;
}

.theme-orange.theme-7 .storefront header img {
    border-color: #f3a13a;
}

.theme-orange.theme-8 {
    background-color: #FEFEFE;
}

.theme-orange.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-orange.theme-8 .storefront h1, .theme-orange.theme-8 .storefront h2, .theme-orange.theme-8 .storefront h3, .theme-orange.theme-8 .storefront h4, .theme-orange.theme-8 .storefront h5, .theme-orange.theme-8 .storefront h6 {


}

.theme-orange.theme-8 .storefront header img {
    border-color: #f5ad4a;
}

.theme-orange.theme-8 .storefront header {
    position: relative;
}

.theme-orange.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #e89f3c;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-orange.theme-1 .storefront h1, .theme-orange.theme-1 .storefront h2, .theme-orange.theme-1 .storefront h3, .theme-orange.theme-1 .storefront h4, .theme-orange.theme-1 .storefront h5, .theme-orange.theme-1 .storefront h6 {
    color: #413d3c;
}

.theme-orange.theme-2 .storefront h1, .theme-orange.theme-2 .storefront h2, .theme-orange.theme-2 .storefront h3, .theme-orange.theme-2 .storefront h4, .theme-orange.theme-2 .storefront h5, .theme-orange.theme-2 .storefront h6 {
    color: #8eac4a;
}

.theme-orange.theme-3 .storefront h1, .theme-orange.theme-3 .storefront h2, .theme-orange.theme-3 .storefront h3, .theme-orange.theme-3 .storefront h4, .theme-orange.theme-3 .storefront h5, .theme-orange.theme-3 .storefront h6 {
    color: #413d3c;
}

.theme-orange.theme-4 .storefront h1, .theme-orange.theme-4 .storefront h2, .theme-orange.theme-4 .storefront h3, .theme-orange.theme-4 .storefront h4, .theme-orange.theme-4 .storefront h5, .theme-orange.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-orange.theme-5 .storefront h1, .theme-orange.theme-5 .storefront h2, .theme-orange.theme-5 .storefront h3, .theme-orange.theme-5 .storefront h4, .theme-orange.theme-5 .storefront h5, .theme-orange.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-orange.theme-6 .storefront h1, .theme-orange.theme-6 .storefront h2, .theme-orange.theme-6 .storefront h3, .theme-orange.theme-6 .storefront h4, .theme-orange.theme-6 .storefront h5, .theme-orange.theme-6 .storefront h6 {
    color: #646464;
}

.theme-orange.theme-7 .storefront h1, .theme-orange.theme-7 .storefront h2, .theme-orange.theme-7 .storefront h3, .theme-orange.theme-7 .storefront h4, .theme-orange.theme-7 .storefront h5, .theme-orange.theme-7 .storefront h6 {
    color: #f7a134;
}

.theme-orange.theme-8 .storefront h1, .theme-orange.theme-8 .storefront h2, .theme-orange.theme-8 .storefront h3, .theme-orange.theme-8 .storefront h4, .theme-orange.theme-8 .storefront h5, .theme-orange.theme-8 .storefront h6 {
    color: black;
}

.theme-red.theme-1 {
    background-color: #9a1316;
}

.theme-red.theme-2 {
    background-color: #511410;
}

.theme-red.theme-3 {
    background-color: #9a1316;
}

.theme-red.theme-3 .storefront h1, .theme-red.theme-3 .storefront h2, .theme-red.theme-3 .storefront h3, .theme-red.theme-3 .storefront h4, .theme-red.theme-3 .storefront h5, .theme-red.theme-3 .storefront h6 {

}

.theme-red.theme-3 .storefront header img {
    border-color: #3c1a15;
}

.theme-red.theme-4 {
    background-color: #9a1316;
}

.theme-red.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-red.theme-4 .main_header .main_header-title h1, .theme-red.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-red.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-red.theme-5 {
    background-color: #393939;
}

.theme-red.theme-5 .main_header {
    background-color: #75121b;
    border-bottom: none;
}

.theme-red.theme-5 .main_header .main_header-title h1, .theme-red.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-red.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-red.theme-5 .main_header > .dropdown_button:hover, .theme-red.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-red.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-red.theme-5 .storefront header img {
    border-color: #75121b;
}

.theme-red.theme-5 .storefront h1, .theme-red.theme-5 .storefront h2, .theme-red.theme-5 .storefront h3, .theme-red.theme-5 .storefront h4, .theme-red.theme-5 .storefront h5, .theme-red.theme-5 .storefront h6 {


}

.theme-red.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-red.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-red.theme-6 {
    background-color: #9a1316;
}

.theme-red.theme-6 .storefront h1, .theme-red.theme-6 .storefront h2, .theme-red.theme-6 .storefront h3, .theme-red.theme-6 .storefront h4, .theme-red.theme-6 .storefront h5, .theme-red.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-red.theme-7 {
    background-color: #F2F2F3;
}

.theme-red.theme-7 .storefront header img {
    border-color: #9a1316;
}

.theme-red.theme-8 {
    background-color: #FEFEFE;
}

.theme-red.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-red.theme-8 .storefront h1, .theme-red.theme-8 .storefront h2, .theme-red.theme-8 .storefront h3, .theme-red.theme-8 .storefront h4, .theme-red.theme-8 .storefront h5, .theme-red.theme-8 .storefront h6 {


}

.theme-red.theme-8 .storefront header img {
    border-color: #9f2a2e;
}

.theme-red.theme-8 .storefront header {
    position: relative;
}

.theme-red.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #882624;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-red.theme-1 .storefront h1, .theme-red.theme-1 .storefront h2, .theme-red.theme-1 .storefront h3, .theme-red.theme-1 .storefront h4, .theme-red.theme-1 .storefront h5, .theme-red.theme-1 .storefront h6 {
    color: #413d3c;
}

.theme-red.theme-2 .storefront h1, .theme-red.theme-2 .storefront h2, .theme-red.theme-2 .storefront h3, .theme-red.theme-2 .storefront h4, .theme-red.theme-2 .storefront h5, .theme-red.theme-2 .storefront h6 {
    color: #413d3c;
}

.theme-red.theme-3 .storefront h1, .theme-red.theme-3 .storefront h2, .theme-red.theme-3 .storefront h3, .theme-red.theme-3 .storefront h4, .theme-red.theme-3 .storefront h5, .theme-red.theme-3 .storefront h6 {
    color: #413d3c;
}

.theme-red.theme-4 .storefront h1, .theme-red.theme-4 .storefront h2, .theme-red.theme-4 .storefront h3, .theme-red.theme-4 .storefront h4, .theme-red.theme-4 .storefront h5, .theme-red.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-red.theme-5 .storefront h1, .theme-red.theme-5 .storefront h2, .theme-red.theme-5 .storefront h3, .theme-red.theme-5 .storefront h4, .theme-red.theme-5 .storefront h5, .theme-red.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-red.theme-6 .storefront h1, .theme-red.theme-6 .storefront h2, .theme-red.theme-6 .storefront h3, .theme-red.theme-6 .storefront h4, .theme-red.theme-6 .storefront h5, .theme-red.theme-6 .storefront h6 {
    color: #646464;
}

.theme-red.theme-7 .storefront h1, .theme-red.theme-7 .storefront h2, .theme-red.theme-7 .storefront h3, .theme-red.theme-7 .storefront h4, .theme-red.theme-7 .storefront h5, .theme-red.theme-7 .storefront h6 {
    color: #a01a1b;
}

.theme-red.theme-8 .storefront h1, .theme-red.theme-8 .storefront h2, .theme-red.theme-8 .storefront h3, .theme-red.theme-8 .storefront h4, .theme-red.theme-8 .storefront h5, .theme-red.theme-8 .storefront h6 {
    color: black;
}

.theme-violet.theme-1 {
    background-color: #6a357a;
}

.theme-violet.theme-2 {
    background-color: #311a34;
}

.theme-violet.theme-3 {
    background-color: #361f39;
}

.theme-violet.theme-3 .storefront h1, .theme-violet.theme-3 .storefront h2, .theme-violet.theme-3 .storefront h3, .theme-violet.theme-3 .storefront h4, .theme-violet.theme-3 .storefront h5, .theme-violet.theme-3 .storefront h6 {

}

.theme-violet.theme-3 .storefront header img {
    border-color: #908c6a;
}

.theme-violet.theme-4 {
    background-color: #662f6f;
}

.theme-violet.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-violet.theme-4 .main_header .main_header-title h1, .theme-violet.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-violet.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-violet.theme-5 {
    background-color: #393939;
}

.theme-violet.theme-5 .main_header {
    background-color: #4b2856;
    border-bottom: none;
}

.theme-violet.theme-5 .main_header .main_header-title h1, .theme-violet.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-violet.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-violet.theme-5 .main_header > .dropdown_button:hover, .theme-violet.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-violet.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-violet.theme-5 .storefront header img {
    border-color: #4b2856;
}

.theme-violet.theme-5 .storefront h1, .theme-violet.theme-5 .storefront h2, .theme-violet.theme-5 .storefront h3, .theme-violet.theme-5 .storefront h4, .theme-violet.theme-5 .storefront h5, .theme-violet.theme-5 .storefront h6 {


}

.theme-violet.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-violet.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-violet.theme-6 {
    background-color: #662f6f;
}

.theme-violet.theme-6 .storefront h1, .theme-violet.theme-6 .storefront h2, .theme-violet.theme-6 .storefront h3, .theme-violet.theme-6 .storefront h4, .theme-violet.theme-6 .storefront h5, .theme-violet.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-violet.theme-7 {
    background-color: #F2F2F3;
}

.theme-violet.theme-7 .storefront header img {
    border-color: #662f6f;
}

.theme-violet.theme-8 {
    background-color: #FEFEFE;
}

.theme-violet.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-violet.theme-8 .storefront h1, .theme-violet.theme-8 .storefront h2, .theme-violet.theme-8 .storefront h3, .theme-violet.theme-8 .storefront h4, .theme-violet.theme-8 .storefront h5, .theme-violet.theme-8 .storefront h6 {


}

.theme-violet.theme-8 .storefront header img {
    border-color: #a85da3;
}

.theme-violet.theme-8 .storefront header {
    position: relative;
}

.theme-violet.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #9f539a;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-violet.theme-1 .storefront h1, .theme-violet.theme-1 .storefront h2, .theme-violet.theme-1 .storefront h3, .theme-violet.theme-1 .storefront h4, .theme-violet.theme-1 .storefront h5, .theme-violet.theme-1 .storefront h6 {
    color: #703c7c;
}

.theme-violet.theme-2 .storefront h1, .theme-violet.theme-2 .storefront h2, .theme-violet.theme-2 .storefront h3, .theme-violet.theme-2 .storefront h4, .theme-violet.theme-2 .storefront h5, .theme-violet.theme-2 .storefront h6 {
    color: black;
}

.theme-violet.theme-3 .storefront h1, .theme-violet.theme-3 .storefront h2, .theme-violet.theme-3 .storefront h3, .theme-violet.theme-3 .storefront h4, .theme-violet.theme-3 .storefront h5, .theme-violet.theme-3 .storefront h6 {
    color: black;
}

.theme-violet.theme-4 .storefront h1, .theme-violet.theme-4 .storefront h2, .theme-violet.theme-4 .storefront h3, .theme-violet.theme-4 .storefront h4, .theme-violet.theme-4 .storefront h5, .theme-violet.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-violet.theme-5 .storefront h1, .theme-violet.theme-5 .storefront h2, .theme-violet.theme-5 .storefront h3, .theme-violet.theme-5 .storefront h4, .theme-violet.theme-5 .storefront h5, .theme-violet.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-violet.theme-6 .storefront h1, .theme-violet.theme-6 .storefront h2, .theme-violet.theme-6 .storefront h3, .theme-violet.theme-6 .storefront h4, .theme-violet.theme-6 .storefront h5, .theme-violet.theme-6 .storefront h6 {
    color: #646464;
}

.theme-violet.theme-7 .storefront h1, .theme-violet.theme-7 .storefront h2, .theme-violet.theme-7 .storefront h3, .theme-violet.theme-7 .storefront h4, .theme-violet.theme-7 .storefront h5, .theme-violet.theme-7 .storefront h6 {
    color: #d4ba66;
}

.theme-violet.theme-8 .storefront h1, .theme-violet.theme-8 .storefront h2, .theme-violet.theme-8 .storefront h3, .theme-violet.theme-8 .storefront h4, .theme-violet.theme-8 .storefront h5, .theme-violet.theme-8 .storefront h6 {
    color: black;
}

.theme-yellow.theme-1 {
    background-color: #f4d453;
}

.theme-yellow.theme-2 {
    background-color: #131313;
}

.theme-yellow.theme-3 {
    background-color: #f2d866;
}

.theme-yellow.theme-3 .storefront h1, .theme-yellow.theme-3 .storefront h2, .theme-yellow.theme-3 .storefront h3, .theme-yellow.theme-3 .storefront h4, .theme-yellow.theme-3 .storefront h5, .theme-yellow.theme-3 .storefront h6 {

}

.theme-yellow.theme-3 .storefront header img {
    border-color: #7b552e;
}

.theme-yellow.theme-4 {
    background-color: #f4d64c;
}

.theme-yellow.theme-4 .main_header {
    background-color: #1F1F1F;
    border-bottom: none;
}

.theme-yellow.theme-4 .main_header .main_header-title h1, .theme-yellow.theme-4 .main_header .main_header-title p {
    color: white;
}

.theme-yellow.theme-4 .main_header .dropdown_button span {
    border: 1px solid #484848;
    background-color: #484848;
}

.theme-yellow.theme-5 {
    background-color: #393939;
}

.theme-yellow.theme-5 .main_header {
    background-color: #bd901f;
    border-bottom: none;
}

.theme-yellow.theme-5 .main_header .main_header-title h1, .theme-yellow.theme-5 .main_header .main_header-title p {
    color: white;
}

.theme-yellow.theme-5 .main_header > .dropdown_button span {
    border: 1px solid #ccc;
    background-color: white;
}

.theme-yellow.theme-5 .main_header > .dropdown_button:hover, .theme-yellow.theme-5 .main_header > .dropdown_button.active {
    background-color: black;
}

.theme-yellow.theme-5 .storefront {
    /* hack to emulate theme, must be an image instead*/
    /*end hack*/
}

.theme-yellow.theme-5 .storefront header img {
    border-color: #bd901f;
}

.theme-yellow.theme-5 .storefront h1, .theme-yellow.theme-5 .storefront h2, .theme-yellow.theme-5 .storefront h3, .theme-yellow.theme-5 .storefront h4, .theme-yellow.theme-5 .storefront h5, .theme-yellow.theme-5 .storefront h6 {


}

.theme-yellow.theme-5 .storefront .fakeborder1 {
    border-style: solid;
    border-color: white;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 14px;
    width: 100%;
    z-index: 6;
}

.theme-yellow.theme-5 .storefront .fakeborder2 {
    border-style: solid;
    border-color: #171717;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    height: 7px;
    bottom: -21px;
    width: 100%;
    z-index: 6;
}

.theme-yellow.theme-6 {
    background-color: #f4d64c;
}

.theme-yellow.theme-6 .storefront h1, .theme-yellow.theme-6 .storefront h2, .theme-yellow.theme-6 .storefront h3, .theme-yellow.theme-6 .storefront h4, .theme-yellow.theme-6 .storefront h5, .theme-yellow.theme-6 .storefront h6 {


    text-transform: none;
}

.theme-yellow.theme-7 {
    background-color: #F2F2F3;
}

.theme-yellow.theme-7 .storefront header img {
    border-color: #f4d64c;
}

.theme-yellow.theme-8 {
    background-color: #FEFEFE;
}

.theme-yellow.theme-8 .storefront {
    /* hack to emulate theme, not sure for solution. */
    /* end hack */
}

.theme-yellow.theme-8 .storefront h1, .theme-yellow.theme-8 .storefront h2, .theme-yellow.theme-8 .storefront h3, .theme-yellow.theme-8 .storefront h4, .theme-yellow.theme-8 .storefront h5, .theme-yellow.theme-8 .storefront h6 {


}

.theme-yellow.theme-8 .storefront header img {
    border-color: #f7d75f;
}

.theme-yellow.theme-8 .storefront header {
    position: relative;
}

.theme-yellow.theme-8 .storefront .fakeborder1 {
    border-style: solid;
    border-color: #eccb4a;
    border-width: 0px 20px;
    box-sizing: content-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50%;
    z-index: 6;
}

.theme-yellow.theme-1 .storefront h1, .theme-yellow.theme-1 .storefront h2, .theme-yellow.theme-1 .storefront h3, .theme-yellow.theme-1 .storefront h4, .theme-yellow.theme-1 .storefront h5, .theme-yellow.theme-1 .storefront h6 {
    color: #b51716;
}

.theme-yellow.theme-2 .storefront h1, .theme-yellow.theme-2 .storefront h2, .theme-yellow.theme-2 .storefront h3, .theme-yellow.theme-2 .storefront h4, .theme-yellow.theme-2 .storefront h5, .theme-yellow.theme-2 .storefront h6 {
    color: #f2a435;
}

.theme-yellow.theme-3 .storefront h1, .theme-yellow.theme-3 .storefront h2, .theme-yellow.theme-3 .storefront h3, .theme-yellow.theme-3 .storefront h4, .theme-yellow.theme-3 .storefront h5, .theme-yellow.theme-3 .storefront h6 {
    color: #8f6535;
}

.theme-yellow.theme-4 .storefront h1, .theme-yellow.theme-4 .storefront h2, .theme-yellow.theme-4 .storefront h3, .theme-yellow.theme-4 .storefront h4, .theme-yellow.theme-4 .storefront h5, .theme-yellow.theme-4 .storefront h6 {
    color: #a01a1b;
}

.theme-yellow.theme-5 .storefront h1, .theme-yellow.theme-5 .storefront h2, .theme-yellow.theme-5 .storefront h3, .theme-yellow.theme-5 .storefront h4, .theme-yellow.theme-5 .storefront h5, .theme-yellow.theme-5 .storefront h6 {
    color: #e25d24;
}

.theme-yellow.theme-6 .storefront h1, .theme-yellow.theme-6 .storefront h2, .theme-yellow.theme-6 .storefront h3, .theme-yellow.theme-6 .storefront h4, .theme-yellow.theme-6 .storefront h5, .theme-yellow.theme-6 .storefront h6 {
    color: #646464;
}

.theme-yellow.theme-7 .storefront h1, .theme-yellow.theme-7 .storefront h2, .theme-yellow.theme-7 .storefront h3, .theme-yellow.theme-7 .storefront h4, .theme-yellow.theme-7 .storefront h5, .theme-yellow.theme-7 .storefront h6 {
    color: #f4a234;
}

.theme-yellow.theme-8 .storefront h1, .theme-yellow.theme-8 .storefront h2, .theme-yellow.theme-8 .storefront h3, .theme-yellow.theme-8 .storefront h4, .theme-yellow.theme-8 .storefront h5, .theme-yellow.theme-8 .storefront h6 {
    color: black;
}