/*
Theme Name: Royal Insurance Corporation of Bhutan Limited
Theme URI: https://www.ricb.bt/
Author: SAMU
Author URI: https://www.samu.bt/
Description: Theme for Royal Insurance Corporation of Bhutan Limited developed by SAMU
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Royal-Insurance-Corporation-of-Bhutan-Limited
*/
/***Added By Ugyen Dorji Jabla ***/
body {
	
overflow-x: hidden;
}
.wp-block-table {
    display: block;
    /* width: fit-content; */
    overflow-x: auto;
}

table, th , td {
    padding: 5px;
    }
    table>thead>tr>th {
    background-color:#2e2d80 !important;
    color: white;
    text-align: center;
    }
    table tr:nth-child(odd) {
    background-color: #f1f1f1;
    }
    table tr:nth-child(even) {
    background-color: #ffffff;
    }
    
    table tr:hover {
    background-color: #e9ecef;
    }    
/****End of changes ****/
svg {
  vertical-align: middle;
  max-height: 1rem;
  max-width: 1rem;
}

header .top-bar {
    z-index: 1030;
}

header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
    max-height: 140px;
    position: absolute;
    top: -85px;
    padding: .5rem;
    z-index: 1050;
    background-color: #fff;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
}
/* Styling for the new-logo container */
.new-logo {
    max-height: 120px;  /* Adjust the height to match the smaller image size */
    width: 122px;       /* Adjust the width to match the smaller image size */
    position: absolute;
    top: -80px;         /* Adjust the top positioning as needed */
    left: 40px;         /* Adjust the left positioning as needed */
    padding: 0.5rem;
    z-index: 1050;
    background-color: #fff;
    border-top-left-radius: 65px;  /* Adjust the radius to match the new size */
    border-top-right-radius: 65px; /* Adjust the radius to match the new size */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Default styling for the main logo image */
.new-logo-img {
    width: auto;      /* Ensures the image maintains its aspect ratio */
    height: auto;     /* Ensures the aspect ratio remains intact */
    max-width: 100%;  /* Ensures the image doesn't exceed the container width */
}

/* Styling for the scroll logo (hidden by default) */
.new-logo-img-scroll {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Show the scroll logo when the header becomes sticky */
header.sticky .new-logo-img-scroll {
    visibility: visible;
    opacity: 1;
    width: auto;
    height: auto;     /* Maintain aspect ratio */
}

/* Optionally, hide the main logo when the header is sticky */
header.sticky .new-logo-img {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}


/* For large screens, you can specify a maximum width for the logos */
@media (min-width: 992px) {
    .new-logo-img {
        width: auto;
        max-width: 200px;  /* Set a max-width for the logo on large screens */
    }

    .new-logo-img-scroll {
        width: auto;
        max-width: 200px;  /* Same for the scroll logo */
    }
}

@media (max-width: 992px){
    .new-logo-img, .new-logo, .new-logo-scroll{
        display: none;
    }
}


@media (max-width: 991px) {
    header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
        max-height: 80px;
        top: -27px;
    }
 .wp-block-table table {
 	width: 900px !important;    
	 
    }
   
}


header.sticky .navbar .navbar-brand img, header.side-menu .logo img, header.sticky .sidebar-nav-menu .navbar-brand img {
    max-height: 80px;
    position: absolute;
    top: -27px;
    background-color: #fff;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
}


.text-ricb-justified {
    text-align: justify;
    text-justify: inter-word;
}

.bg-ricb {
    background-color: #2e2d80;
}

.table-ricb {
    background-color: #cef0d1;
}

.color-ricb {
    color: #2e2d80;
}
.btn.btn-view-ricb {
    background: #2e2d80;
    border-color: #563598;
    color: #fff;
}

.bg-iris-blue {
    background-color: #cac9db;
}

.bg-iris-light-blue{
    background-color: #479191;
}


.border-color-ricb { border-color: #2f2e80 !important; }

.text-ricb, .btn-link.text-ricb, a.text-ricb-hover:hover {
    color: #2e2d80;
}

.navbar .feature-box svg {
    padding: 10px;
}

#ricb-products-services .home-ricb-life svg {
    padding: 10px 20px 0 20px;
}

#ricb-products-services svg {
    padding: 20px;
}

.padding-130px-left {
    padding-left: 130px;
}

.text-ricb-brown {
    /*color: #ad5c26;*/
    color: #DEA428;
}

.font-ricb {
    font-family: 'Zen Antique', serif;
}

.ricb-z-index-1 {
    z-index: 1;
}

