/* --------------------------------------------------------------------------
   DRUPAL PRIMARY LOCAL TASKS (TABS) INLINE ENGINE
   -------------------------------------------------------------------------- */
#block-jadro-steel-primary-local-tasks ul {
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  border-bottom: 1px solid #ddd !important;
}

#block-jadro-steel-primary-local-tasks li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}

#block-jadro-steel-primary-local-tasks li a {
  display: block !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  color: #555 !important;
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover and Active Selected Tab States */
#block-jadro-steel-primary-local-tasks li a:hover {
  background: #eee !important;
  color: #000 !important;
}

#block-jadro-steel-primary-local-tasks li a.is-active {
  background: #fff !important;
  color: #b11e22 !important; /* Matches your theme brand color */
  border-color: #ddd !important;
  border-bottom: 1px solid #fff !important; /* Masks the bottom border line */
  margin-bottom: -1px !important; 
  font-weight: 600 !important;
}


/**********************************/



.views-view-responsive-grid__item-inner{
    height:100%;
	display: grid;
}

.pc{
    display:flex;
    flex-direction:column;
    height:100%;
}

.pb{
    display:flex;
    flex-direction:column;
    flex:1;
}

.pls{
    margin-top:auto;
}

/****** ACCORDION START****/
.san-projects{
    max-width:1200px;
    margin:auto;
    font-family:Arial,Helvetica,sans-serif;
}
.region-client-features{
	width:100%;
}
.region-client-features-full{
	width:100%;
}
/* ==========================
FILTER
========================== */

.san-filter{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:35px;
}

.san-btn{
    padding:12px 25px;
    border:2px solid #ddd;
    background:#fff;
    border-radius:40px;
    cursor:pointer;
    transition:.3s;
}

.san-btn:hover,
.san-btn.san-active{
    background:#ff6900;
    color:#fff;
    border-color:#ff6900;
}


/* ==========================
ALL PROJECTS GRID
========================== */

.san-overview{
   /* display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;*/
	background: #fff;
  	border-radius: 15px;
  	overflow: hidden;
  	box-shadow: 0 5px 18px rgba(0,0,0,.08);
	padding:25px;
}

.san-preview{

    background:#fff;
    border-radius:15px;
    padding:80px 20px;
    text-align:center;
    box-shadow:0 5px 18px rgba(0,0,0,.08);

}


/* ==========================
CATEGORY
========================== */

.san-card{
    display:none;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.san-header{
    padding:20px 25px;
    font-size:20px;
    font-weight:bold;
    background:#f7f7f7;
    border-bottom:1px solid #eee;
    cursor:default;
}

.san-content{
    padding:25px;
}




/* ==========================
RESPONSIVE
========================== */

@media(max-width:992px){

.san-overview{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.san-overview{

grid-template-columns:1fr;

}

}

/*****  ACCORDION END *****/


/*******  MENU END  *******/
.ab-section {
  padding: 88px 0;
}
.ab-who{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    align-items:center;
}

.ab-who-text,
.ab-who-image{
    width:100%;
    min-width:0;
}


/********** MOBILE MENU START ***********/

/***********  MOBILE MENU END **********/
#block-jadro-steel-mainnavigation-2 li>ul{
    overflow:hidden;
}

.jdrawer-logo img {
  height: 40px;
  object-fit: contain;
  filter: none;
}

.caro{
	padding: 72px 0;
}

/***** BLOCK ****/
.path-blog #block-jadro-steel-content{
	padding:72px 0;
}
#block-jadro-steel-headerleft .jtb-i {
  font-size: 16px;
  letter-spacing:.5px;
}
#block-jadro-steel-headerleft a{
	margin-right:5px;
}
#block-jadro-steel-headerleft a i{
	color:#ff6900;
	margin-right:2px;
}

#block-jadro-steel-headerright .social-icons a {
	color:#ff6900;
	margin-right:3px;
	font-size:17px;
}
#block-jadro-steel-headerright .social-icons a:hover {
	color:#999999;
}
#block-jadro-steel-projectpagetopcontent{
	padding-top:71px;
}
/* 1. Force the Carousel Stage to behave as a flex container */
#block-jadro-steel-views-block-duplicate-of-all-blogs-all-blogs .owl-stage {
  display: flex !important;
  flex-flow: row nowrap;
}

