﻿@media (max-width: 800px) {
    #prodcreatortabs li a{
        font-size:0.9em;
    }  
}

.minicartdropdown
{
    margin-left:10px;
    margin-right:10px;
}

.minicartcontainer {
    margin: auto;
}

.minishopping-cart {
    margin: 20px 0;
    float: right;
    background: white;
    width: 420px;
    position: relative;
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 20px;
}
.minishopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}
.miniitem-container{
    display:inline-block;
    width:70%;
}
.minishopping-cart-total {
    float: right;
}


.minishopping-cart-items {
    padding-top: 20px;
    list-style:none;
    max-height:500px;
    overflow-y:scroll;
}
    .minishopping-cart-items li {
        margin-bottom: 18px;
    }

.miniitem-name {
    display: block;
    font-size: 16px;
}
.miniitem-racename {
    display: block;
    font-size: 12px;
}
.miniitem-size {
    display: block;
    font-size: 14px;
}
.miniitem-price {
    margin-right: 8px;
}

.miniitem-quantity {
    color:grey;
    float:right
}
.miniitem-img {
    float: left;
    margin-right: 12px;
    width: 20%;
}

.minishopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.adjustqty{
    height:50%;
}

.thumbnail-container {
    width: 100%;
}

    .thumbnail-container .outer {
        width: 100%;
        padding-top: 60%; /* defines aspect ratio */
        position: relative;
    }

        .thumbnail-container .outer .inner {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .thumbnail-container .outer .inner .frame {
                height: 100%;
                width: 100%;
                position: relative;
            }

                .thumbnail-container .outer .inner .frame img {
                    max-height: 100%;
                    max-width: 100%;
                    width: auto;
                    height: auto;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    cursor: pointer;
                    padding:0px;
                }
.GalleryImage2 {
    padding: 0px;
}

.GalleryImage1 {
    padding: 0px;
}

.GalleryImage3 {
    padding: 0px;
}
.GalleryImageMain{

}
.GalleryImageText {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display:none;
}
    .GalleryImageText span {
        height:100%;
    }

.previewthumbnail-container {
    width: 100%;
}

    .previewthumbnail-container .outer {
        width: 100%;
        padding-top:100%; /* defines aspect ratio */
        position: relative;
    }

        .previewthumbnail-container .outer .inner {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .previewthumbnail-container .outer .inner .frame {
                height: 100%;
                width: 100%;
                position: relative;
            }

                .previewthumbnail-container .outer .inner .frame img {
                    max-height: 100%;
                    max-width: 100%;
                    width: auto;
                    height: auto;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    cursor: pointer;
                }
.select-triangle {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    display: none;
}

.selectdisplay {
    display: block !important;
}
.tracktyperacephoto{
    display:flex;
}

    .tracktyperacephoto img {
        object-fit: cover;
        width:100%;
    }
.productraceitem {
    background-color: transparent;
    border:none;
}
.productraceitem > .card-body{
    color:white;
    background-color:black;
    border:1px solid white;
    padding:5px;
}
.productraceitem>.card-body>h5{
    margin:0;
    font-size:0.90em;
}
#ProductRaceList> a{
    text-decoration:none;
    border:none;
    width:120px;
}
