/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*---------------------------------------------
  Child Theme Custom CSS
----------------------------------------------*/

/* Schwarzer, fetter Text für .black-text */
.black-text {
  color: black !important;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
}

/*---------------------------------------------
  Hover-Farbe für alle Links: #ffc133
----------------------------------------------*/

a:hover,
.sidebar a:hover,
.widget a:hover,
#content a:hover,
#menu-main-menu li a:hover,
#site-navigation a:hover,
#primary a:hover {
  color: #ffc133 !important;
}

/*---------------------------------------------
  Contact Form 7: Labels und Überschriften schwarz
----------------------------------------------*/

.wpcf7 form label,
.wpcf7 form legend,
.wpcf7-form label,
.wpcf7-form legend {
  color: #000000 !important;
}

/*---------------------------------------------
  Kategorie-Text im Salient-Theme ausblenden
----------------------------------------------*/

.post-categories {
  display: none;
}

/*---------------------------------------------
  Responsive Optimierung für Blog/Portfolio
  auf Smartphones (<768px)
----------------------------------------------*/

@media only screen and (max-width: 767px) {
  
  /* Container-Anpassung */
  .portfolio-items,
  .portfolio-item,
  .masonry-item,
  .blog-post,
  article.post {
    padding: 10px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Überschriften kleiner */
  .portfolio-item h2,
  .portfolio-item h3,
  .blog-post h2,
  .blog-post h3,
  article.post h2,
  article.post h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  /* Text kleiner */
  .portfolio-item p,
  .blog-post p,
  article.post p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* Bilder responsiv */
  .portfolio-item img,
  .blog-post img,
  article.post img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  /* Links & Buttons anpassen */
  .portfolio-item a,
  .blog-post a,
  article.post a {
    font-size: 14px !important;
    padding: 8px 12px !important;
  }

  /* Abstand unten */
  .portfolio-item,
  .blog-post,
  article.post {
    margin-bottom: 30px !important;
  }
}