.nd-carousel-container .nd-carousel-overflow, .nd-carousel-container .nd-slide-textblock, .nd-carousel-container .fullscreen {
    background-color: #ffffff !important;
}
.nd-carousel-container p.nd-slide-caption.long {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nd-carousel-container p.nd-slide-caption.long.more {
    white-space: normal !important;
}
.nd-carousel-container button.showCaption {
	background: none;
	border: none;
	cursor: pointer;
	height: min-content;
	padding: 0;
	line-height: 1;
	position: absolute;
	right: 16px;
	bottom: 6px;
}

.nd-carousel-container button.showCaption svg {
    fill: var(--color-dept);
}

.nd-carousel-container {
    background-color: #ffffff !important;
    padding-bottom: 0px;
}
.nd-carousel-container button.showCaption.rotate {
    transform: rotate(180deg);
}
.nd-carousel-slide p {
    color: var(--color-b);
}
.nd-carousel-container.fullscreen .nd-carousel-overflow {
    margin-bottom: 60px;
}
.fullscreen .nd-slide-media {
    max-width: initial !important;
}

.nd-carousel-container .nd-slide-media.landscape.u-limitheight {
    max-width: 100% !important;
}

.nd-slide-media.portrait {
    max-width: 100% !important;
}

.nd-carousel-container:not(.fullscreen) .media-host {
    padding-top: 0px !important;
}

.media-host img {
    object-fit: contain;
}

div.nd-carousel-container:not(.fullscreen) {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 0px 0px 4px 4px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.nd-carousel-toolbar svg.nd-icon {
    fill: var(--color-b);
}

span.nd-carousel-pebble {
    background-color: var(--color-b);
}

html.dark .nd-carousel-container {
    background-color: var(--color3) !important;
}

html.dark .nd-carousel-container .nd-carousel-overflow, html.dark .nd-carousel-container .nd-slide-textblock, html.dark .nd-carousel-container .fullscreen {
    background-color: var(--color3) !important;
}

.nd-carousel-container:not(.fullscreen) .nd-btn, .nd-carousel-container:not(.fullscreen) .nd-icon-btn {
    background: transparent;
}

html:not(.dark) .nd-carousel-container.fullscreen .nd-carousel-toolbar button svg {
    fill: #fff;
}

div.nd-slide-textblock {
    padding: var(--medium);
}

@media (max-width: 768px) {
	.nd-carousel-container:not(.fullscreen) button.showCaption {
	    position: absolute;
	    right: 5px;
	    bottom: -1px;
	}

	.nd-carousel-container:not(.fullscreen) .nd-slide-textblock {
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	}
}