/* exo-2-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/exo-2-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/google/exo-2-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

div[class^='elementor-widget-cocode_'] .elementor-widget-container, div[class*=' elementor-widget-cocode_'] .elementor-widget-container{ position: relative; }

.elementor-element .elementor-widget-container{ display: flex; flex-direction: column; }

/* Media */
.media-archive{ padding: 60px 0; }
.media-sidebar{ margin-bottom: 24px; padding: 30px; background-color: var(--wp--preset--color--white); }
.media-sidebar.tabbed{ padding: 0; }
.media-sidebar.tabbed .tabbed-content{ padding: 24px 18px; }
.media-sidebar:last-of-type{ margin-bottom: 60px; }
.media-sidebar ul{ list-style: none; margin: 0; padding: 0; }
.media-sidebar li{ margin-bottom: 24px; }
.media-sidebar li:last-of-type{ margin-bottom: 0; }
.media-sidebar a{ text-decoration: none; display: flex; }
.media-sidebar a:hover{ text-decoration: none; }
.media-sidebar .image{ background-size: cover; background-repeat: no-repeat; background-position: center; width: 155px; }
.media-sidebar .media-name{ flex: 1; padding-left: 18px; display: flex; flex-direction: column; justify-content: center; }
.media-sidebar .media-name h2{ font-weight: 400; font-size: 21px; line-height: 1.35; margin: 0; padding: 0; }
.media-sidebar .no-media.no-posts{ padding: 0; }
.media-sidebar .no-media.no-posts .no-posts-icon .icon{ font-size: 3.75rem; padding-top: 0; }
.media-sidebar .no-media.no-posts .no-posts-content h3{ font-size: 1.4rem; padding-bottom: 17px; font-weight: 400; }
.media-sidebar .no-media.no-posts .no-posts-content p{ font-size: 1rem; }
.media-sidebar .tabs{ margin: 0; padding: 0; list-style: none; display: flex; }
.media-sidebar .tabs .tab{ flex-grow: 1; flex-basis: 0; margin-bottom: 0; }
.media-sidebar .tabs .tab a{ display: block; text-align: center; background-color: #E0E0E0; padding: 18px 12px; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #202020; }
.media-sidebar .tabs .tab a:hover{ background-color: #E6E6E6; }
.media-sidebar .tabs .tab.active a, .media-sidebar .tabs .tab.active a:hover{ background-color: #202020; color: #FFF; }
.media-sidebar .tabbed-content{ display: none; }
.media-sidebar .tabbed-content.active{ display: block; }
@media only screen and (max-width: 1200px){
    .media-sidebar .widget-title{ padding: 0 0 18px; }
}
@media only screen and (max-width: 800px){
    .media-sidebar .tabs, .media-sidebar .tabbed-content .recent-audio a{ flex-direction: column; }
}
/* Galleries */
/* Archive */
/* Single */
.gallery-title .post-meta .icon{ width: 24px; text-align: center; }
.gallery-title .post-meta .data{ padding: 0 28px 0 6px; }
.xtended-single.gallery .photos{ padding: 60px 0; }
.xtended-single.gallery .photos .description{ padding: 0 12px 45px; }
.xtended-single.gallery .photos .description p{ font-size: 1.125rem; }
.xtended-single.gallery .photos .description p:last-of-type{ padding-bottom: 0; }
.xtended-single.gallery .photos #gallery .photo{ padding: 7px; }
.xtended-single.gallery .photos #gallery .photo a{ display: block; position: relative; }
.xtended-single.gallery .photos #gallery .photo a::before{ width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,.2); display: block; content: ""; opacity: 0; }
.xtended-single.gallery .photos #gallery .photo span{ left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); color: #FFF; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 2rem; opacity: 0; }
.xtended-single.gallery .photos #gallery .photo a::before, .xtended-single.gallery .photos #gallery .photo span{ position: absolute; transition: all .2s ease; }
.xtended-single.gallery .photos #gallery .photo a:hover::before, .xtended-single.gallery .photos #gallery .photo a:hover span{ opacity: 1; }
.xtended-single.gallery .photos #gallery .photo img{ vertical-align: bottom; }
.xtended-single.gallery .photos #gallery.layout-grid{ display: flex; flex-wrap: wrap; }
@media only screen and (min-width: 1200px){
    .xtended-single.gallery .photos #gallery .photo{ width: 25%; }
}
@media only screen and (min-width: 900px) and (max-width: 1199px){
    .xtended-single.gallery .photos #gallery .photo{ width: calc( 100% / 3 ); }
}
@media only screen and (min-width: 400px) and (max-width: 899px){
    .xtended-single.gallery .photos #gallery .photo{ width: 50%; }
}
@media only screen and (max-width: 399px){
    .xtended-single.gallery .photos #gallery .photo{ width: 100%; }
}
/* Taxonomies */
.xtended-single.gallery .photos .post-taxonomy{ padding: 60px 0 0; }
.xtended-single.gallery .photos .post-taxonomy .taxonomy-list{ list-style: none; margin: 0; padding: 0 0 48px; }
.xtended-single.gallery .photos .post-taxonomy .taxonomy-list .list-item{ display: inline-block; margin: 0 12px 8px 0; }
.xtended-single.gallery .photos .post-taxonomy .taxonomy-list .list-item .item-link{ display: inline-block; height: 36px; line-height: 36px; position: relative; margin: 0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); color: #fff; font-size: 14px; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,0.2); white-space: nowrap; }
/* Share Box */
.xtended-single.gallery .photos #share-links, .xtended-single.gallery .photos .comments{ margin: 48px 0 0; }
/* Categories */
.xtended-single.gallery .photos .post-taxonomy .taxonomy-list.categories .category-link{ padding: 0 12px; background: #202020; border-radius: 3px; }
.xtended-single.gallery .photos .post-taxonomy .taxonomy-list.categories .category-link:hover{ background-color: #6F6F6F; }
/* Shortcode Embed */
.gallerywidget{ margin: 5px auto 45px; border: solid 1px #DDD; border-radius: 3px; background-color: #FFF; width: 100%; }
.gallerywidget .inner{ padding: 18px 15px; }
.gallerywidget .photos{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 450px; }
.gallerywidget .photos .photo{ background-color: #D0D0D0; margin: 0; border: solid 10px #FFF; background-position: center; background-repeat: no-repeat; background-size: cover; }
.gallerywidget .photos .photo:first-of-type{ width: 75%; height: 450px; }
.gallerywidget .photos .photo:not(:first-of-type){ width: 25%; height: 150px; position: relative; }
.gallerywidget .photos .photo .leftover{ text-align: center; line-height: 130px; color: #FFF; font-size: 1.65rem; font-weight: 700; background-color: rgba(0,0,0,.65); display: block; padding: 0; height: 130px; }
.gallerywidget .data{ padding: 10px; }
.gallerywidget .data p:last-of-type{ padding-bottom: 0; }
.gallerywidget .data .title{ font-size: 1.75rem; }
/* Gallery embed */
.gallery-preview-wrap{ margin: 5px auto 45px; border: solid 1px #DDD; border-radius: 3px; }
.gallery-preview-wrap .gallery-preview-inner{ padding: 17px 14px; }
.gallery-preview-wrap h2{ font-size: 24px; font-weight: 700; margin: 0; color: #353535; padding: 0 0 4px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.gallery-preview-wrap ul{ margin: 0; list-style: none; padding: 11px 0; }
.gallery-preview-wrap li{ display: inline-block; margin: 0 2px; background-position: center; background-size: cover; }
.gallery-preview-wrap li:first-child{ margin: 0 2px 0 0; }
.gallery-preview-wrap li:last-child{ margin: 0 0 0 2px; }
.gallery-preview-wrap .gallery-meta p{ font-size: 12px; color: #555; }
.gallery-preview-wrap .gallery-description p{ font-size: 16px; color: #555; }
/* Videos */
/* Archive */
#videoArchive .videoPost .image{ padding-bottom: 56.25%; }
#videoArchive .videoPost .image, #audioArchive .audioPost .image{ position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #221F2A; }
#videoArchive .videoPost a{ text-decoration: none; }
#videoArchive .videoPost a .image .video-icon, #audioArchive .audioPost .image .audio-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 95px; height: 95px; line-height: 95px; }
#videoArchive .videoPost a .playButton, #audioArchive .audioPost .playButton{ position: absolute; color: #FFF; background-color: rgba(0,0,0,.35); left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; opacity: 0; transition: opacity .2s ease-in-out; }
#videoArchive .videoPost .image .post-counts, #audioArchive .audioPost .image .post-counts, #audioArchive .audioPost .image .episode-count{ position: absolute; bottom: 15px; right: 15px; z-index: 2; width: fit-content; padding: 5px 8px; border-radius: 15px; background-color: rgba(0,0,0,.85); font-size: 0.875rem; color: #FFF; }
#videoArchive .videoPost .image .post-counts .meta-item, #audioArchive .audioPost .image .post-counts .meta-item{ padding: 0 8px; }
#videoArchive .videoPost .image .post-counts .meta-item .icon, #audioArchive .audioPost .image .post-counts .meta-item .icon{ padding: 0 8px 0 0; font-size: 0.75rem; }
#videoArchive .videoPost a:hover .playButton, #audioArchive .audioPost a:hover .playButton{ opacity: 1; }
#videoArchive .videoPost a .playButton span, #audioArchive .audioPost .playButton span{ width: 100%; text-align: center; font-size: 48px; text-shadow: 0 2px 4px rgba(0,0,0,.3); }
#videoArchive .videoPost .content{ padding: 15px 0 0; }
#videoArchive .videoPost .content .title{ font-size: 1.25rem; }
#videoArchive .videoPost .content .post-date, #audioArchive .audioPost .content .post-date, #audioArchive .audioPost .content .artist{ font-size: 0.875rem; }
#videoArchive .videoPost .content .post-date .icon, #audioArchive .audioPost .content .post-date .icon{ padding: 0 8px 0 0; font-size: 0.75rem; }
#videoArchive .videoPost .content .video-meta{ font-size: 0.875rem; }
#videoArchive .videoPost .content .video-meta .meta-item > span{ display: inline-block; }
#videoArchive .videoPost .content .video-meta .meta-item .icon{ padding: 0 6px 0 0; }
#videoArchive .videoPost .content .video-meta .meta-item.view-count{ padding: 0 18px 0 0; }
#videoArchive .videoPost a{ color: var(--wp--preset--color--secondary-text); transition: all .2s ease; }
#videoArchive .videoPost a:hover{ color: var(--wp--preset--color--primary-text); }
@media only screen and (max-width: 800px){
    #videoArchive .video-feed{ gap: 20px; }
}
/* Single */
#single-header.video-header .page-spacer, #single-header.short-header .page-spacer{ height: 190px; }
#single-header.video-header, #single-header.short-header{ height: 230px; }
#video-player{ position: relative; }
#video-player .container{ max-width: 100%; padding-bottom: 57.6%; }
#video-player iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.single-video #single-video{ gap: 30px; }
.single-video .video{ flex: 1; }
.single-video .video-data{ padding: 30px; background-color: var(--wp--preset--color--white); height: 100%; }
.video-information .page-title{ padding-bottom: 18px; }
#single-video-title .page-title{ text-align: left; font-size: 48px; font-weight: 700; padding: 0; }
#video-content .video-meta span, #video-content .video-meta a, #post-source span, #post-source a{ display: inline-block; margin: 0 -2px; padding: 9px 15px; border-style: solid; border-width: 1px; }
#video-content .video-meta span, #post-source span{ color: #FFF; background-color: #20002D; border-color: #20002D; }
#video-content .video-meta a, #post-source a{ background-color: #E0E0E0; color: #222; transition: all .25s ease-in-out; border-top-color: #E0E0E0; border-left-color: #E0E0E0; border-right-color: #E0E0E0; border-bottom-color: #E0E0E0; }
#video-content .video-meta a:hover, #post-source a:hover{ background-color: #FFF; color: #000; border-left-color: #FFF; border-top-color: #DDD; border-right-color: #DDD; border-bottom-color: #DDD; }
#video-content .video-column{ display: inline-block; vertical-align: top; margin: 0 -2px; box-sizing: border-box; }
#video-content .video-data{ padding: 60px 0; }
#video-content .video-data .videoDescription{ padding: 12px 0; }
#video-content #share-links, #video-content #post-comments{ padding: 48px 0 0; }
#video-content .video-posts{ padding-left: 12px; }
#video-content .video-posts ul{ margin: 0; padding: 0; list-style: none; }
#video-content .video-posts li{ padding: 0 0 6px; clear: both; }
#video-content .video-posts .video-fi{ height: 65px; width: 115px; background-size: cover; background-position: center; float: left; margin: 0 7px 7px 0; }
#video-content .video-posts .recent-info{ padding: 10px 0 10px 7px; }
.video-sidebar .recent-video .video-info-container{ padding: 12px 16px; }
#video-content .video-posts p{ font-weight: 700; }
@media only screen and (min-width: 1200px){
    .single-post.video > .container{ padding: 150px 30px 70px; }
    #video-player{ max-width: 1300px; width: 100%; margin: 0 auto; }
    #single-video{ padding: 50px 0 0; }
}
@media only screen and (max-width: 1199px){
    .single-post.video > .container{ padding: 90px 30px 50px; }
    #video-player{ width: 100%; margin: 0 auto; }
    .single-video .video-data{ padding: 20px; }
    .single-video .video-data .title{ font-size: 2rem;}
}
/* Sidebar */
#videoSidebar{ padding: 0; }
.video-sidebar .video-fi{ padding-bottom: 85px; position: relative; background-color: #221F2A; }
.video-sidebar .video-fi .photo-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 42px; height: 42px; }
@media only screen and (max-width: 500px){
    .video-sidebar a{ flex-direction: column; }
    .video-sidebar .video-fi{ width: 100%; padding-bottom: 57.6%; }
    .video-sidebar .media-name{ padding: 12px 0 0; }
}
/* Publications */
/* Archive */
#publicationArchive .publication-feed{ padding: 60px 0; }
#publicationArchive .publication a{ text-decoration: none; }
#publicationArchive .publication .image-wrap, #single-publication .noCover{ background-color: #DFDFDF; padding: 8px; }
#publicationArchive .publication .image, #single-publication .noCover{ width: 100%; padding-bottom: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; margin: 0; display: block; }
#publicationArchive .publication .image > span, #single-publication .noCover > span{ position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 150px; line-height: 150px; text-align: center; color: #C4C4C4; font-size: 6rem; }
#publicationArchive .publication .content{ padding: 18px 16px 6px; color: #202020; }
#publicationArchive .publication .content .title{ font-weight: 400; padding-bottom: 7px; font-size: 1.35rem; }
#publicationArchive .publication .content .author{ font-size: 0.85rem; }
/* Single */
.xtended-single.single-publication .publication{ padding: 60px 0; gap: 30px; }
.xtended-single.single-publication .publication .publication-data{ flex: 1; }
.xtended-single.single-publication .publication .sidebar .post-meta{ padding: 35px 20px; background-color: var(--wp--preset--color--white); margin: 0 0 48px; }
.xtended-single.single-publication .publication .sidebar .post-meta .label{ font-size: 0.875rem; font-weight: 700; display: block; }
.xtended-single.single-publication .publication .sidebar .post-meta .data{ font-size: 1.125rem; }
.xtended-single.single-publication .publication .sidebar .download{ margin-bottom: 18px; }
.xtended-single.single-publication .publication .sidebar .download .download-button, .xtended-single.single-publication .publication .sidebar .view_pdf .view-button{ display: block; padding: 10px 18px; color: #FFF; background-color: var(--wp--preset--color--black); border-radius: 4px; transition: all .2s ease; text-decoration: none; }
.xtended-single.single-publication .publication .sidebar .download .download-button:hover, .xtended-single.single-publication .publication .sidebar .view_pdf .view-button:hover{ background-color: var(--wp--preset--color--primary); }
.xtended-single.single-publication .publication .sidebar .download .download-button > span, .xtended-single.single-publication .publication .sidebar .view_pdf .view-button > span{ display: inline-block; vertical-align: middle; }
.xtended-single.single-publication .publication .sidebar .download .download-button .icon, .xtended-single.single-publication .publication .sidebar .view_pdf .view-button .icon{ font-size: 1.3rem; }
.xtended-single.single-publication .publication .sidebar .download .download-button .label, .xtended-single.single-publication .publication .sidebar .view_pdf .view-button .label{ padding: 0 0 0 7px; }
.xtended-single.single-publication .publication .publication-data .post-content{ margin: 0 0 68px; padding: 50px; }
.xtended-single.single-publication .publication .publication-data .post-quote{ background-color: var(--wp--preset--color--secondary-dark); color: #FFF; padding: 18px 32px; margin: 0 0 68px; }
.xtended-single.single-publication .publication .publication-data #share-links{ margin: 0 0 68px; }
.xtended-single.single-publication .publication .publication-data .post-quote .quote-icon{ font-size: 2.5rem; display: block; height: 72px; line-height: 72px; text-align: center; padding: 0 0 18px; color: #FFF; }
.xtended-single.single-publication .publication .publication-data .post-quote .quote p{ font-size: 1.2rem; text-align: center; }
.xtended-single.single-publication .publication .publication-data .post-quote .quoteby p{ text-align: right; }
@media only screen and (max-width: 800px){
    .xtended-single.single-publication .publication .publication-data .post-content{ padding: 20px; }
    .xtended-single.single-publication .publication .sidebar .view_pdf{ display: none; }
}

/* Audio / Podcasts */
/* Archive */
#audioArchive .audioPost{ margin-bottom: 24px; }
#audioArchive .audio-feed{ gap: 26px; }
#audioArchive .audioPost a{ width: 100%; text-decoration: none; color: var(--wp--preset--color--secondary-text); transition: all .2s ease; }
#audioArchive .audioPost a:hover{ color: var(--wp--preset--color--primary-text); }
#audioArchive .audioPost .image{ padding: 0 0 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin: 0; position: relative; }
#audioArchive .audioPost .content{ padding: 21px 14px; }
#audioArchive .audioPost .inner-content{ width: 100%; }
#audioArchive .audioPost .inner-content .title{ font-size: 1.2rem; }
#audioArchive .audioPost .image .episode-count{ font-weight: 700; padding: 5px 12px; }
@media only screen and (min-width: 1200px){
    #audioArchive .audioPost{ width: calc( 25% - 20px ); }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
    #audioArchive .audioPost{ width: calc( ( 100% / 3 ) - 18px ); }
}
@media only screen and (min-width: 600px) and (max-width: 999px){
    #audioArchive .audioPost{ width: calc( 50% - 13px ); }
}
@media only screen and (max-width: 599px){
    #audioArchive .audioPost{ width: 100%; }
}

/* Podcast Taxonomy */
#podcastChannel{ padding: 60px 0; }
#podcastChannel .podcast-sidebar{ padding: 30px; background-color: var(--wp--preset--color--white); }
#podcastChannel .podcast-sidebar .image{ background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 100%; margin: 0 0 18px; }
#podcastChannel .podcast-sidebar .play-link .link{ display: flex; width: 100%; border-radius: 3px; color: #FFF; text-decoration: none; background-color: var(--wp--preset--color--primary); padding: 3px 18px 3px 6px; transition: all .2s ease; width: fit-content; }
#podcastChannel .podcast-sidebar .play-link .link:hover{ background-color: var(--wp--preset--color--primary-text); color: var(--wp--preset--color--post-background); }
#podcastChannel .podcast-sidebar .play-link .link > span{ display: inline-block; line-height: 42px; vertical-align: middle; flex-wrap: wrap; }
#podcastChannel .podcast-sidebar .play-link .link .icon{ text-align: center; width: 42px; font-size: 1rem; }
#podcastChannel .podcast-sidebar .play-link .link .label{ padding: 0 0 0 6px; flex: 1; }
#podcastChannel .episode-list{ flex: 1; padding: 30px 0; }
#podcastChannel .episode-list .no-media .no-media-content h2{ font-size: 2.6rem; }
#podcastChannel .episode-list .no-media .no-media-content p{ font-size: 1rem; }
#podcastChannel .episodes .episode{ margin-bottom: 12px; }
#podcastChannel .episodes .episode .image{ width: 125px; height: 125px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
#podcastChannel .episodes .episode .content{ padding: 12px 25px; }
#podcastChannel .episodes .episode .content .title{ font-size: 1.35rem; }
#podcastChannel .episodes .episode .content .post-date, #podcastChannel .episodes .episode .content .post-counts{ font-size: 0.875rem; }
#podcastChannel .episodes .episode .content .post-counts .meta-item{ padding: 0 18px 0 0; }
#podcastChannel .episodes .episode .content .post-counts .meta-item .icon{ padding: 0 12px 0 0; }
#podcastChannel .episodes .episode .content .post-date .icon{ padding: 0 6px 0 0; }
#podcastChannel .row{ gap: 30px; }
#podcastChannel .row.container::before, #podcastChannel .row.container::after{ display: none; }

@media only screen and (min-width: 550px) and (max-width: 800px){
    #podcastChannel .channel-sidebar{ gap: 20px; flex-wrap: wrap; display: flex; align-items: center; padding: 0 0 24px; }
    #podcastChannel .podcast-sidebar .image{ width: 200px; height: 200px; padding-bottom: 0; }
    #podcastChannel .podcast-sidebar .channel-data{ flex: 1; }
} 
@media only screen and (max-width: 549px){
    #podcastChannel .channel-sidebar{ padding: 0 0 24px; }
    #podcastChannel .episodes .episode a{ width: 100%; display: block; }
    #podcastChannel .episodes .episode .image{ width: 100%; height: unset; padding-bottom: 100%; display: block; }
    #podcastChannel .episodes .episode .content{ width: 100%; padding: 25px 15px; }
}
/* Single */
#audioContainer{ padding: 80px 30px 60px; }
#audioContainer .audioTitle{ padding-top: 0; }
.audioFile .embed_item.mixcloud iframe{ height: 180px; }
.audioFile .embed_item.spotify iframe{ height: 155px; }
.audioFile .embed_item.reverbnation iframe{ height: 350px; }
.audioFile .embed_item.soundcloud iframe{ height: 250px; }
.audioFile .audioDescription{ padding-bottom: 24px; }
.audioFile .audio-coverImage .coverImage-image{ padding-bottom: 100%; margin: 0; background-position: center; background-size: cover; }
.audioFile .audio-coverImage{ padding: 0; }
.audioFile .audioPlayer{ position: relative; }
.audioFile .audioPlayer iframe{ width: 100%; height: 100%; }
.audioFile .audioFile-title{ display: flex; align-items: center; }
.audioFile .audio-information .audio-metaLabel.displayTitle{ font-size: 21px; }
.audio-sidebar .track-podcastUrl a{ display: unset; }
.audio-sidebar .audio-fi{ width: 125px; padding-bottom: 125px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; background-color: #221F2A; }
.audio-sidebar .audio-fi .audio-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55px; height: 55px; }
.audio-sidebar .track-name{ padding: 0 0 0 18px; align-self: center; }
.audio-metadata .metaLabel{ font-size: 0.875rem; padding-bottom: 6px; color: var(--wp--preset--color--secondary-text); }
.audio-metadata .metaData{ font-size: 1rem; }
.audio-metadata .track-podcastUrl{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; }
.audio-metadata .audioSection:last-of-type .metaData{ padding-bottom: 0; }
#audioContainer #share-links, #audioContainer #post-comments{ padding: 48px 0 0; }
@media only screen and (max-width: 1000px){
    .audioFile{ padding: 50px 0; }
}
@media only screen and (max-width: 800px){
    .audio-sidebar .audio-fi{ width: 100%; padding-bottom: 100%; }
    .media-sidebar .tabbed-content .recent-audio a .track-name{ width: 100%; padding: 12px 0 0; }
    .single-music .audio-content .music .audio-data .title, .single-podcast .audio-content .podcast .audio-data .title{ font-size: 2rem;}
}

.single-music .audio-content, .single-podcast .audio-content{ gap: 30px; }
.single-music .audio-content .music, .single-podcast .audio-content .podcast{ padding: 0; flex: 1; }
.single-music .audio-content .music .audio-data, .single-podcast .audio-content .podcast .audio-data{ padding: 30px; background-color: var(--wp--preset--color--white); height: 100%; }
@media only screen and (min-width: 1200px){
    #audioPlayer{ padding: 150px 30px 70px; }
    #single-video{ padding: 50px 0 0; }
}
@media only screen and (max-width: 1199px){
    .single-post.video > .container{ padding: 50px 20px 50px; }
    #video-player{ width: 100%; margin: 0 auto; }
}
/* Sidebar */
#audioSidebar{ padding: 0; }
.media-sidebar .widget-title{ padding: 0 0 24px; font-size: 1.6rem; }
.media-sidebar .tabbed-content .recent-audio a{ flex-wrap: wrap; }
.media-sidebar .tabbed-content .recent-audio a .coverImage{ width: 125px; height: 125px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.media-sidebar .tabbed-content .recent-audio a .track-name{ flex: 1; }
.media-sidebar .tabbed-content .recent-audio a .track-name h2{ font-size: 1.35rem; color: var(--wp--preset--color--primary-text); }
.media-sidebar .tabbed-content .recent-audio a .track-name .channel{ font-size: 0.875rem; font-weight: 700; background-color: var(--wp--preset--color--primary); color: #FFF; text-decoration: none; line-height: 1; padding: 12px 12px; width: fit-content; margin-bottom: 12px; }
.media-sidebar .tabbed-content .recent-audio a .track-name .time{ padding: 0; color: var(--wp--preset--color--secondary-text); }

/* No Media */
.no-media.no-posts{ width: 100%; }
.no-media.no-posts .content-wrap, .no-vacancies.no-posts .content-wrap{ text-align: center; padding: 60px 0 40px; }
.no-media.no-posts .no-media-icon, .no-vacancies.no-posts .no-vacancies-icon{ padding: 0 0 24px; }
.no-media.no-posts .no-media-icon .icon, .no-vacancies.no-posts .no-vacancies-icon .icon{ font-size: 5.75rem; color: #e9e9e9; }
.no-media.no-posts .no-media-content h1, .no-vacancies.no-posts .no-vacancies-content h1{ font-size: 3rem; color: #5a5a5a; }
.no-media.no-posts .no-media-content p, .no-vacancies.no-posts .no-vacancies-content p{ font-size: 1.25rem; color: #a1a1a1; }

/* Edit warning */
.xtended-widget .display_warning{ border: solid 3px #6d3434; }
.xtended-widget .display_warning .warning_banner{ padding: 8px 15px; color: #FFF; background-color: #6d3434; font-size: 0.875rem; font-weight: 700; }
.xtended-widget .display_warning .warning_display{ border: solid 10px #d7c9c9; }
.xtended-widget .display_warning .warning_highlighted{ text-transform: uppercase; text-decoration: double; font-style: italic; }

.xtended .widget-title{ padding: 0 0 25px; }
.xtended .widget-title.align-left{ text-align: left; }
.xtended .widget-title.align-center{ text-align: center; }
.xtended .widget-title.align-right{ text-align: right; }
@media only screen and (max-width: 800px){
    .xtended .widget-title{ font-size: 1.85rem; }
}
@media only screen and (min-width: 801px){
    .xtended .widget-title{ font-size: 2.5rem; }
}

/* Featured Content */
.xtended.featured-content{ height: 100%; width: 100%; flex: 1; background-color: var(--wp--preset--color--post-background); border-radius: 5px; }
.xtended.featured-content .link{ transition: all .2s ease; margin: 18px 0 0; display: inline-block; }
.xtended.featured-content .image{ background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #DDD; border-radius: 5px; }
.xtended.featured-content .wrap{ border-radius: 5px 5px 0 0; padding: 28px; flex: 1; }
.xtended.featured-content .desc{ padding-top: 0; }
.xtended.featured-content .desc p{ font-size: 1rem; color: var(--wp--preset--color--secondary-text); }
.xtended.featured-content .title{ font-size: 1.5rem; }

/* Horizontal */
.xtended.featured-content.fc-display-h{ gap: 20px; display: flex; flex-wrap: wrap; }
@media only screen and (min-width:900px) {
    .xtended.featured-content.fc-display-h{ flex-direction: row; }
    .xtended.featured-content.fc-display-h .image{ width: 395px; }
    .xtended.featured-content.fc-display-h .wrap{ flex: 1; }    
}
@media only screen and (max-width:899px) {
    .xtended.featured-content.fc-display-h{ flex-direction: column; }
    .xtended.featured-content.fc-display-h .image{ padding-bottom: 60.5%; width: 100% !important; }
    .xtended.featured-content.fc-display-h .wrap{ flex: 1; }    
}
/* Vertical */
.xtended.featured-content.fc-display-v{ display: flex; flex-direction: column; }
.xtended.featured-content.fc-display-v .link{ flex-direction: column; }
.xtended.featured-content.fc-display-v .image{ padding-bottom: 60.5%; }
.xtended.featured-content.fc-display-v .wrap{ flex: 1; display: flex; flex-direction: column; }
.xtended.featured-content.fc-display-v .content{ flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; }
.xtended.featured-content.fc-display-v .content .desc{ flex: 1; }

/* Iconbox */
.xtended.iconbox{ height: 100%; min-height: inherit; }
.xtended.iconbox .wrap{ height: 100%; min-height: inherit; transition: all .2s ease; border-radius: 4px; padding: 64px 21px; text-align: center; }
.xtended.iconbox.align-left .wrap{ text-align: left; }
.xtended.iconbox.align-right .wrap{ text-align: right; }
.xtended.iconbox .iconbox-icon .icon{ display: block; }
.xtended.iconbox:not(.iconframe-standard) .iconbox-icon .icon{ width: var(--icon_width) !important; line-height: var(--icon_width) !important; text-align: center; font-size: 22px; transition: all .2s ease; }
.xtended.iconbox.iconframe-circle .iconbox-icon .icon{ border-radius: 50%; }
.xtended.iconbox.iconframe-diamond .iconbox-icon .icon{ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.xtended.iconbox.iconframe-hex .iconbox-icon .icon{ clip-path: polygon(100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%, 25% 6.7%, 75% 6.7%); }
.xtended.iconbox.iconframe-hexup .iconbox-icon .icon{ clip-path: polygon(93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%, 50% 0%, 93.3% 25%); }
.xtended.iconbox.iconframe-oct .iconbox-icon .icon{ clip-path: polygon(70.71% 100%, 100% 70.71%, 100% 29.29%, 70.71% 0%, 29.29% 0%, 0% 29.29%, 0% 70.71%, 29.29% 100%); }
.xtended.iconbox.align-left .iconbox-icon .icon{ margin: 0 auto 18px 0; }
.xtended.iconbox.align-center .iconbox-icon .icon{ margin: 0 auto 18px; }
.xtended.iconbox.align-right .iconbox-icon .icon{ margin: 0 0 18px auto; }
.xtended.iconbox .iconbox-title .title{ position: relative; font-size: 18px; text-transform: uppercase; margin-bottom: 0; }
.xtended.iconbox.has_divider .iconbox-title .title{ margin-bottom: 32px; }
.xtended.iconbox.has_divider .iconbox-title .title::after{ position: absolute; content: ""; bottom: -14px; left: 50%; transform: translateX(-50%); height: 2px; width: 65px; }
.xtended.iconbox.has_divider.align-left .iconbox-title .title::after{ left: 0; transform: none; }
.xtended.iconbox.has_divider.align-right .iconbox-title .title::after{ left: unset; right: 0; transform: none; }
.xtended.iconbox .iconbox-data .iconbox-content p{ 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; justify-content: center; }
.xtended.imageButton.halign-right .linkwrap{ text-align: right; }
.xtended.imageButton.halign-center .linkwrap .imageButton-content{ padding: 18px; }
.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: 0;
    background: linear-gradient(90deg, rgba(96, 12, 81, 0.75) 0%, rgba(122, 16, 103, 0.5) 40%, rgba(145, 34, 123, 0.35) 100%);
    mask-image: linear-gradient(to bottom, transparent 0px, black 100px);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 100px); /* For Safari */
    mask-composite: intersect;
    -webkit-mask-composite: destination-in;
    transform-origin: bottom; /* Grows from the bottom */
    transition: height .2s ease;
}
  
.xtended.imagelink:hover .gradient{
    height: calc(100% + 100px); /* Increase by the height of the mask */
}
.xtended.imagelink .content{ position: absolute; bottom: 0; left: 0; z-index: 1; height: fit-content; min-height: 1px; width: 100%; display: flex; flex-direction: column; transition: all .2s ease; }
.xtended.imagelink:hover .content{ min-height: 100%; }
.xtended.imagelink .content .link_desc{
    overflow: hidden;
    opacity: 0; /* Start with it hidden */
    max-height: 0; /* Start with zero height */
    transition: opacity 0.2s ease-in-out, max-height 0.2s ease-in-out; /* Animate max-height and opacity */
}
.xtended.imagelink:hover .content .link_desc{
    opacity: 1; /* Fade in */
    max-height: 1000px; /* Set a max-height large enough to accommodate the description */
}
.xtended.imagelink .content .flex{ flex: 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 .linkwrap{ height: 300px !important; }
    .xtended.imagelink .content .link-title{ font-size: 1.60rem; }
}

/* Twitch Status */
.xtended.twitch_status .display_link{ display: block; width: 100%; text-decoration: none; }
/* Default */
.xtended.twitch_status.size-default{ max-width: 400px; width: 100%; }
.xtended.twitch_status.size-default .display{ padding: 15px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; border-radius: 8px; }
.xtended.twitch_status.size-default .display .icon{ position: relative; width: 72px; height: 72px; background-color: rgba(0,0,0,.12); border-radius: 8px; padding: 12px; }
.xtended.twitch_status.size-default .display .icon .twitch_icon{ background-position: center; background-size: contain; background-repeat: no-repeat; height: 100%; width: 100%; display: block; }
.xtended.twitch_status.size-default.status-offline .display .icon .twitch_icon{ background-image: url('../images/twitch_offline.png'); }
.xtended.twitch_status.size-default.status-online .display .icon .twitch_icon{ background-image: url('../images/twitch_online.png'); }
.xtended.twitch_status.size-default .display .icon .status-dot{ position: absolute; width: 15px; height: 15px; border-radius: 3px; bottom: 3px; right: 3px; display: block; }
.xtended.twitch_status.size-default.status-online .display .icon .status-dot{ background-color: #16bf13; }
.xtended.twitch_status.size-default.status-offline .display .icon .status-dot{ background-color: #7d7a7b; }
.xtended.twitch_status.size-default .display .user .status{ padding: 0; font-size: 1.25rem; font-weight: 700; }
.xtended.twitch_status.size-default .display .user .display-name{ padding: 0 0 4px; font-size: 0.9125rem; }
.xtended.twitch_status.size-default.status-online .display .user .display-name{ color: #FFFFFF; }
.xtended.twitch_status.size-default.status-online .display .user .status{ color: #FFFFFF; }
.xtended.twitch_status.size-default .display .user p{ line-height: 1.4; }
.xtended.twitch_status.size-default.status-online .display{ background: linear-gradient(to right, #9246FF, #FF46AA); background-size: auto; }
.xtended.twitch_status.size-default.status-offline .display{ background: linear-gradient(to right, #9E9E9E, #D3D3D3); background-size: auto; color: #464249; }
/* Mini */
.xtended.twitch_status.size-mini{ height: 40px; background-color: #F00; width: fit-content; }
.xtended.twitch_status.size-mini .display{ height: 40px; line-height: 40px; padding: 0 20px 0 55px; text-transform: uppercase; font-size: 0.875rem; font-weight: 700; }
.xtended.twitch_status.size-mini.status-online .display{ background: url('../images/twitch_online.png') top 3px left 0 no-repeat, linear-gradient(to right, #9246FF, #FF46AA); background-size: contain, auto; color: #FFF; }
.xtended.twitch_status.size-mini.status-offline .display{ background: url('../images/twitch_offline.png') top 3px left 0 no-repeat, linear-gradient(to right, #9E9E9E, #D3D3D3); background-size: contain, auto; color: #464249; }


/* Twitch Banner */
.xtended.twitch_banner.banner-default{ padding: 30px 0; }
.xtended.twitch_banner.banner-float{ padding: 0 30px 50px; position: fixed; bottom: -150px; left: 0; width: 100vw; box-sizing: border-box; z-index: 2000; transition: transform 0.3s ease, opacity 0.5s ease; }
.xtended.twitch_banner.banner-float.visible{ opacity: 1; transform: translateY(-150px); }
.xtended.twitch_banner.banner-float.hidden{ opacity: 0; transform: translateY(0); }
.xtended.twitch_banner .banner{ display: flex; flex-wrap: wrap; align-items: center; background-image: url('../images/twitch_bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 20px; padding: 35px 65px; box-shadow: 0 3px 8px rgba(0,0,0,.5); }
.xtended.twitch_banner.banner-float .banner.container{ max-width: 100%; }
.xtended.twitch_banner .banner p{ padding: 0; }
.xtended.twitch_banner .banner .header .title-wrapper{ display: flex; gap: 18px; align-items: center; }
.xtended.twitch_banner .banner .header .top-title, .xtended.twitch_banner .banner .text{ font-size: 1.3rem; }
.xtended.twitch_banner .banner .streaming{ font-family: "Exo 2", sans-serif; color: #fde9ff; font-weight: 900; text-transform: uppercase; font-size: 2rem; line-height: 1; text-shadow: 3px 1px 1px #4af7ff, 2px 2px 1px #165bfb, 4px 2px 1px #4af7ff, 3px 3px 1px #165bfb, 5px 3px 1px #4af7ff, 4px 4px 1px #165bfb, 6px 4px 1px #4af7ff, 5px 5px 1px #165bfb, 7px 5px 1px #4af7ff, 6px 6px 1px #165bfb, 8px 6px 1px #4af7ff, 7px 7px 1px #165bfb, 9px 7px 1px #4af7ff; }
.xtended.twitch_banner .banner .streaming span{ position: relative; }
.xtended.twitch_banner .banner .streaming span:before{ content: attr(data-text); position: absolute; text-shadow: 2px 2px 1px #e94aa1, -1px -1px 1px #c736f9, -2px 2px 1px #e94aa1, 1px -1px 1px #f736f9; z-index: 1; }
.xtended.twitch_banner .banner .body{ padding: 0 0 0 24px; display: flex; flex: 1; gap: 15px; justify-content: end; align-items: center; }
.xtended.twitch_banner .banner .game{ font-family: "Exo 2", sans-serif; font-size: 1.75rem; font-weight: 900; background: #3fa1fb; background: linear-gradient(142deg, #3fa1fb 0%, #fc46a8 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 10px transparent; color: #210418; padding: 0 24px 0 6px; }
.xtended.twitch_banner .banner .display_link{ background-color: #e94aa1; display: block; margin: 0; width: fit-content; padding: 12px 18px; border-radius: 5px; color: #FFF; text-decoration: none; font-size: 1.25rem; transition: all .2s ease; }
.xtended.twitch_banner .banner .display_link:hover{ background-color: #FFF; color: #600e50; }
.xtended.twitch_banner .banner .close{ display: block; position: absolute; width: 32px; height: 32px; line-height: 32px; text-align: center; top: 25px; right: 25px; color: #EFEFEF; background-color: rgba(0,0,0,.3); }
@media only screen and (max-width: 800px){
    .xtended.twitch_banner.banner-float .banner.container{ width: 100%; }
    .xtended.twitch_banner .banner{ padding: 35px 30px; flex-direction: column; }
    .xtended.twitch_banner.banner-float{ padding: 0 25px 25px; }
    .xtended.twitch_banner .banner .header .title-wrapper{ flex-direction: column; }
    .xtended.twitch_banner .banner::before, .xtended.twitch_banner .banner::after{ display: none; }
    .xtended.twitch_banner .banner .streaming{ text-align: center; font-size: 1.6rem; }
    .xtended.twitch_banner .banner .streaming span{ display: inline-block; }
    .xtended.twitch_banner .banner .body{ padding: 24px 0 0; flex-direction: column; text-align: center; }
    .xtended.twitch_banner .banner .header .top-title, .xtended.twitch_banner .banner .text{ font-size: 1rem; }
    .xtended.twitch_banner .banner .game{ padding: 0 0 12px; font-size: 1.3rem; }
    .xtended.twitch_banner .banner .display_link{ padding: 9px 15px; font-size: 1rem; }
}

/* Twitch Schedule */
.xtended.twitch_schedule .schedule{ list-style: none; margin: 0; padding: 0; }
.xtended.twitch_schedule .schedule .listing:not(:last-of-type){ margin: 0 0 8px; }
.xtended.twitch_schedule .schedule .listing{ background-color: var(--wp--preset--color--post-background); padding: 15px 25px; border-radius: 3px; }
.xtended.twitch_schedule .schedule .listing .title{ font-size: 1.3rem; }
.xtended.twitch_schedule .schedule .listing .game{ color: var(--wp--preset--color--link-color); font-weight: 700; font-size: 1.125rem; }
.xtended.twitch_schedule .schedule .listing .date{ padding: 0; color: var(--wp--preset--color--secondary-text); }
.xtended.twitch_schedule .schedule .listing .date time{ color: var(--wp--preset--color--primary-text); font-weight: 700; }

.xtended.twitch_schedule .container{ padding: 0; }
.xtended.twitch_schedule .streaming{ margin: 0 0 24px; padding: 25px 30px; background-color: var(--wp--preset--color--secondary); border-radius: 8px; display: flex; flex-direction: row; align-items: center; }
.xtended.twitch_schedule .streaming.live{ background-image: url('../images/twitch_bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.xtended.twitch_schedule .streaming p{ padding: 0; }
.xtended.twitch_schedule .streaming.live .title{ font-family: "Exo 2", sans-serif; color: #fde9ff; font-weight: 900; text-transform: uppercase; font-size: 2rem; line-height: 1; text-shadow: 3px 1px 1px #4af7ff, 2px 2px 1px #165bfb, 4px 2px 1px #4af7ff, 3px 3px 1px #165bfb, 5px 3px 1px #4af7ff, 4px 4px 1px #165bfb, 6px 4px 1px #4af7ff, 5px 5px 1px #165bfb, 7px 5px 1px #4af7ff, 6px 6px 1px #165bfb, 8px 6px 1px #4af7ff, 7px 7px 1px #165bfb, 9px 7px 1px #4af7ff; }
.xtended.twitch_schedule .streaming.offline .title{ color: var(--wp--preset--color--secondary-text); font-size: 1.3rem; }
.xtended.twitch_schedule .streaming.offline .title time{ color: var(--wp--preset--color--primary-text); font-weight: 700; }
.xtended.twitch_schedule .streaming .title span{ position: relative; }
.xtended.twitch_schedule .streaming .title span:before{ content: attr(data-text); position: absolute; text-shadow: 2px 2px 1px #e94aa1, -1px -1px 1px #c736f9, -2px 2px 1px #e94aa1, 1px -1px 1px #f736f9; z-index: 1; }
.xtended.twitch_schedule .streaming .join-me{ padding: 0 24px 0 15px; text-align: right; flex: 1; font-size: 1.3rem; }
.xtended.twitch_schedule .streaming .display_link{ background-color: #e94aa1; display: block; margin: 0 auto; width: fit-content; padding: 12px 18px; border-radius: 5px; color: #FFF; text-decoration: none; font-size: 1.25rem; transition: all .2s ease; }
.xtended.twitch_schedule .streaming .display_link:hover{ background-color: #FFF; color: #600e50; }
@media only screen and (max-width: 1000px){
    .xtended.twitch_schedule .streaming{ flex-direction: column; padding: 35px 30px; }
    .xtended.twitch_schedule .streaming .title span{ display: inline-block; }
    .xtended.twitch_schedule .streaming.live .title{ padding: 0 0 12px; font-size: 1.6rem; text-align: center; }
    .xtended.twitch_schedule .streaming.live .join-me{ padding: 0 0 12px; font-size: 1.1rem; }
    .xtended.twitch_schedule .streaming .display_link{ font-size: 1rem; padding: 6px 18px; }
}

/* Colour Swatch */
.xtended.colour-swatch .swatch{ padding: 35px; }
.xtended.colour-swatch.dark-mode .swatch{ color: #202020; }
.xtended.colour-swatch.light-mode .swatch{ color: #FFFFFF; }
.xtended.colour-swatch .swatch .title{ height: 140px; }
.xtended.colour-swatch .swatch .title .text{ font-size: 1.65rem; font-weight: 700; }
.xtended.colour-swatch .swatch .colors .code{ gap: 20px; display: flex; flex-wrap: wrap; }
.xtended.colour-swatch .swatch .colors .code .color_code{ font-weight: 700; }
.xtended.colour-swatch .swatch .colors .code .color_code .loading{ position: relative; display: inline-block; vertical-align: middle; padding: 10px 20px; margin: 0 3px 0 0; font-size: 20px; font-weight: bold; color: #fff; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loadingAnimation 1.5s linear infinite; }
.xtended.colour-swatch .swatch .colors .code .color_code .loading.short{ width: 25px; }
.xtended.colour-swatch .swatch .colors .code .color_code .loading.long{ width: 150px; }

@keyframes loadingAnimation {
    0% { background-position: 200% 0; }
    50% { background-position: -200%cd0 0; }
    100% { background-position: 200% 0; }
}

/* Typography */
.xtended.type-card .card{ padding: 35px; }
.xtended.type-card .card .pangram{ padding: 0 0 24px; }
.xtended.type-card .card .characters{ display: flex; flex-wrap: wrap; flex: 0 0 100%; }
.xtended.type-card .card .characters .char{ display: block; font-size: var(--typecard_size); box-sizing: content-box; border: solid 1px #CCC; text-align: center; }
.xtended.type-card .card .typeface{ padding: 18px 0 0; font-weight: 700; opacity: .8; }
@media only screen and (min-width: 1200px){
    .xtended.type-card .card .characters .char{ width: calc( var(--typecard_size) + 25px ); height: calc( var(----typecard_size) + 25px ); line-height: calc( var(--typecard_size) + 25px ); padding: 15px; }
}
@media only screen and (min-width: 800px) and (max-width: 1199px){
    .xtended.type-card .card .characters .char{ width: calc( var(--typecard_size) + 15px ); height: calc( var(----typecard_size) + 15px ); line-height: calc( var(--typecard_size) + 15px ); padding: 15px; }
}
@media only screen and (max-width: 799px){
    .xtended.type-card .card .characters .char{ width: calc( var(--typecard_size) + 15px ); height: calc( var(----typecard_size) + 15px ); line-height: calc( var(--typecard_size) + 15px ); padding: 10px; }
}

.xtended.item-display .wrap{ display: flex; flex-wrap: wrap; }
.xtended.item-display .image img{ width: 100%; }
.xtended.item-display .content{ flex: 1; }

/* Iconfont */
.xtended.type-card .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; justify-content: center; align-items: center; overflow: hidden; }
.xtended.type-card .modal-overlay.active { display: flex; }
.xtended.type-card .icon-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); position: relative; max-width: 600px; width: 90%; display: flex; gap: 30px; align-items: center; }
.xtended.type-card .icon-card .icon-display { text-align: center; width: 250px; height: 155px; border-radius: 6px; border: solid 1px #CCC; }
.xtended.type-card .icon-card .selected-icon { font-size: 4rem; color: #333; line-height: 155px; }
.xtended.type-card .icon-card .code-view { font-family: monospace; height: 75px; font-size: 14px; background: var(--wp--preset--color--primary); padding: 10px; border-radius: 4px; }
.xtended.type-card .close-modal { position: absolute; top: 10px; right: 10px; background: transparent; border: none; font-size: 24px; cursor: pointer; color: #333; }

/* Support Me */
.xtended.support_me.widget .wrap{ background-color: #FFF; color: #202020; padding: 32px; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.xtended.support_me.widget.align-left{ text-align: left; }
.xtended.support_me.widget.align-center{ text-align: center; }
.xtended.support_me.widget.align-right{ text-align: right; }
.xtended.support_me.widget .title{ padding: 15px; }
.xtended.support_me .button{ display: inline-block; max-width: 225px; width: 100%; margin: 0 0 12px; padding: 15px; }
.xtended.support_me .button .link{ display: block; border-radius: 5px; padding: 15px 21px; line-height: 30px; text-align: center; width: 100%; }
.xtended.support_me .button img{ vertical-align: middle; height: 30px; max-width: 180px; width: 100%; }
.xtended.support_me .button .link.paypal{ background-color: #009cde; }
.xtended.support_me .button .link.bmac{ background-color: #fed200; }
.xtended.support_me .button .link:hover{ background-color: #202020; }
.xtended.support_me .button:last-of-type{ margin-bottom: 0; }
/* Sponsor Me buttons */
.xtended.support_me .button a{ display: block; background-color: #FF6400; padding: 20px 25px; border-radius: 3px; transition: all .2s ease; text-align: center; }
.xtended.support_me .button img{ vertical-align: middle; }
.xtended.support_me .button a:hover{ background-color: #202020; }

/* Latest News */
.xtended.latest-news .post{ border-radius: 8px; background-color: var(--wp--preset--color--post-background); height: 100%; flex-direction: column; }
.xtended.latest-news .post .featured-image{ background: rgb(156, 123, 83); background: linear-gradient(58deg, rgba(156, 123, 83, 1) 0%, rgba(211, 179, 140, 1) 100%); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; position: relative; width: 100%; padding-bottom: 57.6%; }
.xtended.latest-news .post .featured-image .icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.xtended.latest-news .post .post-content{ flex: 1; padding: 25px; display: flex; flex-direction: column; width: 100%; }
.xtended.latest-news .post .featured-image .post-format{ display: block; position: absolute; right: 15px; top: 15px; width: 35px; line-height: 35px; text-align: center; height: 35px; font-size: 0.825rem; border-radius: 50%; color: #FFF; background-color: rgba(0,0,0,.85); z-index: 1; }
.xtended.latest-news .post .featured-image .post-format + .comments{ top: 60px; }
.xtended.latest-news .post .featured-image .comments{ position: absolute; top: 15px; right: 15px; z-index: 1; border-radius: 15px; width: 35px; height: 70px; padding: 5px 3px; color: #FFF; background-color: rgba(0,0,0,.85); text-align: center; }
.xtended.latest-news .post .featured-image .comments > span{ display: block; line-height: 30px; font-size: 0.825rem; }
.xtended.latest-news .post .featured-image .comments .count{ font-weight: 700; }
.xtended.latest-news .post .featured-image .cat-name{ position: absolute; bottom: 15px; left: 15px; font-size: 0.875rem; z-index: 1; font-weight: 700; padding: 6px 10px; color: #FFF; background-color: var(--wp--preset--color--primary); }
.xtended.latest-news .post .post-content .post-title{ font-size: 1.75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 0 18px; }
.xtended.latest-news .post .post-content .entry{ flex: 1; padding: 0 0 25px; }
.xtended.latest-news .post .post-content .post-meta .post-date { padding: 0; }
.xtended.latest-news .post .post-content .post-meta span{ display: inline-block; vertical-align: middle; }
.xtended.latest-news .post .post-content .post-meta .icon{ line-height: 25px; color: var(--wp--preset--color--primary-dark); text-align: center; width: 25px; height: 25px; font-size: 1.2rem; }
.xtended.latest-news .post .post-content .post-meta .label{ width: calc(100% - 35px); padding: 0 0 0 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.875rem; }
.xtended.latest-news .post.post-password-required .post-content .post-title .icon{ font-size: 1.2rem; display: inline-block; vertical-align: middle; padding: 0 8px 0 0; line-height: 1.4; }
@media only screen and (min-width: 1200px){
    .xtended.latest-news .post .featured-image .icon{ width: 125px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
    .xtended.latest-news .post .featured-image .icon{ width: 100px; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    .xtended.latest-news .post .featured-image .icon{ width: 75px; }
}
@media only screen and (max-width: 799px){
    .xtended.latest-news .feed-items > article{ padding: 0 0 36px; }
    .xtended.latest-news .post .featured-image .icon{ width: 75px; }
}

/* 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 .item-wrap{ display: flex; flex-wrap: wrap; flex-direction: row; }
.xtended.contactDetails .item-icon, .xtended.contactDetails .details{ vertical-align: top; }
.xtended.contactDetails .item-icon{ width: var(--contacticon_width); height: var(--contacticon_width); }
.xtended.contactDetails .item-icon > *{ display: block; width: var(--contacticon_width); line-height: var(--contacticon_width); text-align: center; }
.xtended.contactDetails.contacticon-circle .item-icon, .xtended.contactDetails.networkicon-circle .network{ border-radius: 50%; }
.xtended.contactDetails.contacticon-diamond .item-icon, .xtended.contactDetails.networkicon-diamond .network{ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.xtended.contactDetails.contacticon-hex .item-icon, .xtended.contactDetails.networkicon-hex .network{ clip-path: polygon(100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%, 25% 6.7%, 75% 6.7%); }
.xtended.contactDetails.contacticon-hexup .item-icon, .xtended.contactDetails.networkicon-hexup .network{ clip-path: polygon(93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%, 50% 0%, 93.3% 25%); }
.xtended.contactDetails.contacticon-oct .item-icon, .xtended.contactDetails.networkicon-oct .network{ clip-path: polygon(70.71% 100%, 100% 70.71%, 100% 29.29%, 70.71% 0%, 29.29% 0%, 0% 29.29%, 0% 70.71%, 29.29% 100%); }
.xtended.contactDetails .details{ flex: 1; padding: 5px 0 5px 14px; color: #5F5F5F; }
.xtended.contactDetails .details .title h3{ font-size: 18px; padding: 0 0 4px; line-height: 1; }
.xtended.contactDetails .details p{ padding: 12px 0 0; font-size: 15px; }
.xtended.contactDetails .details a{ text-decoration: none; }
.xtended.contactDetails .details .network-list{ margin: 0; padding: 12px 0 0; list-style: none; display: flex; gap: 0; flex-wrap: wrap; }
.xtended.contactDetails .details .network-list li{ display: block; }
.xtended.contactDetails .details .network-list a{ display: block; width: var(--networkicon_width); height: var(--networkicon_width); overflow: hidden; margin: 2px 2px 3px 0; border: none; border-radius: 3px; }
.xtended.contactDetails.networkcolors-brand .details .network-list a:hover{ color: #FFF; background-color: #5F5F5F; }
.xtended.contactDetails.networkcolors-brand .details .network-list .facebook a:hover{ background-color: #1877f2; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .twitter a:hover{ background-color: #1da1f2; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .instagram a:hover{ background-color: #5851db; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .linkedin a:hover{ background-color: #0077b5; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .youtube a:hover{ background-color: #ff0000; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .twitch a:hover{ background-color: #9146ff; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .tiktok a:hover{ background-color: #25F4EE; color: #202020; }
.xtended.contactDetails.networkcolors-brand .details .network-list .pinterest a:hover{ background-color: #e60023; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .reddit a:hover{ background-color: #ff4500; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .quora a:hover{ background-color: #a82400; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .messenger a:hover{ background-color: #0084ff; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .snapchat a:hover{ background-color: #fffc00; color: #202020; }
.xtended.contactDetails.networkcolors-brand .details .network-list .whatsapp a:hover{ background-color: #075e54; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .skype a:hover{ background-color: #00aff0; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .telegram a:hover{ background-color: #0088cc; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .behance a:hover{ background-color: #1769ff; color: #FFF; }
.xtended.contactDetails.networkcolors-brand .details .network-list .medium a:hover{ background-color: #00ab6c; color: #FFF; }
.xtended.contactDetails .details .network-list .network-icon{ width: var(--networkicon_width); line-height: var(--networkicon_width); text-align: center; }
@media only screen and (max-width: 800px){
    .xtended.contactDetails .item-wrap{ flex-direction: column; }
    .xtended.contactDetails .details{ padding: 14px 0 5px; }
}

/* Gallery Feed */
.xtended.gallery-feed .gallery a, #galleryArchive .gallery a{ display: block; color: #FFF; width: 100%; height: 100%; }
.xtended.gallery-feed .gallery .wrap, #galleryArchive .gallery .wrap{ background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding-bottom: 100%; position: relative; overflow: hidden; }
.xtended.gallery-feed .gallery .grad, #galleryArchive .gallery .grad{ background: rgb(156, 123, 83); background: linear-gradient(0deg, rgba(156, 123, 83, 0.9) 0%, rgba(211, 179, 140, 0.35) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: all .2s ease; }
.xtended.gallery-feed .gallery .link:hover .grad, #galleryArchive .gallery .link:hover .grad{ opacity: 1; }
.xtended.gallery-feed .gallery .info, #galleryArchive .gallery .info{ position: absolute; top: 50%; left: 0; right: 0; height: 100%; display: flex; flex-direction: column; padding: 26px 22px; transition: all .2s ease; }
.xtended.gallery-feed .gallery .link:hover .info, #galleryArchive .gallery .link:hover .info{ top: 0; }
.xtended.gallery-feed .gallery .info .content, #galleryArchive .gallery .info .content{ flex: 1; }
.xtended.gallery-feed .gallery .info .button, #galleryArchive .gallery .info .button{ padding: 10px 18px; background-color: var(--wp--preset--color--primary); width: fit-content; font-size: 0.9125rem; }
.xtended.gallery-feed .gallery .info .button .label, #galleryArchive .gallery .info .button .label{ padding: 0 8px 0 0; font-weight: 700; }
.xtended.gallery-feed .gallery .info .button .icon, #galleryArchive .gallery .info .button .icon{ font-size: 0.8125rem; }
.xtended.gallery-feed .gallery .info .post-counts, #galleryArchive .gallery .info .post-counts, .xtended.gallery-feed .gallery .info .post-date, #galleryArchive .gallery .info .post-date{ font-size: 0.875rem; }
.xtended.gallery-feed .gallery .info .post-counts .meta-item, #galleryArchive .gallery .info .post-counts .meta-item{ padding: 0 12px 0 0; }
.xtended.gallery-feed .gallery .info .post-counts .meta-item .icon, #galleryArchive .gallery .info .post-counts .meta-item .icon, .xtended.gallery-feed .gallery .info .post-date .icon, #galleryArchive .gallery .info .post-date .icon{ padding: 0 8px 0 0; font-size: 0.75rem; }
.xtended.gallery-feed .gallery .title, #galleryArchive .gallery .title{ font-size: 1.75rem; font-weight: 400; padding: 0 0 12px; }
.xtended.gallery-feed .gallery .meta, #galleryArchive .gallery .meta{ color: #EFEFEF; font-size: 1rem; }
.xtended.gallery-feed .gallery .meta .icon, #galleryArchive .gallery .meta .icon{ font-size: 0.85rem; width: 18px; text-align: center; }
.xtended.gallery-feed .gallery .meta .data, #galleryArchive .gallery .meta .data{ padding: 0 0 0 6px; }
.xtended.gallery-feed .gallery .location, #galleryArchive .gallery .location{ padding-bottom: 8px; }
.xtended.gallery-feed .gallery .cats, #galleryArchive .gallery .cats{ padding-bottom: 0; }
.xtended.gallery-feed .feed-items .no-media{ width: 100%; padding: 35px 0; }
.xtended.gallery-feed .feed-items .no-media .content-wrap{ padding: 0; }
@media only screen and (max-width: 800px){
    .xtended.gallery-feed .gallery h2{ font-size: 1.55rem; }
    .xtended.gallery-feed .feed-items .no-media .no-media-content h3{ font-size: 1.25rem; }
    .xtended.gallery-feed .feed-items .no-media .no-media-content p{ font-size: 1rem; }
    .xtended.gallery-feed .feed-items .no-media .no-media-icon .icon{ font-size: 3.75rem; }
    .xtended.gallery-feed .feed-items, #galleryArchive .gallery-feed{ gap: 20px; }
}
@media only screen and (min-width: 801px){
    .xtended.gallery-feed .feed-items{ margin: 0 -15px; }
    .xtended.gallery-feed .gallery h2{ font-size: 1.55rem; }
    .xtended.gallery-feed .feed-items .no-media .no-media-content h3{ font-size: 1.25rem; }
    .xtended.gallery-feed .feed-items .no-media .no-media-content p{ font-size: 1rem; }
    .xtended.gallery-feed .feed-items .no-media .no-media-icon .icon{ font-size: 3.75rem; }
}
/* Shortcode Embed */
.gallerywidget{ margin: 5px auto 45px; border: solid 1px #DDD; border-radius: 3px; background-color: #FFF; width: 100%; }
.gallerywidget .inner{ padding: 18px 15px; }
.gallerywidget .photos{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 450px; }
.gallerywidget .photos .photo{ background-color: #D0D0D0; margin: 0; border: solid 10px #FFF; background-position: center; background-repeat: no-repeat; background-size: cover; }
.gallerywidget .photos .photo:first-of-type{ width: 75%; height: 450px; }
.gallerywidget .photos .photo:not(:first-of-type){ width: 25%; height: 150px; position: relative; }
.gallerywidget .photos .photo .leftover{ text-align: center; line-height: 130px; color: #FFF; font-size: 1.65rem; font-weight: 700; background-color: rgba(0,0,0,.65); display: block; padding: 0; height: 130px; }
.gallerywidget .data{ padding: 10px; }
.gallerywidget .data p:last-of-type{ padding-bottom: 0; }
.gallerywidget .data .title{ font-size: 1.75rem; }
.gallerywidget .data .title a{ color: var(--wp--preset--color--primary); }
.gallerywidget .data .title a:hover{ color: var(--wp--preset--color--secondary); }
.gallerywidget .data .timestamp{ color: var(--wp--preset--color--secondary-text); }
.gallerywidget .data .description{ color: var(--wp--preset--color--post-background); }
/* Gallery embed */
.gallery-preview-wrap{ margin: 5px auto 45px; border: solid 1px #DDD; border-radius: 3px; }
.gallery-preview-wrap .gallery-preview-inner{ padding: 17px 14px; }
.gallery-preview-wrap h2{ font-size: 24px; font-weight: 700; margin: 0; color: #353535; padding: 0 0 4px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.gallery-preview-wrap ul{ margin: 0; list-style: none; padding: 11px 0; }
.gallery-preview-wrap li{ display: inline-block; margin: 0 2px; background-position: center; background-size: cover; }
.gallery-preview-wrap li:first-child{ margin: 0 2px 0 0; }
.gallery-preview-wrap li:last-child{ margin: 0 0 0 2px; }
.gallery-preview-wrap .gallery-meta p{ font-size: 12px; color: #555; }
.gallery-preview-wrap .gallery-description p{ font-size: 16px; color: #555; }

/* CTA */
.xtended.cta-widget .container .wrap{ padding: 0; display: flex; flex-wrap: wrap; align-items: center; }
.xtended.cta-widget .content{ flex: 1; }
.xtended.cta-widget .content .cta-link{ display: block; width: fit-content; margin: 24px 0 0; }
.xtended.cta-widget .image img{ width: 100%; }
@media only screen and (max-width: 1000px){
    .xtended.cta-widget .image{ display: none; }
}

/* Events Feed */
/* No events */
.xtended.events-feed .no-events{ text-align: center; }
.xtended.events-feed .no-events .icon{ display: block; margin: 0 auto 15px; font-size: 3.5rem; color: #c1c1c1 }
.xtended.events-feed .no-events .content .title{ font-size: 1.5rem; font-weight: 400; color: #606060; }
.xtended.events-feed .no-events .content .content p{ color: #909090; }
/* Items */
.xtended.events-feed .feed-header{ padding: 0 0 18px; }
.xtended.events-feed .feed-body .event{ background-color: var(--wp--preset--color--post-background); border-radius: 8px; padding: 25px; }
.xtended.events-feed .feed-body .event:not(:last-of-type){ margin: 0 0 12px; }
.xtended.events-feed .feed-body .event .wrap{ display: flex; flex-wrap: wrap; gap: 30px; }
.xtended.events-feed .feed-body .event .event-date{ width: 145px; padding: 20px; border-radius: 8px; background-color: var(--date-background); text-align: center; }
.xtended.events-feed .feed-body .event .date{ line-height: 1.2; padding: 0 0 5px; }
.xtended.events-feed .feed-body .event .time{ font-size: 1.75rem; font-weight: 700; padding: 0; line-height: 1.2; }
.xtended.events-feed .feed-body .event .event-data{ flex: 1; display: flex; flex-wrap: wrap; gap: 20px; }
.xtended.events-feed .feed-body .event .event-data .data{ flex: 1; display: flex; flex-direction: column; justify-content: center; }
.xtended.events-feed .feed-body .event .event-data .data .meta{ display: flex; flex-wrap: wrap; gap: 20px; }
.xtended.events-feed .feed-body .event .event-data .data .meta p{ display: flex; flex-wrap: wrap; gap: 8px; }
.xtended.events-feed .feed-body .event .event-data .data .meta .icon{ width: 30px; text-align: center; }
.xtended.events-feed .feed-body .event .event-data .data .meta .icon, .xtended.events-feed .feed-body .event .event-data .data .meta .data{ line-height: 30px; }
.xtended.events-feed .feed-body .event .event-data .event-link{ display: block; width: fit-content; padding: 9px 18px; margin: 10px 0 0; border-radius: 5px; background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--primary-text); text-decoration: none; transition: all .2s ease; height: fit-content; }
.xtended.events-feed .feed-body .event .event-data .event-link:hover{ background-color: var(--wp--preset--color--primary-text); color: var(--wp--preset--color--post-background); }
@media only screen and (min-width: 800px){
    .xtended.events-feed .feed-body .event .event-data .data .meta .location{ min-width: 350px; }
    .xtended.events-feed .feed-body .event .date-time{ display: none; }
}
@media only screen and (max-width: 799px){
    .xtended.events-feed .feed-body .event .event-date{ display: none; }
    .xtended.events-feed .feed-body .event .event-data .data .title{ padding: 0 0 18px; }
    .xtended.events-feed .feed-body .event .event-data, .xtended.events-feed .feed-body .event .event-data .data .meta{ flex-direction: column; }
    .xtended.events-feed .feed-body .event .event-data .data .meta{ gap: 10px; }
    .xtended.events-feed .feed-body .event .event-data .data .meta .tickets{ padding: 0; }
}
/* Cards */ 
/* Rows */

.xtended.title-widget .titlewrap{ margin: 0 -15px; }
.xtended.title-widget .divider_wrap{ padding-top: 0; padding-bottom: 0; }
.xtended.title-widget .divider{ width: 100%; margin-bottom: 15px; border: none; display: inline-block; }
.xtended.title-widget .secondary{ padding-top: 0; }

/* Clients Logos */
.xtended.client-display .logos{ padding: 18px 0; }
/* Clients Slider */
.xtended.client-display.display-slider .slick-slide{ margin: 0; padding: 0px 15px; height: 150px;  }
.xtended.client-display.display-slider .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.xtended.client-display.display-slider .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.xtended.client-display.display-slider .slick-list:focus{ outline: none; }
.xtended.client-display.display-slider .slick-list.dragging{ cursor: pointer; cursor: hand; }
.xtended.client-display.display-slider .slick-slider .slick-track, .xtended.client-display.display-slider .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.xtended.client-display.display-slider .slick-track{ position: relative; top: 0; left: 0; display: block; }
.xtended.client-display.display-slider .slick-track:before, .xtended.client-display.display-slider .slick-track:after{ display: table; content: ""; }
.xtended.client-display.display-slider .slick-track:after{ clear: both; }
.xtended.client-display.display-slider .slick-loading .slick-track{ visibility: hidden; }
.xtended.client-display.display-slider .slick-slide{ display: none; float: left; }
.xtended.client-display.display-slider .slick-slide .logo{ padding: 15px 30px; height: 100%; text-align: center; background-color: #FFF; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
[dir='rtl'] .xtended.client-display.display-slider .slick-slide{ float: right; }
.xtended.client-display.display-slider .slick-slide img{ vertical-align: bottom; max-width: 150px; max-height: 100%; width: auto; }
.xtended.client-display.display-slider .slick-slide.slick-loading img{ display: none; }
.xtended.client-display.display-slider .slick-slide.dragging img{ pointer-events: none; }
.xtended.client-display.display-slider .slick-initialized .slick-slide{ display: block; }
.xtended.client-display.display-slider .slick-loading .slick-slide{ visibility: hidden; }
.xtended.client-display.display-slider .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; }
.xtended.client-display.display-slider .slick-arrow.slick-hidden{ display: none; }

/* Clients Grid */
.xtended.client-display.display-grid .slide, .xtended.client-display.display-column .slide{ background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 20px 32px; width: 200px; height: 140px; }
.xtended.client-display.display-grid .logos{ text-align: center; }
.xtended.client-display.display-grid .slide{ display: inline-block; vertical-align: middle; }
.xtended.client-display.display-grid .slide .logo{ padding: 15px 30px; height: 100%; text-align: center; background-color: #FFF; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.xtended.client-display.display-column .slide{ margin: 0 auto 18px; display: block; }

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

.xtended.notification.style-wpress .alert{ background-color: #FFF; border-left: solid 7px; padding: 22px 22px; }
.xtended.notification.style-wpress .alert.error{ border-left-color: #c62828; }
.xtended.notification.style-wpress .alert.warning{ border-left-color: #f9a825; }
.xtended.notification.style-wpress .alert.success{ border-left-color: #2e7d32; }
.xtended.notification.style-wpress .alert.info{ border-left-color: #283593; }
.xtended.notification.style-wpress .alert .header{ display: flex; align-items: center; padding: 0 0 8px; }
.xtended.notification.style-wpress .alert .header h2{ font-size: 1.25rem; padding-bottom: 0; padding-left: 12px; font-weight: 700; line-height: 32px; }
.xtended.notification.style-wpress .alert .header .icon{ line-height: 32px; width: 32px; text-align: center; font-size: 22px; }
.xtended.notification.style-wpress .alert > div{ padding-left: 44px; }
.xtended.notification.style-wpress .alert > div p{ color: #202020; }
.xtended.notification.style-wpress .alert > div p:last-of-type{ padding-bottom: 0; }

.xtended.notification.style-xtended .alert{ background-color: #FFF; border-left: solid 7px; padding: 22px 22px; }
.xtended.notification.style-xtended .alert.error{ border-left-color: #CF4F4F; background-color: #F5C2C2; }
.xtended.notification.style-xtended .alert.warning{ border-left-color: #EEC533; background-color: #F5EAC2; }
.xtended.notification.style-xtended .alert.success{ border-left-color: #3EAE6D; background-color: #BCE0CB; }
.xtended.notification.style-xtended .alert.info{ border-left-color: #0097A7; background-color: #BFE9ED; }
.xtended.notification.style-xtended .alert .header{ display: flex; align-items: center; padding: 0 0 8px; }
.xtended.notification.style-xtended .alert .header h2{ font-size: 1.25rem; padding-bottom: 0; padding-left: 12px; font-weight: 700; line-height: 32px; }
.xtended.notification.style-xtended .alert .header .icon{ line-height: 32px; width: 32px; text-align: center; font-size: 22px; }
.xtended.notification.style-xtended .alert > div{ padding-left: 44px; }
.xtended.notification.style-xtended .alert > div p{ color: #202020; }
.xtended.notification.style-xtended .alert > div p:last-of-type{ padding-bottom: 0; }

.xtended.notification.boxshadow{ box-shadow: 0 3px 5px rgba(0,0,0,.45); }

/* Error Messages */
.ccdClient-alertMsg{ display: block; margin: 0 0 32px; }
.ccdClient-alertMsg .ccdClient-alertWrap{ position: relative; }
.ccdClient-alertMsg .ccdClient-alertClose{ position: absolute; z-index: 2; }
.ccdClient-alertMsg .ccdClient-alertClose a{ display: block; text-decoration: none; text-align: center; }
.ccdClient-alertMsg .ccdClient-alertText p{ color: inherit; }
.ccdClient-alertMsg .ccdClient-alertText p:last-of-type{ padding: 0; margin: 0; }
/* WP Style */
.ccdClient-alertMsg .ccdClient-wp_error{ background-color: #FFF; font-family: inherit; box-shadow: 0 3px 4px rgba(0,0,0,.25); border-left-style: solid; border-left-width: 5px; color: #303030; }
.ccdClient-alertMsg.can-dismiss .ccdClient-wp_error{ padding: 12px 44px 12px 16px; }
.ccdClient-alertMsg.cant-dismiss .ccdClient-wp_error{ padding: 12px 16px; }
.ccdClient-alertMsg .ccdClient-wp_error.successMsg{ border-left-color: #0BA30D; }
.ccdClient-alertMsg .ccdClient-wp_error.errorMsg{ border-left-color: #A90808; }
.ccdClient-alertMsg .ccdClient-wp_error.alertMsg{ border-left-color: #EFD80B; }
.ccdClient-alertMsg .ccdClient-wp_error.infoMsg{ border-left-color: #082BAA }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertClose{ top: 12px; right: 16px; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertClose a{ border-radius: 50%; width: 20px; height: 20px; font-size: 0.5625rem; text-align: center; color: #FFF; background-color: #404040; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertClose a span{ line-height: 20px; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertClose a:hover{ background-color: #8c0f0f; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertIcon{ display: inline-block; padding: 0 10px 0 0; width: 30px; height: 30px; box-sizing: content-box; text-align: center; vertical-align: top; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertIcon span{ line-height: 30px; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertText{ display: inline-block; width: calc( 100% - 50px ); vertical-align: top; }
.ccdClient-alertMsg .ccdClient-wp_error .ccdClient-alertText p{ font-weight: 500; font-size: 0.9375rem; }
/* Block Style */
.ccdClient-alertMsg .ccdClient-block{ border-style: solid; border-width: 1px; border-radius: 3px; padding: 14px 19px; }
.ccdClient-alertMsg .ccdClient-block.successMsg{ background-color: #DFF4E1; border-color: #7DBE8C; color: #1C3D20; }
.ccdClient-alertMsg .ccdClient-block.errorMsg{ background-color: #F9D6DA; border-color: #D66B73; color: #38171A; }
.ccdClient-alertMsg .ccdClient-block.alertMsg{ background-color: #FBF4D8; border-color: #E7C76E; color: #463C1F; }
.ccdClient-alertMsg .ccdClient-block.infoMsg{ background-color: #D9F0F5; border-color: #70B8C7; color: #183538; }
.ccdClient-alertMsg .ccdClient-block.noticeMsg{ background-color: #EFEFEF; border-color: #BFBFBF; color: #202020; }
.ccdClient-alertMsg:not(.align-inline) .ccdClient-block .ccdClient-alertIcon{ font-size: 2.375rem; padding: 6px 0 11px; }
.ccdClient-alertMsg.align-inline .ccdClient-block .ccdClient-alertIcon{ font-size: 1.3rem; padding: 0 10px 0 0; display: inline-block; vertical-align: top; line-height: 1; width: 35px; height: 35px; text-align: center; box-sizing: content-box; }
.ccdClient-alertMsg.align-inline .ccdClient-block .ccdClient-alertIcon span{ line-height: 35px; display: block; }
.ccdClient-alertMsg.align-inline .ccdClient-block .ccdClient-alertText{ display: inline-block; vertical-align: top; width: calc( 100% - 50px ); }
.ccdClient-alertMsg .ccdClient-block .ccdClient-alertClose{ top: 12px; right: 16px; }
.ccdClient-alertMsg .ccdClient-block .ccdClient-alertClose a{ border-radius: 6px; width: 24px; height: 24px; font-size: 0.75rem; line-height: 24px; color: inherit; background-color: rgba(255,255,255,.5); }
.ccdClient-alertMsg .ccdClient-block .ccdClient-alertClose a:hover{ background-color: rgba(0,0,0,.25); color: #FFF; }
.ccdClient-alertMsg .ccdClient-block .ccdClient-alertText p{ font-size: 1.125rem; font-weight: 700; }
.ccdClient-alertMsg.align-left, .ccdClient-alertMsg.align-inline{ text-align: left; }
.ccdClient-alertMsg.align-center, .ccdClient-alertMsg.align-centre{ text-align: center; }
.ccdClient-alertMsg.align-right{ text-align: right; }

/* Alert Bar */
.ccdAlert{ background-color: #FFF; box-shadow: 0 3px 5px rgba(0,0,0,.45); border-left: solid 7px; margin: 20px 0; }
.ccdAlert .alertTitle{ padding: 18px 30px; }
.ccdAlert .alertTitle h2{ font-size: 18px; padding-bottom: 0; }
.ccdAlert .alertTitle .titleText{ padding-left: 12px; font-weight: 400; }
.ccdAlert.type_error{ border-left-color: #B94A4A; }
.ccdAlert.type_error .alertTitle{ background-color: #B94A4A; color: #FFF; }
.ccdAlert.type_notice{ border-left-color: #E3B343; }
.ccdAlert.type_notice .alertTitle{ background-color: #E3B343; color: #202020; }
.ccdAlert.type_success{ border-left-color: #4B8B5B; }
.ccdAlert.type_success .alertTitle{ background-color: #4B8B5B; color: #FFF; }
.ccdAlert.type_info{ border-left-color: #5A588E; }
.ccdAlert.type_info .alertTitle{ background-color: #5A588E; color: #FFF; }
.ccdAlert .alertContent{ padding: 24px 30px; }
.ccdAlert .alertContent p{ color: #202020; }
.ccdAlert .alertContent p:last-of-type{ padding-bottom: 0; }

/* 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 .wrap{ display: flex; }
.xtended.iconcount.size-inline .wrap .icon{ min-width: 48px; min-height: 42px; line-height: 42px; font-size: 24px; text-align: center; }
.xtended.iconcount.size-inline .wrap .data{ padding: 0 0 0 8px; flex: 1; display: flex; }
.xtended.iconcount.size-inline .wrap .data .count{ padding: 0 5px; min-width: 50px; text-align: center; }
.xtended.iconcount.size-inline .wrap .data .count p{ line-height: 42px; }
.xtended.iconcount.size-inline .wrap .data .value .counter{ font-size: 24px; font-weight: 700; }
.xtended.iconcount.size-inline .wrap .data .desc{ flex: 1; min-height: 42px; padding: 5px 0; display: flex; align-items: center; }
/* Standard */
.xtended.iconcount:not(.size-inline) .icon{ display: block; width: var(--counticon_width) !important; height: var(--counticon_width) !important; line-height: var(--counticon_width) !important; margin-bottom: 12px; box-sizing: content-box; transition: all .2s ease; text-align: center; }
.xtended.iconcount:not(.size-inline) .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:not(.size-inline) .desc p{ font-size: 1.135rem; font-weight: 300; }
.xtended.iconcount:not(.size-inline).align-left .wrap{ text-align: left; }
.xtended.iconcount:not(.size-inline).align-center .wrap{ text-align: center; }
.xtended.iconcount:not(.size-inline).align-right .wrap{ text-align: right; }
.xtended.iconcount:not(.size-inline).align-left .wrap .icon{ margin: 0 auto 18px 0; }
.xtended.iconcount:not(.size-inline).align-center .wrap .icon{ margin: 0 auto 18px; }
.xtended.iconcount:not(.size-inline).align-right .wrap .icon{ margin: 0 0 18px auto; }
.xtended.iconcount.size-circle .wrap .icon{ border-radius: 50%; }
.xtended.iconcount.size-diamond .wrap .icon{ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.xtended.iconcount.size-hex .wrap .icon{ clip-path: polygon(100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%, 25% 6.7%, 75% 6.7%); }
.xtended.iconcount.size-hexup .wrap .icon{ clip-path: polygon(93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%, 50% 0%, 93.3% 25%); }
.xtended.iconcount.size-oct .wrap .icon{ clip-path: polygon(70.71% 100%, 100% 70.71%, 100% 29.29%, 70.71% 0%, 29.29% 0%, 0% 29.29%, 0% 70.71%, 29.29% 100%); }

/* 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; align-items: center; }
.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 .feed-header .video-subscribe .sub-link{ color: #FFF; background-color: #FF0000; display: block; width: fit-content; padding: 5px 15px; text-decoration: none; border-radius: 5px; font-weight: 700; font-size: 0.9rem; transition: all .2s ease; }
.xtended.youtube-feed .feed-header .video-subscribe .sub-link:hover{ background-color: var(--wp--preset--color--post-background); }

.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{ flex: 1; padding: 0 15px 0 0; }
.xtended.youtube-feed.widget-light .feed-header .feed-title .title-name{ color: #0f1419; }
.xtended.youtube-feed.widget-light .feed-header .video-subscribe .icon{ padding: 0 6px 0 0; }
.xtended.youtube-feed.widget-light .feed-header .video-subscribe .label{ font-weight: 700; }
.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; }

/* 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}
}

/* Model Profile */
.xtended.model-profile .model-data{ display: flex; padding: 0; flex-wrap: wrap; }
.xtended.model-profile.layout-vert .model-data{ flex-direction: column; }

.xtended.model-profile .model-icon{ width: 72px; text-align: center; }
.xtended.model-profile .model-icon .icon{ font-size: 48px; line-height: 72px; }
.xtended.model-profile.label-top .model-data .model-info{ flex-direction: row; padding: 0 0 10px; }
.xtended.model-profile.label-bottom .model-data .model-info{ flex-direction: row; }
.xtended.model-profile.layout-vert .model-data .model-info:first-of-type{ padding-top: 0; }
.xtended.model-profile .model-data .model-info .label{ font-weight: 400; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 1rem; padding: 0 12px 0 0; line-height: 1.6; }
.xtended.model-profile .model-data .model-info .data{ font-weight: 700; padding: 0; line-height: 1.6; }
.xtended.model-profile.label-bottom .model-data .model-info .data{ padding: 0 0 10px; }
.xtended.model-profile .model-data .item{ display: flex; padding-top: 5px; padding-bottom: 5px; }
.xtended.model-profile .model-data .eye-color{ display: block; width: 50px; height: 30px; border: solid 1px #A0A0A0; box-shadow: 0 1px 4px rgba(32,32,32,.15); }
@media only screen and (max-width: 499px){
    .xtended.model-profile .model-data .model-info .label, .xtended.model-profile .model-data .model-info .data{ width: 100%; }
    .xtended.model-profile .model-data .model-info .label{ padding: 0 0 10px; }
    .xtended.model-profile .model-data .model-info .data{ font-size: 1rem; }
    .xtended.model-profile.layout-hori .model-data, .xtended.model-profile.label-top .model-data .model-info{ flex-direction: column; }
    .xtended.model-profile .model-icon{ margin: 0 auto 21px 0; }
}
@media only screen and (min-width: 500px) and (max-width:800px){
    .xtended.model-profile .model-icon{ margin: 0 auto 21px 0; }
    .xtended.model-profile .model-data .model-info .label{ width: 125px; }
    .xtended.model-profile .model-data .model-info .data{ font-size: 1rem; }
    .xtended.model-profile.layout-hori .model-data{ flex-direction: column; }
}
@media only screen and (min-width:801px){ 
    .xtended.model-profile .model-data .model-info .label{ width: 175px; }
    .xtended.model-profile .model-data .model-info .data{ font-size: 1.15rem; }
    .xtended.model-profile .model-data .model-info .data .icon{ display: inline-block; width: 21px; text-align: center; padding: 0 8px 0 0; box-sizing: content-box; }
    .xtended.model-profile.layout-hori .model-icon{ margin: 0 auto 21px; }
    .xtended.model-profile.layout-vert .model-icon{ margin: 0 auto 21px 0; }
    .xtended.model-profile.layout-hori .model-data{ flex-direction: row; }
    .xtended.model-profile.layout-hori.align-left .model-data{ justify-content: start; }
    .xtended.model-profile.layout-hori.align-left .model-data .model-info{ padding: 5px 36px 5px 0; }
    .xtended.model-profile.layout-hori.align-center .model-data{ justify-content: center; }
    .xtended.model-profile.layout-hori.align-center .model-data .model-info{ padding: 5px 18px; }
    .xtended.model-profile.layout-hori.align-right .model-data{ justify-content: end; }
    .xtended.model-profile.layout-hori.align-right .model-data .model-info{ padding: 5px 0 5px 36px; }
}

/* Linktree */
body.page-template-template-linktree, body.linktree-template{ padding-top: 0 !important; background: linear-gradient(145deg, var(--wp--preset--color--primary-dark) 0%, var(--wp--preset--color--primary) 60%); color: var(--wp--preset--color--white); }
#linktree{ padding: 30px 30px 50px; max-width: 1000px; margin: 0 auto; }
#linktree .facebook{ --network-color: #1877F2; }
#linktree .twitter{ --network-color: #1DA1F2; }
#linktree .youtube{ --network-color: #FF0000; }
#linktree .linkedin{ --network-color: #0A66C2; }
#linktree .twitch{ --network-color: #9146FF; }
#linktree .instagram{ --network-color: #833AB4; }
#linktree .threads{ --network-color: #C13584; }
#linktree .pinterest{ --network-color: #E60023; }
#linktree .reddit{ --network-color: #FF4500; }
#linktree .quora{ --network-color: #A82400; }
#linktree .behance{ --network-color: #1769FF; }
#linktree .medium{ --network-color: #00AB6C; }
#linktree .onlyfans{ --network-color: #00AFF0; }
#linktree .fansly{ --network-color: #2399f7; }
#linktree .tiktok{ --network-color: #2399f7; }
#linktree #header{ position: relative; text-align: center; padding: 0 0 36px; }
#linktree #header .links{ height: 48px; padding: 0 0 28px; box-sizing: content-box; }
#linktree #header .links a{ display: block; line-height: 48px; height: 48px; border-radius: 50%; text-align: center; background-color: var(--wp--preset--color--post-background); color: var(--wp--preset--color--white); text-decoration: none; transition: all .2s ease; }
#linktree #header .links a:hover{ background-color: var(--wp--preset--color--primary-text); color: var(--wp--preset--color--post-background); }
#linktree #header .links .home_link{ width: 48px; float: left; color: var(--wp--preset--color--primary-dark); font-size: 1.15rem; }
#linktree #header .links .home_link .icon{ line-height: 48px; }
#linktree #header .links #twitch{ width: fit-content; padding: 4px 0 4px 24px; float: right; }
#linktree #header .gravatar{ border-radius: 50%; padding: 3px; background-color: var(--wp--preset--color--primary-text); border: solid 1px var(--wp--preset--color--secondary-text); width: fit-content; margin: 0 auto 36px; }
#linktree #header .gravatar .image{ width: 125px; height: 125px; border-radius: 50%; border: solid 1px var(--wp--preset--color--secondary-text); background-position: center; background-size: cover; background-repeat: no-repeat; }
#linktree #header .message_me{ margin: 0; padding: 12px 0 24px; text-align: center; list-style: none; }
#linktree #header .message_me li{ display: inline-block; width: 52px; text-align: center; height: 52px; margin: 0 2px; }
#linktree #header .message_me .item{ display: inline-block; }
#linktree #header .message_me .item a{ display: block; width: 52px; height: 52px; text-align: center; overflow: hidden; border-radius: 5px; line-height: 52px; font-size: 1.25rem; transition: all .2s ease; color: var(--wp--preset--color--white); }
#linktree #header .message_me .item a:hover{ background-color: var(--wp--preset--color--secondary); color: var(--wp--preset--color--primary-text); }
#linktree #header .message_me .item .icon{ line-height: 52px; width: 52px; }
#linktree #main-body .sns-links{ display: flex; gap: 30px; flex-wrap: wrap; margin: 0; padding: 0 0 36px; list-style: none; }
#linktree #main-body .sns-links .network .network-link{ text-decoration: none; display: block; color: var(--wp--preset--color--white); }
#linktree #main-body .sns-links .network .network-icon{ text-align: center; border-radius: 8px; overflow: hidden; color: var(--wp--preset--color--white); background-color: var(--network-color); position: relative; width: 100%; height: 130px; display: flex; justify-content: center; align-items: center; }
#linktree #main-body .sns-links .network.instagram .network-icon{ background: var(--network-color); background: linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(193,53,132,1) 40%, rgba(252,175,69,1) 100%); }
#linktree #main-body .sns-links .network .network-icon::before { content: ""; position: absolute; top: 100%; /* Initially hidden below the icon */ left: 0; width: 100%; height: 100%; background-color: white; transition: top 0.3s ease-in-out; z-index: 1; }
#linktree #main-body .sns-links .network .network-link:hover .network-icon::before { top: 0; /* Swipes the white background up */ }
#linktree #main-body .sns-links .network .network-link:hover .icon { color: var(--network-color); /* Changes the icon color */ }
#linktree #main-body .sns-links .network .network-icon .icon{ transition: color 0.3s ease-in-out; position: relative; z-index: 2; }

#linktree #main-body .sns-links .network .link-data{ padding: 15px 5px 0; }
#linktree #main-body .sns-links .network .link-data .network-name{ font-size: 1.125rem; padding: 0 0 6px; font-weight: 700; line-height: 1.4; }
#linktree #main-body .sns-links .network .link-data .network-url{ padding: 0; font-size: 0.875rem; color: #DFDFDF; line-height: 1.2; }
#linktree #main-body .sns-links .network .network-link:hover .link-data .network-url{ color: #FFF; }

#linktree #main-body .links{ padding: 32px 0 0; }
#linktree #main-body .links .item:not(:last-of-type){ margin: 0 0 28px; }
#linktree #main-body .links .link a{ display: block; padding: 15px 18px; text-align: center; text-decoration: none; color: var(--wp--preset--color--primary-text); background-color: var(--wp--preset--color--white); transition: all .2s ease; border-radius: 6px; }
#linktree #main-body .links .link a:hover{ background-color: var(--wp--preset--color--primary-text); color: var(--wp--preset--color--post-background); }
#linktree #main-body .links .link p{ padding: 0; }
#linktree #main-body .links .embed{ position: relative; }
#linktree #main-body .links .embed iframe{ position: absolute; width: 100%; height: 100%; }

#linktree #footer{ text-align: center; padding: 36px 0 12px; }

#linktree #confirm-btn { background: #4caf50; color: #fff; }
#linktree #cancel-btn { background: #f44336; color: #fff; }
  

@media only screen and (min-width: 801px) {
    #linktree #main-body .sns-links li{ width: calc( ( 100% / 3 ) - 20px ); }
    #linktree #main-body .sns-links .network .network-icon .icon{ font-size: 2.3rem; }
}
@media only screen and (min-width: 551px) and (max-width: 800px){
    #linktree #main-body .sns-links li{ width: calc( 50% - 15px ); }
    #linktree #main-body .sns-links .network .network-icon .icon{ font-size: 1.9rem; }
}
@media only screen and (min-width: 401px) and (max-width: 550px){
    #linktree #main-body .sns-links{ gap: 20px; }
    #linktree #main-body .sns-links li{ width: calc( 25% - 15px); }
    #linktree #main-body .sns-links .network .network-icon{ height: unset; padding: 20px 0; }
    #linktree #main-body .sns-links .network .network-icon .icon{ font-size: 1.25rem; }
    #linktree #main-body .sns-links .network .link-data{ display: none; }
}
@media only screen and (max-width: 400px){
    #linktree #main-body .sns-links{ gap: 20px; }
    #linktree #main-body .sns-links li{ width: calc( calc( 100% / 3 ) - 14px); }
    #linktree #main-body .sns-links .network .network-icon{ height: unset; padding: 20px 0; }
    #linktree #main-body .sns-links .network .network-icon .icon{ font-size: 1.25rem; }
    #linktree #main-body .sns-links .network .link-data{ display: none; }
}

.xtended .preview_notice{ width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,.3); background-color: #FFF; border-left: solid 5px #800; padding: 6px 12px; margin: 0 0 24px; }
.xtended .preview_notice p{ padding: 0; font-weight: 700; color: #202020; font-size: 0.9125rem; }