/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */
html {
	font-family: 'Open Sans', sans-serif;
}
.wide-image {
	background: url('../images/header-image-1.jpg') no-repeat center center;
	width: 100%;
	height: 400px;
}
#page.front #header {
	padding: 0;
	position: relative;
}
#page.front #name-and-slogan {
	position: absolute;
	max-width: 900px;
	top: 200px;
	left: 50%;
	margin-left: -450px;
}
#page.front #name-and-slogan h1{
	background-color: rgba(65, 65, 65, 0.75);
	padding: 20px;
}
#page.front #name-and-slogan h1 .header__site-link{
	color: #ffffff;
}
#page.front #name-and-slogan h1 .header__site-link:hover{
	text-decoration: none;
}
#page.page #name-and-slogan {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	text-align: right;
}
#toolbar {
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.not-front #toolbar, #toolbar.sticky{
	top: 48px;
}
#main {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#main.menu-padding {
	padding-top: 6em;
}
#navigation {
	position: relative;
	padding: 0;
	background-color: #414141;
	z-index: 100;
}
#navigation.sticky {
	position: fixed;
	top: 0;
}
#main-menu {
	max-width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}
#navigation a {
	color: #ffffff;
	text-decoration: none;
}
#main-menu, #navigation ul, #navigation li {
	height: 100%;
}
#navigation ul:focus, #navigation li:focus, #navigation li a:focus {
	border: none;
	outline: 0 none;
}
#main-menu .links li {
	line-height: 45px;
	padding: 0 10px 0 10px;	
	-webkit-transition: background-color 0.3s ease;                  
    -moz-transition: background-color 0.3s ease;                 
    -o-transition: background-color 0.3s ease;   
    -ms-transition: background-color 0.3s ease;          
    transition: background-color 0.3s ease;
}
#main-menu .links li.active {
	background-color: #4d4d4d;
}
#main-menu .links li:hover {
	background-color: #666666;
	cursor: pointer;
}
#lipsum {
	width: 100%;
}
#page.page:before {
	content: "";
	z-index: -1;
	position: fixed;
	display: block;
	background: url('../images/header-image-1.jpg') no-repeat center center;
	width: 100%;
	height: 600px;
}
#page.page #main {
	background-color: rgba(255,255,255,0.8);
	min-height: 600px;
}
.hero {
	display: inline-block;
	font-size: 300%;
	font-weight: 300;
	font-style: italic;
	width: 100%;
	line-height: 300%;
	text-align: center;
}
.hero1 {
	display: inline-block;
	font-size: 200%;
	font-weight: 300;
	font-style: italic;
	width: 100%;
	line-height: 200%;
	text-align: center;	
}
.hero2 {
	
	display: inline-block;
	font-size: 180%;
	font-weight: 300;
	font-style: italic;
	width: 100%;
	line-height: 180%;
	text-align: center;	
}
.hero3 {
	
	display: inline-block;
	font-size: 150%;
	font-weight: 300;
	font-style: italic;
	width: 100%;
	line-height: 150%;
	text-align: center;	
}
.view-articles .views-row {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #999999;
}
a, a:link, a:visited, a:hover {
	color: #000000;
}
.social-share {
	float: left;
}
article.node-5{
	background-color: rgba(255,255,255,0.95);
	margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px 10px;
}
.field-item p{
	position: relative;
}
.sidebar-reference{
	position: absolute;
	right: -200px;
	width: 180px;
	background-color: rgba(255,255,255,0.6);
	margin-left: 20px;
	padding:5px;
}
#pisidia-picture{
	cursor: pointer;
	display: none;
	position:relative;
	z-index:-1;
	width:100%;
	height:100%;
	text-align: center;
	background-color:rgba(0,0,0,0.8);
}
#pisidia-picture.visible{
	display: block;
	position:fixed;
	left: 0;
	right: 0;
	z-index: 9999;
}
#pisidia-picture img{
	padding: 50px;
	max-height: 90%;
}
/*.node-5, 
.node-5 a, 
.node-5 a:link, 
.node-5 a:hover, 
.node-5 a:visited{
	color: #414141;
}*/