/*  en-ccbala.org-----------*/

/* --------------------------------------------------------------- 
   微軟正黑體

    Google Fonts 中文
    1. cwTeXKai (Chinese Traditional) 楷體
    2. cwTeXYen (Chinese Traditional) 圓體
    3. cwTeXFangSong (Chinese Traditional) 仿宋體
    4. Noto Sans TC (Chinese Traditional) 黑體（思源黑體）
    5. cwTeXMing (Chinese Traditional) 明體
-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial,Utkal,sans-serif;
    color: #1f1f1f;
    margin: 0;
    letter-spacing: 0.5px;
}

p {
    font-family: Roboto, cwTeXFangSong, 微軟正黑體;
    font-size: 1.4rem;
    line-height: 1.3;
}

#mainMenu nav > ul > li > a {
    font-family: Arial, Helvetica, 微軟正黑體, sans-serif;
    font-size: 15px;   
}

#header .header-inner, #header #header-wrap {
    background-color: #bd0808;
}


#page-title .page-title > h1 {
    font-family: Noto Sans TC, 微軟正黑體, Roboto;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1rem;
}

#page-title .page-title > span {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 22px;
}

#page-title .breadcrumb {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    padding: 20px 0px;
}

#mainMenu nav > ul > li > a,
#page-title .page-title > h1, span,
#page-title .breadcrumb a, li   {
    text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF, 1px 0px 0 #FFF, 0px 1px 0 #FFF, -1px 0px 0 #FFF, 0px -1px 0 #FFF;
}


.testimonial.testimonial-box .testimonial-item p {
    font-size: 18px;
}

.single-post .post-item .post-item-description p {
    font-family: 微軟正黑體, sans-serif;
    line-height: 1.6;
    font-size: 16px;
}

/*  News--polo-carousel-item--------------------------------------------------------------------------------------*/

.image-box-body h3, p {
    margin-top: 10px;
    font-size: 1.2em;
}


/*  about-------------------------------------------------------------------------------------------------------------------*/
.writing-mode {
    writing-mode: vertical-lr;
}

.testimonial.testimonial-left .testimonial-item > h1 {
    margin-left: 220px;
    font-size: 38px;
}

.testimonial.testimonial-left .testimonial-item > p {
    font-family: 微軟正黑體, sans-serif;
    line-height: 26px;
    font-size: 20px;
}

/*  rules-------------------------------------------------------------------------------------------------------------------*/

.accordion .ac-item .ac-title {
    font-size: 1.3em;
}

/*  product-------------------------------------------------------------------------------------------------------------------*/

.product .product-title h3 a {
    font-size: 12px;
    margin-bottom: 0;
}

.product .product-description {
    padding: 8px 8px;
}

.grid-5-columns .product .product-title h3 a {
    font-size: 25px;
}

.product .product-category {
    display: none;
}

/*  Footer---*/

#footer p {
    font-family: Roboto, cwTeXFangSong, 微軟正黑體;
    font-size: 1.4rem;
    line-height: 1.3;
}

#footer .widget h4 {
    font-size: 25px;
}

.social-icons li a {
    text-shadow: none;
}

/*  color---------------------------------------------------------------------------------------------------------------------*/
a {
    color: #dc3545;
}

    a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
        color: #b30808;
    }

/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
a:not(.btn).link {
    color: #c70505;
}

a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
    color: #c70505;
}

/* ----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
.accordion.accordion-theme .ac-item {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
	Blockquotes
-----------------------------------------------------------------*/
.blockquote {
    border-left: 3px solid #c70505;
}

.blockquote-color {
    background-color: #c70505;
}

/* ----------------------------------------------------------------------
	Buttons
-------------------------------------------------------------------------*/
a.btn:not([href]):not([tabindex]),
.btn {
    background-color: #c70505;
    border-color: #c70505;
}

    a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,
    .btn:hover,
    .btn:focus,
    .btn:not(:disabled):not(.disabled):active,
    .btn:not(:disabled):not(.disabled).active {
        background-color: #c70505;
        border-color: #c70505;
    }

    a.btn:not([href]):not([tabindex]).btn-outline,
    .btn.btn-outline {
        border-color: #c70505;
        color: #c70505;
    }

        a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active,
        .btn.btn-outline:hover,
        .btn.btn-outline:focus,
        .btn.btn-outline:active,
        .btn.btn-outline.active {
            background-color: #c70505;
            border-color: #c70505;
        }

    a.btn:not([href]):not([tabindex]).btn-primary,
    .btn.btn-primary {
        background-color: #c70505;
        border-color: #c70505;
    }

        a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active,
        .btn.btn-primary:hover,
        .btn.btn-primary:focus,
        .btn.btn-primary:not(:disabled):not(.disabled):active,
        .btn.btn-primary:not(:disabled):not(.disabled).active {
            background-color: #c70505;
            border-color: #c70505;
        }

    a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before,
    .btn.btn-icon-holder.btn-outline:before {
        border-left-color: #c70505;
    }

