/* --------------------------------------------------------------------
* Template color skin CSS (Red)
* 
* Template:		Sepia - Photography Portfolio HTML Website Template
* Author:		Themetorium
* URL:			https://themetorium.net
*
* Template skin main color: #005779;
* Hover color: #bd0707;
*
* Read template documentation about how to enable color skin!
----------------------------------------------------------------------- */

a {
    color: #020402;
}

a:hover,
a:focus {
    color: #222;
    text-decoration: none;
}

::selection {
    background: #ccc;
}

::-moz-selection {
    background: #ccc;
    /* Firefox */
}

::-webkit-selection {
    background: #ccc;
    /* Safari */
}

hr.hr-short {
    border-color: #45454a;
}


/* --------------------------------------------------------------------------------------- *
 *	 Page transitions / preloader (Animsition). Display loading animation while page loads
 *  More info: http://git.blivesta.com/animsition/
/* --------------------------------------------------------------------------------------- */


/* circle loader */

.animsition-loading {
    border-top: 3px solid rgba(130, 130, 130, 0.3);
    border-right: 3px solid rgba(130, 130, 130, 0.3);
    border-bottom: 3px solid rgba(130, 130, 130, 0.3);
    border-left: 3px solid #333;
}

.tt-menu-nav>li>a:after {
    background-color: #020402;
}

.tt-menu-nav>li>a.active:after {
    background-color: #020402;
}

.tt-submenu li>a:hover {
    -webkit-box-shadow: inset 3px 0 0 0 #fff;
    box-shadow: inset 3px 0 0 0 #fff;
}

.tt-submenu>li.active>a {
    -webkit-box-shadow: 3px 0 0 0 #fff;
    box-shadow: inset 3px 0 0 0 #fff;
}

.tt-menu-nav>li.active>a {
    box-shadow: inset 4px 0 0 0 #fff;
}

.tt-submenu>li.active>a {
    box-shadow: inset 4px 0 0 0 #fff;
}


.header-transparent .tt-menu-nav>li>a:after {
    background-color: #FFF;
}
.header-transparent.header-filled .tt-menu-nav>li>a:after,
.header-transparent.header-filled .tt-menu-nav>li>a.active:after {
    background-color: #020402;
}



.header-transparent .tt-submenu li>a:hover {
    -webkit-box-shadow: inset 3px 0 0 0 #fff;
    box-shadow: inset 3px 0 0 0 #fff;
}

.header-transparent .tt-submenu>li.active>a {
    -webkit-box-shadow: 3px 0 0 0 #fff;
    box-shadow: inset 3px 0 0 0 #fff;
}


.tt-clobal-search #tt-clobal-search-input:focus {
    border-bottom-color: #B4CC0F;
}

.tt-tools-button {
    background-color: #020402;
}

#tt-intro .cc-category {
    background-color: #005779;
}

ul.isotope-filter-links>li>a:after {
    background-color: #B4CC0F;
}

.isotope-filter-button {
    background-color: #005779;
}

.isotope-filter.fi-to-button ul.isotope-filter-links>li>a:hover {
    color: #005779;
}

.isotope-filter.fi-to-button ul.isotope-filter-links>li>a.active {
    color: #005779;
}

.gl-item-title a:hover {
    color: #005779;
}

.gli-alter-2 .gl-item-title a:hover {
    color: #005779;
}

.gli-alter-3 .gl-item-title a:hover {
    color: #005779;
}

.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
    background-color: #005779 !important;
}

.gtb-heading-category a,
.gtb-heading-category span {
    background-color: #005779;
}

#gallery.gsi-color .gallery-single-item:before {
    background-color: #005779;
}

.gallery-share {
    background-color: #005779;
}

ul.gallery-meta>li a:hover {
    color: #005779;
}

.gallery-single-carousel ul.gallery-meta>li a:hover {
    color: #005779;
}

.icon-heart-filled:before {
    color: #005779;
}

.sr-item-category a,
.sr-item-category span {
    background-color: #005779;
    color: #FFF;
}

.sr-item-title:hover,
.sr-item-title>a:hover {
    color: #005779;
}

.sr-item-meta a:hover {
    color: #005779;
}

ul.sr-item-attr>li a:hover {
    color: #005779
}

.price-box.price-box-featured .btn-price-box {
    background-color: #005779;
    border-color: #005779;
}

.price-box.price-box-featured .btn-price-box:hover {
    background-color: #bd0707;
    border-color: #bd0707;
}

.nav-outside-top .owl-nav button.owl-prev:hover,
.nav-outside-top .owl-nav button.owl-next:hover {
    background-color: #005779 !important;
}

.owl-dots button.owl-dot.active span,
.owl-dots button.owl-dot:hover span {
    background-color: #B4CC0F;
}

.owl-carousel .cc-title a:hover {
    /* color: #005779; */
}

