@charset "UTF-8";
/*
IruCom WebCMS v9-2021 CSS: Dashboard
Created on : 15.07.2021 IruCom systems/This will be used for Preview of the Article on WebCMS
Copyright : Pragash Irudayam - IruCom systems
 Licence only for one Domain. No changes or addons are allowed without prior permisssion from Pragash Irudayam (IruCom systems)
*/
/* Begin Center Info Banner Style / Same like article column*/
/* 
/* 
@ Gold: #D19428; rgb(209,148,40);
@ dark gold #ad6d05
@ Orangebrown: #000000; rgb(197, 75, 22);
@ red #FF0000;
@ dark red #b5001f;
*/ 

/*
font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
font-style: normal;
font-weight: 300; Regular
font-weight: 500; bold

*/

.icweb_dash_heading {
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	vertical-align: top;	
	width: 100%;
	height: auto;
	display: block;
	clear: both;	
	padding: 5px 0 10px 0;	
	
	border: 1px solid rgb(209,148,40, 0.3);
    border-radius: 3px;
	margin: 30px 0 15px 0; 
	box-sizing: border-box;
    background-color: rgb(209,148,40, 1);	
	
	transition: all 0.5s ease;	
}
.icweb_dash_heading a, .icweb_dash_heading a:link, .icweb_dash_heading a:visited {
	color: #D19428;
	text-decoration: none;	
}
.icweb_dash_heading a:hover, .icweb_dash_heading:hover {
	color: #ffffff;	
}
.icweb_dash_row {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-flow: nowrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 0 80px 0;	
	box-sizing: border-box;		
	opacity: 1;
	
	transition: all 0.8s ease-out;
}
.icweb_dash_row_active {
	opacity: 1;
}
@media only screen and (max-width: 600px) {
	.icweb_dash_row {		
		flex-direction: column;	
		margin: 0 0 40px 0;	
		row-gap: 10px;
	}
}
/* used for static 2 cloumn dash row */
.icweb_dash_grid_row {
	width: 100%;
	display: grid;
  	grid-template-columns: 47% 47%;
  	justify-content: space-between;
	row-gap: 60px;
	margin: 0 0 50px 0;	
	box-sizing: border-box;	
	transition: all 0.8s ease-out;
}
.icweb_dash_grid_row_3c {	
  	grid-template-columns: 31% 31% 31%;  
	justify-content: space-between;
	row-gap: 60px;
}
.icweb_dash_grid_row_4c {	
  	grid-template-columns: 23% 23% 23% 23%; 
	justify-content: space-between;
	row-gap: 60px;
}
.icweb_dash_box{
	width: 100%;
	height: auto;	
	display: flex;
	flex-direction: column;
	padding: 0;
	border: none;	
	margin: 0;
	box-sizing: border-box;	
	transition: all 0.8s ease-out;
}
.icweb_dash_box_2c{
	width: 48%;
	flex-direction: column;
}
.icweb_dash_box_3c{
	width: 32%;	
	flex-direction: column;
}
.icweb_dash_box:hover {
	 transform: translateY(-2px);	
}
@media only screen and (max-width: 600px) {
	
	.icweb_dash_box{
		flex-direction: column;
		padding: 0 0 10px 0;
		margin: 0 0 30px 0;	
		border-bottom: 1px dotted #D19428;
	}
	.icweb_dash_box:last-child{
		border: none;
		margin: 0 0 10px 0;
	}
	.icweb_dash_grid_row {
		display: flex;
		flex-direction: column;
		row-gap: 25px;
	}
	
	.icweb_dash_box_2c{
		width: 100%;
		margin: 0 0 30px 0;	
	}
	.icweb_dash_box_3c{
		width: 100%;
		margin: 0 0 30px 0;	
	}
}

.icweb_dash_box_imagebox {
	width: 100%;
	height: 230px;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border: none;
	border: 1px solid transparent;
	display: block;
	transition: all 0.5s ease;
}
/* at two images make it bigger*/
.icweb_dash_box_2c .icweb_dash_box_imagebox{
	height: 290px;	
}
.icweb_dash_grid_row .icweb_dash_box_imagebox{
	height: 350px;	
}
/*
Mobile
*/
@media only screen and (max-width: 800px) {
	.icweb_dash_box_imagebox {		
		height: 240px;			
	}
}
.icweb_dash_box:hover .icweb_dash_box_imagebox {
	border:  1px solid rgba(209,148,40, 0.3);
}
.icweb_dash_box_imagebox_image{
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;	
	margin: 0;
	display: block;
	object-fit: cover;	
	transition: all 0.5s ease;
}

.icweb_dash_box_textbox{
	text-align: left;
	width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
	box-sizing: border-box;
	display: block;	
	transition: all 0.5s ease;
}

/* Begin Right Info Banner Style */
.icweb_info_headlabel {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 16px;
	font-weight: 300;
	color: #D19428;
	text-align: left;
	vertical-align: top;	
	width: 98%;
	height: auto;
	display: block;
	clear: both;	
	padding: 10px;	
	border: none;		
	margin: 0 0 15px 0;	
	
}
.icweb_info_box {
	text-align: left;
	vertical-align: top;	
	width: 100%;
	height: auto;
	display: inline-block;
	clear:both;
	border: none;
	padding: 0;
	margin: 5px 0 30px 0; 
}
/* will be used for Infoblocks */
.icweb_info_box_text {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 18px;
	color: #333333;
	text-align: left;
	vertical-align: top;
	font-weight: 300;
	line-height: 140%;		
	display:block;
	clear: both;
	border: none;
	margin: 5px 0 40px 0;
}
.icweb_info_box_text a, .icweb_info_box_text a:link, .icweb_info_box_text a:visited {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 12px;
	font-weight: 300;
	line-height: 150%;
	text-decoration: none;
	color: #D19428;
	display: block;
	margin: 0 0 10px 0;
}
.icweb_info_box_text a:hover {
	color: #FF0000;
	text-decoration: none;
}
.icweb_info_box_image {
	width: 100%;
	display:inline-block;
	clear: both;
	padding: 0;
	border: none;
	border-bottom: 5px solid rgba(0, 0 , 0, 0.3);
	margin: 0 0 10px 0;
	transition: all 0.5s ease;
}

.icweb_info_box_image:hover {
	border: none;
	border-bottom: 10px solid #D19428;
}
/* End Center Info Banner Style */