/* Drupal 7 Framework - Created by André Griffin

------------------------------------------------

[Table of contents]



 0.Reset

 1.Global

 2.Layout

 3.Main

 4.Sidebars

 5.Header

 5.1 form css - taxonomie filter archiv

 6.Navigation

 7.Nodes

 7.1 Taxonomie

 7.2 Archiv textfields

 8.Comments

 9.Blocks

10.Footer

11.Forms

12.Fancy Shit

13.CSS Support



[px to em sizing - 81.25%/13px body font-size]

       font-size / line-height / margin-top

------------------------------------------------

40px = 3.0769em  / 1           / 0.5em

36px = 2.7692em  / 1.1111      / 0.5556em

30px = 2.3077em  / 1.3333      / 0.6667em

26px = 2em       / 1.5385      / 0.7692em

24px = 1.8462em  / 1.6667      / 0.8333em

20px = 1.5385em  / 1           / 1em

18px = 1.3846e,  / 1.1111      / 1.1111em

17px = 1.3077em  / 1.1765      / 1.1765em

16px = 1.2308em  / 1.25        / 1.25em

15px = 1.1538em  / 1.3333      / 1.3333em

14px = 1.0769em  / 1.4286      / 1.4286em

13px = 1em       / 1.5385      / 1.5385em

12px = 0.9231em  / 1.6667      / 1.6667em

11px = 0.8462em  / 1.8182      / 1.8182em

10px = 0.7692em  / 2           / 2em



Equation for font sizing: 

-Desired px ÷ Default (or parent) px = em size

------------------------------------------------*/



/**

 * COLOR NORMAL

 */


body {
  background-color: #fff;
  color: #000;
}

a, a:hover, a:visited {
  color: #000;
}
 
#header, .tabs-wrapper {

  background: #fff;
}

.node-unpublished {
  background-color: transparent;
}

ul.menu li a,
ul.tabs li a {

  color: #888;

}


#header ul.menu.language-switch li a.active,
#header ul.menu.language-switch li a:hover {

  color: #888;

}
#header ul.menu.language-switch li a span.active {

  color: #000;

}


#header ul.menu li a:hover, #header ul.menu li a.active, 
#header ul.menu.language-switch li a.session-active.active,
.tabs-wrapper .tabs li a.active,
.tabs-wrapper .tabs li a:hover {

  color: #000;
}

.node-teaser header, .node-teaser header a, .node-teaser header a:hover, .node-teaser header a:visited {
  color: #000;
}
.pagelayout-item iframe {
  background: #fff;
}

/**

 * COLOR INVERT

 */

body.invert {
  background-color: #000;
  color: #fff;
}

.invert a, .invert a:hover, .invert a:visited {
  color: #fff;
}
 
.invert #header, .invert .tabs-wrapper {

  background: #000;
}

.invert ul.menu li a,
.invert ul.tabs li a {

  color: #777;

}


.invert #header ul.menu.language-switch li a.active,
.invert #header ul.menu.language-switch li a:hover {

  color: #777;

}

.invert #header ul.menu.language-switch li a span.active {

  color: #fff;

}

.invert #header ul.menu li a:hover, .invert #header ul.menu li a.active, 
.invert #header ul.menu.language-switch li a.session-active.active,
.invert .tabs-wrapper .tabs li a.active,
.invert .tabs-wrapper .tabs li a:hover {

  color: #fff;
}
.invert .pagelayout-item iframe {
  background: #000;
}


/**

 * GLOBAL

 */


h3 {
  margin-left: -4px;
}

/**

 * LAYOUT

 */

 #wrapper {
  opacity: 0;

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;
}

#main, #view {

  overflow: hidden;

  opacity: 0;

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;

}



#main, #view, #header .section-container {

  margin: 0 auto;

}



#main {

  margin-bottom: 80px;

}



/*

#main .content{

  margin-top: 40px;

  margin-bottom: 40px;

}

*/

/*

.section-container {

  margin: 0 auto;

  min-width: 540px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content; 

}

*/

.tabs-wrapper {

  margin-top: 40px;

}

.tabs-wrapper, #header .content {

  width: 1200px;

}

.section-container {

  transform-origin: 0 0;

}



#user-login, .profile {

  margin: 40px;

}



.content {

  min-width: 540px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content; 

}





/**

 * GENERAL

 */



body, select, input, .tabs-wrapper .tabs li a {

  line-height: 2.5ex;

  font-family: 'Theinhardt', sans-serif;

  font-size: 21px;

  letter-spacing: 0.02em;

  font-weight: 600;

}