/* 2. Force every slide container to fill the maximum height of the row */
#block-jadro-steel-views-block-duplicate-of-all-blogs-all-blogs .owl-item {
  display: flex !important;
  height: auto !important; /* Overrides absolute height calculations */
}

/* 3. Ensure the wrappers inside .owl-item expand fully */
#block-jadro-steel-views-block-duplicate-of-all-blogs-all-blogs .owl-item > div,
#block-jadro-steel-views-block-duplicate-of-all-blogs-all-blogs .bc {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
}

/* 4. Turn the text content box (.bb) into a flex container to align elements */
#block-jadro-steel-views-block-duplicate-of-all-blogs-all-blogs .bc .bb {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Pushes content container to take up remaining height */
  justify-content: space-between; /* Ensures spacing between components */
}

/* 5. Push the "Read More" link to the very bottom of the card */
#block-jadro-steel-views-block-duplicate-of-all-blogs-all-blogs .bc .br-link {
  margin-top: auto; /* Aligns the button cleanly at the bottom */
}



















/** BLOCK ***/

/*=================================
  Site Branding
==================================*/

#block-jadro-steel-sitebranding{
    display:flex;
    align-items:center;
}

/* Logo Link */
#block-jadro-steel-sitebranding > a:first-child{
    flex:0 0 auto;
    display:flex;
    align-items:center;
}

#block-jadro-steel-sitebranding a img{
    display:block;
    width:auto !important;
    height:60px !important;
	margin-right:10px !important;
}
#block-jadro-steel-footerdescription a img{
    display:block;
    width:auto !important;
    height:60px !important;
}


/* Site Name */
#block-jadro-steel-sitebranding > a:last-child{
    display:block;
    color:#111;
    text-decoration:none;
    font-size:20px;
    font-weight:700;
    line-height:1.2;
    transition:.3s;
	margin-right:10px !important;
}

#block-jadro-steel-sitebranding > a:last-child:hover{
    color:#d32f2f;
}
#block-jadro-steel-footersocial a{
	margin-right: 3px;
  	font-size: 17px;
	float:right;
}
#block-jadro-steel-googlemap iframe{
	width:100%;
}
#block-jadro-steel-views-block-recent-projects-carousel-slider-block-1{
	width:100%;
	float:left;
}

/* Mobile */
@media (max-width:768px){

    #block-jadro-steel-sitebranding{
        gap:12px;
    }

    #block-jadro-steel-sitebranding > a:first-child img{
        width:55px;
    }

    #block-jadro-steel-sitebranding > a:last-child{
        font-size:24px;
    }

}

#block-jadro-steel-views-block-carousel-for-projects-carousel .prg {
  display: grid;
  grid-template-columns: auto !important;
  gap: 15px;
}

#block-jadro-steel-views-block-recent-all-projects-recent-all .prg {
  display: grid;
  grid-template-columns: auto !important;
  gap: 15px;
}
#block-jadro-steel-aboutcorevalues .ab-value{
	padding: 28px !important;
}
#block-jadro-steel-aboutcorevalues .rv.vis{
	text-align:center !important;
}
#block-jadro-steel-aboutcorevalues .ab-value-num{
	font-size:20px !important;
}
#block-jadro-steel-aboutcorevalues h4{
	font-size:20px !important;
}
#block-jadro-steel-aboutcorevalues p{
	font-size:15px !important;
}
.region-blog-all{
	width:100% !important;
}

#block-jadro-steel-views-block-all-blogs-all-blogs .bg3 {
    grid-template-columns: auto !important;
}
#block-jadro-steel-views-block-all-blogs-all-blogs .blog-panel.active {
    display: grid !important;
}
#block-jadro-steel-views-block-induvial-lgsf-construction-induvial .prg {
  display: grid;
  grid-template-columns: auto !important;
  gap: 15px;
}
#block-jadro-steel-views-block-all-at-a-time-allinone .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-views-block-recent-projects-carousal-block-1 .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-lgsf-construction-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-lgsf-construction-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-lgsf-commercial-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-lgsf-residential-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-hybrid-steel-buildings-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-hybrid-steel-buildings-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-hybrid-commercial-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-hybrid-industrial-recent .prg {
  display: grid;
  grid-template-columns: auto !important;
}

