﻿
.breadcrumb-container {
    padding-left: 30px !important;
    padding-right: 20px !important;
    height:34px;        
    background-color: #f3f3f3;
    border: solid 1px #f1f1f1;
    color: #434343 !important;
    font-size: 12px;
    /*font-family: 'Open Sans - Semi Bold';*/

    /*Mozilla*/
    display: -moz-box; 
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    /*Chrome*/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /*IE*/
    display: -ms-flexbox;
    -ms-flex-align: center;
}

.breadcrumb-container a, .breadcrumb-container a:visited {
    color: #434343;
    text-decoration: underline;
}

.breadcrumb-emptyBox {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}

.breadcrumb-sitemap {
   
}

.breadcrumb-home {
    color: #434343;
    font-size: 16px !important;
}

.breadcrumb-home-separator {
    font-size:16px !important;
}

.breadcrumb-social {    
    font-size: 16px !important;
    color: #7F8183 !important;
}
.breadcrumb-social a, .breadcrumb-social a:visited {
    color: #7F8183 !important;
}

.breadcrumb-social i {
    margin-left: 5px;
    margin-right: 5px;
}

.breadcrumb-separator {
    margin-left: 5px;
    margin-right: 5px;
}

.breadcrumb-arrow {
    padding-left: 115px !important; /* (quicklaunch width / 2 + margin-left of quicklaunch) - 15px (1/2 arrow width)*/        
    margin-top: -2px;
}



/* Portrait phones and smaller - (max-width: 480px) */
@media (max-width: 480px) {
    .breadcrumb-container {
        display:none;
    }
    .breadcrumb-arrow {
        display:none;
    }
}
/* Landscape phones and portrait tablets - (max-width: 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .breadcrumb-container {
        display:none;
    }
    .breadcrumb-arrow {
        display:none;
    }
}
/* Portrait tablets and small desktops - (min-width: 768px) and (max-width: 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-container {
        display:none;
    }
    .breadcrumb-arrow {
        display:none;
    }

}

@media print {
    .breadcrumb-container {
        display: none;
    }
}
