/*--------------------------------------------------------------
    Feed Slider Styles
--------------------------------------------------------------*/

.wdt-feed-slider__wrapper {
    display: flex; align-items: center; padding: 30px; background-color: var(--wdtTertiaryColor); 
    -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.wdt-feed-slider__wrapper > div:not(:last-child) { margin-right: 30px; }

.wdt-feed-slider__wrapper .wdt-feed-slider__content-group {
    width: 100%; max-width: 300px; display: flex; flex-direction: column; align-items: center; padding: 25px; 
    background-color: var(--wdtBodyBGColor); -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.wdt-feed-slider__wrapper .wdt-feed-slider__content-group > div:not(:last-child) {
    margin-bottom: 15px; }

.wdt-feed-slider__wrapper .wdt-feed-slider__content-group .wdt-feed-slider__media {
    display: flex; flex-direction: column; align-items: center; }

.wdt-feed-slider__wrapper .wdt-feed-slider__content-group .wdt-feed-slider__media .wdt-feed-slider__icon:has(+ .wdt-feed-slider__image) { 
    margin-bottom: 15px; }

.wdt-feed-slider__wrapper .wdt-feed-slider__content-group .wdt-feed__title {
    font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); 
    text-transform: capitalize; color: var(--wdtHeadAltColor); }

.wdt-feed-slider__wrapper .wdt-feed-slider__slider .wdt-feed-slider__title { margin: 0; }

.wdt-feed-slider__wrapper .wdt-feed-slider__controls {
    display: flex; align-items: center; justify-content: flex-start; gap: 12px;
    padding: 25px; background-color: var(--wdtBodyBGColor); -webkit-border-radius: var(--wdtRadius_Zero); 
    border-radius: var(--wdtRadius_Zero); }
.wdt-feed-slider__wrapper .wdt-feed-slider__controls:empty{display:none;}


.wdt-feed-slider__wrapper .wdt-feed-slider__controls .wdt-feed-slider__close { font-size: var(--wdtFontSize_H4); }


/* Arrow Pagination & Close Icon */

.wdt-feed-slider__wrapper .wdt-feed-slider__controls .wdt-feed-slider__nav {     
    display: flex; align-items: center; justify-content: flex-start; gap: 12px; }

.wdt-feed-slider__wrapper .wdt-feed-slider__controls .wdt-feed-slider__nav div[class*="wdt-feed-slider__"],
.wdt-feed-slider__wrapper .wdt-feed-slider__close {
    background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); 
    position: relative; display: inline-flex; align-items: center; justify-content: center; 
    line-height: var(--wdtLineHeight_Alt); width: 45px; height: 45px; font-size: var(--wdtFontSize_Base); margin: 0; 
    padding: 0; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); 
    transition: var(--wdtAltTransition); z-index: 1; cursor: pointer; opacity: 1; visibility: visible; }
    
.wdt-feed-slider__wrapper .wdt-feed-slider__controls .wdt-feed-slider__nav div[class*="wdt-feed-slider__"]:empty{display: none;}    

.wdt-feed-slider__wrapper .wdt-feed-slider__controls .wdt-feed-slider__nav div[class*="wdt-feed-slider__"]:hover,
.wdt-feed-slider__wrapper .wdt-feed-slider__close:hover { background: var(--wdtBtnHoverBg); }


/*--------------------------------------------------------------
    Responsive Layout
--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
    .wdt-feed-slider__wrapper { flex-direction: column; }

    .wdt-feed-slider__wrapper > div:not(:last-child) { margin-right: 0px; margin-bottom: 20px; }

    .wdt-feed-slider__wrapper .wdt-feed-slider__slider { width: 100%; max-width: 100%; justify-content: center; }

    .wdt-feed-slider__wrapper .wdt-feed-slider__slider:not(:last-child) { margin-bottom: 25px; }
}