#block-jadro-steel-views-block-accordion-hybrid-industrial-recent-all .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-views-block-accordion-lgsf-residential-recent-all .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-views-block-accordion-lgsf-commercial-recent-all .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-views-block-accordion-hybrid-commercial-recent-all .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-views-block-accordion-hybrid-industrial-recent-all .prg {
  display: grid;
  grid-template-columns: auto !important;
}
#block-jadro-steel-footerdescription img{
	width:204px !important;
	height:auto !important;
}




































.prj h4.allinone {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* positioning */
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 10; /* Forces it over the image */
    margin: 0;
}

/* Ensure the link inside has color and takes up space */
.prj h4.allinone a {
    color: #111 !important; /* Change to your preferred text color */
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}

.prj {
    position: relative;
    z-index: 1;
}

/* Ensure the image doesn't swallow the layout */
.prj img {
    position: relative;
    z-index: 2;
}

/* Force the header to always stay on top */
.allinone {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    z-index: 5 !important; 
    clear: both;
}

.owl-carousel{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

/****** AIM END *****/







/*********/
#edit-actions{
	width:100%;
	text-align:center;
}
#edit-actions-submit{
	background: none;
	border: none;
	font-weight: bold;
	color: #fff;
	margin: 0 0;
	padding: 0 0;
}
#block-jadro-steel-webform .btn{width:100%; text-align:center}
#block-jadro-steel-webform h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 22px;
	color: #111;
}
#block-jadro-steel-webform-2 .btn{width:100%; text-align:center}
#block-jadro-steel-webform-2 h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 22px;
	color: #111;
}
#block-jadro-steel-webform-3 .btn{width:100%; text-align:center}
#block-jadro-steel-webform-3 h2{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 22px;
	color: #111;
}
.path-blog #block-jadro-steel-content{
	display:none;
}


.pdf_download{
    max-width:900px;
    margin:40px auto;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.pdf_item{
    display:flex;
    align-items:center;
    gap:20px;
    padding:22px 28px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-left:5px solid var(--o);
    border-radius:14px;
    text-decoration:none;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.pdf_item:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    border-color:var(--o);
}

.pdf_icon{
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background:linear-gradient(135deg,var(--o),#ffb300);
    color:#fff;
    border-radius:14px;
    flex-shrink:0;
}

.pdf_info{
    flex:1;
}

.pdf_info h3{
    margin:0 0 6px;
    font-size:20px;
    color:#222;
    font-weight:700;
}

.pdf_info span{
    color:#777;
    font-size:14px;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.pdf_arrow{
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f5f5;
    color:var(--o);
    font-size:22px;
    transition:.3s;
}

.pdf_item:hover .pdf_arrow{
    background:var(--o);
    color:#fff;
    transform:translateY(2px);
}

@media(max-width:768px){

    .pdf_item{
        padding:18px;
        gap:15px;
    }

    .pdf_icon{
        width:52px;
        height:52px;
        font-size:24px;
    }

    .pdf_info h3{
        font-size:17px;
    }

    .pdf_arrow{
        width:40px;
        height:40px;
        font-size:18px;
    }

}






/* --- Desktop Layout (PC) --- */
@media (min-width: 992px) {
    .ab-who {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 40px;
        width: 100%;
    }
}

/* --- Mobile Layout (Stacked & Forced 100% Width) --- */
@media (max-width: 991px) {
    .ab-who {
        display: block !important;
        width: 100% !important;
        clear: both;
    }

    .ab-who-text, 
    .ab-who-image {
        width: 100% !important;
        display: block !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Adds a clean space between the list and the image on mobile */
    .ab-who-text {
        margin-bottom: 24px; 
    }
}

/* --- Responsive Image Rule --- */
.ab-img-frame img {
    display: block;
    width: 100% !important;
    height: auto !important;
}
.bigideass_sec{
	padding:10px 0;
}


/* Prevent Edge from collapsing the slider container to 0px */
.owl-carousel.owl-loaded {
  display: block !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure the stage layout remains horizontal during calculations */
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  display: block !important;
}

/******** VIDEO PLAY******/
/**********************************************
/******** DUAL MEDIA IMAGE + VIDEO OVERLAY ******/
/*************************************************/
/* Slider */
#block-jadro-steel-views-block-big-carousal-banner .owl-item{
    overflow:hidden;
    background:#000;
}

/* Image */
#block-jadro-steel-views-block-big-carousal-banner .owl-item img{
    display:block;
    width:100%;
    height:auto;
}

/* Video.js */
#block-jadro-steel-views-block-big-carousal-banner .video-js{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1200 / 628;
    background:#000;
}

#block-jadro-steel-views-block-big-carousal-banner .video-js video,
#block-jadro-steel-views-block-big-carousal-banner .vjs-tech{
    width:100%!important;
    height:100%!important;
    object-fit:contain;
}

