/*
Theme Name:  Interico: Child Theme
Theme URI:   http://www.themicart.com/
Description: Child theme for the Interico WordPress Theme. Use it for manipulating the theme files so the core remains original, which is necessary for updates not to override the changes made.
Author:      Themicart
Template:    interico
Version:     1.0.0
*/

/* begin CSS code */

/* Style custom news section */
#aktuelles {
  margin-top: 3rem;
}

#news-posts-container {
  display: flex;
  flex-wrap: wrap;
}

.custom-news-posts-image {
  height: 250px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-clip: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.custom-news-posts-contents-container {
  height: auto;
  overflow: hidden;
}

.custom-news-posts-title {
  margin-top: 30px;
  margin-bottom: 15px;
}

.news-post-of-custom-news-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-bottom: 20px;
}

@media (min-width: 770px) {

  .news-post-of-custom-news-section {
    width: 32%;
    margin-bottom: 0;
    height: 400px;
  }

  .news-post-of-custom-news-section:not(:first-of-type) {
    margin-left: 2%;
  }

  .custom-news-posts-image {
    height: 50%;
  }

}

/* Sponsoring */

.spacer-for-sponsoring {
  padding: 25px;
}

.sponsoring-link {
  color: #e7343b;
}

.sponsoring-link:hover {
  color: #e7343b;
  text-decoration: underline;
}

/* Changed CSS rules applied to min-width: 991px by theme to min-width:1200px to
 * trigger breakpoint earlier, because wider top menu bar (many options). Note
 * that, to change the breakpoint,
 
@media (min-width: 1300px) {

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #mainmenu > li::before {
    content: '';
    width: 0%;
    left: 50%;
    height: 5px;
    background: #7d6741;
    background-color: rgb(125, 103, 65);
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: 0.2s ease-in-out;
  }

  #mainmenu > li::before {
    background-color: #e7343b;
  }

  .header-typography-style-3 #header #mainmenu > li > a {
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 8px;
  }

  .header-typography-style-3 #header #mainmenu > li > a {
    text-transform: uppercase;
  }

}*/