/* ----------------------------------------------------------------------
    call-to-action (call to action)
-------------------------------------------------------------------------*/
.call-to-action.call-to-action-colored {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
Carousels & Slider
-----------------------------------------------------------------*/
.inspiro-slider .flickity-button:hover {
    background-color: #c70505;
}

.carousel .flickity-button:hover {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
    Dropcat & Highlight
-----------------------------------------------------------------*/
.dropcap.dropcap-colored {
    background-color: #c70505;
}

.highlight.highlight-colored {
    background-color: #c70505;
}

/* ----------------------------------------------------------------------
Forms
-------------------------------------------------------------------------*/
.form-control:focus,
input:focus,
select:focus {
    border-color: #c70505;
}

/* ----------------------------------------------------------------------
	Headings
-------------------------------------------------------------------------*/
.heading-text.heading-section > h2:before {
    background-color: #c70505;
}

.heading-creative strong {
    color: #c70505;
}

/* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
.icon-box.effect.dark .icon i:after {
    box-shado: 0 0 0 3px #c70505;
}

.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i {
    background-color: #c70505;
}

.text-box.text-box-light:hover {
    background: #c70505;
}

.feature-box:hover h2,
.feature-box:hover h3,
.feature-box:hover h4 {
    color: #c70505;
}

/* ----------------------------------------------------------------
Lables & Badgets
-----------------------------------------------------------------*/
.badge-primary {
    background-color: #c70505;
}

/* ----------------------------------------------------------------------
	Light Box
-------------------------------------------------------------------------*/
.mfp-ajax-holder .mfp-close:hover {
    background: #c70505;
}

/* ----------------------------------------------------------------------
	Lists & Bullet Lists
-------------------------------------------------------------------------*/
.list-colored li a {
    color: #c70505;
}

.list-legend li span {
    background-color: #c70505;
}

.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
    color: #c70505;
}

.list-group-item.active {
    background-color: #c70505;
    border: #c70505;
}

/* ----------------------------------------------------------------------
	Pagination & Pager
-------------------------------------------------------------------------*/
.post-navigation a:hover {
    color: #c70505;
}

/* ----------------------------------------------------------------------
	Pricing Table
-------------------------------------------------------------------------*/
.pricing-table.colored .plan-header {
    background-color: #c70505;
}

/* ----------------------------------------------------------------------
	Progress Bar
-------------------------------------------------------------------------*/
.p-progress-bar,
.progress-bar {
    background-color: #c70505;
}

/*--------------------------------------------------------
     Tabs
---------------------------------------------------------*/
.tabs .nav-tabs .nav-link.active {
    color: #c70505;
    border-bottom: 2px solid #c70505;
}

.tabs.tabs-vertical .nav-link.active {
    color: #c70505;
    border-right: 2px solid #c70505;
}

/* ----------------------------------------------------------------
	Date picker
-----------------------------------------------------------------*/
.datepicker tbody tr > td.day.today.active, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.selected {
    background: #c70505 !important;
}

    .datepicker tbody tr > td.day.today.active:hover, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected:hover {
        background: #c70505;
    }

.datepicker tbody tr > td.day.range.today {
    background: #c70505;
}

.datepicker tbody tr > td span.month.active {
    background: #c70505;
}

    .datepicker tbody tr > td span.month.active:hover {
        background: #c70505;
    }

.datetimepicker tbody tr > td.day.today,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background: #c70505 !important;
}

.datetimepicker table tr > td.today:hover,
.datetimepicker table tr > td.today:hover:hover,
.datetimepicker table tr > td.today.disabled:hover,
.datetimepicker table tr > td.today.disabled:hover:hover,
.datetimepicker table tr > td.today:active,
.datetimepicker table tr > td.today:hover:active,
.datetimepicker table tr > td.today.disabled:active,
.datetimepicker table tr > td.today.disabled:hover:active,
.datetimepicker table tr > td.today.active,
.datetimepicker table tr > td.today:hover.active,
.datetimepicker table tr > td.today.disabled.active,
.datetimepicker table tr > td.today.disabled:hover.active,
.datetimepicker table tr > td.today.disabled,
.datetimepicker table tr > td.today:hover.disabled,
.datetimepicker table tr > td.today.disabled.disabled,
.datetimepicker table tr > td.today.disabled:hover.disabled,
.datetimepicker table tr > td.today[disabled],
.datetimepicker table tr > td.today:hover[disabled],
.datetimepicker table tr > td.today.disabled[disabled],
.datetimepicker table tr > td.today.disabled:hover[disabled] {
    background: #c70505 !important;
}

.daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus {
    border: 1px solid #c70505;
}

.daterangepicker tbody td.today {
    background: #c70505;
}

.daterangepicker tbody td.active, .daterangepicker tbody td.in-range, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.in-range:hover {
    background: #c70505;
}

.daterangepicker select.ampmselect.active, .daterangepicker select.ampmselect:focus {
    border: 1px solid #c70505;
}

.daterangepicker select.hourselect.active, .daterangepicker select.hourselect:focus {
    border: 1px solid #c70505;
}

.daterangepicker select.minuteselect.active, .daterangepicker select.minuteselect:focus {
    border: 1px solid #c70505;
}

.daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus {
    border: 1px solid #c70505;
}

.daterangepicker select.yearselect.active, .daterangepicker select.yearselect:focus {
    border: 1px solid #c70505;
}

.daterangepicker .calendar-time i {
    color: #b2b1c5;
}

.daterangepicker .ranges li.active {
    background: #c70505;
    border: 1px solid #c70505;
}

/* ----------------------------------------------------------------
	Date range picker
-----------------------------------------------------------------*/
.daterangepicker td.active:not(.off),
.daterangepicker td.active:hover,
.daterangepicker .active.end-date.in-range {
    background: #c70505 !important;
}

input.daterange:after,
input.dates:after {
    background: #c70505;
}

/* ----------------------------------------------------------------
	Bootstrap Switch
-----------------------------------------------------------------*/
.bootstrap-switch .bootstrap-switch-on,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    background-color: #c70505;
    border-color: #c70505;
}

.p-radio:checked + .p-radio-style:before {
    border: 1px solid #c70505;
    background: #c70505;
}

.p-checkbox:checked + .p-checkbox-style:before {
    border: #c70505;
    background: #c70505;
}

.p-switch > input[type="checkbox"]:checked + .p-switch-style {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
	Ion Range Sliders
-----------------------------------------------------------------*/
.irs-bar {
    background: #c70505;
}

.irs-from,
.irs-to,
.irs-single {
    background: #c70505;
}

    .irs-from:after,
    .irs-to:after,
    .irs-single:after {
        border-top-color: #c70505;
    }

/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
.post-item {
    /*Types*/
}

    .post-item .post-image .post-meta-category,
    .post-item .post-slider .post-meta-category,
    .post-item .post-video .post-meta-category,
    .post-item .post-audio .post-meta-category,
    .post-item .post-quote-img .post-meta-category {
        background-color: #c70505;
    }

    .post-item .post-quote-img .post-meta-category {
        color: #c70505;
    }

        .post-item .post-quote-img .post-meta-category a {
            color: #c70505;
        }

            .post-item .post-quote-img .post-meta-category a:hover {
                color: #f7d010;
            }

    .post-item.quote .post-item-wrap {
        background-color: #c70505;
    }

.post-author a {
    color: #c70505;
}

/* ----------------------------------------------------------------
	Grid Filter
-----------------------------------------------------------------*/
.grid-filter li:hover a, .grid-filter li.active a {
    background-color: #c70505;
}

.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
    border-color: #c70505;
    color: #c70505;
}

.grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a {
    color: #c70505;
}

    .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after {
        background-color: #c70505;
    }

.grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a {
    background-color: #c70505;
}

.grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a {
    color: #c70505;
}

/*------------------------------------------------------
     Comments
------------------------------------------------------*/
.comments .comment_number span {
    color: #c70505;
}

.respond-comment span {
    color: #c70505;
}

/*------------------------------------------------------
     Extras
------------------------------------------------------*/
.item-link {
    color: #c70505;
}

    .item-link:hover {
        color: #c70505;
    }

.nav-link {
    color: #c70505;
}

.background-colored {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
Scroll top
-----------------------------------------------------------------*/
#scrollTop:after, #scrollTop:before {
    background-color: #c70505;
}

.fc-event-primary.fc-event {
    background-color: #c70505;
    border-color: #c70505;
}

.icon-set-container .row > [class^="col-"] {
    color: #c70505;
}

    .icon-set-container .row > [class^="col-"]:hover {
        background-color: #c70505;
    }

        .icon-set-container .row > [class^="col-"]:hover .icon-holder {
            color: #c70505;
        }

