/* ==========================================================================================
  Theme Name: Rims
  Author: Slidesigma
  Support: info@slidesigma.com
  Description: Rims | MULTIPURPOSE HTML5 Template
  Version: 1.0
========================================================================================== */


/*-------------------------------------------------------

    CSS INDEX
    ===================

    1. Color black
    2. Color light white
    3. Color yellow
    4. Bg black
    5. Bg yellow
    6. Bg light white
    7. Border Yellow
    8. Border black


-------------------------------------------------------*/


/* ....................................
1. Color black
.......................................*/

.black,
body,
a,
a:hover,
.form-control,
.btn-black:hover,
.input-border,
h1,
h2,
h3,
h4,
h5,
h6,
.text-custom-black,
#back-top a,
.audio-player #play-btn,
.player-controls.scrubber .fa,
.next_prev,
.btn-link,
.latest_event_sermons h4 a,
.latest_event_sermons h4 a,
.latest_event_sermons h6 a,
.post_detail .sermons_inside ul li a:hover,
blockquote p,
.psot_tags span,
.psot_share span,
.comment-author a,
.tl-shop-single,
.tl-product-content h4,
.login-page h4,
.blog_info h5 a,
.sermons_meta li,
.sermons_inside ul li a:hover,
.recent_post h6 a {
    color: #141956;
    /* color: #2f3333; */
}

#back-top a {
    color: #2f3333;
}

.text-light-white {
    color: #020202;
}


/* ....................................
2. Color light white
.......................................*/

.light-white,
.icon-bg-quote,
.quote-right-light {
    color: #f5f5f5;
}


/* ....................................
3. Color yellow
.......................................*/

a:focus,
blockquote h6,
.text-custom-red,
.main-navigation nav ul>li.menu-item:hover>a,
.main-navigation nav ul>li.menu-item.active>a,
a:hover,
.our-team-item .thumb .content .social-list li a:hover,
.footer .footer-box .links li>a:hover,
.sub-header .sub-header-content ul li,
.sidebar_wrap .sidebar .sidebar_widgets .tags a:hover,
.blog-detail .post-details-tags-social .tags a:hover,
.car-specification .contact-box .contact-details ul li span,
.navbar-nav li a:hover,
.subtitle,
.sermons_meta li i,
.text-custom-secondary,
.latest_event_sermons h4 a:hover,
.latest_event_sermons h6 a:hover,
.input-group-text,
.event_date span,
.event_info ul li i,
.footer_links a:hover,
.follow_us ul li a:hover,
.breadcrumb ul li a,
.psot_share a:hover,
.tl-product-content p,
.sidebar_nav ul li a:hover,
.post_date a,
.blog_info h5 a:hover,
.post_date a,
.post_meta li i,
.recent_post h6 a:hover,
.breadcrumb ul li a:hover,
.tk-btn-link:hover,
.trip-box-wrapper .list-class i,
.follow_us ul li a:hover,
.follow_us ul li a:focus,
.footer_links a:hover,
.footer_nav li a:hover,
.footer_nav li a.active,
.footer_widget p a:hover,
.sa-video-blog-popup .popup-youtube,
.navbar ul li ul.sub-menu li a:hover,
.trip-location,
.layout-switcher a.active,
.navbar ul li ul.sub-menu li a:hover,
.popup-youtube,
.sermons_meta li a:hover,
.psot_tags a:hover,
.sermons_meta li a:hover,
.sermons_info ul li a:hover,
.sermons_list h6 a:hover {
    color: #dd3333;
}

.list-inline-item li a {
    color: #ffeb00;
}

.nice-select .option.selected,
.input-group-text,
.nav-tabs.testi-nav-tabs .nav-link.active,
.nav-tabs.testi-nav-tabs .nav-link.active,
.nav-tabs.testi-nav-tabs a.nav-link:focus,
.select_amount li:hover,
.page-navigation .page-item.active .page-link,
#back-top a:hover {
    color: #fff;
}

#back-top a {
    color: #dd3333;
}

#back-top a:hover {
    color: #2f3333;
}


/* ....................................
4. Bg black
.......................................*/

