/*
Theme Name: purpur Responsive
Description: Individualanpassung für purpur
Author: Stefan Lipgens
Author URI: http://www.lipgens.de
Template: twentythirteen
Version: 1.0
Tags:
*/

.gruen {
  background-color: #c8d32d;
}
.blau {
  background-color: #819abe; 
}
.orange {
  background-color: #f19400; 
}
.site-info a,
.site-header .search-form,
.comments-area {
  display:none !important
}
a,
a:visited,
a:active,
a:hover,
.entry-content a, 
.comment-content a,
.format-gallery .entry-meta a, 
.format-gallery .entry-content a,
.format-gallery a,
.nav-menu .current_page_item > a, 
.nav-menu .current_page_ancestor > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a,
.post-navigation,
.post-navigation a {
  color: #819abe;
}
.main-navigation {
  max-width: 640px;
}
.nav-menu .sub-menu, 
.nav-menu .children,
.nav-menu li:hover > a, 
.nav-menu li a:hover, 
.nav-menu li:focus > a, 
.nav-menu li a:focus {
  background-color: #c8d32d;
}
ul.nav-menu ul a:hover, 
.nav-menu ul ul a:hover, 
ul.nav-menu ul a:focus, 
.nav-menu ul ul a:focus {
  background-color: #f19400; 
}
.sub-menu li.current-menu-item a{
  background-color: #f19400; 
  color: #ffffff !important;
}
.site-header .home-link {
  min-height: 330px;
}
.format-gallery {
  background-color: #ffffff !important;
}
.navigation a:hover {
  color: #ffffff;
  background-color: #c8d32d;
}
.site-footer .widget-area,
.site-footer .widget{
  max-width: 640px;
  width: 100%;
}
.quotescollection-quote{
  max-width: 640px;
  width: 100%;
}
.quotescollection-quote p::before{
  content: '\201C';
  font-size: 140px;
  font-weight: 400;
  line-height: .8;
  padding-right: 25px;
  position: absolute;
  left: -15px;
  top: -3px;
}
.quotescollection-quote p{
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  padding-left: 75px;
  position: relative;
}
.quotescollection-quote .attribution{
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  padding-left: 75px;
  position: relative;
  text-align: left;
}
.quotescollection-quote cite.author {
  font-style: italic;
}
.site-info{
  padding: 40px 0;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
button, input, textarea {
  border: 1px solid #f19400;
  border-radius: 2px;
  font-family: inherit;
  padding: 5px;
  background-color: #f7f5e7;
}
input:focus, textarea:focus {
  border: 1px solid #c8d32d;
}
button, input[type="submit"], input[type="button"], input[type="reset"] {
  background: #c8d32d;
  border: none;
  border-bottom: none;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  padding: 11px 24px 10px;
  text-decoration: none;
}
button:hover, 
button:focus, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus {
  background: #f19400;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
  background: #f19400;
  border: none;
}
span.wpcf7-not-valid-tip {
  color: #f19400;
}
div.wpcf7-validation-errors {
  padding: 5px 10px;
}
div.wpcf7-mail-sent-ok {
  border: 1px solid #c8d32d;
  padding: 5px 10px;
}
.gss-info {
  background-color: #220e10 !important;
}
.gss-pager .cycle-pager-active, 
.gss-pager .cycle-pager-active:hover {
  background-color: #f19400 !important;
}

@media (max-width: 979px){
  .site-header{
    background-position: -210px 0 !important;
  }
}

@media (max-width: 767px){
  .site-header{
    background-size: inherit !important;
  }  
}
@media (max-width: 643px){
  .site-header{
    background-size: 768px auto !important;
    background-position: -100px 0 !important;
  }  
  .site-header .home-link {
    min-height: 150px;
  }
  .site-footer .widget-area, .site-footer .widget {
    max-width: 90%;
    width: 90%;
  }
  .toggled-on .nav-menu li > ul {
    display:block !important;
    margin-left: 0;
    clip: inherit;
    height: inherit;
    width: inherit;
  }
  .toggled-on .nav-menu li > ul > li > a {
    padding-left: 35px;
  }
  .toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover,
  .toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus {
    background-color: #f19400;
  }
  .quotescollection-quote p::before {
    font-size: 80px;
    left:-45px;
    top:5px;
  }
  .quotescollection-quote p,
  .quotescollection-quote .attribution {
    padding-left: 15px;
  }
}
@media (max-width: 420px){
  .quotescollection-quote p,
  .quotescollection-quote .attribution {
    font-size: 22px;
  }
  
}