/*
 Theme Name:   Helen Schneider 2017
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  fixed content area screen theme based on twenty-thirteen
 Author:       Yan Minagawa
 Author URI:   http://datanauten.de
 Template:     twentythirteen
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         left-sidebar
 Text Domain:  helen15-2017_child

file content:
    Globals
    Fonts
    Navigation
    Subnavigation
    Scene
    Content
*/

/* --> Globals <-- */
body {
    line-height:    1.5;
}
#page{
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    /* background:linear-gradient( #646f8f, #969db4); */
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url(/wp-content/themes/helen15-2017_child/images/pattern.png); */
    background-image: url(/wp-content/themes/helen15-2017_child/images/pattern.png);
    background-color: #646f8f;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
 	hyphens: none;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; 
}
#main{
    display: table-cell;
    vertical-align: middle;
}
.site {
    max-width:  100%;
}

/* --> Fonts <-- */

@font-face {
    font-family:    "brandon-grotesque-regular";
    src:            url("/fonts/brandon-grotesque-regular/brandon_reg.woff") format('woff');
    font-weight:    normal;
    font-style:     normal;
}
@font-face {
    font-family:    "brandon-grotesque-medium";
    src:            url("/fonts/brandon-grotesque-medium/brandon_med.woff") format('woff');
    font-weight:    normal;
    font-style:     normal;
}
@font-face {
    font-family:    "brandon-grotesque-bold";
    src:            url("/fonts/brandon-grotesque-bold/brandon_bld.woff") format('woff');
    font-weight:    normal;
    font-style:     normal;
}

#content h1, h2, h3, h4 {
    color:          black;
    font-family:    "brandon-grotesque-medium";
    font-weight:    normal;
    letter-spacing: 0.06em;
}

#content h1 {
    font-size: 		3em;
    margin-bottom: 	0.4em;
    margin-top:		0px; 
    padding-top:	65px; 
}

#content .with-sub-navigation h1 {
    padding-top:	0px; 
}

#content h2 {
    font-size: 		1.7em;
    font-family:    "brandon-grotesque-bold";
    margin-bottom: 	0.2em;
    margin-top:		0px;
}

#content h3 {
    font-size: 		1.2em;
    font-family:    "brandon-grotesque-bold";
    margin-bottom: 	0.2em;
  	margin-top:		0px;
}

#content h4 {
    font-size: 		1em;
    font-family: 	"brandon-grotesque-bold";
    margin-top:		0px;
}

#content {
    font-size:      1em;
    font-family:    "brandon-grotesque-regular"; 
}

#content p {
    font-size:      0.9em;
    font-family:    "brandon-grotesque-regular";
    line-height: 	1.4em;
	margin-bottom: 	0.8em; 
  	hyphens: 		manual; 
}

#content small{
    font-size:      0.8em;
}

#content .termine h3 {
    line-height: 	1em;
    margin-bottom: 	0em;
	margin-top:		2px;
}

#content .termine p {
    margin-bottom: 	0em;
}

#content .discography td {
  	padding-top:	10px;
    padding-bottom:	10px;
	padding-right:	10px;
}

#content .discography h3 {
    line-height: 	1.2em;
    margin-bottom: 	4px;
	margin-top:		3px;
}

#content .discography p {
    margin-bottom: 	5px;
      line-height: 	1em;
}

#content #scrollable-content ul {
    font-size:      0.9em;
    font-family:    "brandon-grotesque-regular";
    line-height: 	1.4em;
	margin-top:		0px;
    padding-left:	18px;
  	hyphens: 		manual; 
}

#content #scrollable-content li {
	margin-bottom: 	0.5em;
}

#content .entry-content td{
    line-height: 	1.2em;
}

#content .entry-content a {
    color:          #ff6666;
}

#content th {
    font-family:    "brandon-grotesque-bold";
	text-transform: none;
}

#mainnav {
  	font-size:      1.3em;
    font-family:    "brandon-grotesque-bold"; 
}
#sub-navigation {
  	font-size:      0.7em;
    font-family:    "brandon-grotesque-bold"; 
    letter-spacing: 	0.08em;
}

