.card:has([data-show-card="false"]),
.card-top:empty,
.card-body:empty {
    display: none;
}

.card-container {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
}

.card-container > hr {
    margin-right: 0;
    margin-left: 0;
}
.card-container > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.card-container > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.card-body {
	position: relative;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: 0.75rem;
    color: #004494;
}
.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0.5rem !important;
    color: #6c757d !important;
}
.card-text {
    text-transform: capitalize;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card__image {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    box-shadow: 4px 2px 7px 4px rgba(64,64,64,0.1)
}

.card__image picture{
	display: block;
} 

.card__image img {
    width: 100%;
}
.card__video div[id^='mediaContainerWrapper_'],
.card__video div[id^='mediaContainerWrapper_'] .mediaContainer {
    max-width: 100% !important;
}
.card__video div[id^='mediaContainerWrapper_'] {
    position: relative;
    padding-bottom: 56.25%;
    height:0;
}
.card__video div[id^='mediaContainerWrapper_'] .mediaContainer {
    width: 100% !important;
	height: auto !important; 
    display: block;
    aspect-ratio: 16/9;
}
.card__video div[id^='mediaContainerWrapper_'] iframe {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}

.card-body p {
	position:relative;
	z-index: 1;
}

.card-body p.overflow-hidden {
	height: 75px;
    overflow: hidden;
}

.usefulRelatedLinks_card .card-body .ppUX2020_design_readmore {
    background-image:none;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.ppUX2020_design_readmore{
	cursor: pointer;
}

.card-body .read-more-preview::after {
	content: "...";
}

.card-body .ppUX2020_design_text_expanded .read-more-preview::after {
	content: "";
}

.card-body .read-more a {
	text-decoration:underline;
}

@media( max-width: 775px ) {
    .card-container {
         width:100%;
         flex-direction: row;
         padding-bottom: 1.25rem;
         border-radius: 0;
     }
    .card-top {
        flex: 1 1 30%;
    }
    .card-body {
        flex: 1 1 70%;
        padding-top:0;
    }
	.card-title {
        margin-top:0;
    }
    .card-container-video .card-title{
    	/* margin-top: 1.25rem; */
		margin-top: 0;
    }
	.card-container-video{
     	display: block;
     }
     
    .card-container-video .card-body {
    	padding-top: 1.25rem;
    }
    
    .card__video div[id^='mediaContainerWrapper_']{
    	padding-bottom: 0;
    	height: auto;
    }
    
    .card__video div[id^='mediaContainerWrapper_'] iframe{
    	position: relative;
    }
     
}
@media( max-width: 525px ) {
    .card-top {
        flex: 1 1 40%;
    }
    .card-body {
        flex:1 1 60%;
    }
}