#back-top a:hover,
.bg-custom-black,
.animated-button:after,
.red-btn:before,
.red-btn:after,
.car-grid-box .car-grid-wrapper .car-btns,
.swiper-button-next:after,
.swiper-button-prev:after,
.car-grid-box .car-grid-wrapper .car-btns:hover:after,
.car-list-box .car-list-wrapper .car-list-content .car-btns,
.car-list-box .car-list-wrapper .car-list-content .car-btns:hover:after,
#intro .owl-nav div:hover,
.header_top .top-btn li a.tilak-top-btn:hover,
.page-navigation .page-item.active .page-link,
.btn:hover,
.tl-header,
#header.sticky,
.primary-bg,
#blog.latest_blog .owl-nav div::after,
.event_date,
.latest_event_sermons .tl-slider-arrow .tl-right-arrow:hover,
.latest_event_sermons .tl-slider-arrow .tl-left-arrow:hover,
.tag_cloud a:hover,
.widget_title h6::after,
.contact_info {
    background: #2f3333;
}

.intro_text a.tilak-top-btn:hover {
    color: #ffffff;
    background-color: #2f3333;
}


/*black bg opacity classes*/

.bg-black-op-9,
.type4.fixed-nav,
.login-box,
.our-testimonials:before {
    background: rgba(47, 51, 51, 0.9);
}

.bg-black-op-8,
.mnsry-work .overlay-full {
    background: rgba(47, 51, 51, 0.8);
}

.bg-black-op-7 {
    background: rgba(47, 51, 51, 0.7);
}

.bg-black-op-6,
.blog-2-each:hover .blogoverlay-hover,
.team-img:before {
    background: rgba(47, 51, 51, 0.6);
}

.bg-black-op-5 {
    background: rgba(47, 51, 51, 0.5);
}

.bg-black-op-4 {
    background: rgba(47, 51, 51, 0.4);
}

.bg-black-op-3,
.blogoverlay-hover {
    background: rgba(47, 51, 51, 0.3);
}

.bg-black-op-2,
.sidebar-left::-webkit-scrollbar-thumb {
    background: rgba(47, 51, 51, 0.2);
}

.bg-black-op-1,
.footer-social li a {
    background: rgba(47, 51, 51, 0.1);
}

.bg-black-op-0 {
    background: rgba(47, 51, 51, 0);
}


/* ....................................
5. Bg yellow
.......................................*/