.owl-carousel .cc-category a,
.owl-carousel .cc-category span {
    background-color: #005779;
}

.cc-meta a:hover {
    color: #005779;
}

.owl-carousel ul.cc-item-attr>li a:hover {
    color: #005779;
}

#blog-list-carousel-section .owl-carousel .cc-category a:hover {
    background-color: #005779;
}

.bl-item-category a,
.bl-item-category span {
    background-color: #005779;
    color: #FFF;
}

.bl-item-title:hover,
.bl-item-title:focus,
.bl-item-title h2:hover,
.bl-item-title h2:focus {
    color: #45454A;
}

.bl-item-meta a:hover {
    color: #45454A;
}

.blog-list-item .bl-item-read-more:hover span,
.blog-list-item .bl-item-read-more:hover span:before,
.blog-list-item .bl-item-read-more:hover span:after {
    background-color: #45454A;
}

ul.bl-item-attr>li a:hover {
    color: #45454A;
}

.blog-single-post-category a {
    background-color: #020402;
    color: #FFF;
}

.single-post-image-caption a {
    color: #020402;
}

.blog-single-meta .article-author a:hover {
    color: #45454A;
}

.blog-single-meta .article-time-cat a:hover {
    color: #45454A;
}

.blog-single-links a:hover,
.blog-single-links a:focus,
.blog-single-links .favorite-btn:hover {
    color: #45454A;
}

.blog-single-tags a:hover {
    background-color: #45454A;
}

.bs-nav-title:hover,
.bs-nav-title h4:hover {
    color: #45454A;
}

.related-posts-heading {
    border-color: #005779;
}

.related-posts-item .rp-item-title:hover,
.related-posts-item .rp-item-title h4:hover {
    color: #005779;
}

.related-posts-item .rp-item-category a {
    background-color: #005779;
}

.media-heading a:hover {
    color: #005779;
}

.media-reply a:hover {
    color: #005779;
}

.sidebar-heading {
    border-color: #005779;
}

.sidebar hr {
    border-top: 2px solid #005779;
}

.blog-author-name a:hover {
    color: #005779;
}

.sidebar-categories>ul>li>a:hover {
    color: #005779;
}

.sidebar-categories>ul>li>a:hover span {
    background-color: #005779;
}

.sidebar-post-list .post-data .post-title a:hover {
    color: #005779;
}

.sidebar-post-list .post-data .author a:hover {
    color: #005779;
}

.sidebar-comment-data .author a:hover {
    color: #005779;
}

.sidebar-comment-wrap .sidebar-comment a:hover {
    color: #005779;
}

.sidebar-tags a:hover {
    background-color: #005779;
}

.sidebar-meta ul>li>a:hover {
    color: #005779;
}

#tt-post-password-form button {
    background-color: #005779;
}

.page-header-category>a {
    background-color: #005779;
    color: #FFF;
}

.ph-more-info-trigger-icon {
    border: 2px solid #005779;
}

.ph-more-info-trigger-icon:before,
.ph-more-info-trigger-icon:after {
    background-color: #005779;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #005779;
    border-color: #005779;
}

.form-control:focus {
    border-color: #005779 !important;
}

.btn-primary {
    /* same as template main color */
    background-color: #020402;
    border-color: #020402;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #FFF;
    background-color: #222;
    border-color: #222;
}

.btn-primary.btn-link {
    color: #005779;
}

.btn-primary-bordered {
    color: #020402;
    border-color: #020402;
}

.btn-link {
    color: #005779;
    /* same as template main link color */
}

.btn-link:hover,
.btn-link.focus,
.btn-link:focus,
.btn-link.active,
.btn-link:active,
.btn-link.active.focus,
.btn-link.active:focus,
.btn-link.active:hover,
.btn-link:active.focus,
.btn-link:active:focus,
.btn-link:active:hover,
.open>.dropdown-toggle.btn-link,
.open>.dropdown-toggle.btn-link.focus,
.open>.dropdown-toggle.btn-link:focus,
.open>.dropdown-toggle.btn-link:hover {
    color: #005779;
}

.follow-me-buttons a:hover {
    color: #005779;
}

.footer-copyright a {
    color: #005779;
}

.scrolltotop:hover,
.scrolltotop:focus {
    background-color: #005779;
}


/* ------------------------------------------------------------- *
 *  Helper classes
/* ------------------------------------------------------------- */

.text-main {
    color: #005779 !important;
}

.link-main a {
    color: #005779 !important;
}

.bg-main {
    background-color: #005779 !important;
}

.border-main {
    border-color: #005779 !important;
}

.border-top-main {
    border-top-color: #005779 !important;
}

.border-bottom-main {
    border-bottom-color: #005779 !important;
}

.border-left-main {
    border-left-color: #005779 !important;
}

.border-right-main {
    border-right-color: #005779 !important;
}