/* ==========================================================================================
  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: #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;
}

.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: #fff;
}
/* ....................................
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: #dd3333;
}


.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;}