/*
 Theme Name:   Keramik-Atlas 
 Thema URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     hueman
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/


@import url("../hueman/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */
.post-thumbnail img {
    display: block;
    height: auto;
}

.post-thumbnail { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.post-thumbnail { position: relative; margin-bottom: 1em; }
.post-thumbnail img { display: block; height: auto; width:100%; }

/*  post : custom loop
/* ------------------------------------ */
.address-list, .post-list { margin-right: -30px; }
.address-list .post-row, .post-list .post-row { margin-left: -30px; padding-left: 30px; float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; }
.address-list .post-row:last-child, .post-list .post-row:last-child { border: none; margin-bottom: 0; }

.post-list .post,
.post-list .address,
.post-list .event,
.post-list .page { width: 33%; float: left; }

.address-list .address,
.address-list .event,
.address-list .page { width: 33%; float: left; }
.address-list .post-inner, .post-list .post-inner { margin-right: 30px; }

.post-title { color: #444; font-weight: normal; margin-bottom: 10px; font-size: 1.375em; font-weight: 400; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; }

#event-participants {
    margin: 10px;
}

#event-participants ul {
    list-style-type: circle;
}
.full-width.topbar-enabled #header {
    padding-top: 0px;
}
#header {
    padding-bottom: 0px;
    position: relative;
}
#header { background: #33363b; position: relative; padding-bottom: 0px; }
#header .pad { padding-top: 0px; padding-bottom: 0px; }

@media only screen and (min-width: 1025px) {
    /* fixed nav */
    .full-width.topbar-enabled #header { padding-top: 0px; }
    .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
    .full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
}
.site-title {
    position: absolute;
    float: none;
    width: 100%;
    z-index: 20;
    top: 60px;
}
.metaslider .flexslider{
    margin: 0 !important;
}

@media only screen and (max-width: 500px) {
    .site-title{
    top: 10px;
    }
}


/* cbw */
.entry address {
    margin-bottom: 1em;
    clear: left;
}
#img-block{

  }
.album-grid{
      width: 225px;
      height: 150px;
      float: left;
      list-style: none;
      list-style-type: none;
      margin: 0 18px 30px 0px;
      padding: 5px;
  }

/** maps */
.google-acfmap {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 0px auto;
}

.google-acfmap .location-image {
    width:150px;
    height:auto;
    float:left;
    margin-right: 15px;
}

/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
    max-width: none;
}

@media only screen and (min-width: 720px) {
  #header .nav-container .nav { display: block!important}
  .nav-wrap { height: auto!important; }
  /* common */
  .nav { font-size: 0em; position: relative; }
  .nav li a { color: #ccc; display: block; line-height: 1.25rem; opacity: 1 !important; }
  /* dropdown arrows */
  .nav li > a:after { content: "\f0da"; float: right; }
  .nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 0.875em; line-height: 1.2em; }
  .nav li > a:only-child:after {content: ""; margin: 0; }
  #footer .nav li > a:after { content: "\f0da"; }
  #footer .nav > li > a:after { content: "\f0d8"; }
  #footer .nav li > a:only-child:after { content: ""; }
  /* level 1 */
  .nav > li { font-size: 1rem; border-right: 1px solid #999; display: inline-block; position: relative; }
  .nav > li > a { padding: 15px 14px; }
  .nav > li > a:hover,
  .nav > li:hover > a { background: #777; }
  .nav li > a:hover,
  .nav li:hover > a,
  .nav li.current_page_item > a,
  .nav li.current-menu-item > a,
  .nav li.current-menu-ancestor > a,
  .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  .nav li:hover > ul { display: block; }
  .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 200px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
  .nav ul li { font-size: 0.875rem; position: relative; display: block; padding: 0; }
  .nav ul li a { padding: 10px 20px; }
  .nav ul li:last-child { border-bottom: 0!important; }
  /* level 3 */
  .nav ul ul { position: absolute; top: -10px; left: 180px; }

}
  .nav ul.sub-menu { 
    display: none;
    opacity: 1 !important;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }