/*
	Name: Example Footer 4 Section Tutorial - Bootstrap 3
	Framework: Bootstrap 3 and Font-awesome 4
	Author: Meher Bala and Ivan Bayross 
*/

/************  Importing Fonts Section STARTS ************/
@font-face 
{
	font-family: 'ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu.woff') format('woff');
} 
/************  Importing Fonts Section ENDS ************/


/************  HTML Tags Section STARTS ************/
html
{
	font-size:1em;
}

body
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	line-height:normal;
	color:#000000;
}

h1
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:1px;
}

h2
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-size:1.5rem;
	font-weight:normal;
	letter-spacing:1px;
}

h3
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	font-weight:normal;
}

h4
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:1px;
}

h5
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:normal;
	font-style:italic;
	letter-spacing:1px;
	margin-top:3px;
}

p
{
	font-family:'ubuntu', Arial, Helvetica, sans-serif;
	font-size:1rem;
	letter-spacing:1px;
}

ul
{
	margin:0px 0px;
	padding:0px 0px;
}

	ul li
	{
		font-family:'ubuntu', Arial, Helvetica, sans-serif;
		font-size:1rem;
		letter-spacing:1px;		
	}
/************  HTML Tags Section ENDS ************/


/************  Common And Color Classes STARTS ************/
.pgWrap
{
	float:left;
	width:100%;
	height:auto;
}

.green
{
	color:#82B540;
}

.magenta
{
	color:#EE3B80;	
}

.ylo
{
	color:#FF0;
}

.orange
{
	color:#f4561a;
}

.white
{
	color:#fff;	
}

.aqua
{
	color:#1ABC9C;	
}

.orangeBg
{
	background-color:#E54C12;
}
/************  Common And Color Classes ENDS ************/


/************  Header Section STARTS ************/
#headerWrap
{
	background-color: #d4d2d2;
	border-bottom: 1px dashed #fff;
}
	#hdLogo
	{
		padding-bottom:10px;
	}
	
	#hdLogo img
	{
		display:inline-block;
	}
/************  Header Section ENDS ***********/


/************  Content Section STARTS ************/
#pgContent
{
	margin:20px 0px;
}

	#pgContent h1
	{
		margin-bottom:30px;
	}
/************  Content Section ENDS ************/


/************  Footer Section STARTS ************/
.footerBg
{
	background-color:#3D687C;
	border-top:2px solid #FC5242;
}

	#news,
	#newlsetterForm,
	#tweets,
	#flckrStream,
	footer a
	{
		margin:30px 0px 30px 0px;
		color:#fff;
	}
    footer a:hover, footer a:focus {
        color: #d9e4ec;
        text-decoration: none;
    }
	#news h2,
	#newlsetterForm h2,
	#tweets h2,
	#flckrStream h2
	{
		margin:0px 0px 0px 0px;
		font-size:1.4rem;	
	}

	#news p,
	#newlsetterForm p
	{
		display:block;
		margin-top:20px;
		color:#fff;
		font-size:0.80rem;	
	}

	.noTopMargin
	{
		margin-top:0px!important;	
	}

	#frmNewletter
	{
		margin-top:20px;
	}
	
	.small
	{
		font-size:0.75rem;
		margin-right:10px;
	}
	
	/* Styling Twitter Feeds STARTS */
	#tweets
	{
		padding-right:15px;	
	}
		#tweets ul
		{
			margin:20px 0px 0px 0px;
			padding:0px 0px;	
		}
			#tweets li
			{
				line-height:normal;
				margin-bottom:20px;
				list-style:none;
				font-size:0.75rem;
			}
	/* Styling Twitter Feeds ENDS */
	
	
	/* Styling Flickr feed STARTS */
	.flickr-feed {
		margin: 16px 0 0 0;
		overflow: hidden
	}
	
	.flickr-feed li {
		float: left;
		padding: 0 4px 4px 0;
		list-style: none;
	}
	
	.flickr-feed li img {
		width: 50px;
		border: 2px solid #eaeaea;
	}
	
	.flickr-feed a:hover {
		opacity: 0.7;
	}
	/* Styling Flickr feed ENDS */
	
/************  Footer Section ENDS ************/


/************  Copyright and Acknowledgements Section STARTS ************/
.copyRtAckSocialBg
{ 
	background-color:#212C43;
	border-top:2px solid #FC5242;
}

	#copyRtAck,
	#social
	{
		margin:20px 0px 20px 0px;
	}
	
	#copyRtAck p
	{
		font-size:0.8rem;
		color:#8b98b2;	
	}
		#copyRtAck a
		{
			color:#8b98b2;	
		}
			#copyRtAck a:hover
			{
				color:#fff;	
			}
/************  Copyright and Acknowledgements Section ENDS ************/



/************  Social Icon Section STARTS ************/
#social a
{
	color:#fff;
	text-decoration:none;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -webkit-transition: color 1s ease-in-out;
    -ms-transition: color 1s ease-in-out;
}

#social a:hover
{
	color:#FC5242;
}

#social i
{
	margin:10px 10px 0px 0px;	
}
/************  Social Icon Section ENDS ************/


/*************** Media Query STARTS ****************/
/* Large desktop */
@media (min-width: 1200px) 
{ 
}

/* tablet - landscape */
@media (max-width: 1024px) 
{
	input, 
	textarea
	{
		width: 180px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) 
{
	body
	{
		padding-left:0px;
		padding-right:0px;
	}
	
	input, 
	textarea
	{
		width: 260px;
	}
	
	#news, #newlsetterForm, #tweets
	{
		padding-left:20px;
		padding-right:20px;
		padding-bottom: 20px;
		border-bottom:1px solid #000;
	}
	
	#flckrStream
	{
		padding-left:20px;
		padding-right:20px;
	}
	
	#copyRtAck
	{
		padding-left:20px;
		padding-right:20px;
		text-align:center;
	}
	
	#social 
	{
		float: none;
		text-align: center;
		margin-top:0px;
	}
	
	#frm_submit_btn 
	{
		margin-top: -11px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
{ 
	input, 
	textarea
	{
		width: 126px;
	}
	
	#news h2, 
	#newlsetterForm h2, 
	#tweets h2, 
	#flckrStream h2 
	{
		font-size: 1.3rem;
	}
	
}

/* Landscape phones and down */
@media (max-width: 480px) 
{
	body
	{
		padding-left:0px;
		padding-right:0px;
	}
	
	input, 
	textarea
	{
		width: 230px;
	}
	
}

/* mobile */
@media (max-width: 320px) 
{
	#frm_submit_btn 
	{
		margin-top: 10px;
	}
}

/* mobile */
@media (max-width: 240px) 
{
	input, 
	textarea
	{
		width: 180px!important;
	}
	
	.copyRightAck p
	{
		font-size:0.7rem;
	}
	
	#news, #newlsetterForm, #tweets
	{
		padding-left:0px;
		padding-right:0px;
	}
	
	#news .fa
	{
		display:none;
	}
}
/*************** Media Query ENDS .****************/