/* =============================================================================
	PARTICLES | MADAM MONOROM | monorom.com | HTML5 & CSS Project | Spring 2016 
	Copyright (c) 2016 monorom.com
   =============================================================================*/  
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,300,100);
@import url("../font/black-tie/css/black-tie.css");

body{
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color:#333;
	}
a {
	color: #7995c6;
	text-decoration:none;
	}
a:visited {color:#7995c6;}
a:hover {color: #9896A4;}
			
hr{
	margin:30px 0 ;
	}


#content h1:first-child {
	text-transform: uppercase;
	font-size: 2rem;
	}
header{
	text-align:center;
    background: url(../images/pixelmeter-weiss.gif) no-repeat;
	}	
header.grad-roseQuartz-serenity{
	background: url(../images/pixelmeter-weiss.gif) no-repeat,
	linear-gradient(to right, #F7CAC9, #91A8D0) no-repeat fixed;
	text-align:center;
	}
header.grad-greenery-kale{
	background: url(../images/pixelmeter-weiss.gif) no-repeat,
	linear-gradient(25deg, #88B04B, #5A7247 40%, #88B04B) no-repeat fixed;
	text-align:center;
	}	
header.grad-niagara-islandParadise{
	background: url(../images/pixelmeter-weiss.gif) no-repeat,
	linear-gradient(to right, #5484A4, #95DEE3) no-repeat fixed;
	text-align:center;
	}		
.grad-greenery-kale{
	linear-gradient(25deg, #88B04B, #5A7247 40%, #88B04B) no-repeat fixed;
	}	
header h1{
	font-size: 3.5rem;
	line-height:1;
	font-family: 'Alegreya Sans SC', sans-serif;
	color:#fff;
	margin-bottom:0;
	}	
header h3{
	font-family: 'Alegreya Sans SC', sans-serif;
	color:#fff;
	margin-top:10px;
	}
header,
header a,
header a:visited,
footer,
footer a,
footer a:visited {
	color:#fff;
	}
footer i{
	padding: 0 10px;
	}	
footer	form{
	display:inline;
	}
footer	button{
	padding:0;
	background:transparent;
	box-shadow:none;
	margin:0;
	}
footer	button:hover{
	background:transparent;
	}	
.home .col>a{
	color:#444;
	}
	
.home .col>a:hover i,
.home .col>a:hover h3,
.home .col>a:hover h2{
	color:#9896A4;
	}	
.home .col>a i,
.home .col>a h3,
.home .col>a h2{
	color:#91A8D0;
	}	
	
.home .col>a  hr.grad-1 {
	height: 1px;
	background-image: linear-gradient(to right, #eee, #91A8D0, #eee);
	}

li{
	padding:10px;
	margin:0;
	}
.color ul{
	list-style-type: none;
	padding:0;
	margin:0;
	}
pre{
	border:2px solid #cecdd3; 
	padding:20px;
	font-size:1.2em;
	color:#757284;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
	}
code{
	background:#eee;
	font-family: 'Roboto', sans-serif;
	padding: 0 5px;
	font-size: 1rem;
	}	
.springbox{
	border-top:5px solid #F7CAC9;
	border-bottom:5px solid #91A8D0;
	}