/*! ******************************************************
*
*	Theme Name:     Fehlmann-Wasser
*   Author:         Siebensinn | </godstone>
*   Author URI:     http://www.onthegosystems.com/
*   Description:    Simple, clear and modern Bootstrap 3-based theme. Perfect base for developing all kinds of responsive sites with Toolsets, including the Layouts plugin (no extra integration needed, you activate Layouts and the drag and drop facilities work out of the box). Uses WordPress theme customizer and supports Font Awesome Icons. Supports WooCommerce integration by styles unification.
*   Version:        1.1
*   License:        GNU General Public License v2 or later
*   License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*   Template:       toolset-starter
*
*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*:root {
  	--main-bg-color: #1b223a;
	--font-color: #ffffff;
	--link-color: #9ac6d8;
}*/

html {
	font-size: 16px;
}

body {
	background: #1b223a;
	color: #ffffff;
	font-size: 1.00em;
    line-height: 1.5em;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

a {
    color: #9ac6d8;
    text-decoration: none;
}

a.icon-link {
	color: transparent;
}

h1, .h1 {
	font-size: 1.00em;
    line-height: 1.5em;
	text-transform: uppercase;
	margin: -5px 0 0 0;
	padding: 0;
}

h2, .h2 {
	font-size: 1.00em;
    line-height: 1.5em;
	margin: 0 0 50px 0;
	padding: 0;
}

h3, .h3 {
    font-size: 0.813em;
    text-transform: uppercase;
	margin: 0;
	padding: 0;
}

a[target="_blank"]:not(.notarget):after {
	content: '';
}

a:hover, a:focus {
	text-decoration: none;
}

div#logo {
    margin-top: 20px;
    margin-bottom: 30px;
}

div#logo img {
	height: 140px;
	width: 203px;
	max-width: 203px;
}

div#slider {
	margin-bottom: 30px;	
}

div.content {
	margin-bottom: 50px;
}

ul.list-referenzen {
	margin-bottom: 20px;
}

/* Logo in Slider - added in custom.js */
div.logo-aqua-suisse {
    position: absolute;
    z-index: 100;
    background-image: url(/wp-content/uploads/2019/02/logo-aqua-suisse.png);
    background-size: cover;
    height: 93px;
    width: 77px;
    right: 0;
}

div#slogan {
	display: none;
	align-items: center;
  	justify-content: center;
	height: 135px;
}

.slogan-content {
	align-self: center;
}

/* WPML Language-Switcher
 * ///////////////////////////////// */

.languageswitch {
	font-size: 0.8em;
	padding: 0;
}

.wpml-ls-display {
	display: none;
}

.wpml-ls-legacy-list-horizontal a {
	padding: 5px;
}

.wpml-ls-legacy-list-horizontal a:hover {
	color: #fff;
}

.wpml-ls-current-language, .wpml-ls-current-language a {
	color: #fff;
}

/* Navigation
 * ///////////////////////////////// */

.bellows.bellows-fehlmann {
    background-color: transparent !important;
    position: absolute !important;
    z-index: 100 !important;
	margin: 0 !important;
}

.bellows .bellows-nav .bellows-target {
	padding: 5px 0 5px 20px !important;
	margin-bottom: 5px !important;
	line-height: 1em !important;
}

.bellows.bellows-fehlmann .bellows-nav .bellows-item-level-0 > .bellows-target {
	background-color: #1b223a;
}

.bellows.bellows-fehlmann .bellows-nav .bellows-submenu, .bellows.bellows-fehlmann .bellows-nav .bellows-submenu a {
	background-color: rgba(27, 34, 58, 0.6) !important;
	color: #ffffff !important;
}

.bellows.bellows-fehlmann .bellows-nav .bellows-submenu .bellows-current-menu-item > .bellows-target, .bellows.bellows-fehlmann .bellows-nav .bellows-submenu .bellows-target:hover {
	background-color: rgba(27, 34, 58, 0.9) !important;
}

ul.bellows-submenu {
	margin-top: -5px !important;
}

ul.bellows-submenu li, ul.bellows-submenu li a .bellows-target {
	margin-bottom: 0 !important;
	font-size: 0.813rem !important;
}

.bellows .bellows-nav .bellows-submenu .bellows-target {
	padding-bottom: 2px !important;
	margin-bottom: 0 !important;
}

.bellows .bellows-nav .bellows-submenu li:last-child {
	margin-bottom: 5px !important;
}

span.bellows-subtoggle {
  display: none !important;	
}

/* ShiftNav 
 * ///////////////////////////////// */

/* SubItems Colors */
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target, .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target:hover {
	background: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target {
	background: rgba(255, 255, 255, 0.9) !important;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target:hover {
	background: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
	background: rgba(255, 255, 255, 0.9) !important;
}
/* Border of SubItems */
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
	border: none !important;
	padding: 10px 20px !important;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item:nth-last-child(2) > .shiftnav-target {
	margin-bottom: 30px !important;
}

/* Spacing Details
 * ///////////////////////////////// */

.sidebar-left {
	margin-bottom: 50px;
}

.sidebar-left > div.row {
	margin-bottom: 20px;
}

.sidebar-icons img {
	margin-right: 15px;
	width: 50px;
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    margin-bottom: 45px;
    padding: 15px 0 0 15px;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target {
	line-height: 1em !important;
}

/* Mitarbeitende View
 * ///////////////////////////////// */
.mitarbeitende-wrapper {
    background: #9ac6d8;
    height: 360px;
    margin-bottom: 20px;
    border-left: 15px solid #1b223a;
	overflow-y: hidden;
	border-radius: 0 15px 0 45px;
}

.mitarbeitende-portrait {
    margin-left: -15px;
    margin-right: -15px;
	border-bottom: 3px solid #1b223a;
}

.mitarbeitende-text {
	color: #1b223a;
	margin-top: 5px;
	font-size: 0.95em;
	overflow-x: hidden;
}

.mitarbeitende-text a {
	color: #1b223a;
}

/* Responsive Media Queries
 * ///////////////////////////////// */

.mobilehidden {
	display: none;
}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}
	.sidebar-left > div.row, .sidebar-left {
		margin-bottom: inherit;
	}
	.sidebar-icons img {
		margin-right: inherit;
		width: 32px;
	}
}

@media (min-width: 800px) {
	div#slogan {
		display: flex;
	}
	div.sidebar-icons {
		padding-bottom: 13em;
	}
	.mobilehidden {
		display: inline-block;
	}
}

@media (min-width: 992px) {
	.container {
		width: 100%;
	}
	div#slogan {
		padding-top: 20px;
	}
	.mobilehidden {
		display: inline-block;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
		width: 100%;
	}
	div#slogan {
		padding-top: 55px;
	}
	.mobilehidden {
		display: inline-block;
	}
}