/*
 Theme Name:   The Box Child
 Description:  Mein Child Theme
 Author:       kreativmedia
 Author URI:   httpw://www.kreativmedia.de
 Template:     the-box
 Version:      1.0
 Text Domain:  the-box-child
*/
/* oxygen-300 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oxygen-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Light'), local('Oxygen-Light'),
       url('fonts/oxygen-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oxygen-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/oxygen-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oxygen-v9-latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oxygen-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('fonts/oxygen-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oxygen-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oxygen-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oxygen-v9-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oxygen-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('fonts/oxygen-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oxygen-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/oxygen-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oxygen-v9-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}

.mb-0 {
    margin-bottom: 0 !important;
}
.mb-sm {
    margin-bottom: 5px !important;
}
.my-md {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.site-brand {
    margin: 20px 0 0;
}

.display-posts-pagination {
    margin: 20px 0;
    text-align: center;
    font-size: 18px;
}

.display-posts-pagination .page-numbers {
    padding: 12px 17px;
    background-color: #008ac9;
    color: #FFF;
    border-radius: 40px;
    width: 19px;
    display: inline-block;
}

.display-posts-pagination .page-numbers.next,
.display-posts-pagination .page-numbers.prev {
    display: none;
}

.display-posts-pagination .page-numbers.current {
    background-color: #FFF;
    border: 1px solid #008ac9;
    color: #008ac9;
}

.single .entry-header .entry-meta {
    display: none;
}

.listing-item {
    padding-right: 20px;
}

.listing-item .excerpt-dash {
    display: none;
}

.excerpt-more {
    font-size: 0 !important;
}

.excerpt-more .more-link {
    font-size: 14px !important;
}


/* Adventskalender */
body.page-template-adventskalender {
    background-image: url("/wp-content/themes/the-box-child/assets/images/adventskalender-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.adventskalender-item-main {
    overflow: hidden;
    margin: 20px 5px;
}

.adventskalender-item-main img {
    width: calc(100%);
    transition: all 300ms ease-in-out;
}

.adventskalender-item-main:hover img {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
}

.adventskalender-items-list {
    display: flex;
    flex-wrap: wrap;
}

.adventskalender-items-list .adventskalender-item {
    width: calc(25% - 10px);
    overflow: hidden;
    margin: 5px;
}

.adventskalender-items-list .adventskalender-item img {
    height: 100%;
    transition: all 300ms ease-in-out;
}

.adventskalender-items-list .adventskalender-item:hover img {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
}

@media (min-width: 991px) {
    .grid2-sidebar.single .posts-loop .hentry iframe {
        max-height: none;
    }
}


/* Testimonials */
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.testimonials-container {
    margin: 0 1em;
    column-gap: 2em;
    padding-top: 1em;
}

.testimonials-container .testimonial-item {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 1em;
    margin: 1em 0 1em;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.testimonials-container .testimonial-item h3 {
    color: #008ac9;
}

/* Masonry on large screens */
@media only screen and (min-width: 1200px) {
    .testimonials-container {
        column-count: 2;
    }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .testimonials-container {
        column-count: 2;
    }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
    .testimonials-container {
        column-count: 1;
    }
}

.wpcf7-list-item {
    margin-left: 0;
    margin-right: 1em;
}
.wpcf7-list-item.first {
    margin-left: 0 !important;
}


/* Sprachkurse / Kultur articles */
.page-template-sprachkurse .entry-header {
    padding-top: 0;
}
.page-template-sprachkurse h1 {
    font-size: 28px !important;
}
.sprachkurse-container {
    padding-top: 15px;
}
.sprachkurse-container h2 {
    color: #d2204c;
}

.courses-list,
.kultur-articles-list {
    display: grid;
    grid-gap: 20px;
    margin-top: 40px;
}

.kultur-articles-list {
    margin-top: 20px;
}

@media (min-width: 1024px) {
    .courses-list,
    .kultur-articles-list {
        grid-template-columns: repeat( 3, 1fr );
    }
}

.courses-list .course-item,
.kultur-articles-list .monthly-post {
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.courses-list .course-item .img-container {
    overflow: hidden;
    font-size: 0;
}

.courses-list .course-item img {
    transition: all 250ms ease-in-out;
}

.courses-list .course-item:hover img {
    transform: scale(1.05);
    transition: all 250ms ease-in-out;
}

.courses-list .course-item h2,
.kultur-articles-list .monthly-post h2 {
    margin-top: 10px;
}

.courses-list .course-item a,
.kultur-articles-list .monthly-post a {
    display: block;
}

.kultur-articles-list .monthly-post h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.month-section-title {
    background-color: #f5f5f5;
    padding: 10px;
    text-align: center;
    margin-top: 0;
}

.display-posts-listing.column {
    width: 46%;
    float: left;
    margin: 0 2%;
}

.display-posts-listing.column .column-post {
    min-height: 400px;
    padding-bottom: 25px;
}

.display-posts-listing.column h3 {
    font-size: 16px;
}

.display-posts-listing.column p {
    margin: 0;
}


.arc-en-ciel span.nav-item-label {
    display: none !important;
}


#site-navigation .arc-en-ciel {
    width: 300px;
    float: right;
}

.la-shopping-cart {
    font-size: 40px !important;
    position: relative;
    top: 2px;
}