/**

 * HEADER & TABS

 */



#header {

  z-index: 99;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

}



#header, .tabs-wrapper {

/*  border-bottom: 1px solid black; */

  margin: 0;

  width: 100%;

/*  opacity: 0;

  -webkit-transition: opacity 0.2s ease-in-out;

  -moz-transition: opacity 0.2s ease-in-out;

  transition: opacity 0.2s ease-in-out;*/

}



.toolbar #header {

  top: 65px;

}



#header #navigation,

.tabs-wrapper .tabs {

  margin: 0 32px;

}



#header .block-menu{

  margin: 0 0px;

}





ul.menu, ul.menu li, ul.menu li ul,

ul.tabs, ul.tabs li, ul.tabs li ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

  display: block;

  float: left;

  border: none;

}



ul.menu li a,

ul.tabs li a {

  background: none;

  text-transform: none;

  text-decoration: none;


  padding: 10px 8px 4px 8px;

  display: block;

  float: left;

  margin: 0px;

  border: none;

}



#header ul.menu li a:hover, #header ul.menu li a.active, 

#header ul.menu.language-switch li a.session-active.active,

.tabs-wrapper .tabs li a.active,

.tabs-wrapper .tabs li a:hover {


  border: none;

  background: none;

}


#header ul.menu.language-switch {
  float: right;
  margin-right: 62px;
}



#header ul.menu.language-switch li a.session-active {

  display: none;

}




#footer div.section-container {
  margin: 20px 40px;
}




/**

 * FORMS

 */



input.form-text {

  width: 540px;

}



select {

   -webkit-appearance: none;

   -webkit-appearance: button;

   -webkit-padding-end: 60px;

   -webkit-padding-start: 2px;

   -webkit-user-select: none;

}



select, input {

  background: url(assets/15xvbd5.png) no-repeat right center !important;

  background-color: #333 !important;

   border: 0;

   color: #eee !important;

   background: transparent;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0;

  padding-left: 15px;

  border: 1px solid #666 !important;

  padding: 7px 60px 7px 7px !important;

}



/**

 * NODE

 */



.node-type-page h1.title {

  display: none;

}



.node-content {

  position: relative;

}


.node-unpublished {
  border: 1px dashed #ff0000;
  margin-left: -1px;
}



.stacked .pagelayout-item {

  margin: 40px;

  position: relative;

}



.pagelayout-item, .pagelayout-item.textitem, .pagelayout-item.textitem .full, .pagelayout-item h3 { 

  font-weight: 600;

}



.pagelayout-item .credits, .pagelayout-item .small, .pagelayout-item .footnote, .pagelayout-item .subnote {

  font-weight: 500;

}    



.pagelayout-item .credits strong, .pagelayout-item .small strong, .pagelayout-item .footnote strong, .pagelayout-item .subnote strong {

  font-weight: 700;

}

.node header h2 a, h2, h2.node-full-headline {

  font-weight: 200;

}

/**

 * VIEWS

 */





.view {

  margin: 40px;

  

  /*opacity: 0;*/

  

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;

  /*

  background-image: url(data:image/gif;base64,R0lGODlhCAAIAIAAAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QTAyMDA2RjQ4QUUxMUU1ODAwN0Y3RTA1Nzc3QTNERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QTAyMDA3MDQ4QUUxMUU1ODAwN0Y3RTA1Nzc3QTNERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlBMDIwMDZENDhBRTExRTU4MDA3RjdFMDU3NzdBM0RGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlBMDIwMDZFNDhBRTExRTU4MDA3RjdFMDU3NzdBM0RGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAgACAAAAghEjqnLbA1hAQA7);

  */

}





.view .node {

  margin-bottom: 40px;

}



.view .pager-load-more {

  visibility: hidden;

}



.view .pager, .view .pager-next {

  height: 0;

}



.view-content.masonry-processed {

  margin: 0 auto !important;

}

.view .group-title {
  min-height: 63px;
  margin-bottom: 1em;
}


.view .group {
  width: 540px;
  height: auto;
  margin-bottom: 80px;
  display: block;
}

.view-project-list .views-row {
  margin-bottom: 1em;
}
/*
.masonry-item img {
  opacity: 0;

  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}*/

.masonry-item {

  width: auto;
  background: none;
  border: none;
  margin: 0;
  padding: 0;

}

.masonry-item .node-teaser {
}


.masonry-item

/*.pagelayout-item, .masonry-item img, .pagelayout-item img */ {
/*
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
*/
}