/*
Theme Name: Hydrogen
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Default Gantry 5 theme. Provides a simple, clean and fast design to get you started on developing your own theme or setting up a quick new site
Version: 5.4.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

h1{
  line-height: 42px;
}

a{
  color:#2899cc;
  text-decoration: underline;
  font-weight: bold;
}

a:hover{
  color:#f7aa31;
}

.archiv{
  font-family: 'Courgette', cursive;
  font-size: 1.5rem;
}

table{
  border:none;
}

#g-header{
  background-image: url("http://www.projektwerkstatt-zukunft.de/wp-content/uploads/2014/10/banner_seite_rechts.jpg");
  margin-bottom:20px;
}

#g-subfeature{
  border:none;
  padding:0px;
  background: #fff;
}

#g-sidebar{
  font-size:14px;
}

#g-sidebar h2,
#g-sidebar h3{
  color:#333;
  font-family: 'Courgette', cursive;
  font-size: 1.5rem;
}
.box4 > .g-content {
  color:#666  !important;
}


/*********************************
         LINKS         
 ********************************/
.box4 > .g-content a,
.box4 > .g-content strong {
  text-decoration: underline;
  color:#2899cc;
}

.box4 > .g-content a:hover,
.box4 > .g-content strong {
  color: #f7aa31;
}





/*********************************
         Beiträge Wrapper         
 ********************************/
 
.short-preview-wrapper{
  display: inline-block;
}

.short-preview-wrapper h2{
  font-size: 2.1rem;
}

.short-preview-wrapper table ,td{
  border:none;
}

.short-preview-wrapper .button{
  margin-top:15px;
}


/*********************************
        Beiträge Einzeln
 ********************************/
 
.short-preview .alignleft{
  margin:0px 10px 0px 0px;
}

.short-previev{
  width:100%;
  margin-bottom: 30px;
    background-image:url(/wp-content/themes/g5_hydrogen/images/trennzeichen.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    font-size:14px; 
}

.short-preview-wrapper p{
  margin-top:0px;
}
.short-preview-wrapper:nth-child(even) .short-preview:nth-child(even),
.short-preview-wrapper:nth-child(odd) .short-preview:nth-child(odd){
  background-color:#edfaff;
}

.short-preview h4{
  font-family: 'Courgette', cursive;
  font-size: 1.4rem;
  margin-bottom:0px;
}

@media (min-width: 360px){
  .short-preview{
    width:100%;
    background-image:url(/wp-content/themes/g5_hydrogen/images/trennzeichen.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    padding:0px 10px;
    //margin-bottom: 30px;
    //padding-bottom: 40px;
    }
}

@media (min-width: 767px){
  .short-preview{
    width:400px;    
    float:left;
    background-image:url(/wp-content/themes/g5_hydrogen/images/trennzeichen.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size: 355px 33px;
    padding:0px 10px;
    //margin-bottom: 30px;
    //padding-bottom: 80px;
    }
}

.entries .tease{
 background-image:url(/wp-content/themes/g5_hydrogen/images/trennzeichen.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size: 355px 33px;
    margin-bottom: 10px !important;
    padding-bottom: 50px !important;
} 

/*********************************
         Kontaktformular
 ********************************/

input[type="color"], input[type="date"],
input[type="datetime"], input[type="datetime-local"], 
input[type="email"], input[type="month"], 
input[type="number"], input[type="password"], 
input[type="search"], input[type="tel"], 
input[type="text"], input[type="time"], 
input[type="url"], input[type="week"], 
input:not([type]), textarea{
  width:100%;
}

input[type="submit"]{
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.1875rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #89d6f8;
  color: #fff;
  border: 0;
  line-height: 1.5;
  font-size: 1rem;
  vertical-align: middle;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  transition: background 0.1s;
}

/*********************************
          Vertikal Menü
 ********************************/
.widget.widget_nav_menu ul.menu{
  list-style: none !important;
  margin-left: 0 !important;
  //padding: 0;      
}

.widget.widget_nav_menu ul.menu .menu-item{
  margin:5px 0;
  padding:10px;
  font-size:17px;
}

.parent:hover .child, 
.parent.hover .child { display: block; }

.widget.widget_nav_menu ul.menu .menu-item:hover a,
.widget.widget_nav_menu ul.menu .menu-item.hover a,
.widget.widget_nav_menu ul.menu .menu-item:hover{
  background-color:#f7aa31 !important;
  color:#fff !important;
}

.widget.widget_nav_menu ul.menu .menu-item:nth-child(odd){
  background-color:#89d6f8;
}

.widget.widget_nav_menu ul.menu .menu-item:nth-child(even){
  background-color:#c7eeff;
}

.widget.widget_nav_menu ul.menu .menu-item a{
  color:#222;
}

.widget.widget_nav_menu ul.menu .menu-item a::before{
  content: "\f14c";
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 14px;
}

.current-menu-item,
.current-menu-item > a{
  background-color:#f7aa31 !important;
  color:#fff !important;
}

/*
  Flexible Post Widget Mods
*/

.widget_dpe_fp_widget ul{
  list-style-type: none;
  margin:0px;
  padding:0px;
}

.widget_dpe_fp_widget .post{  
  padding:5px;
  margin-bottom:10px;
  font-weight:bold;  
}

.widget_dpe_fp_widget .post a{
  color:#444;
}

.widget_dpe_fp_widget .post a:hover{
  text-decoration: underline;
}

.widget_dpe_fp_widget .post:nth-child(odd){
  background-color: #edfaff;
}

.widget_dpe_fp_widget .post:nth-child(even){
  background-color: #fdefd9;
}