@charset "utf-8";
/*
Theme Name: Tareno AG 2.0
Author: smetrix Kommunikations- & Webdesign
Author URI: http://www.smetrix.de
Text Domain: tareno
Version: 2.0
*/

header, footer, .sidebar { font-family: "BellCentennial-SubCa", sans-serif; text-transform: uppercase;}
rs-layer { font-family: "ITC Slimbach", serif !important; }
body { font-family: "ITC Slimbach", serif; font-size: 18px; letter-spacing: 0.5px;}
h1, h2, h3, h4, h5, h6 { font-family: "BellCentennial-SubCa", sans-serif; color: #33447b; color: rgba(51,68,123,0.6); font-weight:500; margin-top: 0px; margin-bottom: 0.5em !important; text-transform: uppercase;}
h1 {font-size: 42px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 20px;}

.content ul {list-style: none; padding:0; margin:0;}
.content ul li:not(.vc_tta-tab):before {
    content: "■";
    color: #33447b;
	font-size: 1rem;
	color: rgba(51,68,123,0.6);
	margin-right: 15px;
	top: -4px;
	position: relative;
}

/*WP CORE STYLE START */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*WP CORE STYLE END */

/* Header START */
header.container {position: relative; padding: 15px 0px; font-size: 14px;}
#logoarea {text-align: center; padding: 0px;}
a#logo { display: inline-block; }
#languageswitch-area {padding: 15px;}
#languageswitch {margin: 0px;}
#languageswitch li:first-of-type {padding-left: 0px;}
#quicklinks-area {padding: 15px; right: 0px;}
#quicklinks {margin: 0px;}
#quicklinks li:last-of-type {padding-right: 0px;}
#languageswitch li a {color: #969696; text-decoration: none; letter-spacing: 0.1rem;}
#quicklinks li a {color: #969696; text-decoration: none; letter-spacing: 0.1rem;}
/* Header END */

/* Navigation START*/
.navbar-toggle {display: block;	position: absolute; right: 0px; top: 0px; margin: 15px 15px 0px 0px; padding: 0px; z-index: 2; transition: all 0.5s;}
.navbar-toggle .icon-bar {background: #362D64;}
.navbar-toggle.active {margin: 15px 15px 0 0;}
.navbar-toggle.active .icon-bar {background: #fff;}
#mainNav {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	background-color: #858fb0; /* approx Bali Hai IE 9 and older Fallback */ 
	background: rgba(133,143,176,0.93); 
	display: none;	
	z-index: 1;	
	width: 100%;	
	padding: 90px 145px 60px 60px;
	transition: none;
	box-sizing: border-box;
	
}
#mainNav, .sidenav .menu { font-size:18px; }
nav ul {margin: 0; padding: 0;}
nav ul .menu-item .sub-menu .menu-item {margin-left: 14px;}
nav ul .menu-item {list-style: none;}
nav ul .menu-item a {display: inline-block; width: 100%; border-top: 1px solid #36447A; padding: 3px 0px; text-transform: uppercase; color: #36447A;}
nav ul .menu-item ul li a {border: none !important;}
nav ul .menu-item .sub-menu {display: none;}
nav ul .menu-item.current_page_item a  {color: #fff;}
nav ul .menu-item.current_page_item.menu-item-has-children a {border-bottom: 1px solid #36447A;}
nav ul .menu-item.current_page_item.menu-item-has-children .sub-menu {display:block;}
nav ul .menu-item.current_page_item.menu-item-has-children .sub-menu .menu-item a {color: #36447A;}
nav ul .menu-item.current-menu-parent .sub-menu {display:block;}
nav ul .menu-item.menu-item-has-children { position: relative; }
nav ul .menu-item.menu-item-has-children>a.drilldown {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	border-top: none;
	width: 34px;
	padding-bottom: 10px;
	cursor: pointer;
}
/* Navigation END*/

/*Aspect Ratio START*/
.aspect-ratio {position: relative;}
.aspect-ratio > .aspect-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.aspect-ratio.four-to-three:before {display: block; content: ""; width: 100%; padding-top: 75%; /* ($height / $width) * 100%; */}
.aspect-ratio.eleven-to-seven:before {display: block; content: ""; width: 100%; padding-top: 65.28561486872842%; /* ($height / $width) * 100%; */}
.aspect-ratio.sixteen-to-nine:before {display: block; content: ""; width: 100%; padding-top: 56,25%; /* ($height / $width) * 100%; */}
.aspect-ratio.one-to-one:before {display: block; content: ""; width: 100%; padding-top: 100%; /* ($height / $width) * 100%; */}
/*Aspect Ratio END*/

/*Vertical and Horizontal centering START*/
.center-wrapper {position: relative; height: 100%; width: 100%; box-sizing:border-box;}
.center-content {position: relative; width: 100%; text-align:center; overflow: hidden; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
/*  }
*/
/*Vertical and Horizontal centering END*/

/* Background coloring START */
.ghost { background-color: #c9cdd5; background: rgba(201,205,213,0.7); }
.bermudaGrey {	background-color: #778daa; background: rgba(119,141,170,0.6); }
.chambray {background-color: #D8DCE2; }
.chambray, #mainNav { background: #D8DCE2; }
.poloBlue { background-color: #7ca1cd; background: rgba(124,161,205,0.6); }
/* Background coloring  END */

/* Page Header START */
#page-head-wrapper .page-head {width: 100%;}
.page-head .attachment-Pagehead {float: right; height: 100%; width: auto; display: none;}
#page-head-wrapper.department-template .headline-container {width: 100%;}
/* Page Header END */

/*Sidebar START*/
#content-wrapper.with-sidebar section.content {width: 100%;}
/*Sidebar END*/

/* wuk.ch */
.equal-height { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; }

/* wuk.ch END */

.vc_row {margin: 0px !important;}
#content-wrapper .content {padding: 10px;}

.vc_btn3-container.tareno-btn {margin-top: 2vw; margin-bottom: 2vw; margin-left: 20vw; margin-right: 20vw;}
.vc_general.vc_btn3.vc_btn3-style-tareno-btn {
    background: none;
    border: 1px solid #fff;
    font-family: "ITC Slimbach", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
	font-size: 5vw !important;
	padding: 5vw !important;
}
.vc_general.vc_btn3.vc_btn3-style-tareno-btn:hover {background: rgba(255,255,255,0.3); color: #fff;}

#content-wrapper.news-template .news-item {border-top: 1px solid rgba(119,141,170,0.6);	padding: 25px 0px; margin: 0px;}
.news-template .news-item .news-meta {padding-left: 0px;}
.news-template .news-item .news-excerpt {padding-right: 0px;}

#content-wrapper.department-template .teammember {border-top: 1px solid rgba(119,141,170,0.6); padding: 25px 0px; margin: 0px;}
#content-wrapper.department-template .teammember-info-container {padding-left: 0px;}
#content-wrapper.department-template .teammember-excerpt {padding-right: 0px;}
.teammember-info-container .teammember-info {float: right; width: 55%;}
.teammember-info-container .teammember-image {float: left; width: 40%; height: auto;}

#content-wrapper.single-teammember .row {margin: 0px;}
#content-wrapper.single-teammember .col {padding: 0px;}

@media (min-width: 768px) {
.home #content-wrapper {
    background-size: cover !important;
}}
@media (min-width: 768px) {
#content-wrapper.single-teammember {
    background-image: url('http://www.tareno.ch/wp-content/uploads/2016/08/fullt.svg');
    background-position: top center;
    background-repeat: no-repeat;
    /*background-size: contain;*/
	background-size: auto 100%;
}
}
@media (max-width: 767px) {
	#content-wrapper.single-teammember .row:nth-child(1) > .col:nth-child(1) {
		background-image: url('http://www.tareno.ch/wp-content/uploads/2016/08/fullt.svg');
		background-position: top center;
		background-repeat: no-repeat;
		/*background-size: contain;*/
		background-size: auto 100%;
	}
	.btnsx-btn {
		width: calc(100% - 40px) !important;
		padding: 10px 20px !important;
	}
}

.single-teammember .teammember-image-container {overflow:hidden;}
.single-teammember .teammember-image-container .teammember-image {width:100%; height:auto;}

/* Footer START */
footer.container {font-size: 14px; padding: 15px;}
footer #footermenu li a {color: #969696; text-decoration: none; letter-spacing: 0.1rem;}
footer #footermenu li:last-of-type {padding-right: 0px;}
#footer-nav {margin: 0px; padding: 15px;}
#footer-nav li:last-of-type{padding-right: 0px;}
/* Footer END */

@media (min-width: 768px) {
	/* Header START */
	#languageswitch-area {position: absolute; padding-left: 0px; bottom: 0px;}
	#quicklinks-area {position: absolute; padding-right: 0px; bottom: 0px;}
	/* Header END */
	
	/* Navigation START*/
	.navbar-toggle {margin-right: 0px;}
	#mainNav {width: 50%;}
	/* Navigation END*/
	
	#page-head-wrapper {padding: 0px;}
	
	#content-wrapper {padding: 0px;}
	
	/* Footer START */
	footer.container {padding: 15px 0px;}
	#footer-nav {padding-right: 0px;}
	/* Footer END */
	
	.vc_btn3-container.tareno-btn {margin-top: 2vw; margin-bottom: 2vw; margin-left: 10vw; margin-right: 10vw;}
	.vc_general.vc_btn3.vc_btn3-style-tareno-btn {font-size: 2vw !important; padding: 2vw !important;}
}

@media (min-width: 992px) {
	#page-head-wrapper.with-sidebar .t-element-block { width: 30.286953125%; }
	#page-head-wrapper.with-sidebar .page-head { width: 69.713046875%; }	
	
	.page-head .attachment-Pagehead {height: 237.75px; display: block;}
		
	/*Sidebar START*/
	#content-wrapper.with-sidebar aside.sidebar { width: 30.286953125%; }
	#content-wrapper.with-sidebar section.content { width: 69.713046875%; }
	#content-wrapper.with-sidebar.content-limited section.content {width: 46.5%;}
	/*Sidebar END*/	
	
	.headline-container {position: relative; float: left; height: 250px; width: 100%;}
	/*.with-attachment .headline-container {width: 55%;}*/
	.with-attachment .headline-container {width: 60%;}
	.headline-container h1 {position: absolute; bottom: 0px;}
	
	.vc_btn3-container.tareno-btn {margin-top: 15px; margin-bottom: 15px; margin-left: 80px; margin-right: 80px;}
	.vc_general.vc_btn3.vc_btn3-style-tareno-btn {font-size: 20px !important; padding: 20px !important;}
}

@media (min-width: 1280px) {
	/* Navigation START*/
	.navbar-toggle {margin-right: 0px;}
	#mainNav {width: 30.323125%;}
	/* Navigation END*/
	
	.page-head .attachment-Pagehead {height: 313.717px;}
	
	.vc_btn3-container.tareno-btn {margin-top: 15px; margin-bottom: 15px; margin-left: 100px; margin-right: 100px;}
	.vc_general.vc_btn3.vc_btn3-style-tareno-btn {font-size: 26px !important; padding: 25px !important;}
}

@media (max-width: 767px) {
	.ornament-ttl {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttr.svg') !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	.ornament-ttr {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttl.svg') !important;
		background-position: top right !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	.ornament-ttl-ghost {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttr-ghost.svg') !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}	
	.ornament-ttr-ghost {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttl-ghost.svg') !important;
		background-position: top right !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	.ornament-ttl-bermudaGrey {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttr-bermudaGrey.svg') !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}	
	.ornament-ttr-bermudaGrey {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttl-bermudaGrey.svg') !important;
		background-position: top right !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	.ornament-ttl-chambray {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttr-chambray.svg') !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}	
	.ornament-ttr-chambray {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttl-chambray.svg') !important;
		background-position: top right !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	.ornament-ttl-poloBlue {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttr-poloBlue.svg') !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}	
	.ornament-ttr-poloBlue {
		background-image: url('http://www.tareno.ch/wp-content/themes/tareno2/img/ttl-poloBlue.svg') !important;
		background-position: top right !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}		
}

@media (max-width: 991px) {
	.content .content-container {padding-left: 0px !important;}
	.vc_row.wpb_row.content-container-limited {padding-left: 0px !important;}
	.content-container-limited > .vc_column_container {width: 100%;}
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
h1 { color: #FFF; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.headline-container { padding: 30px; }
.headline-container h1 { margin: 0px; }
@media (max-width: 1279px) {
	.headline-container { height: 200px; }
}
@media (max-width: 991px) {
	.headline-container { height: auto; }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#content-wrapper.with-sidebar .sidebar { padding: 60px; }
.menu .current-menu-ancestor .sub-menu, .menu .current_page_ancestor .sub-menu { display: inline-block; }
nav ul .current-menu-item a { color: #FFF; }
.menu ul li a { font-size: 15px; padding: 0px; }
#mainNav { padding: 60px; }
@media (max-width: 1279px) {
	#mainNav { padding: 30px; }
}

/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/
#content-wrapper section.content { padding: 30px; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
h2 { margin: 0px; }
h2 a { color: rgba(51,68,123,0.6); font-size: 16px; }
.content ul li { margin-left: 20px; }
.content ul li::before { margin-left: -20px; }
.attachment-news-thumb { width: 100%; height: auto; }
.news-meta { font-size: 14px; color: rgba(51,68,123,0.6); }
a.moretag { color: rgba(51,68,123,0.6); }
@media (max-width: 1279px) {
	.center-content p { font-size: 0.9em; }
}
@media (max-width: 991px) {
	.center-content p { font-size: 0.8em; }
	.teammember-info-container .teammember-info { clear: both; float:none; width: 100%; }
	.teammember-info-container .teammember-image { margin-right: 20px; }
}
@media (max-width: 767px) {
	p, strong, h1, h2, h3, h4, h5, li  { font-size: 0.9em; }
	.content ul li:before { font-size: 0.9rem; }
	p { text-align: justify; }
	.center-content p { font-size: 1em; }
	.aspect-ratio > .aspect-wrapper { position: relative; }
	.aspect-ratio.poloBlue > .aspect-wrapper, .aspect-ratio.bermudaGrey > .aspect-wrapper, .aspect-ratio.chambray > .aspect-wrapper, .aspect-ratio.ghost  > .aspect-wrapper { position: absolute; }
	.aspect-ratio.eleven-to-seven::before { padding-top: 0px; }
	.aspect-ratio.eleven-to-seven.poloBlue::before, .aspect-ratio.eleven-to-seven.bermudaGrey::before, .aspect-ratio.eleven-to-seven.chambray::before, .aspect-ratio.eleven-to-seven.ghost::before { padding-top: 65.28561486872842%; }
	.center-content { top:auto; left:auto; transform:none; }
	.poloBlue .center-content, .bermudaGrey .center-content, .chambray .center-content, .ghost .center-content { top: 50%; left: 50%; transform: translate(-50%, -50%); }
}

/*--------------------------------------------------------------
# Visual Composer
--------------------------------------------------------------*/
/*.vc_row .vc_col-sm-6 { padding-right: 10px; }*/
.vc_row .vc_col-sm-6 + .vc_col-sm-6 { padding-left: 10px; }
.home .vc_row .vc_col-sm-6 { padding-right: 0px; }
.home .vc_row .vc_col-sm-6 + .vc_col-sm-6 { padding-left: 0px; }
.center-content .wpb_text_column { margin-bottom: 1px; }
.vc_empty_space { max-height: 250px; }
.vc_row-fluid .vc_column_container > .vc_column-inner { padding: 0px; padding-left:0px; padding-right:0px; }
@media (max-width: 1279px) {
	.vc_empty_space { max-height: 150px; }
}

@media (max-width: 991px) {
	.vc_empty_space { max-height: 50px; }
}

@media (max-width: 767px) {
	.vc_column_container > .vc_column-inner { margin: 0px !important; padding: 0px !important; }
	.vc_empty_space { max-height: 50px; }
	h1 {font-size: 25px;}
	
	body:not(.home) .rs-parallax-wrap	{ top: 28% !important; }
	body:not(.home) .rs-parallax-wrap:last-child	{ top: 20% !important; }
	* {
		hyphens: auto;
		-moz-hyphens:auto;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}
}
.vc_separator:not(*:root) { display: block; }


/* Contact Form */
input, textarea {width: 100%; background: #D9DCE2; border: none; margin: 10px 0px;}
textarea.wpcf7-form-control { background: #D9DCE2 !important; }
input[type="radio"] {width: auto; margin: 14px 0px; border: none; color: red;}
label {color: rgba(51,68,123,0.6); margin: 10px 0px;}


blockquote {font-size:2.1rem;}

.quote-box {text-align: left;}
.content-box {text-align: left;}
@media (min-width: 768px) {
	.quote-box { padding-left: 50px; }
	.content-box { padding-right: 50px; }
}
@media (min-width: 992px) {
	.quote-box {padding: 0 60px 0 90px;}
	.content-box {padding: 0 90px 0 60px;}
}


.teammeber-coute { color: #36447A; font-size: 2rem; font-weight: bold; }

#content-wrapper .content h1 {color: #33447b; color: rgba(51,68,123,0.6);}

.news-item .news-meta h2 {font-size: 16px;}
nav a:hover, nav a:active {text-decoration: none !important;}

@media (max-width: 420px) {
.teammember-info-container .teammember-image {width: 100%; margin: 15px 0;}
.teammember-excerpt {padding-left: 0px;}
}

#headerNavArea .navbar-toggle { z-index: 99; }
#headerNavArea #mainNav { z-index: 98; }

/*********************
* Tranche Boxen
*********************/
.vc_column_container.with-padding { padding-left: 5px; padding-right: 5px; }
.vc-tranche-wrap { margin-bottom: 10px; }
.vc-tranche-head { text-align: center; padding: 20px 10px; }
.vc-tranche-headline { font-size: 42px; font-weight: 300; margin-bottom: 0px !important; }
.vc-tranche-subline { opacity: 0.6; font-size: 0.9em; }
.vc-tranche-content { padding: 20px 10px; border: 1px solid; text-align:center; border: 1px solid #dddddd; }
.vc-tranche-content div+div { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dddddd; }
.vc-tranche-content div a { font-size: 0.9em; font-weight: bold; }
@media (max-width: 1279px) {
	.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg { padding-left: 20px !important; padding-right: 20px !important; font-size: 0.9em !important; }
}

/*.fullwidthbanner-container { height: 100% !important; }*/
.fullwidthbanner-container > .fullwidthabanner { height: 100% !important; }
.fullwidthbanner-container > .fullwidthabanner > .tp-revslider-mainul { height: 100% !important; width: 100% !important; }
.page-id-477 .vc_col-sm-6 {padding-left: 0px !important;}
.page-id-1231 .vc_col-sm-6 {padding-left: 0px !important;}
.page-id-1233 .vc_col-sm-6 {padding-left: 0px !important;}

input[type="checkbox"], input[type="radio"] { width: auto; }
.page-id-1233 .vc_custom_1486049904017 {margin-bottom: 32px;}

.page-id-1247 .vc-hoverbox-front, .page-id-1251 .vc-hoverbox-front, .page-id-309 .vc-hoverbox-front { display: block !important; padding-top: 50px; }


.boxxen .vc_column-inner { padding-right: 10px !important;padding-left: 10px !important; }
.boxxen .vc_column-inner .wpb_text_column { margin-bottom:0px; padding-top: 10px !important; padding-bottom: 10px !important; background: #717ea1; }
.boxxen .vc_column-inner .wpb_single_image { margin-bottom: 50px !important; max-width: 100%; padding: 20px 0; border: 1px solid #dddddd; border-radius: 3px; text-align: center; }