/*! 
* Theme's Stylesheet - Modify/Add your own stylesheet + Your Copyright 
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);

html{font-size:1em;}

body,input,select,textarea {
	font-family:'Roboto',sans-serif;
	font-size:1.05em;
	font-weight:300;
	line-height: 1.6;
}
/* Palette generated by Material Palette - materialpalette.com/cyan/pink */

.dark-primary-color    { background: #455A64; }
.default-primary-color { background: #607D8B; }
.light-primary-color   { background: #CFD8DC; }
.accent-color          { background: #FFC107; }
.text-primary-color    { color: #FFFFFF; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

/* ---- COLORS ---- */
body,input,select,textarea,.superhero-text {color:#212121;}
footer, .header-wrapper header .logo, .header-wrapper header nav li a, mark, .marker {color:#FFF;}
footer a, footer a:active, footer a:focus, .header-wrapper header nav li a:hover {color:#CFD8DC;}
a {color:#607D8B;}
a:hover,a:focus {color:#455A64;}
blockquote {color:#757575;}


/* ---- BACKGROUND COLORS ---- */
.nav-toggle:active, .nav-toggle:focus, .nav-toggle:hover {background-color:#455A64;}
footer, .header-wrapper.sticky {background-color:#607D8B;}
mark, .marker {background-color:#FFC107;}
@media (max-width:992px) {
 .js .nav-collapse 	{background-color:#455A64;}
 .nav-collapse {
	-webkit-box-shadow: 0px 8px 24px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 8px 24px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 8px 24px 0px rgba(50, 50, 50, 0.1);
}
}
.container, .superhero {background-color:#fff;}
footer .container {background-color:transparent;}

@media (max-width:768px) {
.container {
	padding: 50px 15px 50px;
}
}
@media (min-width:769px) {
.container {
	padding: 50px 0 50px;
}
}
/* ---- SUPERHERO ---- */
/*.superhero {margin-top:64px;width:100%}*/
@media (max-width:768px) {
.superhero {
	background-image: url(../../images/background_790.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
	height: auto;
}	
}

@media (min-width: 769px) and (max-width: 1440px){
.superhero {
	background-image: url(../../images/background_1440.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
	height: auto;
}	
}
@media (min-width: 1441px) and (max-width: 1920px){
.superhero {
	background-image: url(../../images/background_1920.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
	min-height: auto;
}	
}
@media (min-width: 1921px){
.superhero {
	background-image: url(../../images/background_2560.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: auto;
}	
}
.superhero-text {
	font-size:2em;
	padding-top:35%;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}
.nav-collapse li a {border-color: transparent;}

nav ul li a {
	text-transform: uppercase;
}

nav ul ul li a {
	text-transform: capitalize;
}

footer .container {
	padding: 20px 0 20px;
}

footer {
	padding:50px 0;
	font-size:15px;	
	border-bottom: 3px solid #455A64;
}
footer hr {
	border-top:1px solid #444;
}

/* Tidying Logo and mobile menu behaviour */

header a.logo {
	/*text-transform: uppercase;*/
	font-weight: bold;
	margin-left: 60px;
}

.header-wrapper header .logo {
	font-size:17px;
	float:left;
	line-height:57px;
	letter-spacing:1px;
}

@media (max-width: 992px){
	.js .nav-collapse {
		width: 285px;
		float: right;
}
	.nav-toggle {
		background-color:#FFC107;
		color:#fff;}}
@media (max-width: 767px) {
.header-wrapper header .logo {
	font-size:13px;
	margin-left:15px;
	font-weight: 600;
	}
}

/*Making the 'stickybody' work'*/

body.stickybody {
	margin-top:0;
}

.header-wrapper.sticky {
	position:fixed;
	border-top: 3px solid #455A64;
	/*border-bottom:1px solid #fff;*/
	top:0;
	-webkit-box-shadow: 0px 2px 12px 0px rgba(100, 100, 100, 0.1);
	-moz-box-shadow:    0px 2px 12px 0px rgba(100, 100, 100, 0.1);
	box-shadow:         0px 2px 12px 0px rgba(100, 100, 100, 0.1);
}
.header-wrapper {height:64px;}

@media (min-width:992px) {
	.header-wrapper.sticky {
		position:fixed;
		border-bottom:0px solid #eee;
		top:0;
	}
}
/*Making the Footer 'sticky'*/

footer {
    position: relative;
    left: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
}

blockquote {font-size:1em; font-style: italic; padding-left:0.9em; border-left: 0.3em solid #FFC107; }
pre {
    width: auto;
    overflow: auto;
    margin: 2rem 0;
    padding: 1rem 0.8rem 1rem 1.2rem;
    color: #3f3b36;
    border: 1px solid #FFC107;
    border-left: 1rem solid #FFC107;
}