body {
}

/* ============================= */
/*          Base colours         */
/* ============================= */

.header-info-boxes .header-info-box i,
.footer .social-icons .social-icon,
.footer-bottom,
.btn-primary,
.page-part .btn-primary,
.pagepart-content h2:after,
.pagepart-content h3:after,
.accordion .panel-inverse .panel-heading .panel-title a,
/*#side-callouts > a > .item,*/
.header-top.dark,
.hades .tp-bullet.selected,
.hades .tp-bullet:hover {
    background-color: #006389;
}

.btn-primary,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.page-part .btn-primary,
.page-part .btn-primary:active,
.page-part .btn-primary:hover,
.page-part .btn-primary:focus,
.accordion .panel-inverse .panel-heading .panel-title a,
.header-top.dark {
    border-color: #006389;
}

.site-logo h2,
.footer a:hover,
.footer .far,
.footer .tweet small:before {
    color: #006389;
}

.footer .social-icons .social-icon:hover,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus, .btn-primary.focus,
.page-part .btn-primary:active,
.page-part .btn-primary:hover,
.page-part .btn-primary:focus {
    background-color: #1e4a68;
}

/* ============================= */
.well.red h3:hover > a {
    opacity: .8;
}

/* ============================= */
/*              Themes           */
/* ============================= */

/* Blues */
/* ============================= */
.bg-blue {
    background-color: #006389 !important;
}

.callout.custom,
.service.service-box.custom,
.well.custom,
.text-block.custom .caption,
.count-container.text-center.custom .count-icon {
    background-color: #006389;
}

.text-block.hover-bg.custom .caption {
    background-color: rgba(0, 99, 137, 255);
}

.service.service-box.custom .icon-bg,
.callout.custom .btn-primary,
.well.custom .btn-primary,
.text-block.custom .block-icon,
.text-block.custom .btn-primary {
    background-color: #166194;
    border-color: #166194;
}

.service.service-box.custom:hover .icon-bg,
.callout.custom .btn-primary:hover,
.callout.custom .btn-primary:active,
.well.custom .btn-primary:hover,
.well.custom .btn-primary:active,
.text-block.custom .btn-primary:hover,
.text-block.custom .btn-primary:active {
    background-color: #1a557d;
}

.service.service-border.custom {
    background-color: #006389 !important;
    border-color: #006389;
}

.callout.custom .callout-title,
.callout.custom small,
.service.service-border.custom,
.service.service-box.custom .service-title,
.service.service-box.custom .service-title > a,
.text-block.custom,
.text-block.custom h3,
.text-block.custom h3 > a,
.text-block.custom .block-icon,
.count-container.text-center.custom .count-icon {
    color: #fff;
}

.count-container.text-center.custom .count {
    color: #006389;
}

/* Indigos */
/* ============================= */
.bg-indigo {
    background-color: #006389 !important;
}

.callout.indigo,
.service.service-box.indigo,
.well.indigo,
.text-block.indigo .caption,
.count-container.text-center.indigo .count-icon {
    background-color: #006389;
}

.text-block.hover-bg.indigo .caption {
    background-color: rgba(63, 81, 181, .5);
}

.service.service-box.indigo .icon-bg,
.callout.indigo .btn-primary,
.well.indigo .btn-primary,
.text-block.indigo .block-icon,
.text-block.indigo .btn-primary {
    background-color: #2b387c;
}

.callout.indigo .btn-primary,
.well.indigo .btn-primary,
.text-block.indigo .btn-primary {
    border-color: #2b387c;
}

.service.service-box.indigo:hover {
    background-color: #2b387c !important;
    border-color: #2b387c;
}

.service.service-box.indigo:hover .icon-bg,
.callout.indigo .btn-primary:hover,
.callout.indigo .btn-primary:active,
.well.indigo .btn-primary:hover,
.well.indigo .btn-primary:active,
.text-block.indigo .btn-primary:hover,
.text-block.indigo .btn-primary:active {
    background-color: rgba(63, 81, 181, 0.65);
}

.callout.indigo .callout-title,
.callout.indigo small,
.service.service-box.indigo,
.service.service-box.indigo .service-title,
.service.service-box.indigo .icon-bg,
.well.indigo,
.well.indigo h3,
.well.indigo h3 > a,
.text-block.indigo,
.text-block.indigo h3,
.text-block.indigo h3 > a,
.text-block.indigo .block-icon,
.count-container.text-center.indigo .count-icon,
.text-block.indigo .btn-primary {
    color: #fff;
}

.count-container.text-center.indigo .count {
    color: #3a4aa6;
}

/* Yellows */
/* ============================= */

.bg-yellow {
    background-color: #FFDE00 !important;
}

.callout.yellow,
.service.service-box.yellow,
.well.yellow,
.text-block.yellow .caption,
.count-container.text-center.yellow .count-icon {
    background-color: #FFDE00;
    border-color: #FFDE00;
}

.text-block.hover-bg.yellow .caption {
    background-color: rgba(247, 197, 0, .7);
}

.service.service-box.yellow .icon-bg,
.callout.yellow .btn-primary,
.well.yellow .btn-primary,
.text-block.yellow .block-icon,
.text-block.yellow .btn-primary {
    background-color: #f7c500;
    color: #ffffff;
}

.well.yellow h3,
.well.yellow h3 > a {
    color: inherit;
}

.callout.yellow .btn-primary,
.well.yellow .btn-primary,
.text-block.yellow .btn-primary {
    border-color: #f7c500;
}

.service.service-box.yellow:hover {
    background-color: #f7c500 !important;
    border-color: #f7c500;
}