.nav-item.dropdown.megamenu .ricb-company-img img {
    max-width: 85px;
}

#ricb-products-services .accordion-style-03 .panel {
    margin-bottom: 5px!important;
}

#home-clientele .accordion-style-03 .panel {
    margin-bottom: 5px!important;
}

.companyprofile {
    margin-bottom: 180px;
}

.border-color-fast-blue {
    border-color: #2f2b82 !important;
}

.text-fast-ricb {
    color: #2f2b82;
}

.btn.btn-ricb-gray {
    background: #2e2d80;
    color: #fff;
}

.text-ricb-50 { font-size: 50px; line-height: 50px; }

.btn.btn-dark-ricb { background: #2e2d80; border-color: #2e2d80; color: #fff; }
.btn.btn-dark-ricb:hover, .btn.btn-dark-ricb:focus { background: transparent; color: #2e2d80; }
.btn.btn-box-shadow.btn-dark-ricb { background:#2e2d80; border-color: #2e2d80; color: #fff; }
.btn.btn-box-shadow.btn-dark-ricb:hover, .btn.btn-extra-dark-ricb:focus { background: #2e2d80; color: #fff; }

.btn.btn-transparent-light-ricb { background: transparent; border-color: #2e2d80; color: #2e2d80; }
.btn.btn-transparent-light-ricb:hover, .btn.btn-transparent-light-gray:focus { background: #2e2d80; border-color: #2e2d80; color: #ffffff; }

/* tab style ricb */
.tab-style-ricb .nav-tabs > li.nav-item { margin: 0 0 -1px 0; }
.tab-style-ricb .nav-tabs > li.nav-item *, .tab-style-ricb .nav-tabs > li.nav-item:hover * { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.tab-style-ricb .nav-tabs > li.nav-item > a.nav-link { color: #2e2d80; border-bottom: 3px solid transparent; padding: 30px 40px 28px 40px; }
.tab-style-ricb .nav-tabs > li.nav-item > a.nav-link.active { border-color: #2e2d80;}
.tab-style-ricb .nav-tabs > li.nav-item > a.nav-link > .tab-label { opacity: 0; display: block; margin: 0 auto 20px; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
.tab-style-ricb .nav-tabs > li.nav-item > a.nav-link:hover > .tab-label, .tab-style-ricb .nav-tabs > li.nav-item > a.nav-link:focus > .tab-label, .tab-style-ricb .nav-tabs > li.nav-item > a.nav-link.active > .tab-label { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
/*.tab-style-ricb .nav-tabs > li { border-right: 1px solid rgba(130, 130, 130, 0.3); }
.tab-style-ricb .nav-tabs > li:last-child { border-right: none; padding-right: 0 }
.tab-style-ricb .nav-tabs > li:first-child { padding-left: 0 }*/

.wp-block-archives { list-style: none; }
.wp-block-archives.light li { border-bottom: 1px solid rgba(255,255,255,.15);}
.wp-block-archives li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
.wp-block-archives li:last-child { border-bottom: none; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* For our auction section */
.ricb-auction .card-img-overlay {
    background:rgba(0, 0, 0, 0.5);   
    /* border-radius: 10px; */
    /* padding: 10px; */
}
.ricb-auction .card-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 900px; /* Adjust the maximum width as needed */
            margin: 0 auto;
        }
  .ricb-auction  .card {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ricb-auction .card img {
    width: 100%;
    height: 250px; /* Set the initial height of your card */
    object-fit: cover; /* Ensure the image covers the entire card */
    transition: transform 0.3s ease-in-out;
}

.ricb-auction .card:hover img {
    transform: scale(1.2); /* Set the scaling factor on hover */
}
.ricb-auction .pad {
    padding: 0 !important;
    margin-bottom: -0.8em;
}
.ricb-auction .card-title i {
    margin-right: 8px;
}

/* This rule is now for all screen sizes */
.ricb-auction .ra {
    margin-bottom:0;
}

/* This new rule applies the large margins only on desktop */
@media (min-width: 992px) {
    .ricb-auction .ra {
        margin-left: 300px;
        margin-right: 300px;
    }
}
 .ricb-auction{
    background-image: url('images/wallpaper1.jpeg');
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center center;
    background-color: rgba(1, 6, 6, 0.5);
 }

/***Land css***/
.auction .container-lg {
	max-width: 1400px !important;
    }

 .auction .accordion-button {
        background-color: #f8f9fa; !important;
        color: #000;!important;
        border: 1px solid #ddd;!important;
    }
	.auction .accordion-header {
		margin-bottom: 0;
		line-height:0;
	}
    .auction  .accordion-button:not(.collapsed) {
        background-color: #2e2d9d;!important;
        color: #fff;!important;
        border-color: #2e2d9d;!important;
    }

    .auction .accordion-body {
        background-color: #fff;
        color: #000;-
        padding: 20px;
        border-top: 1px solid #ddd;
    }

    .auction .accordion {
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    .auction .accordion-item {
        border-bottom: 1px solid #ddd;
    }

    .auction .accordion-item:last-of-type {
        border-bottom: none;
    }

    .auction .auction-info {
    background-color: #f8f9fa;
    padding: 20px;
    border: 1px solid #e2e6ea;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
    }

    .auction .auction-info:hover {
    transform: scale(1.02); /* Slight zoom on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    }


    .auction .carousel-item {
    width: 100%;
    height: 300px;
  }
  .auction .carousel-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
    }
    .auction .carousel-item img:hover {
      transform: scale(1.3);
    }

    .auction .carousel-banner {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: white;
        padding: 5px 10px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 5px;
        clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%); 
        /* position-absolute bottom-0 end-0 bg-dark text-white p-2 fs-6 fw-bold rounded --> bootstrap class  */
      }

      .auction .carousel-caption {
        align-items: center; /* Center items vertically */
        background-color: rgba(0, 0, 0, 0.5); /* Background color with 50% opacity */
        padding: 0.25rem; /* Padding on all sides */
        border-radius: 0.25rem; /* Rounded corners */
        text-align: center; /* Center text */
        color: #fff; /* Text color */
        position: absolute; /* Positioning within the carousel item */
        left: 50%; /* Center horizontally */
        transform: translateX(-50%); /* Adjust for horizontal centering */
    }

       /* Main Navigation Tabs */
       .auction .nav-tabs-main {
        /* border-bottom: 4px solid #dd7016; */
        border-bottom: 4px solid #007bff;
        margin-bottom: 1rem;
    }

    .auction .nav-tabs-main .nav-link {
        border: 1px solid transparent;
        border-radius: 0;
        color: #000;
		font-weight:bold;
        font-size: 1.3rem; /* Larger text size for main tabs */
        padding: 0.75rem 1.25rem; /* Uniform padding for better appearance */
        transition: color 0.3s ease, background-color 0.3s ease; /* Smooth transition */
    }

    .auction .nav-tabs-main .nav-link.active {
        color: #fff;
        background-color: #2e2d9d;; /* Different background color for active main tabs */
        border: none; /* Remove border for active main tabs */
		border-radius: 10px;
    }

   
    /* Additional Styles for Tab Content */
    .auction .tab-content > .main-tab-pane {
        padding: 1rem;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
    }
    /* Heading and Caption  */
    .auction .heading {
        font-size: 14px;
        font-weight: bold;
        color: #e74c3c;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: linear-gradient(90deg, #f39c12 0%, #d35400 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 15px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    }
      
    .auction .heading-para {
        font-size: 12px;
        font-weight: 500;
        color: #2c3e50;
        background-color: #ecf0f1;
        padding: 10px 20px;
        border-left: 5px solid #e67e22;
        border-radius: 4px;
        margin-bottom: 20px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      }
	
      .auction .col-md-6 p {
		margin-bottom: 10px; /* Reduce the bottom margin between paragraphs */
		padding: 0;          /* Remove any padding, if needed */
      }
.auction ul>li.nav-item {
        padding: 0 2px !important;
      }
      .auction ul>li.nav-item>a.nav-link {
        padding: 0.5em !important;
      }
.auction .auction-info .card-body p {
    margin: 0 0 0.8em !important;
}
.auction .nav-tabs-main {
   border-bottom: none !important;
    margin-bottom: 1rem;
}
.pad h6.card-title {
    font-size: 1.3em !important;
}
/***Start of  All Portal**/
.all_links {
    padding: 3em 0 !important;
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%) !important;
}
.all_links h6 {
    color: #000 !important;
}
.all_links .card {
    transition: transform 0.3s ease-in-out !important;
    
}
.all_links .card:hover {
/* 	transform: scale(1.05) !important; */
/* 	border: 5px solid #f3f3f3; */
/* 	 box-shadow: 5px 5px 10px lightblue; */
	box-shadow: 0 0 15px 10px rgba(255,255,255, 0.5);
}
/* .all_links img {
    height: 150px !important;
} */
.all_links .card-footer {
	padding: 0px !important;
}

//css for auction in mobile view

/***End of  All Portal**/