/* ----------------------------------------------------------------
    Forum
-----------------------------------------------------------------*/
.forum thead tr > th {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
#header {
    /* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
}

    #header.header-modern:not(.header-active).header-colored .header-inner,
    #header.header-modern:not(.header-active).header-colored #header-wrap {
        background-color: #c70505;
    }

    #header.header-colored .header-inner,
    #header.header-colored #header-wrap {
        background-color: #c70505;
    }

    #header #mainMenu nav > ul > li.hover-active > a,
    #header #mainMenu nav > ul > li.hover-active > span, #header #mainMenu nav > ul > li.current > a,
    #header #mainMenu nav > ul > li.current > span, #header #mainMenu nav > ul > li:hover > a,
    #header #mainMenu nav > ul > li:hover > span, #header #mainMenu nav > ul > li:focus > a,
    #header #mainMenu nav > ul > li:focus > span {
        color: #c70505;
    }

    #header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active,
    #header #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
    #header #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
    #header #mainMenu nav > ul > li .dropdown-menu > li > span:active,
    #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
    #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
    #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
        color: #c70505;
    }

    #header #mainMenu nav > ul > li .dropdown-menu > li.current > a,
    #header #mainMenu nav > ul > li .dropdown-menu > li.current > span, #header #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
    #header #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #header #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
    #header #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #header #mainMenu nav > ul > li .dropdown-menu > li:active > a,
    #header #mainMenu nav > ul > li .dropdown-menu > li:active > span, #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
    #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
        color: #c70505;
    }

    #header #mainMenu.menu-rounded nav > ul > li.current > a, #header #mainMenu.menu-rounded nav > ul > li:hover > a, #header #mainMenu.menu-rounded nav > ul > li:focus > a {
        background-color: #c70505;
    }

    #header #mainMenu.menu-outline nav > ul > li.current > a, #header #mainMenu.menu-outline nav > ul > li:hover > a, #header #mainMenu.menu-outline nav > ul > li:focus > a {
        color: #c70505;
        border-color: #c70505;
    }

    #header #mainMenu.menu-lines nav > ul > li.current > a, #header #mainMenu.menu-lines nav > ul > li:hover > a, #header #mainMenu.menu-lines nav > ul > li:focus > a {
        color: #c70505;
    }

        #header #mainMenu.menu-lines nav > ul > li.current > a:after, #header #mainMenu.menu-lines nav > ul > li:hover > a:after, #header #mainMenu.menu-lines nav > ul > li:focus > a:after {
            background-color: #c70505;
        }

    #header #mainMenu.menu-hover-background nav > ul > li.current, #header #mainMenu.menu-hover-background nav > ul > li:hover, #header #mainMenu.menu-hover-background nav > ul > li:focus {
        background-color: #c70505;
    }

    #header #shopping-cart > a .shopping-cart-items {
        background: #c70505;
    }

/* ----------------------------------------------------------------
Dots Menu
-----------------------------------------------------------------*/
#dotsMenu ul li:hover {
    background-color: #c70505;
}

#dotsMenu ul li.current {
    background-color: #c70505;
}

#dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before {
    background-color: #c70505;
}

/*Menu Dark*/
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
    color: #c70505;
}

#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span {
    color: #c70505;
}

.page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {
    color: #c70505;
}

.page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a {
    background-color: #c70505;
}

.page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a {
    border-color: #c70505;
    color: #c70505;
}

.page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a {
    color: #c70505;
}

    .page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after {
        background-color: #c70505;
    }

.page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a {
    background-color: #c70505;
}

@media (max-width: 1024px) {
    .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a, .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a, .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a, .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a, .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a, .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a, .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a {
        color: #c70505;
    }
}

#search .btn-search-close {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
Topbar
-----------------------------------------------------------------*/
#topbar.topbar-colored, #topbar.topbar-colored.dark {
    background-color: #c70505;
}

/* ----------------------------------------------------------------
Helpers
-----------------------------------------------------------------*/
.text-theme {
    color: #c70505 !important;
}

/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/
.portfolio-item .portfolio-description a:hover i,
.portfolio-item .grid-description a:hover i,
.portfolio-item .portfolio-links a:hover i,
.grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i,
.grid-item .portfolio-links a:hover i {
    background-color: #c70505;
    border: 1px solid #c70505;
}

/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/
.widget-tweeter li a,
.widget-twitter li a {
    color: #c70505;
}

.tags a:hover, .tags a:focus, .tags a:active, .tags a.active {
    background-color: #c70505;
    border-color: #c70505;
}

/*# sourceMappingURL=theme.css.map */