body {
    background-color: #0F0F0F !important;
}

.navbar,
.ftco-footer {
    background-color: #141414 !important;
}

.navbar .navbar-nav .nav-link {
    color: #AAAAAA !important;
}

.navbar .navbar-nav .nav-link:hover {
    color: #fff !important;
}

.navbar .navbar-nav .nav-link.active {
    color: #fff !important;
}

.ftco-section.site-heading {
    margin-top: 100px;
    padding: 50px 0 !important;
}

@media (max-width: 575.98px) {
    .ftco-section.site-heading {
        padding: 6em 0;
        margin-top: 50px;
    }
}

.ftco-section,
.ftco-footer .bg-darken {
    background-color: #0F0F0F !important;
}

.hero-wrap {
    background-color: #141414 !important;
}

.hero-wrap .subheading {
    color: #fff !important;
}

.blog-entry .meta,
.blog-entry p {
    color: #999999 !important;
}

.blog-entry h2 a,
.blog-entry .btn-custom {
    color: #fff !important;
}

.ftco-heading-2 {
    color: #fff !important;
}

.ftco-footer-social a {
    background-color: #000 !important;
}

/* Pagination Override */
.block-27 ul li a,
.block-27 ul li span {
    color: #AAAAAA !important;
    background-color: transparent !important;
}

.block-27 ul li.active a,
.block-27 ul li.active span,
.block-27 ul li:hover a,
.block-27 ul li:hover span {
    background-color: #fff !important;
    color: #000 !important;
}

.block-27 ul li.disabled span {
    color: #444444 !important;
}


.hero-wrap .slider-text .bread {
    color: #FFFFFF !important;
}

.blog-single * {
    color: #999999;
}

a.btn.btn-darken {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

a.tag-cloud-link {
    background-color: #3B3B3B !important;
    color: #FFFFFF !important;
}

.hero-wrap.about {
    background-color: #0F0F0F !important;
}

.about h2 {
    color: #FFFFFF !important;
}

.services-wrap .services {
    background-color: #141414;
}

.site-heading h1 {
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 80px;
    line-height: 96px;
    max-width: 676px;
}

@media (max-width: 767.98px) {
    .site-heading h1 {
        font-size: 40px !important;
        line-height: 48px !important;
    }
}

.site-heading p {
    color: #999999 !important;
    font-size: 16px;
    font-weight: 400;
    margin-top: 32px;
    max-width: 676px;
}

.site-heading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-heading {
    text-align: center;
}

/* -----------------------------------------------
   CKEditor content image styles
   ----------------------------------------------- */

/* Make the figure a proper block container so inline width% works */
.blog-single figure.image {
    display: table;
    clear: both;
    margin: 0.9em auto;
}

/* Resized figures: respect the inline width set by CKEditor */
.blog-single figure.image_resized {
    max-width: 100%;
}

/* Ensure the img never leaks outside its figure */
.blog-single figure.image img,
.blog-single figure.image_resized img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

/* Block-align right */
.blog-single figure.image-style-block-align-right {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
}

/* Block-align left */
.blog-single figure.image-style-block-align-left {
    float: left;
    margin-right: 1.5em;
    margin-left: 0;
}

/* Side image (inline-style variants CKEditor also generates) */
.blog-single figure.image-style-side {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
}

/* Centered image */
.blog-single figure.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* Clear floats after the content area */
.blog-single::after {
    content: "";
    display: table;
    clear: both;
}