.btn,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.topbar-2 .right-side:before,
.topbar .left-side:before,
.animated-button:hover:after,
.menu-item-has-children .sub-menu li.menu-item>a:after,
.tabs .nav-tabs .nav-item .nav-link.active,
.tabs .nav-tabs .nav-item .nav-link:hover,
.nice-select .option:hover,
.range-slider .slider.slider-horizontal .slider-handle,
.range-slider .slider.slider-horizontal .slider-selection,
.about-us-sec .about-left-side .about-list ul li i,
.bg-custom-red,
.car-grid-box .car-grid-wrapper .car-btns:after,
.car-grid-box .car-grid-wrapper .car-btns:hover,
.our-team-item:hover .thumb .content,
.download-app-sec .content-wrapper .content-box .content-icon span,
.our-articles .post .blog-wrapper .blog-meta .blog-footer:before,
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after,
.about-us-1 .about-left-side:before,
.about-us-1 .about-right-side .about-list ul li i,
.page-item:hover .page-link,
.page-item:hover .page-link,
.page-item.active .page-link,
.car-list-box .car-list-wrapper .car-list-content .car-btns:after,
.car-list-box .car-list-wrapper .car-list-content .car-btns:hover,
.car-specification .car-detail-box .list ul li i,
.blog-detail .social-media-box>ul>li>a.gg:hover,
.contact-info-box i,
.coming-soon .content-wrapper .social-media-icons ul li:hover a,
.gallery .grid .grid-item:hover a:after,
#intro .owl-nav div,
.input-group-text,
.select_amount li.active,
.nav-tabs.testi-nav-tabs .nav-link.active,
.nav-tabs.testi-nav-tabs .nav-link.active,
.nav-tabs.testi-nav-tabs a.nav-link:focus,
.post_detail .sermons_inside,
.event_timer,
#tl .irs--round .irs-bar,
.select_amount li:hover,
.panel-title a.collapsed::before,
#blog.latest_blog .owl-nav div:hover::after,
.team_img:hover .team_url {
    background: linear-gradient(45deg, #ff9900, #c74d4d);
}

.latest_event_sermons .tl-slider-arrow .tl-right-arrow,
.latest_event_sermons .tl-slider-arrow .tl-left-arrow,
#tl .irs--round .irs-from,
#tl .irs--round .irs-to,
#tl .irs--round .irs-single,
.trip-date {
    background-color: #dd3333;
    color: #fff;
}

.sidebar_widgets .sidebar_nav ul li.btn-sidebar:hover {
    background-color: #dd3333;
    border-color: #dd3333;
    color: #fff;
}


/*yellow bg opacity classes*/

.bg-yellow-op-9,
.team_url {
    background: rgba(221, 51, 51, 0.9);
}

.bg-yellow-op-8 {
    background: rgba(221, 51, 51, 0.8);
}

.bg-yellow-op-7 {
    background: rgba(221, 51, 51, 0.7);
}

.bg-yellow-op-6 {
    background: rgba(221, 51, 51, 0.6);
}

.bg-yellow-op-5 {
    background: rgba(221, 51, 51, 0.5);
}

.bg-yellow-op-4,
.sj-video-header .overlay {
    background: rgba(221, 51, 51, 0.4);
}

.bg-yellow-op-3 {
    background: rgba(221, 51, 51, 0.3);
}

.bg-yellow-op-2 {
    background: rgba(221, 51, 51, 0.2);
}

.bg-yellow-op-1 {
    background: rgba(221, 51, 51, 0.1);
}


/* ....................................
6. Bg  light white
.......................................*/

.bg-light-white,
.about-me[data-overlay]::before,
.quote-nav,
.blog-2[data-overlay]::before,
.subscribe:hover,
.flipper .back {
    background: #f5f5f5;
}


/* ....................................
7. Border Yellow
.......................................*/

.tabs .nav-tabs .nav-item .nav-link,
.tabs .nav-tabs .nav-item .nav-link:hover,
.tabs .nav-tabs .nav-item .nav-link.active,
.btn-first,
.page-item:hover .page-link,
.page-item.active .page-link,
.page-item:hover .page-link,
.page-item.active .page-link,
blockquote span,
.faqs .section-header .section-heading .input-group .form-control-custom,
.sidebar_wrap .sidebar .sidebar_widgets .tags a:hover,
.blog-detail .post-details-tags-social .tags a:hover,
.car-specification .contact-box .contact-details ul li span,
#back-top a,
.input-group-text,
.select_amount li.active,
.nav-tabs.testi-nav-tabs .nav-link.active,
.select_amount li.active:hover,
.nav-tabs.testi-nav-tabs .nav-link.active,
.nav-tabs.testi-nav-tabs a.nav-link:focus,
.sidebar_nav ul li a:hover,
#tl .irs--round .irs-handle,
.select_amount li:hover,
.form-control {
    border-color: #dd3333;
}


/*border left color*/

.happyclients:before {
    border-left-color: #dd3333;
}


/*border bottom color*/

.form-control-custom:focus,
.login-section .card {
    border-bottom-color: #dd3333;
}

.tabs .nav-tabs .nav-item .nav-link.active:before {
    border-top-color: #dd3333;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    border-top-color: #dd3333;
}


/* ....................................
8. Border black
.......................................*/

.border-black,
.menu-social li a,
.input-border,
.btn-filter.active,
.btn-filter:hover,
.video-area,
.black-border,
.inner-cart-box,
.prdt-list-btns .btn-detail,
.rate-img-bt .btn,
.sermons_inside ul li a:hover,
.tag_cloud a:hover {
    border-color: #201c15;
}

.nav-tabs.testi-nav-tabs .nav-link.active {
    color: #fff;
    background-color: #dd3333;
    border-color: #dd3333;
}

.nav-tabs.testi-nav-tabs a.nav-link:hover {
    color: #fff;
    background-color: #dd3333;
    border-color: #dd3333;
}

.video_icon a {
    background-color: #fff;
    color: #dd3333;
}

.secondary-bg {
    background: #fbfbfb;
}

.form-control {
    border-color: #99c24d3b;
}

.img-shop-wrapper {
    border-bottom-color: #201c15;
}

#back-top a {
    border-color: #dd3333;
}

#back-top a:hover {
    border-color: #dd3333;
    background-color: #dd3333;
}