/**********************************************
 NAVIGATION
**********************************************/
#block-jadro-steel-views-block-big-carousal-banner .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    pointer-events: none; 
}

#block-jadro-steel-views-block-big-carousal-banner .owl-nav button {
    position: absolute;
    width: 55px;
    height: 55px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, .55) !important;
    color: #fff !important;
    cursor: pointer;
    transition: .3s ease;
    pointer-events: auto; 
}

#block-jadro-steel-views-block-big-carousal-banner .owl-nav button:hover {
    background: #0d6efd !important;
}

#block-jadro-steel-views-block-big-carousal-banner .owl-nav button span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 42px;
    line-height: 1;
    font-weight: 300;
    transform: translateY(-2px);
}

#block-jadro-steel-views-block-big-carousal-banner .owl-prev { left: 20px; }
#block-jadro-steel-views-block-big-carousal-banner .owl-next { right: 20px; }




/**************/
.prov {
  z-index: 9999 !important;
}
.prov h4{
	font-size:18px !important;
}
.prjz{
	z-index:9999 !important;
}
/*#block-jadro-steel-content{
	margin:5% 0;
}*/
/**********************************************
 BLOG DETAILS PAGE
**********************************************/

.blog-details-page{
    padding:0 0 60px;
}

/**********************************************
 BANNER
**********************************************/

.blog-banner{
    margin-bottom:50px;
}

.blog-banner img{
    display:block;
    width:100%;
    height:auto;
}

/**********************************************
 TITLE
**********************************************/

.details-page-blog-header{
    margin-bottom:30px;
}

.details-page-blog-header h1{
    color:var(--o);
    text-align:center;
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:1.3;
    font-weight:700;
    margin:0;
}

/**********************************************
 CONTENT
**********************************************/

.blog-content{
    font-size:17px;
    line-height:1.9;
    color:#444;
}

.blog-content p{
    margin-bottom:20px;
}

.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5{
    color:var(--o);
    margin:35px 0 15px;
    line-height:1.3;
}

.blog-content ul,
.blog-content ol{
    margin:20px 0 20px 25px;
}

.blog-content li{
    margin-bottom:8px;
}

.blog-content img{
    display:block;
    max-width:100%;
    height:auto;
    margin:30px auto;
    border-radius:8px;
}

.blog-content a{
    color:var(--o);
    text-decoration:none;
}

.blog-content a:hover{
    text-decoration:underline;
}

/**********************************************
 DATE + AUTHOR
**********************************************/

.details-page-blog-meta{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    flex-wrap:wrap;

    margin-top:40px;
    padding-top:25px;

    border-top:1px solid #e5e5e5;

    color:#666;
    font-size:15px;
}

.details-page-blog-meta span{
    display:flex;
    align-items:center;
    gap:8px;
}

.details-page-blog-meta i{
    color:var(--o);
}

/**********************************************
 MOBILE
**********************************************/

@media(max-width:767px){

.blog-details-page{
    padding:0 0 40px;
}

.blog-banner{
    margin-bottom:30px;
}

.details-page-blog-header{
    margin-bottom:20px;
}

.details-page-blog-header h1{
    font-size:2rem;
}

.blog-content{
    font-size:16px;
    line-height:1.8;
}

.details-page-blog-meta{
    flex-direction:column;
    gap:12px;
    margin-top:30px;
    padding-top:20px;
}

}

/* Desktop */
/* Desktop */
.blog-details-page{
    padding:72px 0;
}

/* Mobile */
@media (max-width:767px){
    .blog-details-page{
        padding:35px 0;
    }
}