/*
Cascading Style Sheet Nambul templates

Author - Oken Khwairakpam
(Director, Nambul OPC Private Limited)

Licence - Free to share, modify and use commercially. Feel free to attribute original author's company website:https://nambul.com

Color Theme - In the nearer grayscale of Aqua, Yellow, NavyBlue (thematic selection)
&
Black, White and Grey (defaults)*/

/*Stylesheet starts*/
/*Body (global)*/
body {
	background-color:rgb(255,255,210);
	direction: ltr;
	unicode-bidi: bidi-override;
	color:#000;
	font-family: Verdana, sans-serif;
	line-height:1.5;		
	text-align:justify;
	text-indent:50px;
	padding:0px 5px;
}

div{text-indent:0px;}
/*----*/

/*Read more*/
.read-more{
	background-color:#99eeff;
	border-radius:20px;
	width:190px;
	margin:10px;
	padding:10px 5px;
	box-shadow:3px 3px 6px 5px #557788;
	transition:box-shadow 0.2s linear;
	transition:border 0.2s linear;
}
a{text-decoration:none;}

.read-more:hover{
	box-shadow:6px 6px 10px 8px #557788;
	border:3px solid #ffffff;
	background-color:#fade22;
	color:#ff0000;
}
/*----*/

/*Header and Navigation including logo*/
header {
		background-color:rgba(130,230,255,0.75);
		color:rgb(50,50,50);
		width:100%;
		position:fixed;		/*need to add as per requirement of sticky nav bar or not etc.*/
}
/*Logo*/
#logo {
	width:13%; max-height:100px;
	margin:0px;
	padding:0px;
	border-radius:100px;
	
}
#logo:hover {
	margin:0px; padding:0px;
}
/*----*/

/*Core Navigation*/
nav img {box-shadow: 5px 5px 10px 3px #998833;
		transition:box-shadow 0.5s linear;
}
nav img:hover {box-shadow: 5px 5px 12px 3px #225599;}

nav ul	{
	list-style-type:none;	
	padding:0px;
	margin:0px;
	width:inherit;
	padding-right:12px;
	top:0px;
	overflow:hidden;			
	float:right;
	background-color:rgb(30,30,30);
	color:white;
	text-indent:0px;
}
nav li {
	float:left;		
}


nav li a {
	display:block;		
	color:rgb(150,240,255);
	text-decoration:none;
	padding:10px 12px;
	margin:2px 8px;
	border-radius:15px;
	max-height:30px;
}

nav li a:hover {
	background-color:rgb(255,220,40);
	color:rgb(0,0,255);
}

.active {background-color:rgb(150,240,255);
		color:rgb(50,50,50);
}
/*----*/

/*About*/
#about{text-indent:50px;}
/*----*/

/*Services*/
@media (max-width:600px){.services-col{
	width:75%;	
}
.services-col img{width:50%;}
}
@media (min-width:700px){.services-col{
	width:30%; display:inline-block;	
}
.services-col img{width:50%;}}
@media (min-width:1000px){.services-col{
	width:20%; display:inline-block;
}
.services-col img{width:40%;}
}
h1,h2,h3,h4,h5,h6 {	
	color:rgb(20,20,160);
	text-align:left;
}

.no-justify {
	text-align:left; text-indent:0px;
}

.services-col{
	margin: 30px 10px; 
	padding:30px; 
	border-radius:20px;
	box-shadow:3px 3px 10px 5px #777777;	
	text-indent:0px;
	transition:box-shadow 0.3s linear;	
}

.services-col:hover{box-shadow:8px 8px 16px 10px #444444;
}

.services-col h2{
	font-family: copperplate gothic, tahoma;
	color:#22aaff;
	text-align:left;
}
.services-col p{
	font-size:80%;
	color:#3366ff;
	font-family:courier, helvetica, tahoma ;
	font-style:italic;
	font-weight:bold;
	background-color:#fade22;
	padding:15px;

	border-radius: 0px 40px;
	transition:box-shadow 0.6s linear;
}

.services-col p:hover{
	box-shadow:5px 5px 10px 5px #4499dd;
}

.services-col img {
	padding: 20px;
	border-radius: 40px 0px;
	box-shadow: 5px 5px 10px 3px #333333;
	transition:box-shadow 0.2s linear;
}
.services-col img:hover {
	box-shadow: 5px 5px 10px 8px #444444;
}
/*----*/

/*Projects*/
@media (max-width:600px){.projects-col{
	width:75%;	
}
.projects-col img{width:50%;}
}
@media (min-width:700px){.projects-col{
	width:30%; display:inline-block;	
}
.projects-col img{width:50%;}}
@media (min-width:1000px){.projects-col{
	width:20%; display:inline-block;
}
.projects-col img{width:40%;}
}
h1,h2,h3,h4,h5,h6 {	
	color:rgb(20,20,160);
	text-align:left;	
}

.no-justify {
	text-align:left; text-indent:0px;
}

.projects-col{
	margin: 30px 10px; 
	padding:20px;
	border:5px solid #000000;
	border-radius:0px 0px 0px 40px;
	background-color:#ffffff;		
	text-indent:0px;
	box-shadow:3px 3px 5px 5px #888888;
	transition:box-shadow 0.2s linear;	
}

.projects-col:hover{box-shadow:6px 6px 12px 6px #444444;
}

.projects-col h2{
	font-family: tahoma, copperplate gothic;
	text-align:left;
	color:#444444;
}
.projects-col p{
	font-size:80%;
	background-color:#88eeff;
	color:#002266;
	font-family:courier, helvetica, tahoma ;
	font-style:italic;
	font-weight:bold;	
	padding:10px;
	border:3px solid #ffee88;
	transition:box-shadow 0.3s linear;
}

.projects-col p:hover{
	box-shadow:5px 5px 10px 5px #aa8844;
}

.projects-col img{
	padding: 0px;
	border:5px solid #000;
	box-shadow: 5px 5px 10px 3px #333333;
	transition:box-shadow 0.5s linear;	
}
.projects-col img:hover {
	box-shadow:5px 5px 10px 8px #444444;
	border-color:#88eeff;
}

.broad{border-bottom:2px dashed #888888;}
/*----*/

/*footers*/
.footer1 {
		background-color:#080808;
		word-spacing:20px;
		color:#ffffff;
		font-family:arial;		
		padding-top:5px;
		text-indent:0px;
		text-align:center;
		border-bottom:1px solid #080808;	
		border-radius:40px 40px 0px 0px;
}
.footer1 h3{
	text-align:center;
}
.footer1 a{
		margin:0px 8px;
		padding: 0px 12px;
		transition: font-size 0.3s linear;
		transition: border 0.3s linear;
		text-align:center;
}
.footer1 a:hover {
			background-color:#ffffff;
			border-radius:25px;
			border:3px solid #85eaff;			
}

.footer2 {
		background-color:#101010;
		color:#85eaff;
		font-family:arial;
		font-size:75%;
		padding:10px;
		text-indent:0px;
		text-align:center;
}
.footer2 a{text-decoration:none;
		color:#ffffff;
		border:2px solid #ffdd66;
		padding:2px;
		transition:border 0.2s linear;
}

.footer2 a:hover{text-decoration:underline;
		color:#ffee66;
		border:2px dotted #85eaff;
		padding:3px;
}
/*End of stylesheet.

This stylesheet is authored by Oken Khwairakpam (Director, Nambul OPC Private Limited).

Users, developers and learners are lincensed to share, modify, use commercially, and freely.

Feel free to attribute original author and linking the company website:https//nambul.com 
Thank you */