/*
Theme Name: Zima Blue
Description: Ein Childtheme für die Projektevernissage
Author: Lukas Ganster
Author URI: 
Template: rocked
Version: 1.2
Tags:
*/

.entry-title {
    display: none;
}

.go-top{
  backgroud-color:#4a4b53 !important;
}

body,
h1,
h2,
h3,
h4,
h5,
.sub-menu .menu-item {
    color: #4A4B53;
    font-family: 'Open Sans', sans-serif;
}

p {
color: 4A4B53;
    font-size: 14px;
    text-align: justify;
}

a{
 color:#004f9a;;
}

.header-text::before,
.roll-team .overlay .socials li a,
.rocked-toggle .toggle-title.active,
.rocked-toggle .toggle-title.active,
.roll-progress .animate,
.roll-iconbox.border:hover .icon,
.roll-iconbox .icon,
.roll-button,
.owl-theme .owl-controls .owl-page.active span,
.work-faetures .box .icon,
.widget.widget-tags .tags a:hover,
.page-pagination ul li.active,
.page-pagination ul li:hover a,
.post .post-format,
#mainnav ul ul li:hover>a,
#mainnav ul li ul:after,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.social-area a:hover {
    background-color:  #4c84b8;; <!-- #4C84B8; -->
    font-family:'Open Sans',Arial !important;
}


#mainnav ul ul li a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    background-color: #2e2f35;
}

.main-content {
    padding: 40px 0;
}

#mainnav ul ul li:hover>a {
    background-color: #4c84b8;
}

.blue-border-title {
    margin-bottom: 40px;
    border-bottom: 1px solid #dbdbdd;
}

.blue-border-title span{
    font-weight: 300;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 25px;
    display: block;
    margin-bottom: 10px;
}

.blue-border-title h1 {
    font-family: 'Open Sans', Arial;
    font-size: 42px;
    font-weight: 300;
    display: inline-block;
    padding-bottom: 30px;
    position: relative;
    margin: 0;
    margin-right: 20%;
}

.blue-border-title h1::after {
    content: '';
    width: 100%;
    height: 4px;
    background-color:#4c84b8;
    position: absolute;
    left: 0;
    bottom: -1px;
}

h2 {
    font-size: 32px;
}

.header-image::after {
    display: none;
}

.header-image {
    background-attachment: scroll;
    background-size: contain;
    margin: 20px;
}

.header-wrap {
    background-color: #4A4B53;
}

#mainnav ul li a {
    font-size:13px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    padding: 20px 10px;
    border-left: 1px solid #5c5d64;
    -webkit-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}

#mainnav ul li a:hover {
    background: #5C5D64;
    color: white;
}


#mainnav {
    float: left;
}

.single-project h2{
     font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 5px;
font-weight:700;
}


.single-project a {
     font-size: 22px;
    font-weight: 600;
line-height: 28px;
display: block;
margin-bottom:10px;
}

.single-project{
 margin-bottom:50px;
}

@media only screen and (min-width: 992px) {
    .header-image {
        height: 130px;
        background-position: center;
    }

    .main-content .container {
        width: 900px;
    }
}

@media only screen and (max-width: 1024px) {
    .header-wrap {
        background-color: white;
    }

    .btn-menu {
        float: left;
        margin-left: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #4A4B53;
    }

    #mainnav-mobi {
        background-color: #4A4B53;
    }
}

#mainnav ul li ul:before {
    border-color: transparent transparent #4c84b8 transparent !important;
}

@media only screen and (max-width: 991px) {
    .header-image {
        height: 80px !important;
        margin:5px;
    }
}

@media only screen and (max-width: 479px) {
    .header-image {
        height: 140px;
    }

    .btn-menu {
        margin-left: 15px;
    }
}

.preloader-inner{
color:black !important;
}

article.type-attachment .attachment img {width:100%;}

.row-even{
 background-color:#f5f5f5;
}

th{
background-color:#4c84b8;
color:white;
}


/* Fixed footer on bottom */

footer{
 position: fixed;
 left:0;
 bottom:0;
 width: 100%;
 padding: 6px 0px !important;
}

.ui-accordion .ui-accordion-header, .ui-accordion > *{
  border-radius: 0px !important;
  font-family:'Open Sans',Arial;
}

.ui-accordion .ui-accordion-content{
  font-family:'Open Sans',Arial;

}

.ui-accordion-content .row{
  width:100%;
}

.ui-accordion-content .row .cell-30{
  width:30% !important;
  float:left;
}

.ui-accordion-content .row .cell-30{
  width:70% !important;
  float:left;
}

.ui-accordion-content *{
  font-family:'Open Sans',Arial !important;
}

.ui-accordion-content input{
  margin:0px !important;
  font-size:0.8em !important;
  border:none;
  font-weight: 800;
}

.ui-accordion .ui-accordion-header b{
  text-transform:uppercase;
}

.ui-accordion .ui-accordion-header{
  padding: 0.8em;
  background: #e8e8e8;
    border-bottom: 3px solid;
    border-top: none;
    margin-bottom: 10px;
    border-left: none;
    border-right: none;
    
}

.a-button-alternative{
    padding: 17px 40px;
    background-color: #004f9a;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans',Arial;
}

.a-button{
    padding: 17px 40px;
    background-color: #3c3c3c;
    color: white;
    font-size:13px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans',Arial;
    display:inline-block;
}

.a-button:hover{
  text-decoration:none;
  color:white;
}

@media (max-width: 991px){
  footer .container{
    font-size: 11px;
    padding: 5px 15px;
  }
  
}

input{
  font-family:'Open Sans',Arial !important;
  font-weight:700;

}

.projektanmeldung h1{
  word-break: break-all;
  font-family: 'Open Sans',Arial;
}

.projekteanmeldung fieldset{
  margin-top: 0px !important;
  border:none !important;
}

.projektanmeldung input[type="checkbox"]{
  min-width:25px !important;
  min-height:25px !important;
}

.projektanmeldung input[type="number"]{
  min-width:100px !important;
}

.projekteverwalten #abmelden{
  display:inline-block;
}

.projekteverwalten .blue-border-title span{
  display:inline-block;
}

.projekteverwalten .blue-border-title form{
  margin-left:20px;
}

.projekteverwalten .blue-border-title h1{
  margin-top:20px !important;
}

.projekteverwalten li {
    background-color: #e8e8e8;
    width: 45%;
    margin-bottom: 10px;
    margin-right: 2.5%;
    padding: 10px;
    list-style-type: none;
    display: inline-block;
    border-bottom: 3px solid #4a4b53;
    word-break:break-all;
}

.projekteverwalten ul{
  padding-left:0px;
}

.projekteverwalten ul h3{
  word-break: break-word;
}

@media (max-width: 991px){
  .projekteverwalten li{
    width: 100%;
    margin: 10px 0px;
  }
  
}

.projektgallerie tr td:nth-child(1){
  width: 70%;
}

.projektgallerie tr a{
  word-break:break-all;
}