/* --> Navigation <-- */
/* ganz viel extra margin-right:0px und width:150px aber hilft nicht */

#mainnav {
    position:       absolute;
    left:           0px;
    top:            70px;
    z-index:        6;
  	width:     		140px;
  	margin-right:	0px;
}

#menu-main-container {
	width:     		140px;
}

#primary-menu {
	width:     		140px;
}

ul.primary-menu li {
  	margin-right:	0px;
}

ul.navbar {
    background:     white !important;
    list-style-type:none;
    width:          140px;
    padding-left:   0px;
}
ul.navbar li {
    margin-top:  	0px;
    margin-bottom:  0px;
  	margin-right:	0px;
    width:          140px;
    height:         50px;
    background:     white;
}
ul.navbar li a {
    width:          140px;
    height:         50px;
    color:          black;
    padding-top:    12px;
    padding-left:   10px;
    padding-bottom: 18px;
    text-transform: uppercase;
    text-align:     left;
    display:        block;

	margin-right:	0px;
}
ul.navbar li:hover {
    background-color:   #ff6666;
}
ul.navbar li a:hover {
    text-decoration: none;
    color: white;
}
ul.navbar li.current-menu-item, ul.navbar li.current-page-ancestor {
    color: #ff6666;
}
ul.navbar li.current-menu-item a, ul.navbar li.current-page-ancestor a {
    color: #ff6666;
}
ul.navbar li.current-menu-item a:hover, ul.navbar li.current-page-ancestor a:hover {
    color: white;
}


/* --> Subnavigation <-- */

#sub-navigation {
    padding:        18px 0px 15px 0px;
    margin:         0px;
    list-style-type:none;
}
#sub-navigation li {
    display:        	inline-block;
    background-color:   white;
    height:         35px;
    margin-right:   0px;
    margin-left:    0px;
    text-align:     left;
}

#sub-navigation li a {
    display:        	inline-block;
    height:         	35px;
    padding-right: 	 	20px;
    padding-left:   	20px;
    text-decoration:	none;
    color:          	black;
    text-transform: 	uppercase;
    font-size:      	20px;
}
#sub-navigation li.current_page_item a{
    color:          #ff6666;
}
#sub-navigation li:hover a{
    border-bottom:  6px solid #ff6666;
    color:          #ff6666;
}

/* --> Scene <-- */

#scene {
    margin:         auto;
    position:       relative;
    width:          1055px;
    height:         720px;
}
#scene1, #scene2 {
    height:         675px;
    top:            20px;
    background-repeat:no-repeat;
}
#scene1 {
    position:       absolute;
    width:          517px;
    left:           73px;
}
#scene2 {
    position:       absolute;
    /* scene1-width + scene1-left */
    left:           590px;
    /* bgimage-width - scene1-width*/
    width:          333px;
    /* scene1-width*/
    background-position: -517px;
    float:          left;
    filter:         blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter:    blur(10px);
    -o-filter:      blur(10px);
    -ms-filter:     blur(10px);
}
#content {
    background-color: white;
    position:       absolute;
    /* scene2-left */
    left:           590px;
    top:            0px;
    color:          black;
    /* scene-width - scene1-width - scene1-left */
    width: 465px;
    height: 100%;
    box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.25);
}
#scrollable-content {
    position:       relative;
    height:       	720px;
    overflow-y:     scroll;
    -webkit-overflow-scrolling: touch;
    /* dirty hack for getting rid of h-scroll
    overflow-x:     hidden;
    */
    padding-right:  50px;
    padding-left:   20px;
}

#scrollable-content.with-sub-navigation {
    height:       	652px;
}

.line {
	height:       		6px;
	background-color:   #ff6666;
	width: 				50px;
	position: 			relative;
  	left: 				-20px;  
}

#erste-spalte  {
    width:       	80px;
}



/* --> Content <-- */
#content a {
    color:          white;
}

.hentry {
    padding-top:    25px;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft
{
    margin-left:0px;
}

.entry-content td {
    vertical-align: top;
}

.entry-header {
    padding-left:   0px;
  	margin-bottom:	-5px;
}

.entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    padding:        0px;
}