﻿@charset "utf-8";
/* CSS Document */
.navbar-brand img {
    width: 295px;
}

.homepage .breadcrumb, #brackets::after {
    display: none;
}

#brackets-container {
    margin: 30px 0 5px 0;
}

#brackets {
    padding: 0;
}

#brackets::before {
    background-image: url(/boothsitecore/img/research/kiltsTransformerDesktop.png);
    position: relative;
    margin: 0 auto 20px auto;
    width: 100px;
    height: 80px;
    top: inherit;
    left: inherit;
}

#imageComponent .custom {
    background-color:transparent;
}

#ContentPlaceHolder1_pnlBodyCopy #body-copy {
    margin-bottom: 20px;
}

h1 {
    text-align: center;
    color: #676e73;
}

h1 span {
    color: #EA7300 !important;
}

.btn-lg, .btn-sm, #side-nav li a:hover, #side-nav li a.active {
    color: white !important;
    background-color: #800000 !important;
}

.active2 {
    color: #800000 !important;
    border-bottom: 5px solid #800000;
}

.btn-lg:hover, .btn-sm:hover {
    background-color: #660000 !important;
}

#accordion table {
    width: 100%;
    border-collapse: collapse;
}

#accordion table, #accordion td, #accordion th {
    border: black thin solid;
   }
#accordion table th, #accordion table td {
    padding: 1%;}

/***Dominicks table styles***/
.dominicks #accordion #table  {
    margin-bottom:0;
}
@media screen and (max-width: 1000px) {
    .main {
        padding-top: 110px;
    }

    #brackets::before {
        background-image: url(/boothsitecore/img/research/kiltsTransformerMobile.png);
        width: 50px;
        height: 40px;
    }
    
}

@media screen and (max-width: 768px) {
    .main {
        padding-top: 70px;
    }

    .navbar-brand img {
        width: inherit;
        max-height: 35px;
    }

    #brackets, #brackets-container {
        margin-top: 0;
        padding-top: 0;
    }

    #add-this img {
        width: 100% !important;
        height: 100% !important;
        margin-bottom: 20px !important;
    }
}
@media only screen and (max-width: 768px),(min-device-width: 768px) and (max-device-width: 1024px) {
    /***Dominicks table styles***/
    .dominicks #accordion #table table {
        border: none;
    }
    .dominicks #accordion #table table td {
       border:none;
       border-bottom:#ddd 1px solid;
       padding-left:55% !important;
    }
    .dominicks #accordion #table td:nth-of-type(1)::before {
        content: "Category";
     }
    .dominicks #accordion #table td:nth-of-type(2)::before {
        content: "UPC";
    }
    .dominicks #accordion #table td:nth-of-type(3)::before {
        content: "UPC .csv File";
    }
    .dominicks #accordion #table td:nth-of-type(4)::before {
        content: "Movement";
    }

    .dominicks #accordion #table td:nth-of-type(5)::before {
        content: "Movement .csv File";
    }
}