/*!
Theme Name: BRTheme
Theme URI: https://rajit.net
Author: Akhtaruzzaman Rony
Author URI: https://rajit.net
Description: BRTheme is WordPress theme that help cerate official website. 
Version: 2.20.25
*/

/* Commons Style */

body {font-family:'Hind Siliguri', sans-serif;background: #ffffff url(images/body-bg.png);background-size: cover; background-repeat: no-repeat;background-position: center center;}
h1{font-size: 26px;line-height: 32px;font-weight:500;color:#0e1b4d;text-transform:uppercase;letter-spacing: 1px;}
h2{font-size: 24px;line-height: 30px;font-weight:500;color:#0e1b4d;text-transform:uppercase;letter-spacing: 1px;}
h3{font-size: 22px;line-height: 28px;font-weight:400;color:#0e1b4d;}
h4{font-size: 20px;line-height: 26px;font-weight:400;color:#2f3138;}
h5{font-size: 18px;line-height: 24px;font-weight:400;color:#2f3138;}
h6{font-size: 17px;line-height: 22px;font-weight:500;color:#2f3138;}

.ron_main_content p{font-size: 16px;line-height: 22px;color: #333;padding: 10px 0px;text-align: justify;font-weight: 400;margin-bottom:0px;}
.ron_main_content a, a{color:rgb(10 88 202);text-decoration:none;}
.ron_main_content a:hover, a:hover{color:#0d6efd;}


.header-top, .ron-main-menu, .ron_notice-ticker, .ron_main_content{background: #ffffff63;flex-shrink: 0;box-shadow: 2px 2px 6px rgba(0, 0, 0, .04);border-top: 1px solid #dbf197;}
.ron_logo{max-width:100%;height:auto;}
.ron-top-contact a, .top-menu li a, .top-socials i, .scroll-content a{text-decoration:none; color:#374151; font-size:12px; line-height:18px;}
.ron-top-contact span, .top-socials span{padding-right:7px;}
.ron-top-contact a:hover, .top-menu li a:hover, .top-socials i:hover, .scroll-content a:hover{text-decoration:none; color:#0d6efd;}
.top-menu ul, .top-menu li{list-style:none;margin:0;padding:0;}
.top-menu li{display:inline-block;}
.top-menu li a{ border-right:1px solid #dcdbdb; padding-right:5px;}
.top-menu li:last-child a{border-right:none;}

.ron_notice-ticker{font-size:12px; line-height:18px;padding: 5px 10px;}
.scroll-container {overflow: hidden;white-space: nowrap;position: relative;}
.scroll-content {display: inline-flex;gap: 2rem;animation: scroll-left 30s linear infinite;}
.scroll-content:hover {animation-play-state: paused;}

/* Keyframes with small pause at start */
@keyframes scroll-left {
  0%   { transform: translateX(0); }
  5%   { transform: translateX(0); }
  100% { transform: translateX(-50%);}
}

/* MAIN MENU AND SUB-MENU CSS*/

img.ron_logo{padding:10px;}
.navbar-nav li a.nav-link{text-transform: uppercase; font-size:12px; line-height:18px;font-weight:500;color:rgb(33, 37, 41); padding-top:5px;padding-bottom:5px;}
.navbar-nav li a.nav-link:hover{color:#0d6efd;}

/* base: hide menus by default and animate appearance */
.navbar .dropdown-menu {display: none;opacity: 0;transform: translateY(6px);transition: opacity .15s ease, transform .15s ease;z-index: 2000;}

/* when .show is applied to the parent <li>, reveal the immediate submenu */
.navbar .dropdown.show > .dropdown-menu, .navbar .dropdown-submenu.show > .dropdown-menu {display: block;opacity: 1;transform: translateY(0);}
.mobile-flyout .flyout-close{display:none;}
/* desktop nested / positioning */

@media (min-width: 992px) {
  .dropdown-menu { position: absolute; }
  .dropdown-submenu { position: relative; }
  .dropdown-submenu > .dropdown-menu {top: 0;left: 100%;margin-top: -1px;min-width: 12rem;}
  
  /* make sure nested dropdowns flow to the right */
  .dropdown-menu .dropdown-menu { left: 100%; top: 0; }
}

/* mobile: menus flow inside the collapse */

@media (max-width: 991.98px) {
  .navbar .dropdown-menu {position: static;float: none;width: 100%;}
  .dropdown-submenu > .dropdown-menu {padding-left: 1rem;}
}

@media (max-width: 991px) {
  .mobile-flyout {position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background-color:#ffffff;padding: 1rem;transition: right 0.3s ease-in-out;z-index: 1050;overflow-y: auto;}
  .mobile-flyout.show {right: 0;}
  .mobile-flyout.show .flyout-close{display:block;}
  .flyout-close {font-size: 2rem;color: #000;background: none;border: none;cursor: pointer;position: absolute;top: 10px;right: 15px;z-index: 1100;}
  
  /* optional overlay */
  body.menu-open::before {content: "";position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.5);z-index: 1040;}
}
/*SLIDER SECTION*/

.ron-slide-section{margin-top:15px;}
.carousel-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(25, 135, 84, 0.3);z-index: 1;}
.carousel-caption {z-index: 2; /* ensure caption is above overlay */}
.carousel-indicators{display:none;}
.carousel-caption h4{font-size:18px; line-height:24px;color:#fff;font-weight:500;letter-spacing:1px;}
.carousel-caption h6{font-size:14px; line-height:20px;color:#fff;font-weight:400;}
.carousel-caption {top: 0;right: 5%;bottom: 0;left: 5%;padding-top: .25rem;padding-bottom: .25rem;}

/* Style the entire prev/next button */
.carousel-control-prev,.carousel-control-next {width: auto; height: auto; top: 50%; transform: translateY(-50%);opacity: 1; z-index: 10;}

/* Style the icons inside */
.carousel-control-prev-icon,.carousel-control-next-icon {color:#fff;width: 24px;height: 24px;background-size: 50% 50%; border-radius: 50%;background-color: rgba(0,0,0,0.2);}
.carousel-control-prev{left:10px;}
.carousel-control-next{right:10px;}

/* Hover effect */
.carousel-control-prev-icon:hover,.carousel-control-next-icon:hover,.carousel-control-prev:hover .carousel-control-prev-icon,.carousel-control-next:hover .carousel-control-next-icon {background-color: #5733a6;}

@media (max-width: 380px) {
    .carousel-caption{display:none;}
}
.ron-slide-sec-item {background: #ffffff63;flex-shrink: 0;box-shadow: 2px 2px 6px rgba(0, 0, 0, .04);border: 1px solid #dbf197;max-height: 180px;overflow: hidden;margin-bottom:10px;}
.ron-scroll-items ul, .ron-scroll-items li{list-style:none;margin:0;padding:0;}
.ron-scroll-items h3{font-size:16px; line-height:22px;color:#fff;background:#122e6f;padding:10px; text-align:center;font-weight:400; letter-spacing:1px;}
.ron-scroll-item{margin:10px; border-bottom:1px solid #ccc;}
.ron-scroll-item h4, .ron-scroll-item p, .ron-btn-readmore{font-size:12px; line-height:18px;font-weight:400;}
.ron-scroll-item h4 a, .ron-btn-readmore a{color:#000;text-decoration:none;}
.ron-scroll-item h4 a:hover, .ron-btn-readmore a:hover{color:#5733a6;}
.ron-date h4, .ron-date h5{font-size:14px; line-height:20px;font-weight:500;margin:0;padding:0;}
.ron-date h4.ron-day{color:#ff6300;}

/* Vertical Menu Styles */
.ron_verticalmenu.ron-vertical-menu{background: #ffffff63;flex-shrink: 0;box-shadow: 2px 2px 6px rgba(0, 0, 0, .04);border-top: 1px solid #dbf197;}
.ron_verticalmenu .ron-menu-list {list-style: none;margin: 0;padding: 0;}
.ron_verticalmenu .ron-menu-item {position: relative;border-bottom: 1px solid #5a93ba;}
.ron_verticalmenu .ron-link {display: block;padding: 10px 15px;text-decoration: none;}
.ron_verticalmenu .ron-menu-item{background: #0073aa;color: #fff;}
.ron_verticalmenu .ron-menu-item a, .ron_verticalmenu .ron-menu-item .ron-submenu-toggle{color: #fff;font-size: 14px;line-height: 20px;text-transform: uppercase;letter-spacing: 1px;}
.ron_verticalmenu .ron-menu-item:hover {background: #fff;}
.ron_verticalmenu .ron-menu-item:hover a, .ron_verticalmenu .ron-menu-item:hover .ron-submenu-toggle{color: #000;}
.ron_verticalmenu .ron-sub-menu {margin: 0;padding-left: 10px;display: none;list-style:none;}
.ron_verticalmenu .ron-item-wrapper {display: flex;justify-content: space-between;align-items: center;}
.ron_verticalmenu .ron-submenu-toggle {cursor: pointer;padding: 0 10px;font-size: 14px;line-height: 1;}

.ron-sub-menu .ron-menu-item {background: #fff;}
.ron-sub-menu .ron-menu-item a.ron-link, .ron-sub-menu .ron-menu-item .ron-submenu-toggle{color:#000;}
.ron-sub-menu .ron-menu-item a.ron-link:hover{color: #0073aa;}

/*INNER BANNER*/
.ron-banner {position: relative; overflow: hidden; }
.ron-banner-img img {width: 100%;height: auto;display: block;}
.ron-banner-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); z-index: 1;}
.ron-banner-caption {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 2; color: #fff; text-align: center;width: 100%;}
.ron-banner-title h1{font-size: 32px;line-height: 40px;font-weight:500;color:#fff; text-transform:capitalize;letter-spacing:1px; text-shadow: 3px 3px #000000;}

/*CONTENT AREA*/
.ron_main_content{padding:10px;}

/*SINGLE POST*/
.ron_main_content .post h1.entry-title{padding: 10px 0px;text-align: justify;}
.ron_main_content .post .comments-area{border:1px solid #ccc;padding:10px;box-shadow: 2px 2px 6px rgba(0, 0, 0, .04);}
.ron_main_content .post .comments-area .form-group {margin-bottom: 5px;}
.ron_main_content .post-navigation{padding-top:10px;}
.ron_main_content img.avatar.avatar-50.photo {border: 1px solid #ddd;border-radius: 50%;padding: 3px;background: #fff;}
.ron_main_content a.ron_button {color:#fff;}
.ron_main_content a.ron_button:hover {color:#f1f1f1;}
.ron_main_content .ron_post_item {border-bottom: 1px solid #ddd; margin-bottom: 10px;padding-bottom:10px;}
tbody, td, tfoot, th, thead, tr {vertical-align: middle;}

/*MEMBERS*/
.ron-member-item{background-color: #fafafa;border: 1px solid #f0f0f0;padding:10px; margin:5px;}
.ron-member-image-wrapper{margin:0 auto;text-align: center;height: 150px;width: 150px;aspect-ratio: 1 / 1;}
.ron-member-image-wrapper img{object-fit: cover;border-radius: 50%; box-shadow: 0px 0px 5px #c44d2d;}
.ron-member-details p{padding:0px;margin:0px;}
p.ron-member-designation{font-weight:600;}

/*MAIN FOOTER*/
.ron_main_footer{background: #ffffff63;margin-top:15px;}
.ron_main_footer .footer-widget-column .footer-widget{background: #ffffff63;flex-shrink: 0;margin-bottom: 10px;margin-top:10px;min-height:310px;}
.ron_main_footer h3.widget-title {font-size: 16px;line-height: 22px;color: #fff;background: #122e6f;padding: 10px;text-align: center;font-weight: 400;letter-spacing: 1px;}
.ron_main_footer .footer-widget-column .footer-widget p{text-align:justify;font-size:13px;line-height:18px;font-weight:400;margin-bottom:0px;}
.ron_main_footer .footer-widget-column ul, .ron_main_footer .footer-widget-column li{margin:0;padding:0;list-style:none;}
.ron_main_footer .footer-widget-column .footer-widget .textwidget, .ron_main_footer .footer-widget-column .footer-widget .widget_nav_menu{padding:10px;}
.ron_main_footer .footer-widget-column .footer-widget.widget_nav_menu li{border-bottom:1px solid #dcdbdb;padding:3px 0px;}
.ron_main_footer .footer-widget-column .footer-widget.widget_nav_menu li a{font-size:13px;line-height:18px;font-weight:400;color:#000;text-decoration:none;padding:10px;}
.ron_main_footer .footer-widget-column .footer-widget.widget_nav_menu li a:hover{color:#0d6efd;}
.ron_main_footer .footer-widget-column .footer-widget.widget_recent_entries li{border-bottom:1px solid #dcdbdb;padding:8px 10px;}
.ron_main_footer .footer-widget-column .footer-widget.widget_recent_entries li a{font-size:13px;line-height:18px;font-weight:400;color:#000;text-decoration:none;}
.ron_main_footer .footer-widget-column .footer-widget.widget_recent_entries li a:hover{color:#0d6efd;}
.ron_main_footer .footer-widget-column .footer-widget .post-date {font-size: 12px;display: block;color: blue;font-style: italic;}
.ron-footer-site-info{background: #ffffff63;border-top: 1px solid #dbf197;}
.ron_footer_menu ul, .ron_footer_menu li{list-style:none;margin:0;padding:0;}
.ron_footer_menu li{display:inline-block;}
.ron_footer_menu li a{text-decoration: none;color: #374151;font-size: 12px;line-height: 18px; border-right:1px solid #dcdbdb; padding-right:5px;}
.ron_footer_menu li a:hover{color:#0d6efd;}
.ron_footer_menu li:last-child a{border-right:none;}
.ron-copyright-text p{margin:0px;padding:5px;font-size: 12px;line-height: 18px;}

/*CONTACT FORM 7*/

.wpcf7 {margin: 20px auto;padding: 20px;background-color: #f9f9f9;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.wpcf7-form label {display: block;margin-bottom: 8px;font-weight: 600;color: #333;}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form textarea {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 5px;font-size: 16px;color: #555;transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.wpcf7-form input[type="text"]:focus,.wpcf7-form input[type="email"]:focus,.wpcf7-form input[type="tel"]:focus,.wpcf7-form textarea:focus {border-color: #007bff;outline: none;box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
.wpcf7-form textarea {resize: vertical;min-height: 150px;}
.wpcf7-form input[type="submit"] {display: inline-block;background-color: #007bff;color: #fff;border: none;padding: 12px 25px;font-size: 18px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease-in-out, transform 0.2s ease;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.wpcf7-form input[type="submit"]:hover {background-color: #0056b3;transform: translateY(-2px);}
.wpcf7-response-output {margin: 1em 0 !important;padding: 15px !important;border-radius: 5px;font-weight: 400;}
.wpcf7-mail-sent-ok {background-color: #d4edda;color: #155724;border-color: #c3e6cb;}
.wpcf7-mail-sent-ng,.wpcf7-validation-errors {background-color: #f8d7da;color: #721c24;border-color: #f5c6cb;}
.wpcf7-not-valid-tip {color: #dc3232;font-size: 1em;font-weight: normal;display: block;position: absolute;top: 0;right: 10px;font-style: italic;}

.marquee-container {
  overflow: hidden; /* Hides content outside the container */
  /* Set a fixed height for the scrolling area */
}

.marquee-content {
  animation: scroll-up 20s linear infinite; /* Animate the content */
}

/* Pause animation on hover, just like `onmouseover="this.stop();"` */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}

@keyframes scroll-up {
  0% {
    transform: translateY(100%); /* Start off-screen at the bottom */
  }
  100% {
    transform: translateY(-100%); /* End off-screen at the top */
  }
}