/*
 Theme Name:   Digitale Pracht Child Theme
 Theme URI:    http://www.example.com/
 Description:  a Digitale Pracht child theme 
 Author:       Thomas Baumann
 Author URI:   http://thomas-baumann.de
 Template:     digitale-pracht-master
 Version:      1.0.0
*/

@media (min-width: 480px) {
  .ph-actionbar {
    position: fixed !important;
  }
}

@media (max-width: 480px) {
  .ph-actionbar-navigation-link {
    display: none !important; 
   }
}

/*
.ph-btn-italic, .grid-box-readmore-link, .grid-container-title, .comments-title, .grid-container-readmore-link {
  background: #e83c6f !important;
}


.grid-container-title, .grid-container.has-title, .has-title.ph-article {
  border-color: #e83c6f !important;
}

.ph-btn:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover, .ph-pager-btn:hover, .ph-jumplink:hover:focus, .ph-btn-italic:hover, .grid-box-readmore-link:hover, .grid-container-title:hover, .comments-title:hover, .grid-container-readmore-link:hover, .ph-btn-transparent-bg:hover, .page-numbers:hover, .ph-btn:focus, input[type="button"]:focus, input[type="submit"]:focus, button:focus, .ph-pager-btn:focus, .ph-jumplink:focus, .ph-btn-italic:focus, .grid-box-readmore-link:focus, .grid-container-title:focus, .comments-title:focus, .grid-container-readmore-link:focus, .ph-btn-transparent-bg:focus, .page-numbers:focus, input.comments-title[type="button"], input.comments-title[type="submit"], .comments-title.ph-jumplink:focus, input.grid-container-title[type="button"], input.grid-container-title[type="submit"], .grid-container-title.ph-jumplink:focus, .grid-container-title, .comments-title, .is-active.ph-btn, input.is-active[type="button"], input.is-active[type="submit"], button.is-active, .is-active.ph-pager-btn, .is-active.ph-jumplink:focus, .is-active.ph-btn-italic, .is-active.grid-box-readmore-link, .is-active.grid-container-readmore-link, .is-active.ph-btn-transparent-bg, .is-active.page-numbers, .page-numbers.current {
  background-color: #e83c6f !important;
}

.ph-teaser-link:hover, .ph-teaser-link:focus {
  color: #e83c6f !important;
}
*/

.ph-teaser-text {
  margin-top: 1em;  
}

.ph-teaser-link .ph-teaser-text p:after {
  content: ' »';  
  font-size: 120%;
}

.ph-teaser-link .ph-teaser-text:hover p:after {
  color: #e73c57;
}


.ph-header {
  padding-top: 50px !important;  
}

.site-branding {
  height: 200px !important;
  background: transparent url("/wp-content/uploads/2015/07/cropped-logo_die-chefin1.png") no-repeat scroll center center;
}

.site-branding h1, .site-branding, .ph-page-title, .ph-page-subtitle.site-description {
  text-indent: -0px !important; 
  color: transparent !important; 
}

.ph-page-title-link {
  height: 200px;
  width: 250px;
}

/*
.ph-article-text {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
*/

.ph-article-text-lead {
  font-weight: bold;
}

.grid-box-title {
  border-top: 0px solid grey !important; 
}

.grid-box .grid-box-title {
  font-style: normal !important;
  font-size: 17px !important;
}

.portrait_grid:nth-child(1) {
  float:left;
  margin-right: 20px !important;
}

.ph-article-image-caption {
    position: relative;
    top: -27px;
}

.ph-article-image-caption.caption-image-credits {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
    color: #bbb;
    padding-right: 5px;
    position: relative;
    text-align: right !important;
    top: -27px;
}
.ph-article-image-caption.caption-image-credits:before {
  content: '© ';
}

.ph-article-image-caption.caption-image-credits a {
  text-decoration: none;
  border-bottom: 0px solid grey !important;
}

.ph-article-image-caption.caption-image-credits a:hover {
  color: white;
}

.ph-icon-navigation:before {
 content: '☰';
}

.ph-icon-btn.ph-icon-navigation.ph-actionbar-navigation-link {
  direction: ltr !important;  
}

.ph-actionbar-navigation-link {
  border: 0px solid white;
}

.ph-icon-btn.ph-actionbar-navigation-link {
  max-width: 1000px;
  max-height: 1000px;
  height: auto !important;
}

.ph-actionbar-navigation-link ul {
    display: none;
    border: 0px solid black;
    right: 0px;
}


.ph-actionbar-navigation-link:hover ul {
  display: block;
  height: auto !important;
  width: auto !important;
}

.ph-icon-btn.ph-actionbar-navigation-link li a {
  direction: ltr !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.ph-icon-btn:hover, .ph-icon-btn:focus {
  max-width: none !important;
}

.grid-container-before span:nth-child(1) {
  border: 0px solid blue;
  display: block;
  position: relative;
  top: -90px;
}

.grid-container-title, .comment-form .submit, .grid-container-readmore-link, .comments-area .comments-title  {
  color: white !important;
  text-transform: uppercase !important;
  font-style: normal !important;
}

#nav_menu-2 {
  margin-top:100px !important;
}

#archives-3, #archives-3 ul,
#nav_menu-2, #nav_menu-2 ul {
  width: 100% !important;
  text-align: center !important;
  margin-left: 0px;
}

.ph-footer-copyright {
  text-align: center;  
}

#archives-3 ul li,
#nav_menu-2 ul li {
  border: 0px solid white !important;
  display: inline !important;
}

#archives-3 ul li a,
#nav_menu-2 ul li {
  border: 0px solid white !important;
  text-decoration: none;
}

#archives-3 ul li a:after {
  content: ', ' !important;
  text-decoration: none;
}

#nav_menu-2 ul li a:after {
  content: ' | ' !important;
  text-decoration: none;
  color: #aaa;
}

#nav_menu-2 ul #menu-item-2680 a:after {
  content: '' !important;
}

/* fix mobile design for implemented teaser title */

.grid-box .grid-box-title {
  text-align: left !important;
  padding: 0px !important;
}

.grid-slot-1d4 .ph-teaser-title {
  font-size: 17px !important;
  line-height: 30px;
  /*text-align: center;*/
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 19px !important;
  padding: 0px;
  margin: 0 0 0.3em 0;
}