/*
Theme Name: Ikebana Child
Theme URI: http://satoristudio.net/ikebana
Description: Ikebana Child Theme for AWEL
Author: Ernst Basler + Partner
Author URI: http://www.ep.ch
Template: Ikebana
Version: 1.0.0
License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html
Tags: white, black, one-column, two-columns, flexible-width, custom-background, custom-menu, featured-images, full-width-template, theme-options, translation-ready
Text Domain: ikebana-child
*/

/***************** *
* Von Custom Styles übernommen
************************* */
.iso-masonry .image-post-overlay { display:none; }
/* Kacheln der Startseite*/
.iso-masonry #post-49{background-color:#9d9c9c;}
.iso-masonry #post-48{background-color:#009fe3;}
.iso-masonry #post-46{background-color:#b2e2e3;}
.iso-masonry #post-28{background-color:#9d9c9c;}
.iso-masonry #post-2150{background-color:#00a1a3;}
.iso-masonry .post { width: 235px; height: 235px; }
.iso-masonry .post-size-1x1 { width: 235px; height: 235px; } .iso-masonry .post-size-1x2 { width: 235px; height: 481px; } .iso-masonry .post-size-1x3 { width: 235px; height: 727px; } .iso-masonry .post-size-1x4 { width: 235px; height: 973px; } .iso-masonry .post-size-2x1 { width: 481px; height: 235px; } .iso-masonry .post-size-2x2 { width: 481px; height: 481px; } .iso-masonry .post-size-2x3 { width: 481px; height: 727px; } .iso-masonry .post-size-2x4 { width: 481px; height: 973px; } .iso-masonry .post-size-3x1 { width: 727px; height: 235px; } .iso-masonry .post-size-3x2 { width: 727px; height: 481px; } .iso-masonry .post-size-3x3 { width: 727px; height: 727px; } .iso-masonry .post-size-3x4 { width: 727px; height: 973px; } .iso-masonry .post-size-4x1 { width: 973px; height: 235px; } .iso-masonry .post-size-4x2 { width: 973px; height: 481px; } .iso-masonry .post-size-4x3 { width: 973px; height: 727px; } .iso-masonry .post-size-4x4 { width: 973px; height: 973px; } 
.iso-masonry #portfolio-header { width: 481px; height: 235px !important; }
.iso-masonry .post-size-large { font-size: 40px;line-height: 50px; }
.iso-masonry .image-post-overlay { background-color: #ffffff;color: #ffffff; }
.iso-masonry .post, .iso-masonry #blog-header { margin: 5.5px; }
.page-portfolio .pagerbox { margin-left: 5.5px; }
#portfolio-content-block { margin: 11px 5.5px 5.5px 5.5px; }

#iconmenu { margin-left: -81px; }
/*#header { padding-bottom: 11px; }*/ /* Lücke zwischen Header und Content-Container*/
/*#footer { padding-top: 11px; } */ /* Lücke zwischen Content-Container und Footer*/
.post-wrapper, #comments { padding: 40px; }
.post-wrapper { padding-bottom: 0; }
#main-container { background-color: #ffffff; }

.icons-item { margin-bottom: 11px; }

#main-body, #footer { max-width: 1476px !important; }
#header-box { max-width: 1476px !important; }
#header #header-box { min-height: 40px; background-color: black; } #nav-primary li { line-height: 39px; } #social-top a { line-height: 40px; } #header-box #searchform #s { height: 24px; } #logo { height: 40px; }
#header-box #searchform #s { width: 213px; }

@media only screen and (max-width: 1030px) { #nav-wrap-right { margin-top: 5.5px; } }

.pagerbox a { margin-top: 5.5px; margin-bottom:5.5px; margin-right:11px; }

.normal, body, input, blockquote, dropdown-menu-widget .menu, .widget_categories .postform, .widget_archive select { font: 14px 'Open Sans', Arial, sans-serif; font-weight: 300 !important; }

.serif, cite, h2, h5, h6, .stick-title, .pagerbox a, .pagerbox, .su-heading-shell { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300 !important; }

#nav-primary ul a, #nav-secondary ul a, .mobilemenu .dropdown-menu, .mobile-icon-title-text { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300 !important; }

.scrolltop, .scrolltop:hover { background-image: url('../Ikebana/images/to-top-button.png'); }

@media only screen and (min-width: 767px) {
#footer .widget-footer { width: 28.333333333333%; }
}


body { background-image: url(''); background-color: #f9f9f9; }
#nav-primary ul li ul { background-color: #f9f9f9; }
#nav-primary ul a:hov, #filters .selected { color: #ffffff !important;}
#nav-primary ul a:hov {font-weight: 600 !important;}


.normal, body, input, blockquote { font-size: 14px;  }

#content h1 a, #content h2 a, #content h3 a, #content h4 a, .page-content h1, .post-content h1, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, .serif, cite, h1, h2, h3, h4, h5, h6, .post-header, .page h1, #rps h4.post-title a span, .su-heading-shell { color: #000000;}

a:link, a:visited, #shortcode-postlist .post-meta, .pagerbox a.current .pagerbox a:hover { 
    color: #000000;
    text-decoration: underline; 
}

/* PDF oder XLSX Links*/
a[href $='.pdf'] , a[href $='.docx']{ 
   padding-right: 21px;
   background: transparent url("../../uploads/Icon_Download_black.png") no-repeat scroll right center / 20px auto;
   padding-top: 4px;  
}
a[href $='.pdf']:hover, a[href $='.docx']:hover { 
   background: transparent url("../../uploads/Icon_Download_blue.png") no-repeat scroll right center / 20px auto;
   padding-top: 4px;
   
}
a[href $='.xlsx'], a[href $='.xls'] { 
   padding-right: 25px;
   background: transparent url("../../uploads/Icon_Excel_schwarz.png") no-repeat scroll right center / 20px auto;   
}
a[href $='.xlsx']:hover, a[href $='.xls']:hover { 
   background: transparent url("../../uploads/Icon_Excel_blau.png") no-repeat scroll right center / 20px auto;   
}

/* em Zusatz bei Zip Downloads (ZIP, 32MB) */
li em{
	font-style: normal;
	font-size: 0.85em;
	color: #9d9c9c;
}

a:hover, .widget-area input#searchsubmit:hover, #portfolio-filter a:hover, #portfolio-filter li a:hover, #portfolio-filter li.active a { color: #0097e3; }

.iso-masonry .post, .icons-item, .page-portfolio .pagerbox a, .tax-tagportfolio .pagerbox a, #icons-mobile .mobile-icons-title  { background-color: #ffffff; }


body, blockquote, #content .format-link .post-link h2 a, #content .format-link .post-link h2, .comment-author a { color: #000000; }
.su-divider { border-top-color: #E1E1E1; }

.su-tabs-style-1 .su-tabs-pane { border-color: #ffffff; }
.su-tabs-style-1 .su-tabs-nav { background-color: #ffffff; }

.su-tabs-style-3 { border-color: #fafafa; }
.su-tabs-style-3 .su-tabs-nav span { background-color: #fafafa; }

.su-tabs-style-2 .su-tabs-pane { border-color: ; }
.su-tabs-style-2 .su-tabs-nav { background-color: ; }

.su-tabs-style-1 .su-tabs-nav span { background-color: #ffffff; }

.su-tabs-style-2 .su-tabs-nav span { background-color: ; }
.su-tabs-style-2 .su-tabs-nav span { border-color: ; }

.su-tabs-style-1 .su-tabs-nav span.su-tabs-current, .su-tabs-style-1 .su-tabs-pane { background-color: #ffffff; }
.su-tabs-style-1 .su-tabs-nav span.su-tabs-current { border-color: #ffffff; }

.su-tabs-style-2 .su-tabs-nav span.su-tabs-current, .su-tabs-style-2 .su-tabs-pane { background-color: ; }
.su-tabs-style-2 .su-tabs-nav span.su-tabs-current { border-color: ; }

.su-tabs-style-3 .su-tabs-nav span.su-tabs-current { background-color: #f1f1f1; }
.su-tabs-style-3 .su-tabs-nav span.su-tabs-current { border-color: #f1f1f1; }

.su-tabs-style-1 .su-tabs-nav span:hover { background-color: #ffffff; }
.su-tabs-style-3 .su-tabs-nav span:hover { background: #f8f8f8; }

.su-spoiler-style-2 > .su-spoiler-title, .su-spoiler-style-2.su-spoiler-open > .su-spoiler-title { background-color: #F1F1F1; }
.su-spoiler-style-2, .su-spoiler-style-2 > .su-spoiler-title, .su-spoiler-style-2.su-spoiler-open > .su-spoiler-title {  border-color: #F1F1F1; }

#post-author { display: none }


.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .portfolio-item h3 a, #comments h3, #comments h4, #post-author h3, #author h3, .error404 #content h4 { color: #000000; }

.post-content strong {color: #000000; font-weight: 700;}


/* FOOTER */
/* ausgeblendet daher hight 0px und weiss*/
#container-footer { background-color: #ffffff; height: 0px; }

#footer, #footer .widget-footer ul { color: #ffffff; }

#footer a, .orbit-slider a { color: #ffffff; }

/***************************** *
* H1 - H6
****************************** */
h1 {
    font-size: 20px;
    font-weight:600; /*semi-bold*/
}
.huge, h1 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    font-weight:600; /*semi-bold*/
}
h2 {
    font-size: 20px;
	line-height: 1.3em;
}
h3, h4, h5, h6 {
    font-size: 14px;
}
h3, h4 {
    font-weight: 600; /*semi-bold*/
}
h4 {
    line-height: default;
    margin-bottom: 0 !important;
}
h3 {
    color: #009fe3 !important; /*TODO entsprechende Kapitelfarbe */
}
.semi-bold {
	font-weight: 600;
}


/*
HEADER (LOGO)
*/
#awel-user-line{
	background-color: white;
	text-align: right;
    margin-top: 5px;
}
#awel-user-line:after{
	clear: both;
}

#awel-header-container {
	text-align: left;
	background-color: white;
	height: 170px;
}
#awel-header-right{
	float: right;
    margin-right: 8.9375%;
}

#awel-logo-right{
	margin-top: 41px;
	float: right;
}
#awel-logo-left {
	height: 170px;
}
/*  Logo links ausblenden AT LESS THAN 1170 PIXELS */
@media only screen and (max-width: 1170px) {
	#awel-header-container {
		height: 80px;
	}
	#awel-logo-left {
		display: none;
	}
	#awel-header-right {
		margin-right: 3.46%;
}
	#awel-logo-right{
		height: 40px;
		margin-top: 8px;
		float: right;
	}
	
}
header {
//set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}



/*
BODY
*/
#main-container {
    background-color: #ffffff !important;
}

/********************
* NAVIGATION
**********************/
/*
HAUPTNAVIGATION
*/
#nav-primary ul li a {
    font-size: 14px;
}
/* analog haupt style.css*/
#nav-primary  li a:hover,
#nav-primary  li a:active,
.menu-filter a:hover,
.menu-filter a:active,
#filters .selcted  {
	/* Variante Transition zu Hellgrau*/
    color: #e3e3e3;
	
	/* Variante: Transition zu Fett */
	/*color: #ffffff !important; */
	/*font-weight: 600 !important;*/
	/*transition-duration: 0s*/
}

/* Platzhalter in semi-bold, damit Navigation bei Rollover nicht shiftet: Kommt dem Dreieck in die Quere!!  */
/*#nav-primary ul li a:after {
    display:block;
    content:attr(title);
    font-weight:600;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}*/

/*
* Selektiertes Menüitem oder Subseite ist ausgewählt (current_page_parent): 
*
* semi-bold
*/
#nav-primary .current-menu-item > a, #nav-primary .current_page_parent > a {
	font-weight: 600 !important;
	color: #ffffff;
}

/*
SUB MENU Gewässerraum
*/
#nav-primary ul li ul li.awel-menu-item1,
#menu-gr-festlegen li.awel-menu-item1
{
background: #66c6c7 none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}

#nav-primary ul li ul li.awel-menu-item2,
#menu-gr-festlegen li.awel-menu-item2
{
background: #00a1a3 none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}

#nav-primary ul li ul li.awel-menu-item3,
#menu-gr-festlegen li.awel-menu-item3
{
background: #77c17b none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}

#nav-primary ul li ul li.awel-menu-item4,
#menu-gr-festlegen li.awel-menu-item4
{
background: #3ea743 none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}

#nav-primary ul li ul li.awel-menu-item5,
#menu-gr-festlegen li.awel-menu-item5
{
background: #4c9fd0 none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}

#nav-primary ul li ul li.awel-menu-item6,
#menu-gr-festlegen li.awel-menu-item6
{
background: #0076bd none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}

#nav-primary ul li ul li.awel-menu-item7,
#menu-gr-festlegen li.awel-menu-item7
{
background: #9d9c9c none repeat scroll 0 0;
border-top: 1px solid #ffffff;
}


/* Menü via Shorcode innerhalb einer Seite*/
#menu-gr-festlegen
{
	display: flex;
	margin-top: -40px; /*direkt unterhalb der Hauptnavi */
	margin-bottom: 40px;
	height: 40px;
}


#menu-gr-festlegen li {
    list-style-type: none;
	overflow: hidden;
	width: 40px;
	-webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out;
	border-top: medium none !important;
}

#menu-gr-festlegen li.current-menu-item, #menu-gr-festlegen li.current-page-ancestor
{
width: 300px;
}

#menu-gr-festlegen li:hover
{
width: 300px;
}

#menu-gr-festlegen li.current-menu-item a, #menu-gr-festlegen li.current-page-ancestor a
{
	display: block !important; /*damit der Text bei den Schritten ohne Zahlen eingeblendet wird*/
}

#menu-gr-festlegen li:hover a
{
	display: block !important; /*damit der Text bei den Schritten ohne Zahlen eingeblendet wird*/
}


#menu-gr-festlegen li a{
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0px 0px 14px;
    text-transform: uppercase;
	text-decoration: none;
	line-height: 2;
}

/* Schritte 1-5. Zahl etwas Grösser und Fett */
#menu-gr-festlegen li:not(.no-step-number) a::first-letter {
    font-size: 120%;
    font-weight: 700;
    margin-right: 10px;
} 

/* Schritte ohne Zahl: Vorbereitung und Dossier*/
#menu-gr-festlegen li.no-step-number a{
    margin-top: 4px;
	display: none;
}

/*#menu-gr-festlegen li.no-step-number{
	cursor: pointer;
}*/  


/* GR Festlegen Sub-Sub-Menü nur bei Schritt 2 und 3 - neu für Änderungen 2019 auch für Schritt 4*/

.sub-sub-menu a.schritt2, .to-overview  .schritt2{
	color: #77c17b;
}

.sub-sub-menu a.schritt3, .to-overview  .schritt3{
	color: #3ea743;
}

.sub-sub-menu a.schritt4, .to-overview .schritt4{
	color: #4c9fd0
}

.sub-sub-menu a.schritt5, .to-overview  .schritt5{
	color: #0076bd;
}

.sub-sub-menu{
	margin: 0px 0px 60px 40px;
	color: #3ea743;
	text-transform: uppercase;
	float: left;
}

.sub-sub-menu a{
	text-decoration: none;
}
.sub-sub-menu a:hover{
	text-decoration: underline;
}
.sub-sub-menu a.current{
	font-weight: 600;
}
.sub-sub-menu a.current{
	text-decoration: none;
}

.to-overview {
	float:left;
	text-transform: uppercase;
}
.to-overview  a{
	text-decoration: none;
}
.to-overview  a:hover{
	text-decoration: underline;
}


/* FOOTER Links in weiss*/

#footer .widget-footer ul li a {
    color: #ffffff;
}

/* Unterhalb Footer - Copyright Zeile*/
#footer #copyright {
    color: #ffffff;
	background-color: #9d9c9c;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-width: 4px 4px 0px 4px;
	border-style: solid;
	border-color: white;
}

/* TABS STYLE */
/* !important ist nötig, ansonsten werden von Theme's Options überschrieben. */
.su-tabs-style-1 .su-tabs-nav span.su-tabs-current {
        border-top: solid 1px !important;
	border-right: solid 1px !important;
	border-left: solid 1px !important;
}
.su-tabs-style-1 .su-tabs-nav span.su-tabs-current, .su-tabs-style-1 .su-tabs-pane {
    /*background-color: #f1f1f1;*/
    border-top: 1px solid !important;
}

/* SPOILER STYLE 2 */
.su-spoiler-style-2 .su-spoiler-content {
    background-color: #fafafa;
}

/* PORTFOLIO */
/* Schrift in Masonry Boxen Weiss*/
.iso-masonry .inner-image-placeholder .post-content h3, .iso-masonry .inner-image-placeholder .post-content h4, .iso-masonry .inner-image-placeholder .post-content h6
{
color: #ffffff !important;
}

/* TREE PAGES */
.treepage {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.treepage {
	zoom:1; /* For IE 6/7 */ 
}
.treepage:before, .treepage:after {
	content:""; display:table;
}
.treepage:after {
	clear:both;
}
.awel-tree {
	display: block;
	float:left;
    width: 50%;
	overflow: hidden;
}
.treecontent-container {
    width: 50%;
	float:left;
}
.treecontent {
    margin-left: 10%;
}

/*  GO FULL WIDTH AT LESS THAN 1410 PIXELS */
@media only screen and (max-width: 1410px) {
	.awel-tree , .treecontent-container { width: 100%; }
	.treecontent {  margin-left: 0; }
}

/* DIAGRAM PAGES */


/* ZWEI SPALTIG via Shortcode [2-columns] */
.2-columns {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.2-columns {
	zoom:1; /* For IE 6/7 */ 
}
.2-columns:before, .2-columns:after {
	content:""; display:table;
}
.2-columns:after {
	clear:both;
}
.col-1 {
	display: block;
	float:left;
    width: 50%;
	overflow: hidden;
}
.col-2 {
    width: 42%;
	float: right;
}
/* Volle Breite wenn weniger als 1170px */
@media only screen and (max-width: 1170px) {
.col-1 , .col-2 { width: 100%; }
.col-2 { margin-top: 40px; }
}

/* LISTEN */
.post-content ul li, .post-content ol li {
    margin-bottom: 16px;
    margin-left: 31px;
	text-indent: -7px;
	list-style-type: none;
}
.post-content ul li:before{
    content:"\2013"; /*2013:mittlerer Gedankenstrich, 2014:langer Gedankenstrich*/
    position:relative; 
	left:-10px;
}

.post-content ul.small-line li{ /*https://teamtreehouse.com/community/how-do-i-only-stylize-2-unordered-lists-differently-on-a-page-than-the-other-unordered-lists*/
    margin-bottom: 5px;
    margin-left: 31px;
	text-indent: -7px;
	list-style-type: none;
}
.post-content ul li.very-small-line{ /*https://teamtreehouse.com/community/how-do-i-only-stylize-2-unordered-lists-differently-on-a-page-than-the-other-unordered-lists*/
    margin-bottom: -10px;
    margin-left: 31px;
	text-indent: -7px;
	list-style-type: none;
}

.post-content ul li.very-small-line-top{ /*https://teamtreehouse.com/community/how-do-i-only-stylize-2-unordered-lists-differently-on-a-page-than-the-other-unordered-lists*/
    margin-top: 5px;
    margin-left: 31px;
	text-indent: -7px;
	list-style-type: none;
}

/* PAGE TEMPLATE right sidebar ohne Titel */
.page-template-right-sidebar-ohne-titel-php #content {
    width: 65%;
}

/* FORM ELEMENTE */
input[type="text"], input[type="email"], input[type="password"], textarea {
  border: none;
  padding: 8px 10px;
  background-color: #d0d0cf !important;
  width: 90%;
  color: black;
 }
 
 div#wpmem_login input[type="submit"], #wpmem_reg input[type="submit"]  {
	background-color: #009fe3 !important;
	position: relative;
	left: 18px;
  }
  
 #wpmem_reg label[for="gemeinde"]  {
	margin-top: 40px;
	display: block;
  }
 
/* SUCHERGEBNISSE TITELZEILE */

#blog-header h1 {
    font-size: 20px;
}
 
 /* ******************************* */
 /* PRINT                           */
 /* ******************************* */
 @media print {
	body, article {
		width:100%;
		margin: 0;
		padding: 0;
	}
	body {
		color: #000;
		background: #fff;
	}
	#awel-logo-left, #awel-user-line,  #nav-wrap, #searchform, #menu-gr-festlegen, .to-overview, .sub-sub-menu, #footer {
		display: none;
	}
	#awel-logo-right {
		height: 40px;
		margin-top: 8px;
		float: right;
	}
	#awel-header-container {
		height: 48px;
	}
	
	#awel-header-right {
		margin-right: 3.46%;
	}
	
	#page-wrapper {
	  padding: 10px 20px;
	}
	
	/*  Entscheidungsbäume volle Breite */
	.awel-tree , .treecontent-container { width: 100%; }
	.treecontent {  margin-left: 0; }
	
	/*Zweispaltiges Layout volle Breite */
	.col-1, .col-2 { width:100%}
	#content { width: 100% !important;}
	
	/* alle Spoiler öffnen*/
	.su-spoiler-content {
		display:block !important;
		padding-top: 0 !important;
	}
	.su-spoiler-content h3{
		margin-top: 0 !important;
	}
	.su-spoiler-style-2 {
		margin-bottom: 3em;
	}
	
	@page {
		margin:1cm;
	}
	
 }