/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.11
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

.card.early-on {
    display: none;
}

.page-template-homepage-sliderfeature-v2 .splide {
    margin-right:0;
}

.page-template-homepage-sliderfeature-v2 #featured-header .featured-image-container img {
    position: static;
}

.page-template-homepage-sliderfeature-v2 .splide li {
    height:100% !important;
}

.page-template-homepage-sliderfeature-v2 .splide li a {
    height:100% !important;
}

.page-template-homepage-sliderfeature-v2 .splide li a img {
    height:100% !important;
    object-fit: cover;
}

.page-template-homepage-sliderfeature-v2 #featured-header h1 {
    width:100%;
}

.article-card.no-photo:hover .article-card-image {
    background:#fafafa;
}

.article-card .dashicons {
   width:auto;
   height:auto;
   color:#2e404f;
   margin-top:2rem;
   font-size: 4rem;
}


.article-card-image.youtube-thumb {
    height:222px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* .article-card-image.youtube-thumb span:before {
    color:white;
    z-index: 9;
}

.article-card-image.youtube-thumb:after {
    content:'';
    position: absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    display: block;
} */


.wp-block-column.no-max {
    max-width: none;
}

.article-card-image.youtube-thumb > span {
    position: absolute;
}

.card.early-on.show {
    border: 0;
}

.card.early-on.show .card-header {
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.card.early-on.show #early-on {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#early-on .card-body {
    pointer-events: all;
}

#early-on {
    border: 0 !important;
    display: block;
}