﻿.header {
    background: rgb(51 51 51 / 95%) !important;
}
.header.sticky { background: rgb(51 51 51) !important}

.Top-nav {
    background: rgb(84 84 84 / 90%) !important;
}
.home #s4-workspace {
    background: #333333;
}
.breadcrumb {
    background: rgb(233 237 239 / 80%);
}


/* Content area ##############################################################*/
.sec-header-title {
    color: #fff;
}
.card a, .card-title {
    color: #f1f1f1;
}
.card-info {
    font-size: 15px;
    color: #c2c2c2;
}
.cd-hero__nav nav ul li:nth-child(2) {
    border-left: 7px solid #5d5d5d;
    border-bottom: 7px solid #5d5d5d;
}
.card-social-share .social-icon {
	background-color: #ffffff1f !important;
}

/* tab ######################################################################*/
.cd-hero__nav a {
	color: #ffffff;
}
.cd-hero__content.cd-hero__content--full-width, .cd-hero__content.cd-hero__content--half-width {
	background-color: #979797;
}
.QL-item-title.txt {
    color: #0e0e0e; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.cd-hero__content .overlay-link:hover + .QL-item-w .QL-item-title {
	color: #d80000;
    text-shadow: 1px 1px 1px #27272721;
}
.QL-item-desc { 
    color: #000;
}


/* Inner pages ################################################################## */
.card {
	background-color: rgb(222 222 222);
}
.home .mainTitle, .home .all-articles-title a {
    color: #fff;
}
.home .all-articles-desc {
	    color: rgb(191 191 191);
}
.home .all-articles-readmore span {
	    color: #d2d2d2;
}
.ms-paging {
	color: #ac2727;
}

/* pagelayouts */
.page-bg::before {
background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 25%) 7%, rgb(154 154 154 / 50%) 15%, rgb(100 100 100 / 76%) 27%, #454545 57%, #333333 100%);
}

/* end::Inner pages ################################################################## */

/* Footer ########################################### */
.Foo-W {
    background: #2a2a2a;
}
.foo-item-body span:hover {
    color: #c94040;
    text-shadow: 1px 1px 3px #272727;
}