/*

Theme Name: SYSTEM1
Theme URI: http://www.system1.ch
Author: Manuel Gemperli
Author URI: http://www.ncode.ch
Description: A very simple bootstrap based theme
Version: 1.0.1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: system1

*/

body {
/*
	font-family: Arial, sans-serif;
*/
	font-size: 15px;
} 

.s1-container {
	
}

.s1-header {
	position: relative;
	height: 300px;
	background-image: url('../../uploads/2015/11/farn_web3.png');
	background-size: cover;
/*	do not use these, otherwise COVER will react with window size
	or not work nicely ...
	background-position: -100px 0px;
	background-attachment: fixed;*/
}
.frontpage .s1-header {
	height: 505px;
}
.s1-header:after {
	background: url('images/pattern.png');
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.3;
	z-index: 1;
}


/* logo */
.s1-header-img {
	z-index: 3;
	padding-top: 80px;
}
.s1-header-img a:hover {
	text-decoration: none;
}

.s1-header-img a {
	color: #fff;
    font-size: 250%;
    font-weight: 700;
} 

.s1-header-img img {
	width: 200px;
	height: auto;
}

.frontpage .s1-header-img img {
        width: 150px;
        height: auto;
}

.s1-header-text {
	color: #fff;
	text-transform: uppercase;
	z-index: 2;
}

.frontpage .s1-header-text {

	margin-top: 180px;
	font-weight: 700;
/*	line-height: 400px;*/
	font-size: 3.8vw;
	text-align: center;
	letter-spacing: 0.13em;
}

@media (max-width: 767px) {
	.s1-header,
	.frontpage .s1-header {
		height: 120px;
	}
	.s1-header-text,
	.frontpage .s1-header-text {
		margin-top: 0px;
		text-align: left;
		font-size: 3.8vw;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
	.s1-header-img {
		padding-top: 15px;
	}
	.s1-header-img img {
		width: 150px;
	}
	.s1-header-img a {
		font-size: 5vw;
	}
}

.s1-top-menu {
	height: 50px;
}

.s1-content {

}

.s1-main {

}

.s1-left {

}

.s1-right {

}

.s1-footer-menu {

}

.s1-author-credits {

}

.footer-space {
	height: 100px;
}

.s1-footer {
	color: white;
	background-color: #0e2a3e;
}

.s1-footer .container {
	padding-top:45px;
	padding-bottom: 15px;
	background-color: black;
}
.s1-footer a {
	margin-bottom: 0px;
	color: #9d9d9d;
}
.s1-copy-contact {
	text-align: center;
}

/** page layout */
.page-header {
	margin: 40px 0 5px;
}

.s1-main .panel-grid:first-child .panel-row-style {
	padding-top: 20px;
}

.panel-row-style
{
	padding-top: 60px;
	padding-bottom: 60px;
}
.panel-row-style h3
{
	padding-bottom: 20px;
}

.row-grey {
	background-color: #F4F4F4;
	background-color: #F9F9F9;
}
.row-brown {
	background-color: #FFFFEF;
}
.row-blue {
	background-color: #D2EDF8;
background-color: #c7e1f2;
}
.row-white {
	background-color: #FFFFFF;
}

.sow-features-list .sow-features-feature {
	/*
	text-align: right;
*/
}



/** bootstrap overwrites */
.navbar-inverse {
/*	 background-color: #003050;
*/
	background-image: none;
	background-color: #0e2a3e;
}
.navbar-collapse {
	padding-left: 0px;
}
/** bootstrap subnav on hover */
@media (min-width: 767px) {
   .dropdown:hover .dropdown-menu {
       display: block;
    }
   .dropdown-menu>li>a {
   	line-height: 1.8;
   }
}

#swipebox-overlay {
	top: 0;
	left: 0;
	position: fixed;
	right: 0;
	bottom: 0;
display: block;
width: auto;
height: auto;
}
#swipebox-container {
	background-color: #BBB;
position: absolute;
opacity: 1;
overflow: visible;
display: block;

}

/** affix nav-main */
#nav-main {
	border-radius: 0px;
	z-index: 1000;
}
#nav-main.affix {
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}


/* typography */

h5 {
	font-weight: 700;
}

.list-group-item-info {
/*background-image: url("/wp-content/uploads/2015/11/farn_web3.png");*/
}
.frontpage .list-group-item-info {
	background-color: #f1f6f9;
	background-color: #e2f0f7;
	background-color: #def0f9;
	color: #333;
	padding-top: 15px ;
	padding-bottom: 15px;
/*	color: white;*/
	font-size: 22px;
	font-weight: 700;
}
.frontpage .list-group-item-info span {
	padding-right: 15px;
}

a.go-to-top {
background: rgba(202,231,239, 0.8) url('images/arrow-to-top.svg') no-repeat scroll center center;
height: 35px;
    bottom: 50px;
    right: 50px;
    width: 60px;
position:fixed;
z-index: 9999;
outline: 0;
overflow: hidden;
display: inline-block;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
white-space: nowrap;
opacity:0;
}

@media only screen and (min-width: 768px) {
a.go-to-top.is-visible {
	visibility: visible;
	opacity: 1;
}
a.go-to-top.fade-out:hover, 
a.go-to-top:hover {
	background-color: rgba(202, 231, 239, 1);
	opacity: 1;
}

a.go-to-top.fade-out {
	opacity: .5;
}

.page-id-89 .envira-gallery-wrap .envira-gallery-public .envira-gallery-item > .envira-gallery-link
{
	box-shadow: 2px 4px 8px #DDD;
	border: 1px solid #CFCFCF !important;
}