.service.service-box.yellow:hover .icon-bg,
.callout.yellow .btn-primary:hover,
.callout.yellow .btn-primary:active,
.well.yellow .btn-primary:hover,
.well.yellow .btn-primary:active,
.text-block.yellow .btn-primary:hover,
.text-block.yellow .btn-primary:active {
    background-color: #c49c00;
}

.count-container.text-center.yellow .count-icon {
    color: #fff;
}


.count-container.text-center.yellow .count {
    color: #FFDE00;
}

/* Reds */
/* ============================= */

.bg-red {
    background-color: #c6161d !important;
}

.callout.red,
.service.service-box.red,
.well.red,
.text-block.red .caption,
.count-container.text-center.red .count-icon {
    background-color: #c6161d;
}

.text-block.hover-bg.red .caption {
    background-color: rgba(198, 22, 29, 255);
}

.service.service-box.red .icon-bg,
.callout.red .btn-primary,
.well.red .btn-primary,
.text-block.red .block-icon,
.text-block.red .btn-primary {
    background-color: #cd1e1a;
}

.callout.red .btn-primary,
.well.red .btn-primary,
.text-block.red .btn-primary {
    border-color: #cd1e1a;
}

.service.service-box.red:hover {
    background-color: #cd1e1a !important;
    border-color: #cd1e1a;
}

.service.service-box.red:hover .icon-bg,
.callout.red .btn-primary:hover,
.callout.red .btn-primary:active,
.well.red .btn-primary:hover,
.well.red .btn-primary:active,
.text-block.red .btn-primary:hover,
.text-block.red .btn-primary:active {
    background-color: #9f1815;
}

.callout.red .callout-title,
.callout.red small,
.service.service-box.red,
.service.service-box.red .service-title,
.service.service-box.red .icon-bg,
.well.red,
.well.red h3,
.well.red h3 > a,
.text-block.red,
.text-block.red h3,
.text-block.red h3 > a,
.text-block.red .block-icon,
.count-container.text-center.red .count-icon,
.text-block.red .btn-primary {
    color: #fff;
}

.count-container.text-center.red .count {
    color: #e53935;
}


/* Oranges */
/* ============================= */
.bg-orange {
    background-color: #f58220 !important;
}

.callout.orange,
.service.service-box.orange,
.well.orange,
.text-block.orange .caption,
.count-container.text-center.orange .count-icon {
    background-color: #f58220;
}

.text-block.hover-bg.orange .caption {
    background-color: rgba(245, 130, 32, 255);
}

.service.service-box.orange .icon-bg,
.callout.orange .btn-primary,
.well.orange .btn-primary,
.text-block.orange .block-icon,
.text-block.orange .btn-primary {
    background-color: #db5f21;
}

.callout.orange .btn-primary,
.well.orange .btn-primary,
.text-block.orange .btn-primary {
    border-color: #db5f21;
}

.service.service-box.orange:hover {
    background-color: #db5f21 !important;
    border-color: #db5f21;
}

.service.service-box.orange:hover .icon-bg,
.callout.orange .btn-primary:hover,
.callout.orange .btn-primary:active,
.well.orange .btn-primary:hover,
.well.orange .btn-primary:active,
.text-block.orange .btn-primary:hover,
.text-block.orange .btn-primary:active {
    background-color: #c2541d;
}

.callout.orange .callout-title,
.callout.orange small,
.service.service-box.orange,
.service.service-box.orange .service-title,
.service.service-box.orange .icon-bg,
.well.orange,
.well.orange h3,
.well.orange h3 > a,
.text-block.orange,
.text-block.orange h3,
.text-block.orange h3 > a,
.text-block.orange .block-icon,
.count-container.text-center.orange .count-icon,
.text-block.orange .btn-primary {
    color: #fff;
}

.count-container.text-center.orange .count {
    color: #f58220;
}

/* ============================= */

/* Greens */
/* ============================= */

.bg-green {
    background-color: #02aab8 !important;
}

.callout.green,
.service.service-box.green,
.well.green,
.text-block.green .caption,
.count-container.text-center.green .count-icon {
    background-color: #02aab8;
}

.text-block.hover-bg.green .caption {
    background-color: rgba(2,170,184,255);
}

.service.service-box.green .icon-bg,
.callout.green .btn-primary,
.well.green .btn-primary,
.text-block.green .block-icon,
.text-block.green .btn-primary {
    background-color: #429745;
}

.callout.green .btn-primary,
.well.green .btn-primary,
.text-block.green .btn-primary {
    border-color: #429745;
}

.service.service-box.green:hover {
    background-color: #429745 !important;
    border-color: #429745;
}

.service.service-box.green:hover .icon-bg,
.callout.green .btn-primary:hover,
.callout.green .btn-primary:active,
.well.green .btn-primary:hover,
.well.green .btn-primary:active,
.text-block.green .btn-primary:hover,
.text-block.green .btn-primary:active {
    background-color: #438A46;
}

.callout.green .callout-title,
.callout.green small,
.service.service-box.green,
.service.service-box.green .service-title,
.service.service-box.green .icon-bg,
.well.green,
.well.green h3,
.well.green h3 > a,
.text-block.green,
.text-block.green h3,
.text-block.green h3 > a,
.text-block.green .block-icon,
.count-container.text-center.green .count-icon,
.text-block.green .btn-primary {
    color: #fff;
}

.well.green h3 > a,
.text-block.green h3 > a {
    color: inherit;
}

.count-container.text-center.green .count {
    color: #4CAF50;
}