.xtended.title-widget .titlewrap{ margin: 0 -15px; }
.xtended.title-widget .titlewrap.align-left{ text-align: left; }
.xtended.title-widget .titlewrap.align-center{ text-align: center; }
.xtended.title-widget .titlewrap.align-right{ text-align: right; }
.xtended.title-widget .divider_wrap{ padding-top: 0; padding-bottom: 0; }
.xtended.title-widget .divider{ width: 100%; margin-bottom: 15px; border: none; }
.xtended.title-widget .divider.align-left, .xtended.title-widget .divider.align-center{ margin-right: auto; }
.xtended.title-widget .divider.align-center, .xtended.title-widget .divider.align-right{ margin-left: auto; }
.xtended.title-widget .secondary{ padding-top: 0; }

/* Featured Content */
.xtended.featured-content .link{ display: flex; text-decoration: none; transition: all .2s ease; }
.xtended.featured-content .image{ background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #DDD; }
.xtended.featured-content .desc{ padding-top: 0; }
.xtended.featured-content .desc p{ font-size: 0.875rem; }
.xtended.featured-content .desc p:last-of-type{ padding-bottom: 0; }
.xtended.featured-content .title{ font-size: 1.5rem; }
.xtended.featured-content .link_text i{ padding-left: 12px; }

/* Horizontal */
@media only screen and (min-width:801px) {
    .xtended.featured-content.fc-display-horizontal{ flex-direction: row; }
    .xtended.featured-content.fc-display-horizontal .image{ width: 295px; }
    .xtended.featured-content.fc-display-horizontal .wrap{ flex: 1; }    
}
@media only screen and (max-width:800px) {
    .xtended.featured-content.fc-display-horizontal{ flex-direction: column; }
    .xtended.featured-content.fc-display-horizontal .image{ padding-bottom: 60.5%; }
    .xtended.featured-content.fc-display-horizontal .wrap{ flex: 1; }  
    .xtended.featured-content .content{ padding: 0 15px; }  
}
/* Vertical */
.xtended.featured-content.fc-display-vertical{ flex-direction: column; }
.xtended.featured-content.fc-display-vertical .image{ padding-bottom: 60.5%; }

/* Iconbox */
.xtended.iconbox .wrap{ box-shadow: 0 4px 7px rgba(0,0,0,.3); height: 100%; color: #353535; transition: all .2s ease; background-color: #F9F9F9; padding: 64px 21px; text-align: center; }
.xtended.iconbox .iconbox-icon > *{ display: block; width: 52px !important; line-height: 52px !important; text-align: center; font-size: 22px; margin: 0 auto 18px; border-radius: 50%; border: solid 1px #5F5F5F; color: #5F5F5F; transition: all .2s ease; }
.xtended.iconbox .wrap:hover{ box-shadow: 0 5px 9px rgba(0,0,0,.45); background-color: #FFF; }
.xtended.iconbox .wrap:hover .iconbox-icon > *{ background-color: #202020; border-color: #202020; color: #FFF; box-shadow: 0 4px 7px rgba(0,0,0,.3); }
.xtended.iconbox .iconbox-title .title{ position: relative; font-size: 18px; text-transform: uppercase; color: #5F5F5F; margin-bottom: 32px; }
.xtended.iconbox .iconbox-title .title::after{ position: absolute; content: ""; bottom: -14px; left: 50%; transform: translateX(-50%); height: 2px; width: 65px; background-color: #CFCFCF; }
.xtended.iconbox .iconbox-data .iconbox-content p{ color: #202020; font-size: 14px; }

/* Iconlink */
.xtended.iconlink .iconlink-container{ display: flex; }
.xtended.iconlink .iconlink-icon{ width: 56px; height: 56px; line-height: 56px; text-align: center; font-size: 21px; }
.xtended.iconlink .iconlink-title{ flex: 1; align-self: center; }
.xtended.iconlink .iconlink-title .title{ font-size: 18px; padding: 0; }

/* Image Button */
.xtended.imageButton .linkwrap{ display: flex; }
.xtended.imageButton .bgimage{ background-size: cover; background-position: center; background-repeat: no-repeat; }
.xtended.imageButton.valign-top .linkwrap{ align-items: flex-start }
.xtended.imageButton.valign-middle .linkwrap{ align-items: center; }
.xtended.imageButton.valign-bottom .linkwrap{ align-items: flex-end; }
.xtended.imageButton.halign-left .linkwrap{ text-align: left; }
.xtended.imageButton.halign-center .linkwrap{ text-align: center; }
.xtended.imageButton.halign-right .linkwrap{ text-align: right; }
.xtended.imageButton .linkwrap .content{ font-size: 1.25rem; font-weight: 700; padding: 0; }

/* Image Link */
.xtended.imagelink a{ display: block; text-decoration: none; color: #FFF; }
.xtended.imagelink .linkwrap{ background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; }
.xtended.imagelink .gradient{ position: absolute; bottom: 0; left: 0; right: 0; height: 25%; min-height: 125px; background: linear-gradient(0deg, rgba(37,14,57,0.75) 0%, rgba(71,43,94,0.5) 50%, rgba(128,92,157,0) 100%); transition: background .2s ease; background-repeat: no-repeat; z-index: 0; transition: height .2s ease; z-index: 0; }
.xtended.imagelink:hover .gradient{ height: 60%; min-height: 250px; }
.xtended.imagelink .content{ position: absolute; bottom: 0; left: 0; height: 0; max-height: 450px; height: fit-content; z-index: 1; }
.xtended.imagelink .content *{ text-shadow: 0 2px 4px rgba(0,0,0,.25); transition: all .2s ease; }
.xtended.imagelink:hover .content *{ text-shadow: 0 0 0 rgba(0,0,0,0); }
.xtended.imagelink .content .link_text{ padding: 0 0 0 0; }
@media only screen and (min-width: 801px){
    .xtended.imagelink .content .link-title{ font-size: 1.75rem; }
}
@media only screen and (max-width: 800px){
    .xtended.imagelink .content .link-title{ font-size: 1.60rem; }
}

/* Latest News */
.xtended.latest-news .widget-title{ padding-bottom: 20px; }
.xtended.latest-news .items .post{ box-sizing: border-box; display: flex; flex-direction: column; }
.xtended.latest-news .items .post .image{ padding-bottom: 65.7%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #DDD; }
.xtended.latest-news .items .post .title{ font-size: 1.55rem; }
.xtended.latest-news .items .post .date{ font-size: 0.875rem; }
.xtended.latest-news .items .post .wrap{ flex: 1; }
.xtended.latest-news .items .post .content{ padding: 25px; flex-direction: column; height: 100% }
.xtended.latest-news .items .post .excerpt{ flex: 1; }
.xtended.latest-news .items .post .readmore{ padding: 0; }
.xtended.latest-news .items .post .readmore i{ padding-left: 12px; }
@media only screen and (min-width: 801px){
    .xtended.latest-news .items{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 500px; }
    .xtended.latest-news .items .post{ width: calc(1/3*100% - (1 - 1/3)*20px); margin: 0 20px 0 0; }
    .xtended.latest-news .items .post:nth-of-type(4n+1), .xtended.latest-news .items .post:nth-of-type(4n+2){ height: 500px; }
    .xtended.latest-news .items .post{ overflow: hidden; }
    .xtended.latest-news .items .post:nth-of-type(4n+3), .xtended.latest-news .items .post:nth-of-type(4n+4){ height: 250px; }
    .xtended.latest-news .items .post:nth-of-type(4n+3) .image, .xtended.latest-news .items .post:nth-of-type(4n+4) .image{ display: none; }
}
@media only screen and (max-width: 800px){
    .xtended.latest-news .items .post{ margin: 0 0 20px 0; }
}

/* Contact Details */
.xtended.contactDetails{ padding-top: 12px; }
.xtended.contactDetails section{ padding: 8px 0 12px; }
.xtended.contactDetails section:last-of-type{ padding-bottom: 0; }
.xtended.contactDetails .icon, .xtended.contactDetails .details{ display: inline-block; margin: 0 -4px 0 0; vertical-align: top; }
.xtended.contactDetails .icon{ width: 64px; height: 64px; color: #C5C5C5; }
.xtended.contactDetails .icon > *{ display: block; width: 64px; line-height: 64px; text-align: center; font-size: 1.75rem; }
.xtended.contactDetails .details{ width: calc( 100% - 64px ); padding: 5px 0 5px 14px; color: #5F5F5F; }
.xtended.contactDetails .details .title h3{ font-size: 1.25rem; padding: 0 0 4px; line-height: 1.4; }
.xtended.contactDetails .details p{ padding: 3px 0 0; }
.xtended.contactDetails .details a{ color: #707070; text-decoration: none; }
.xtended.contactDetails .details .network-list{ margin: 0; padding: 12px 0 0; list-style: none; }
.xtended.contactDetails .details .network-list li{ display: inline-block; }
.xtended.contactDetails .details .network-list a{ display: block; width: 36px; height: 36px; overflow: hidden; margin: 2px 2px 3px 0; border: none; border-radius: 3px; }
.xtended.contactDetails .details .network-list a:hover{ color: #FFF; background-color: #5F5F5F; }
.xtended.contactDetails .details .network-list .facebook a:hover{ background-color: #1877f2; }
.xtended.contactDetails .details .network-list .twitter a:hover{ background-color: #1da1f2; }
.xtended.contactDetails .details .network-list .instagram a:hover{ background-color: #5851db; }
.xtended.contactDetails .details .network-list .linkedin a:hover{ background-color: #0077b5; }
.xtended.contactDetails .details .network-list .youtube a:hover{ background-color: #ff0000; }
.xtended.contactDetails .details .network-list .twitch a:hover{ background-color: #9146ff; }
.xtended.contactDetails .details .network-list .tiktok a:hover{ background-color: #25F4EE; color: #202020; }
.xtended.contactDetails .details .network-list .pinterest a:hover{ background-color: #e60023; }
.xtended.contactDetails .details .network-list .reddit a:hover{ background-color: #ff4500; }
.xtended.contactDetails .details .network-list .quora a:hover{ background-color: #a82400; }
.xtended.contactDetails .details .network-list .messenger a:hover{ background-color: #0084ff; }
.xtended.contactDetails .details .network-list .snapchat a:hover{ background-color: #fffc00; color: #202020; }
.xtended.contactDetails .details .network-list .whatsapp a:hover{ background-color: #075e54; }
.xtended.contactDetails .details .network-list .skype a:hover{ background-color: #00aff0; }
.xtended.contactDetails .details .network-list .telegram a:hover{ background-color: #0088cc; }
.xtended.contactDetails .details .network-list .network-icon{ width: 36px; line-height: 36px; text-align: center; }
.xtended.contactDetails .details .network-list .behance a:hover{ background-color: #1769ff; }
.xtended.contactDetails .details .network-list .medium a:hover{ background-color: #00ab6c; }

/* Icon Counter */
.xtended.iconcount .data p{ padding: 0; margin: 0; }
.xtended.iconcount .data .value span{ display: inline; }
.xtended.iconcount .data .value .counter{ padding: 0 1px; }
/* Inline */
.xtended.iconcount .size-inline{ display: flex; }
.xtended.iconcount .size-inline .icon{ width: 32px; height: 32px; line-height: 32px; font-size: 24px; text-align: center; }
.xtended.iconcount .size-inline .data{ padding: 3px 0 3px 5px; display: flex; }
.xtended.iconcount .size-inline .data .count{ padding: 0 5px; }
/* Standard */
.xtended.iconcount .size-standard .icon{ width: 100px; height: 100px; line-height: 100px; font-size: 85px; padding-bottom: 12px; box-sizing: content-box; }
.xtended.iconcount .size-standard .data .value{ line-height: 1.35; font-family: 'Roboto Condensed', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-weight: 700; margin-bottom: 12px; font-weight: 700; font-size: 2.4rem; }
.xtended.iconcount .size-standard .desc p{ font-size: 1.135rem; font-weight: 300; }

/* Gallery Feed */
.xtended.gallery-feed .gallery a{ display: block; color: #FFF; width: 100%; height: 100%; }
.xtended.gallery-feed .gallery .wrap{ background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding-bottom: 100%; position: relative; }
.xtended.gallery-feed .gallery .grad{ background: rgb(32,32,32); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(32,32,32,0) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: all .2s ease; }
.xtended.gallery-feed .gallery .link:hover .grad{ opacity: 1; }
.xtended.gallery-feed .gallery .info{ position: absolute; bottom: 45px; left: 0; right: 0; padding: 26px 22px; transition: all .2s ease; }
.xtended.gallery-feed .gallery .link:hover .info{ bottom: 0; }
.xtended.gallery-feed .gallery .title{ font-size: 1.75rem; font-weight: 300; }
.xtended.gallery-feed .gallery .cats{ padding-bottom: 0; color: #EFEFEF; font-size: 0.85rem; }
@media only screen and (max-width: 800px){
    .xtended.gallery-feed .gallery h2{ font-size: 1.55rem; }
}
@media only screen and (min-width: 801px){
    .xtended.gallery-feed .feed-items{ margin: 0 -15px; }
    .xtended.gallery-feed .gallery h2{ font-size: 1.55rem; }
}

@media only screen and (max-width: 800px){
    .xtended.event-feed .event .image{ background-image: none !important; display: none; } 
}
@media only screen and (min-width: 801px){
    .xtended.event-feed .event .image{ width: 220px; background-size: cover; background-position: center; position: relative; }
}

.xtended.title-widget .titlewrap{ margin: 0 -15px; }
.xtended.title-widget .titlewrap.align-left{ text-align: left; }
.xtended.title-widget .titlewrap.align-center{ text-align: center; }
.xtended.title-widget .titlewrap.align-right{ text-align: right; }
.xtended.title-widget .divider_wrap{ padding-top: 0; padding-bottom: 0; }
.xtended.title-widget .divider{ width: 100%; margin-bottom: 15px; border: none; }
.xtended.title-widget .divider.align-left, .xtended.title-widget .divider.align-center{ margin-right: auto; }
.xtended.title-widget .divider.align-center, .xtended.title-widget .divider.align-right{ margin-left: auto; }
.xtended.title-widget .secondary{ padding-top: 0; }

/* Notification */
.xtended.notification .alert{ background-color: #FFF; box-shadow: 0 3px 5px rgba(0,0,0,.45); border-left: solid 7px; }
.xtended.notification .alert .header{ display: flex; align-items: center; padding: 12px 16px; }
.xtended.notification .alert .header h2{ font-size: 18px; padding-bottom: 0; padding-left: 12px; font-weight: 400; }
.xtended.notification .alert .header .icon{ line-height: 42px; width: 42px; text-align: center; font-size: 22px; }
.xtended.notification .alert.error{ border-left-color: #c62828; }
.xtended.notification .alert.error .header{ background-color: #c62828; color: #FFF; }
.xtended.notification .alert.warning{ border-left-color: #f9a825; }
.xtended.notification .alert.warning .header{ background-color: #f9a825; color: #202020; }
.xtended.notification .alert.success{ border-left-color: #2e7d32; }
.xtended.notification .alert.success .header{ background-color: #2e7d32; color: #FFF; }
.xtended.notification .alert.info{ border-left-color: #283593; }
.xtended.notification .alert.info .header{ background-color: #283593; color: #FFF; }
.xtended.notification .alert > div{ padding: 24px 30px; }
.xtended.notification .alert > div p{ color: #202020; }
.xtended.notification .alert > div p:last-of-type{ padding-bottom: 0; }

/* Business Hours */
.xtended.businessHours .hours_day{ display: flex; flex-direction: row; padding: 8px 12px; }
.xtended.businessHours .hours_day.closed p{ color: #800; font-weight: 700; }
.xtended.businessHours .hours_day:not(:last-of-type){ border-bottom: solid 1px rgba(0,0,0,.1); }
.xtended.businessHours .hours_day p{ line-height: 1.4; padding: 0; }
.xtended.businessHours .hours_day .day{ width: 40%; }
.xtended.businessHours .hours_day .times{ width: 60%; text-align: right; }
.xtended.businessHours .hours_booking{ padding: 18px 12px 12px; }
.xtended.businessHours .hours_booking p{ text-align: center; }
.xtended.businessHours .hours_booking .book_text, .xtended.businessHours .hours_booking .button_p, .xtended.businessHours .hours_booking .telno{ padding: 6px 0; }
.xtended.businessHours .hours_booking .telno{ font-size: 1.35rem; }
.xtended.businessHours .hours_booking .telno_link, .xtended.businessHours .hours_booking .reserve_button{ cursor: pointer; }
.xtended.businessHours .hours_booking .reserve_button{ display: block; width: fit-content; margin: 0 auto; padding: 8px 12px; border-radius: 5px; }
.xtended.businessHours .notes{ padding: 18px 12px 0; }
.xtended.businessHours .notes p:last-of-type{ padding-bottom: 0; }

/* Responsive Tabs */
.xtended.responsiveTabs ul.resp-tabs-list{margin:0;padding:0}
.xtended.responsiveTabs .resp-tabs-list li{font-weight:600;font-size:18px!important;line-height:24px;padding:13px 15px;margin:0;list-style:none;cursor:pointer;float:left}
.xtended.responsiveTabs .resp-tabs-list li .icon, .xtended.responsiveTabs h2.resp-accordion .icon{width:26px;font-size:21px;padding-right:12px;vertical-align:middle}
.xtended.responsiveTabs .resp-tabs-container{padding:0;background-color:#fff;clear:left}
.xtended.responsiveTabs h2.resp-accordion{cursor:pointer;padding:5px;display:none}
.xtended.responsiveTabs .resp-tab-content{display:none;padding:15px}
.xtended.responsiveTabs .resp-tab-active{border-bottom:none;background-color:#fff}
.xtended.responsiveTabs .resp-content-active, .xtended.responsiveTabs .resp-accordion-active{display:block}
.xtended.responsiveTabs .xtended.responsiveTabs h2.resp-accordion{font-size:13px;margin:0;padding:10px 15px}
.xtended.responsiveTabs .xtended.responsiveTabs h2.resp-tab-active{margin-bottom:0!important}
.xtended.responsiveTabs .xtended.responsiveTabs h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:#00f}
/* Vertical tabs */
.xtended.responsiveTabs .resp-vtabs{display:flex}
.xtended.responsiveTabs .resp-vtabs .resp-tabs-list{width:30%}
.xtended.responsiveTabs .resp-vtabs .resp-tabs-list li{display:block;padding:15px;margin:0;cursor:pointer;float:none}
.xtended.responsiveTabs .resp-vtabs .resp-tabs-container{padding:0;flex:1;min-height:100px;border-left-style:solid}
.xtended.responsiveTabs .resp-vtabs .resp-tab-content{border:none}
.xtended.responsiveTabs .resp-vtabs li.resp-tab-active{background-color:#fff;position:relative}
.xtended.responsiveTabs .resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}
.xtended.responsiveTabs h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9b9797;padding-top:4px}

/* Accordion styles */
.xtended.responsiveTabs .resp-easy-accordion h2.resp-accordion{display:block}
.xtended.responsiveTabs .resp-jfit{width:100%;margin:0}
.xtended.responsiveTabs .resp-tab-content-active{display:block}

@media only screen and (max-width: 800px) {
    .xtended.responsiveTabs ul.resp-tabs-list{display:none}
    .xtended.responsiveTabs h2.resp-accordion{display:block;font-size:18px}
    .xtended.responsiveTabs .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:initial;clear:none}
    .xtended.responsiveTabs .resp-accordion-closed{display:none!important}
}

/* Events List */
.xtended.events-feed{ border-radius: 12px; max-height: 100%; height: 450px; display: flex; flex-direction: column; }
.xtended.events-feed .feed-header{ display: flex; flex-direction: row; padding: 12px; border-bottom: solid 1px; }
.xiended.events-feed .feed-header .feed-title{ padding: 0 6px 0 0; }
.xtended.events-feed .feed-header .feed-title .title-name{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 23px; line-height: 28px; font-weight: 700; padding: 0; }
.xtended.events-feed .feed-body{ flex: 1; overflow: auto; border-radius: 0 0 12px 12px; }
.xtended.events-feed .feed-body .event{ padding: 12px 16px; border-bottom: solid 1px; }
.xtended.events-feed .feed-body .event .image{ padding-bottom: 47.25%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #c0c0c0; }
.xtended.events-feed .feed-body .event .data{ padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; display: flex; }
.xtended.events-feed .feed-body .event .data .date{ width: 105px; padding: 18px 12px; text-align: center; background-color: var(--primary, #936fb1); color: #FFF; }
.xtended.events-feed .feed-body .event .data .date > p{ line-height: 1; padding: 0;}
.xtended.events-feed .feed-body .event .data .date .month{ font-size: 18px; padding-bottom: 12px; }
.xtended.events-feed .feed-body .event .data .date .day{ font-size: 42px; font-weight: 300; }
.xtended.events-feed .feed-body .event .data .meta{ padding: 12px; flex: 1; }
.xtended.events-feed .feed-body .event .data .meta .event-title{ font-size: 18px; font-weight: 700; line-height: 25px; padding: 0 0 6px; }
.xtended.events-feed .feed-body .event .data .meta .event-date{ font-weight: 400; font-size: 14px; line-height: 20px; padding: 0; }
.xtended.events-feed .feed-body .event .data .meta .ticket{ width: fit-content; color: #FFF; background-color: #202020; padding: 5px 9px; font-size: 13px; text-transform: uppercase; margin-top: 12px; }
.xtended.events-feed .feed-body .no-events{ padding: 50px 24px; text-align: center; }
.xtended.events-feed .feed-body .no-events .icon{ font-size: 4.875rem; }
.xtended.events-feed .feed-body .no-events .title{ padding: 24px 0 10px; font-size: 1.75rem; font-weight: 400; }
.xtended.events-feed .feed-body .no-events .desc{ padding: 0; font-size: 1.125rem; }

.xtended.events-feed.widget-light{ background-color: #FFF; }
.xtended.events-feed.widget-light .feed-header, .xtended.events-feed.widget-light .feed-body .event{ border-bottom-color: #cfd9de; }
.xtended.events-feed.widget-light .feed-header .feed-title .title-name{ color: #0f1419; }
.xtended.events-feed.widget-light .feed-body .event .data .meta .event-title, .xtended.events-feed.widget-light .feed-body .no-events .title{ color: #0f1419; }
.xtended.events-feed.widget-light .feed-body .event .data .meta .event-date, .xtended.events-feed.widget-light .feed-body .no-events .desc{ color: #536471; }
.xtended.events-feed.widget-light .feed-body .no-events .icon{ color: #565656; }

.xtended.events-feed.widget-dark{ background-color: #000; }
.xtended.events-feed.widget-dark .feed-header, .xtended.events-feed.widget-dark .feed-body .event{ border-bottom-color: #333639; }
.xtended.events-feed.widget-dark .feed-header .feed-title .title-name, .xtended.events-feed.widget-dark .feed-body .event .data .meta .event-title, .xtended.events-feed.widget-dark .feed-body .no-events .title{ color: #e7e9ea; }
.xtended.events-feed.widget-dark .feed-body .event .data .meta .event-date, .xtended.events-feed.widget-dark .feed-body .no-events .desc{ color: #71767b; }
.xtended.events-feed.widget-dark .feed-body .no-events .icon{ color: #f0f0f0; }

/* YouTube Feed */
.xtended.youtube-feed{ border-radius: 12px; max-height: 100%; height: 450px; display: flex; flex-direction: column; }
.xtended.youtube-feed .feed-header{ display: flex; flex-direction: row; padding: 12px; border-bottom: solid 1px; }
.xiended.youtube-feed .feed-header .feed-title{ padding: 0 6px 0 0; }
.xtended.youtube-feed .feed-header .feed-title .title-name{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 23px; line-height: 28px; font-weight: 700; padding: 0; }
.xtended.youtube-feed .feed-body{ flex: 1; overflow: auto; border-radius: 0 0 12px 12px; }
.xtended.youtube-feed .feed-body .video{ padding: 12px 16px; border-bottom: solid 1px; }
.xtended.youtube-feed .feed-body .video .video-image{ padding-bottom: 56.25%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.xtended.youtube-feed.demo .feed-body .video .video-image{ background-color: #c0c0c0; }
.xtended.youtube-feed .feed-body .video .video-details{ padding: 12px 0 0; }
.xtended.youtube-feed .feed-body .video .video-details .video-title{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 25px; padding: 0 0 6px; }
.xtended.youtube-feed .feed-body .video .video-details .video-timestamp{ font-weight: 400; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 20px; padding: 0; }

.xtended.youtube-feed.widget-light{ background-color: #FFF; }
.xtended.youtube-feed.widget-light .feed-header, .xtended.youtube-feed.widget-light .feed-body .video{ border-bottom-color: #cfd9de; }
.xtended.youtube-feed.widget-light .feed-header .feed-title .title-name{ color: #0f1419; }
.xtended.youtube-feed.widget-light .feed-body .video .video-details .video-title{ color: #0f1419; }
.xtended.youtube-feed.widget-light .feed-body .video .video-details .video-timestamp{ color: #536471; }

.xtended.youtube-feed.widget-dark{ background-color: #000; }
.xtended.youtube-feed.widget-dark .feed-header, .xtended.youtube-feed.widget-dark .feed-body .video{ border-bottom-color: #333639; }
.xtended.youtube-feed.widget-dark .feed-header .feed-title .title-name, .xtended.youtube-feed.widget-dark .feed-body .video .video-details .video-title{ color: #e7e9ea; }
.xtended.youtube-feed.widget-dark .feed-body .video .video-details .video-timestamp{ color: #71767b; }