body { background-color:#fff; font-family:'Roboto', sans-serif, arial; }
.itm-topbar { background:#101010; border-bottom:1px solid #242424; min-height:2.25rem; }
.itm-top-menu-ul li { margin:0 0.75rem; }
.itm-top-menu-ul li:first-child { margin:0 0.75rem 0 0; }
.itm-top-menu-ul li::after { content:"|"; padding-left:1.5rem; color:#f47b20; }
.itm-top-menu-ul li:last-child::after { content:""; padding-left:1.5rem; }
.itm-top-menu-ul li a { color:#fff; text-decoration:none; font-size:0.6875rem; transition:.2s; }
.itm-top-menu-ul li a:hover { color:#f47b20; }
.itm-icon-svg { width:20px; height:20px; }
.itm-icon-svg:hover { color:#f47b20; }

.itm-main-header { background-color:#fff; }
.itm-brand { min-width:0; padding-bottom:0.625rem; padding-top:0.625rem; }
.itm-brand-tagline { font-size:0.7rem !important; text-align:center; }
.itm-panel-title h2 { font-size:1.1rem !important; }
.itm-panel-title a { font-size:0.8rem !important; }
.itm-news-item small a { text-transform:uppercase; font-size:0.8rem !important; }
.itm-news-item h3 { font-size:0.95rem !important; }

.itm-main-menu { background:#101010; border-bottom:3px solid #f47b20; min-height:2rem; }
.itm-main-menu-ul li { margin:0 0.75rem; position:relative; }
.itm-main-menu-ul li:first-child { margin:0 0.75rem 0 0; }
.itm-main-menu-ul li::after { content:"|"; padding-left:1.5rem; color:#f47b20; }
.itm-main-menu-ul li:last-child::after { content:""; padding-left:1.5rem; }
.itm-main-menu-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-main-menu-ul li a:hover { color:#f47b20; }

.itm-main-menu-ul .sub-menu { background:#101010 !important; position:absolute; top:100%; left:0; display:none; background:#ffffff; padding-left:0.625rem; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); z-index:99; min-width:12.5rem; border-top:3px solid #f47b20; }
.itm-main-menu-ul .sub-menu a { display:block; padding:0.5rem 0.75rem; color:#fff; text-decoration:none; }
.itm-main-menu-ul .sub-menu a:hover { padding-left:.5rem; }
.itm-main-menu-ul li:hover > .sub-menu,
.itm-main-menu-ul li:focus-within > .sub-menu { display:block; }
.itm-main-menu-ul .sub-menu::before { content: ""; position:absolute; top:-0.4375rem; left:1.25rem; width:0.625rem; height:0.625rem; background-color:#f47b20; transform:rotate(45deg); z-index:-1; }
.itm-main-menu-ul .sub-menu li { margin:0 -0.625rem 0 0; padding-bottom:0.4375rem; position:relative; border-bottom:0.1875rem solid gray; list-style:none; transition:.3s; transform:translateX(-0.5625rem); }
.itm-main-menu-ul .sub-menu li::after { content:unset; }
.itm-main-menu-ul .sub-menu li:last-child { border-bottom:transparent; }
.itm-main-menu-ul .sub-menu li:hover { border-left:3px solid #f47b20; background-color:#2d2c2e; }

.itm-mobile-menu { background:#fff; transform:translateY(-1.0rem); }
.itm-mobile-menu-ul { background-color:#000; }
.itm-mobile-menu-ul li { width:100%; text-align:center; border-bottom:1px solid gray; padding:0.5rem; }
.itm-mobile-menu-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-mobile-menu-ul li a:focus { color:#f47b20; }
.itm-mobile-menu-ul li:last-child { border:transparent; }

.itm-footer h4 { font-size:1.3rem; color:#fff; font-weight:600; padding-left:0.75rem; }

.itm-footer-menu1-ul li { margin:0 0.75rem; position:relative; width:100%; line-height:2.5; }
.itm-footer-menu1-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-footer-menu1-ul li a:hover { color:#f47b20; }


.itm-footer-menu2-ul li { margin:0 0.75rem; position:relative; width:100%; line-height:2.5; }
.itm-footer-menu2-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-footer-menu2-ul li a:hover { color:#f47b20; }

.itm-footer-menu3-ul li { margin:0 0.75rem; position:relative; width:100%; line-height:2.5; }
.itm-footer-menu3-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-footer-menu3-ul li a:hover { color:#f47b20; }

.itm-footer-menu4-ul li { margin:0 0.75rem; position:relative; width:100%; line-height:2.5; }
.itm-footer-menu4-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-footer-menu4-ul li a:hover { color:#f47b20; }

.itm-footer-menu5-ul li { margin:0 0.75rem; position:relative; width:100%; line-height:2.5; }
.itm-footer-menu5-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-footer-menu5-ul li a:hover { color:#f47b20; }

.itm-mining-menu { padding:1rem; }
.itm-mining-menu-ul li { position:relative; width:100%; line-height:2.2; text-align:center; border-bottom:0.0625rem solid gray; }
.itm-mining-menu-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-mining-menu-ul li a:hover { color:#f47b20; }
.itm-mining-menu-ul li:last-child { border:transparent; }

.itm-components-menu { padding:1rem; }
.itm-components-menu-ul li { position:relative; width:100%; line-height:1.9; text-align:center; border-bottom:0.0625rem solid gray; }
.itm-components-menu-ul li a { color:#fff; text-decoration:none; font-size:0.9375rem; transition:.2s; }
.itm-components-menu-ul li a:hover { color:#f47b20; }
.itm-components-menu-ul li:last-child { border:transparent; }

.itm-carousel-item { background-size:cover; background-repeat:no-repeat; }
.itm-carousel-item-content { max-width:90%; padding:0.875rem; }
.itm-carousel-cat-cont { margin-top:0.5625rem; }
.itm-carousel-cat { padding:0.3125rem 0.625rem; background-color:#f47b20; color:#000; border-radius:0.1875rem; text-decoration:none; text-transform:uppercase; letter-spacing:0.125rem; font-weight:600; transition:0.3s; }
.itm-carousel-item-content .itm-carousel-cat:hover { color:#f47b20; background-color:#000; }
.itm-carousel-read { padding:0.3125rem 0.625rem; background-color:#f47b20; color:#000; border-radius:0.1875rem; text-decoration:none; letter-spacing:0.125rem; font-weight:600; transition:0.3s; }
.itm-carousel-caption { display:block; }
.itm-carousel-caption h2 { font-size:1.5rem; color:#fff; font-weight:900; text-shadow:-0.1875rem -0.1875rem 0 #000, 0 -0.1875rem 0 #000, 0.1875rem -0.1875rem 0 #000, 0.1875rem 0 0 #000, 0.1875rem 0.1875rem 0 #000, 0 0.1875rem 0 #000, -0.1875rem 0.1875rem 0 #000, -0.1875rem 0 0 #000 }
.itm-carousel-caption p { font-size:0.85rem; color:#fff; font-weight:400; text-shadow:-0.25rem -0.25rem 0.25rem #000, 0 -0.25rem 0.25rem #000, 0.25rem -0.25rem 0.25rem #000, 0.25rem 0 0.25rem #000, 0.25rem 0.25rem 0.25rem #000, 0 0.25rem 0.25rem #000, -0.25rem 0.25rem 0.25rem #000, -0.25rem 0 0.25rem #000 }

.itm-latest-news-panel { padding:0 0.625rem; border:1px solid #dedede; background:#fff; }
.itm-latest-news-panel-title { margin: 0 -0.625rem; min-height:3rem; padding:0 0.75rem; display:flex; align-items:center; justify-content:space-between; border-bottom:0.125rem solid #eee; border-top:0.1875rem solid #f47b20;  }
.itm-category2 { font-size:0.75rem; font-weight:900; color:#f47b20; text-decoration:none; text-transform:uppercase; }
.itm-latest-news-panel h3 { font-size:0.875rem; line-height:1.25; margin:0.1875rem 0 0.25rem; font-weight:800; }
.itm-latest-news-panel .itm-date { font-size:0.6875rem; color:#00000070; }
.itm-latest-news-panel-c:last-child { border-bottom:transparent; }
.itm-latest-news-panel-c img { filter:grayscale(0%); transition:filter 0.3s ease-in-out; }
.itm-latest-news-panel-c img:hover { filter:grayscale(100%); transition:filter 0.3s ease-in-out; }

.itm-iv-h3 { font-size:1.5rem !important; color:#fff; }
.itm-author { font-size:0.95rem; color:#fff; padding-top:0.685rem; }

.itm-news-inner h2 { font-size:1.5rem; font-weight:800; line-height:1.5; color:#212529; }
.itm-url { text-decoration:none; }

.itm-minerals-strip { display:flex; overflow-x:auto; gap:0.5rem; padding-background:0.25rem; margin:1rem 0; }
.itm-mineral-card { flex-basis:10.3125rem; flex:0 0 9rem; height:8rem; display:flex; flex-direction:column; justify-content:flex-end; padding:0.75rem; color:#fff; background-position:center; background-size:cover; position:relative; overflow:hidden; border-bottom:0.25rem solid #f47b20; transition:transform 0.3s ease; }
.itm-mineral-card:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.95));}
.itm-mineral-card>*{ position:relative; z-index:1; }
.itm-mineral-card span {f ont-size:1.1875rem; margin-bottom:0.25rem; }
.itm-mineral-card b { font-size:0.75rem; }
.itm-mineral-card:hover { transform: scale(1.05); }
.itm-coal{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/coal.jpg")}
.itm-iron{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/iron-ore-scaled.png")}
.itm-lime{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/limestone.png")}
.itm-copper{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/copper-scaled.png")}
.itm-zinc{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/zinc.png")}
.itm-bauxite{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/bauxite-1-scaled.png")}
.itm-critical{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/critical-minerals.png")}
.itm-gold{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/gold.png")}
.itm-aggregate{ border:1px solid gray; background-image:url("https://www.indiaminingreview.com/wp-content/uploads/2026/09/aggregates.png")}


.itm-footer { background:#101010; }

.itm-display-content-center { display:flex; justify-content:center; align-items:center; }

.itm-mining-review-page h2 { font-size:1.5rem; text-transform:uppercase; }
.itm-mining-review-page h3 { font-size:1.2rem; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
	
}

/* 
	Media Queries For Medium Devices
	Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint 
*/
@media (min-width:768px) {
	.itm-icon-svg { width:14px; height:14px; }
	.itm-carousel-item-content { max-width:70%; padding:1.875rem; }
	.itm-carousel-cat-cont { margin-top:1.5625rem; }
	.itm-carousel-cat { padding:0.3125rem 0.625rem; background-color:#f47b20; color:#000; border-radius:0.1875rem; text-decoration:none; text-transform:uppercase; letter-spacing:0.125rem; font-weight:600; transition:0.3s; }
	.itm-carousel-item-content .itm-carousel-cat:hover { color:#f47b20; background-color:#000; }
	.itm-carousel-read { padding:0.3125rem 0.625rem; background-color:#f47b20; color:#000; border-radius:0.1875rem; text-decoration:none; letter-spacing:0.125rem; font-weight:600; transition:0.3s; }
	.itm-carousel-caption { display:block; }
	.itm-carousel-caption h2 { font-size:3rem; color:#fff; font-weight:900; text-shadow:-0.375rem -0.375rem 0.5rem #000, 0 -0.375rem 0.5rem #000, 0.375rem -0.375rem 0.5rem #000, 0.375rem 0 0.5rem #000, 0.375rem 0.375rem 0.5rem #000, 0 0.375rem 0.5rem #000, -0.375rem 0.375rem 0.5rem #000, -0.375rem 0 0.5rem #000; }
	.itm-carousel-caption p { font-size:1rem; color:#fff; font-weight:400; }
	.itm-brand-tagline { font-size:0.8rem !important; text-align:left; }
}

/* 	
	Media Queries For Large Devices
	Large devices (desktops, 992px and up) 
*/
@media (min-width:992px){
	.itm-minerals-strip { display:grid; grid-template-columns:repeat(9, 1fr); gap:0.5rem; margin:1.25rem 0; overflow:hidden; }
	.itm-mineral-card { height:9rem; display:flex; flex-direction:column; justify-content:flex-end; padding:0.75rem; color:#fff; background-position:center; background-size:cover; position:relative; overflow:hidden; border-bottom:0.25rem solid #f47b20; }
	.itm-carousel-caption p { font-size:1.8rem; }
	.itm-mining-menu { padding:unset; }
	.itm-mining-menu-ul li { text-align:left; }
	.itm-components-menu { padding:unset; }
	.itm-components-menu-ul li { text-align:left; }
}

/* 
	Media Queries For Extra Large Devices
	Extra large devices (large desktops, 1200px and up) 
*/
@media (min-width:1200px){
}

/* 
	Media Queries For Extra Large Devices
	Extra large devices (large desktops, 1400px and up) 
*/
@media (min-width:1400px){
	.itm-icon-svg { width:15px; height:15px; }
}