@charset "UTF-8";

/* ====================================
	TEXT COLORS
======================================= */

.dark .see-through-background,
.dark p,
.dark dl,
.dark dt,
.dark dd,
.dark ol,
.dark ul,
.dark li,
.dark .searchbox,
.dark table,
.dark .select-dropdown li label,
.dark mark,

.dark .portfolio-item .scroll-content p,

/* NOTE: whether light or dark */
.dark .media-pl-tell,
.dark .media-pl-tell i {
	color: var(--dark-col-base);
	text-shadow: var(--dark-ts);
}

.dark .portfolio.txtitems .portfolio-item:hover .summary-btn-container *,
.dark .portfolio.txtitems .portfolio-item:hover .summary-btn-container::before,
.dark .portfolio.txtitems .portfolio-item:hover .summary-btn-container::after,
.dark .portfolio.txtitems .portfolio-item:hover .pf-date,
.dark .portfolio.meditems .portfolio-item:hover .preview::before {
	color: rgb(224, 220, 216);
	text-shadow: 0 0 1.5px rgb(50, 50, 50);
}

.dark .news-column .tblsort:hover .stitle,
.dark .news-column .tblsort.active .stitle,
.dark .news-column .tblsort:hover .news-date,
.dark .news-column .tblsort.active .news-date,
.dark .portfolio.txtitems .portfolio-item:hover .summary-btn-container:hover *,
.dark .portfolio.txtitems .portfolio-item:hover .summary-btn-container:hover::before,
.dark .portfolio.txtitems .portfolio-item:hover .summary-btn-container:hover::after,
.dark .portfolio.meditems .portfolio-item:hover .preview:hover::before {
	color: var(--dark-col-hov-hov);
	text-shadow: 0 0 1.5px rgb(50, 50, 50);
}

.dark .rating-container {
	color: rgb(153, 153, 153);
}

.dark .rating-container .rating-stars {
	color: var(--color-bright-yellow);
	text-shadow: 0 0 1.5px rgb(50, 50, 50);
	filter: brightness(1);
}

.dark .portfolio.meditems .portfolio-item:hover .rating-container {
	text-shadow: 0 0 1px rgb(0, 0, 0);
}

.dark .portfolio:not(.imgitems).txtitems .pf-title,
.dark .portfolio.imgitems .pf-title,
.dark .portfolio.vdoitems .pf-title {
	color: rgb(240, 225, 200);
	text-shadow: 0 0 1.5px rgb(0, 0, 0);
}

.dark .portfolio:not(.imgitems).txtitems .portfolio-item:hover .pf-title,
.dark .portfolio.imgitems .portfolio-item:hover .pf-title,
.dark .portfolio.vdoitems .portfolio-item:hover .pf-title {
	color: var(--dark-col-base);
	text-shadow: 0 0 1.5px rgb(0, 0, 0);
}

.dark .portfolio.imgitems.notxt .portfolio-item:hover .pf-date {
	color: var(--dark-col-btn);
	text-shadow: 0 0 1.5px rgb(0, 0, 0);
}

#page-title.full-slider #seriesTitle li {
	color: var(--dark-col-span);
	text-shadow: var(--dark-ts);
}

.dark .scroll-more::before,
.dark .scroll-more::after {
	color: var(--dark-col-span);
	text-shadow: 0 0 6px black;
}

.dark ::selection {
	background: rgb(174 184 188 / 100%);
	color: rgb(255 255 255 / 100%);
	text-shadow: none;
}

.dark ::-webkit-selection {
	background: rgb(174 184 188 / 100%);
	color: #FFF;
	text-shadow: none;
}

.dark ::-webkit-input-placeholder {
	color: rgb(125 130 135 / 100%);
}

.dark ::placeholder {
	color: rgb(125 130 135 / 100%);
}

.dark.has-top-parallax #content {
	/* NOTE: gradients take on lots more resource to paint on page; better use plain colour */
	background: rgb(63 71 76 / 100%);
}

.dark .invert-colors img {
	filter: invert(0.8);
}

.dark h1,
.dark h2,
.dark h2+div,
.dark h3,
.dark h4:not(.miscTitle),
.dark h5,
.dark h6,

.dark h2 .subtitle,
.dark h3 .subtitle,

.dark .news-countitems,
.dark #titleInContent,
.dark .entry-author p,
.dark .entry-servings p,
.dark #comments .comment .name,
.dark person,
.dark question,
.dark answer,
.dark ol ul li::before,
.dark .pageextra,
.dark .star-rating .caption,
.dark figcaption,
.dark .hcolor,
.dark .hcolor p,
.dark aside p::before,
.dark aside p strong,

.dark blockquote p,
.dark blockquote,
.dark .quotation,
.dark .quotation p,
.dark .qsource,
.dark .psource,
.dark .statement,
.dark .statement em,
.dark .statement p,
.dark .ssource,
.dark .flex-prev i,
.dark .flex-next i,
.dark .tcaption,
.dark .highlight p,
.dark label:not(.select-dropdown li label),
.dark .table-display .span p,
.dark .pdf-checkboxes-wrap::before {
	color: var(--dark-col-head);
	text-shadow: var(--dark-ts);
}

.dark .news-column:not(.clips) .title {
	color: var(--dark-col-btn);
	text-shadow: var(--dark-ts);
}

.dark .media-pl .title {
	color: var(--dark-col-head);
	text-shadow: var(--dark-ts);
}

.dark h1+div,
.dark h1+div p,
.dark .media-pl .album {
	color: var(--dark-col-span);
	text-shadow: var(--dark-ts);
}

.dark p a,
.dark span a,
.dark .textMatter a:not(.button):not(.button a),
.dark .jsLink,
.dark .jsLink * {
	color: var(--dark-col-lnk);
	text-shadow: var(--dark-ts);

}

.dark p a,
.dark span a {
	border-bottom-color: var(--dark-col-lnk);
}

.dark .loader-ellips__dot {
	background: var(--dark-bul);
}

.dark #pfActions li:not(.active):not(:hover),
.dark #gotoTop i,
.dark .news-entry,
.dark .news-entry a,
.dark .textMatter .vmenu li,
.dark button:not(.likehover),
.dark button:not(.likehover) a,
.dark button.plyr__control *,
.dark button.plyr__control::after,
.dark .likebutton,
.dark .button,
.dark .button *,
.dark a.button,
.dark .button a,
.dark button,
.dark button a,
.dark .smlmenu li,
.dark .sub-menu-container .menu-item .menu-link div,
.dark .sub-menu-container .menu-item .menu-link div i,

.dark #btnClosePrimaryMenu a,
.dark .sidenav li,
.dark #leftSideLinks.share-links a,
.dark #leftSideLinks.share-links i,
.dark .nav-tree a,
.dark .nav-tree i,
.dark .flex-prev,
.dark .flex-next,
.dark .fs-button i,
.dark .fs-audio i,
.dark .tblsort th .rowsort,
.dark .tblsort .image,
.dark .modalclose.top,
.dark .divclose,
.dark .miscTitle,
.dark .button.fs-button,
.dark .view-more div,

.dark .cancelsearch i,
.dark .popit,

.dark .scrollUp *,
.dark .scrollDn *,
.dark .media-pl-container .hoverable i,
.dark .media-pl-btn i,
.dark .amb-pl-btn i,

.dark .portfolio-item .pf-author,
.dark .portfolio-item .pf-date,
.dark .portfolio-item .summary-btn-container,
.dark .portfolio-item .summary-btn-container *,
.dark .portfolio-item a.preview.ytlink,
.dark .show-modal::before,
.dark .watch-modal::before,
.dark .icons-ctnr a,
.dark .media-scroll-tell,
.dark .pf-readmore a {
	color: var(--dark-col-btn);
	text-shadow: var(--dark-ts);
}


.dark .statement,
.dark .statement em,
.dark .statement p,
.dark .ssource {
	text-shadow: var(--dark-ts);
}

/* ==================================
	HOVER & ACTIVE
===================================== */

.dark .active a,
.dark .active .jsLink,
.dark li:hover .jsLink,
.dark li:hover .jsLink *,
.dark .jsLink:hover,
.dark .jsLink:hover *,

.dark li:hover>.hoverable,
.dark li:hover>.hoverable *,
.dark li.active>.hoverable,

.dark .news-entry:hover,
.dark .news-entry a:hover,
.dark .textMatter .vmenu>li span:hover,
.dark a:not(.one-page-arrow):not(.menu-link):not(.button):not(.flex-prev):not(.flex-next):hover,
.dark .portfolio-item .summary-btn-container:hover *,
.dark .portfolio-item a.preview.ytlink:hover,

.dark #leftSideLinks.share-links li:hover a,
.dark #leftSideLinks.share-links li:hover i,
.dark .sidenav:hover,

.dark button:not(.likehover):hover,
.dark button:hover .jsLink,
.dark button.plyr__control:hover *,
.dark button.plyr__control:hover::after,
.dark .active .select-button .jsLink,
.dark .button:hover,
.dark .button:hover *,

.dark .nav-tree ul li:hover>a,
.dark .nav-tree ul li:hover>a *,
.dark .nav-tree ul li.current>a,
.dark .nav-tree ul li.current>a *,
.dark .btn-side-stuff:hover i,
.dark #gotoTop:hover i,

.dark .btn-close:not(.video) i:hover,
.dark .likehover,

.dark .toggleaudio:hover i,
.dark .toggle-header .heading:hover i,
.dark .accordion-header .heading:hover i,
.dark .rows h3,
.dark .morestart,

.dark .table-display aside p>strong:first-child,
.dark .table-display li:not(.altli)>strong:first-child,

.dark .cancelsearch:hover i,

.dark .smaller i,
.dark .instruct i,
.dark [class^='col-'] p.sml i,
.dark .fs-button:hover i,
.dark .fs-audio:hover i,
.dark #instructions table thead th,

.dark .flex-prev i:hover,
.dark .flex-next i:hover,

.dark .sub-menu-container .menu-item:hover>.menu-link div,
.dark .sub-menu-container .menu-item.current>.menu-link div,
.dark .sub-menu-container .menu-item:hover>.menu-link div i,
.dark .sub-menu-container .menu-item.current>.menu-link div i,

.dark .nav-tree ul li:hover>a *,
.dark .nav-tree ul ul li:hover>a *,
.dark .nav-tree ul li.current>a,
.dark .nav-tree ul li.active>a,
.dark .sidenav .ui-tabs-active,
.dark .sidenav .ui-tabs-active:hover,

.dark .scrollUp:hover *,
.dark .scrollDn:hover *,

.dark .media-pl-btn:hover i,
.dark .amb-pl-btn:hover i,

.dark .view-more>div:hover,
.dark .view-more>div:hover *,
.dark .likelink:hover,
.dark .review span:hover,
.dark .portfolio-item:hover .review span:hover,
.dark .show-modal:hover::before,
.dark .watch-modal:hover::before,
.dark .icons-ctnr a:hover,
.dark .ytlink a:hover span,
.dark .pf-readmore a:hover {
	color: var(--dark-col-hov);
}

.dark .question-iow ul li::before,
.dark .question-iow p::before,
.dark ul.iow li::before,
.dark p.iow::before,
.dark .question i span,
.dark .question abbr,
.dark .question p::before,
.dark .answer p::before {
	color: var(--dark-bul-ico);
	border: none;
}

.dark .txtbox.infomsg .svg-icon {
	fill: var(--dark-bul-ico);
}

.dark .item-controls .watch-share.button:hover,
.dark .item-controls .watch-modal.button:hover,
.dark .item-controls .watch-modal.button:hover::before,
.dark .item-controls .video-summary.button:hover,
.dark .item-controls .show-share.button:hover,
.dark .item-controls .show-modal.button:hover,
.dark .item-controls .show-modal.button:hover::before,
.dark .item-controls .slide-summary.button:hover {
	color: var(--dark-col-btn) !important;
	text-shadow: 2px 3px 2px black;
}

.dark p a:hover,
.dark span a:hover,
.dark ul:not(.pages):not(.share-links) li:not(.sub-menu) li:hover a:not(.menu-link),
.dark p .jsLink:hover * {
	border-bottom: 1px dotted var(--dark-col-hov);
}

.dark .likelink,
.dark .portfolio-item:hover .likelink,
.dark .ytlink {
	color: var(--dark-col-lnk);
	text-shadow: var(--dark-ts);
}

.dark .icon-wrapper {
	border: 1px solid var(--dark-border);
	color: var(--dark-col-hov);
	background: var(--dark-bg-btn);
	text-shadow: none;
}

.dark .select-dropdown li:hover label,
.dark .select-dropdown li.selected label {
	color: rgb(255 160 90);
	text-shadow: none;
}

.dark .select-button:hover .arrow,
.dark .active .select-button .arrow {
	border-top-color: var(--dark-col-hov);
}

.dark #yimJewels #dlNew:hover * {
	color: var(--dark-col-hov);
}

.dark .media-pl li:hover .title,
.dark .media-pl li.active .title,
.dark .news-column:not(.clips) .tblsort:hover .title,
.dark .news-column:not(.clips) .tblsort.active .title {
	color: var(--dark-col-ttl-hov);
	text-shadow: var(--dark-ts);
}

.dark .news-column.clips .tblsort .title {
	color: var(--dark-col-ttl-clips);
	text-shadow: var(--dark-ts-ttl-clips);
}

.dark .news-column.clips .tblsort:hover .title,
.dark .news-column.clips .tblsort.active .title {
	color: var(--dark-col-ttl-clips-hov);
	text-shadow: var(--dark-ts-ttl-clips-hov);
}

.dark .watch-modal::before,
.dark .show-modal::before,
.dark .show-modal div {
	color: var(--dark-col-btn);
}

.dark .watch-modal:hover::before,
.dark .show-modal:hover::before,
.dark .show-modal:hover div {
	color: var(--dark-col-hov);
}

/* =======================================
	BORDERS
========================================== */

.dark [class^='tbl-'],
.dark [class^='tbl-'] tbody tr td:not(:last-child),
[class^='tbl-'] tbody th,

.dark .sub-menu-container,
.dark .sub-menu-container .menu-item,

.dark .sidenav li,
.dark #sidenavScroll:not(.recipe),
.dark #sidenavScroller,
.dark #sidenavScroller:not(.recipe) .inview,
.dark .noticebox,

.dark #sideListsWrap .noticebox,
.dark #sideListsWrap ul,

.dark #leftSideLinks li,

.dark .nav-tree li.sub-menu>a,

.dark .smlmenu li,

.dark .textMatter .vmenu,

.dark .button,
.dark button,
.dark .modalclose,
.dark .divclose,
body.darj .exlink,
.dark .hscroll .s,

.dark div:not(.boxed)>.txtbox,
.dark .fillit,
.dark .popit,
.dark #gotoTop,
.dark .highlight p,
.dark div.part,
.dark .title.part,
.dark .localtip div,
.dark .localtip div i::after,
.dark .yim-switch input+.switch-slider,
.dark .yim-checkbox-label::before,
.dark .yim-radio-label::before,
.dark .linetop::before,
.dark .linebottom::after,
.dark #footnotes::before,

.dark .item-container .pf-head .review,

.dark .sm-form-control,
.dark .g-recaptcha-outer,

.dark .news-container,
.dark .tblsort th .rowsort,
.dark .tblsort .image,
.dark .miscImg,
.dark img.fullwidth,
.dark figure.language,
.dark .item-content .good,
.dark .tblsort tbody tr,
.dark .rows .row,

.dark .textMatter ul:not(.smlmenu):not(.media-pl),
.dark .textMatter ol:not(.simple),

.dark #footer .widget-wrapper,
.dark #footStyles,
.dark #footerlogo,
.dark #geoLocation,

.dark .table-display [class^='col-lg-8'],
.dark .table-display [class^='col-lg-9'],

.dark [class^='tbl-'],
.dark [class^='tbl-'] tbody tr td:not(:last-child),
.dark [class^='tbl-'] tbody th,
.dark [class^='tbl-']>div,

.dark:not(.clearview) #sContainer,
/* .dark #yilivSlider #fsDesc,
.dark #yilivSlider .fs-desc-header,
.dark #yilivSlider .fs-desc-footer,
.dark #yilivSlides .slide,
.dark #yilivThumbs .slide,
.dark #thumbsTrigger,
.dark #descTrigger, */

.dark #comments .write-comment form input[name='img_url'],
.dark #comments .comment,
.dark #comments .comment>.img,

.dark #readModal.image .modal-dialog img,
.dark .modal .media-pl-container,
.dark #modal-pl-btn,
.dark .marquee-container,
.dark .media-pl .thumb img,
.dark .media-pl .poster img,

.dark .media-pl-container,

.dark .like-ch-heading,
.dark ol#footnotes::before,
.dark #yilivSlider .fs-desc-header,
.dark .custom-select .scroll-wrap,
.dark hr,
.dark .border,
.dark .table-border table,
.dark .table-td-border table td,
.dark .portfolio-item .pf-picture,
.dark .portfolio-overlay .item-controls,
.dark .smlmenu input,
.dark .searchbox,
.dark .boxed,
.dark .yim-checkbox-label::before,
.dark .yim-radio-label::before {
	border: 1px solid var(--dark-border);
}

.dark .txtbox.infomsg .button.divinfo {
	border-color: var(--dark-bul-ico) !important;
}

.dark .nav-tree li.sub-menu>a,
.dark .toggle-header .heading,
.dark .accordion-header .heading {
	border: 0.5px solid var(--dark-border);
}

.dark img.border {
	border: medium double var(--dark-border);
	-webkit-box-shadow: var(--dark-bs);
	box-shadow: var(--dark-bs);
}

.dark #comments .comments-title .theline {
	border-color: rgb(255 255 255 / 10%);
}

.dark .portfolio:not(.recipes) .portfolio-item .item-content img {
	border: 2px solid;
	border-color: var(--dark-border);
}

.dark .select-button .arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid var(--dark-col-btn);
}

.dark #thePicture figure:first-child img,
.dark .portfolio.recipes .portfolio-item .item-content img {
	background: var(--dark-bg-img);
}

.dark .question-iow p:not(:last-of-type)::after,
.dark p.iow:not(:last-of-type)::after {
	border-color: var(--dark-border);
}

/* ====================================
	BACKGROUNDS
======================================= */

.dark .sub-menu-container .menu-item:not(:hover)>.menu-link,
.dark .sub-menu-container .menu-item:not(.current)>.menu-link,
.dark .sidenav li:not([id$='0']):not(.ui-tabs-active),
.dark .sidestuff,
.dark #gotoTop,
.dark #leftSideLinks li,
.dark .button,
.dark button:not(.toggleaudio):not(.media-pl-btn):not(.amb-pl-btn):not(.active .select-button),
.dark #readMore,
.dark .smlmenu li,
.dark .hscroll .s,
.dark .audioplayerclose,
.dark .modalclose.top,
.dark .divclose,
.dark .textMatter .vmenu,

.dark .marquee-container,

.dark .nav-tree li.sub-menu>a,
.dark .icons-ctnr,
.dark .watch-modal,
.dark .exlink,
.dark abbr.popit:not(.nocolor),
.dark .custom-select .scroll-wrap,
.dark .view-more>div {
	background: var(--dark-bg-btn);
	background-size: auto 100%;
	background-position: 0 0;
}

.dark .sub-menu-container .menu-item:hover>.menu-link,
.dark .sub-menu-container .menu-item.current>.menu-link,
.dark .sidenav .ui-tabs-active,
.dark .sidenav .ui-tabs-active:hover,
.dark .sidenav li:not([id$='0']):hover,
.dark #leftSideLinks li:hover,
.dark #gotoTop:hover,

.dark .button:hover,

.dark button:not(.toggleaudio):not(.amb-pl-btn):not(.media-pl-btn):not(.active .select-button):hover,
.dark .active .select-button,

.dark .icons-ctnr:hover,
.dark .watch-modal:hover,
.dark .exlink:hover,
.dark .show-modal:hover,

.dark #readMore:hover,
.dark .smlmenu li:hover,
.dark .smlmenu li.active,
.dark .pf-filter .s:hover,
.dark .audioplayerclose:hover,
.dark .modalclose.top:hover,
.dark .divclose:hover,
.dark .view-more>div:hover {
	background-image: var(--dark-bg-btn-hov);
	background-size: auto 200%;
}

.dark thead th {
	background-image: var(--dark-bg-thead);
}

.dark .modal-header {
	background: rgb(0 0 0 / 25%);
	border: 1px solid var(--dark-border);
	border-bottom: none;
}

.dark .modal-footer {
	background: rgb(0 0 0 / 25%);
	border: 1px solid var(--dark-border);
	border-top: none;
}

.dark .modal-body {
    border-left: 1px solid var(--dark-border);
    border-right: 1px solid var(--dark-border);
    border-top: 0.5px solid var(--dark-border);
    border-bottom: 0.5px solid var(--dark-border);
}

.dark .portfolio-overlay .item-controls {
	background: rgb(116 185 180 / 50%);
}

.dark .toggle-header .heading,
.dark .accordion-header .heading,
.dark .like-ch-heading,
.dark .nav-tree li.sub-menu>a {

	background-color: var(--dark-bg-3);
	background-size: auto 100%;
	background-position: 0 0;
	background-image: var(--dark-bg-btn);
}

.dark .toggle-header .heading:hover,
.dark .accordion-header .heading:hover,
.dark .nav-tree li.sub-menu:hover>a {
	background-size: auto 200%;
	background-image: var(--dark-bg-btn-hov);
}

.dark .dyncontent .toggle-content .view-more {
	background: transparent;
	background-repeat: repeat-x;
	background-image: url('../images/yim/view-more-dark.png');
	filter: brightness(1);
}

.dark.stretched .dyncontent .toggle-content .view-more,
.dark.all-padded.clearview .dyncontent .toggle-content .view-more {
	filter: brightness(1.2);
}

.dark .modal .toggle-content .view-more {
	background: var(--dark-bg-view-more);
}

.dark .primary-menu .sub-menu-container {
	border: none;
	border-top: 3px solid;
	border-color: var(--dark-col-hov);
}

.dark .sub-menu-container .menu-item.current>.menu-link,
.dark .sidenav .ui-tabs-active,
.dark .sidenav .ui-tabs-active:hover {
	text-shadow: var(--dark-ts);
}

.dark .yiliv-switch input+.switch-slider,
.dark .yiliv-checkbox-label::before,
.dark .yiliv-radio-label::before {
	background: rgb(160 160 160 / 100%);
	background: linear-gradient(rgb(100 100 100 / 100%) 0%, rgb(160 160 160 / 100%) 100%);
}

.dark .button.fs-button {
	background: rgb(0 0 0 / 20%);
}

.dark figure.fullscreenable .fs-wrap-right {
	background: rgb(0 0 0 / 60%);
}

.dark .select-dropdown li:hover,
.dark .select-dropdown li.selected {
	background-color: rgb(122 139 144 / 50%);
}

/* ====================================
	BOX-SHADOW DARK
======================================= */

.dark :not(.boxed)>.txtbox,
.dark .textMatter ul:not(.smlmenu):not(.media-pl),
.dark ol:not(.simple),
.dark .news-container,
.dark .smlmenu li,
.dark .hscroll .s,
.dark .smlmenu input,
.dark .widget-wrapper,
.dark #footStyles,
.dark #geoLocation,
.dark .highlight p,
.dark .boxed,
.dark div.part,
.dark figure.language,
.dark img.fullwidth,
.dark .miscImg,
.dark .tblsort img,
.dark .item-content .good,
.dark .table-display [class^='col-lg-8'],
.dark .table-display [class^='col-lg-9'],
.dark [class^='tbl-']>div,
.dark #footer .widget-wrapper,
.dark #footerlogo,
.dark .toggle-header .heading,
.dark .accordion-header .heading,
.dark .like-ch-heading,
.dark .nav-tree li.sub-menu>a *,
.dark .primary-menu .sub-menu-container,
.dark .textMatter .vmenu,
.dark .popover,
.dark .sm-form-control:focus,
.dark #comments .comment,
.dark #instructions table td:first-child div,
.dark:not(.stretched):not(.clearview) #wrapper,
.dark .device-xl.stretched #wrapper,
.dark:not(.clearview) #header.transparent-header.sticky-header #header-wrap,
.dark #header:not(.transparent-header) #header-wrap,
.dark.device-touch:not(.clearview) #header:not(.full-header) #header-wrap,
.dark:not(.clearview) #sContainer,
.dark .select-button,
.dark .textMatter .nice,
.dark .table-wrap table {
	-webkit-box-shadow: var(--dark-bs);
	box-shadow: var(--dark-bs);
}

.dark .portfolio-item .item-container,
.dark .news-column .tblsort,
.dark .media-pl li {
	background: var(--dark-bg-4);
	border: 1px solid var(--dark-border);
}

.dark .portfolio-item:hover .item-container,
.dark .news-column .tblsort:hover,
.dark .news-column .tblsort.active,
.dark .media-pl li:hover,
.dark .media-pl li.active {
	border: 1px solid var(--dark-border-focus);
}

.dark #thePicture figure:first-child img,
.dark .portfolio-item .item-content img {
	-webkit-box-shadow: var(--dark-bs-around);
	box-shadow: var(--dark-bs-around);
}

.dark .custom-select .scroll-wrap {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* ==================================
===================================== */

.dark .full-slider #seriesTitle li {
	color: rgb(238 238 238 / 100%) !important;
}

.dark #comments .comments-title .hcolor,
.dark #comments .comments-title i {
	text-shadow: 1px 1px 2px rgb(0 0 0 / 35%);
}

.dark .dropit {
	color: var(--dark-col-drop);
	text-shadow: 1px 2px 5px rgb(0 0 0 / 25%);
}

.dark .sm-form-control {
	color: rgb(251 251 251 / 100%);

	background-color: rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 5px 0 16px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 5px 0 16px 3px rgba(0, 0, 0, 0.2);
}

.dark .sm-form-control:focus {
	border-color: var(--dark-border);
	background-color: rgb(0 0 0 / 20%);
}

.dark .g-recaptcha-outer {
	background: rgb(30, 36, 40);
}

.dark #comments .comment {
	border-color: var(--dark-border-o75);
}

.dark #comments .comment>.img {
	border-color: var(--dark-border-o75);
	background: rgba(0, 0, 0, 0.35);

	-webkit-box-shadow: var(--dark-bs);
	box-shadow: var(--dark-bs);
}

.dark #comments .comment .con .name-date {
	background: rgba(0, 0, 0, 0.1);
}

.dark .sm-form-control[disabled],
.dark .sm-form-control[readonly],
.dark fieldset[disabled] .sm-form-control {
	background-color: rgb(238, 238, 238);
}

.dark .red {
	color: rgb(200, 80, 80) !important;
}

.dark :not(.boxed)>.txtbox,
.dark .textMatter ul:not(.smlmenu):not(.media-pl),
.dark .textMatter ol:not(.simple),
.dark .hscroll .s,
.dark .smlmenu input,
.dark .navtree,
.dark #footStyles,
.dark #geoLocation,
.dark .highlight p,
.dark .boxed,
.dark div.part,
.dark figure.language,
.dark .table-display [class^='col-lg-8'],
.dark .table-display [class^='col-lg-9'],
.dark [class^='tbl-']>div,
.dark .textMatter .nice {
	background: var(--dark-bg-box);
}

.dark .pf-desc .fade-scroll {
	background-color: rgb(44, 63, 74);
}

.dark .simple .modalcontent .fade-scroll {
	background-color: rgb(71, 74, 79);
}

.dark .noticebox,
.dark .txtbox p,
.dark .txtbox.legend div,
.dark .news-column p,
.dark .textMatter ol li,
.dark .boxed,
.dark .inlist div,
.dark .tinynote,
.dark .tinynote *,
.dark #endNotes li {
	color: var(--dark-col-box);
	text-shadow: var(--dark-ts);
}

.dark .textMatter ul:not(.smlmenu):not(.media-pl) li:not(.altli)::before,
.dark .ptxt ul li::before,
.dark .table-display aside p::before,
.dark .textMatter .altli::before,
.dark .textMatter .instructions-note::before,
.dark .textMatter .simple-ol td ol>li::before {
	color: var(--dark-bul);
	text-shadow: var(--dark-ts);
}

.dark .textMatter #endNotes::before,
.dark .textMatter .likebul,
.dark .textMatter .altli strong:first-child,
.dark .textMatter .instructions-note>strong:first-child {
	color: var(--dark-bul-txt);
	text-shadow: var(--dark-ts);
}

.dark .textMatter ol>li::before,
.dark #instructions table td:first-child div {
	-webkit-text-shadow: var(--dark-ts);
	text-shadow: var(--dark-ts);
}

.dark #instructions table td:first-child div {
	color: var(--dark-col-base) !important;
}

.dark .textMatter ol:not(td ol)>li:not(.altli)::before,
.dark .textMatter #instructions table td:first-child div {
	background: var(--dark-bul-num);
}

.dark .noticebox {
	background-color: rgba(10, 20, 24, 0.5);
}

.dark .noticebox i::before {
	color: rgb(222, 144, 101);
}

.dark .noticebox p {
	color: rgb(251, 231, 198) !important;
}

.dark .notice::before {
	color: rgba(245, 200, 80, 0.8);
}

.dark blockquote {
	border-image: var(--dark-border-block);
}

.dark .finaldotnext>p::after {
	color: var(--dark-border);
}

.dark blockquote p,
.dark blockquote,
.dark .quotation,
.dark .quotation p,
.dark .qsource,
.dark .poem,
.dark .poem p,
.dark .psource,
.dark .statement,
.dark .statement em,
.dark .statement p,
.dark .ssource {
	color: var(--dark-col-quote);
	text-shadow: var(--dark-ts);
}

.dark .quotation p::before,
.dark .quotation p::after {
	opacity: 0.35;
}

.dark .steptitle,
.dark [id^='slide'] h5,
.dark .sidenav li[id$='0'],
.dark .sidenav li.sn-heading {
	color: rgb(200 220 245 / 100%);
	text-shadow: var(--dark-ts);
}

.dark .sidenav li[id$='0'],
.dark .sidenav li.sn-heading {
	background: -webkit-radial-gradient(center, ellipse cover, rgba(169, 189, 196, 0.4) 20%, rgba(134, 153, 172, 0.2) 50%, rgba(117, 135, 160, 0) 75%, rgba(99, 117, 147, 0) 100%);
	background: radial-gradient(ellipse at center, rgba(169, 189, 196, 0.4) 20%, rgba(134, 153, 172, 0.2) 50%, rgba(117, 135, 160, 0) 75%, rgba(99, 117, 147, 0) 100%);
}

.dark .fillit {
	color: var(--dark-col-quote) !important;
	background-color: var(--dark-bg-1) !important;
	text-shadow: var(--dark-ts);
}

.dark .btn-close i {
	color: rgb(238, 238, 238) !important;
}

.dark .icons-ctnr {
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--dark-border);
}

.dark label.jsLink,
.dark .news-column .stitle,
.dark .news-column .news-date {
	color: var(--dark-col-base);
	text-shadow: none;
}

body.dark:not(.clearview) #page-title h1,
.dark .modal-title h1 {

	background: -webkit-linear-gradient(to bottom, rgb(255 255 255 / 100%) 40%, rgb(255 230 220 / 100%) 60%, rgb(176 93 48 / 100%) 90%);
	background: linear-gradient(to bottom, rgb(255 255 255 / 100%) 40%, rgb(255 230 220 / 100%) 60%, rgb(176 93 48 / 100%) 90%);

	-webkit-background-clip: text;
	background-clip: text;

	-webkit-text-fill-color: transparent;

	filter: drop-shadow(4px 3px 8px rgb(0 0 0 / 35%));
}

.dark .softcol {
	color: var(--dark-col-span);
}

.dark h1+span,
.dark h3+.subtitle p,
.dark #page-title h1+div,
.dark #titleInContent h1+div,
.dark .question em,
.dark .answer em,
.dark .portfolio-desc span,
.dark .sidenav li span,
.dark .subtitle,
.dark .divider i:not(.fa-leaf),
.dark .pf-countitems.toload span,
.dark .table-display .span>p,
.dark .option,
.dark .span,
.dark .st {
	color: var(--dark-col-span);
	text-shadow: var(--dark-ts);
}

.dark #footer h4,
.dark #footer .widget-title,
.dark #footer .divider::before,
.dark #footer .divider::after,
.dark #footer .divider i,
.dark #footer .source,
.dark .lbl {
	color: var(--dark-col-ttl-foot);
	text-shadow: var(--dark-ts);
}

.dark #fJewels,
.dark #footer .foot,
.dark #footStyles label {
	color: var(--dark-col-foot);
	text-shadow: var(--dark-ts);
}

.dark #footer .span {
	color: var(--dark-col-span-foot);
	text-shadow: var(--dark-ts);
}

.dark .divider i.fa-leaf {
	color: rgb(122 150 122 / 100%) !important;
}

.pf-countitems.filter span {
	color: rgb(0 0 0 / 100%) !important;
}

.dark span.thisyear {
	color: rgb(160 150 140 / 100%) !important;
}

.dark .fs-button:hover {
	background: rgb(0 0 0 / 10%);
}

.dark .bg-col-light,
.dark [class^='tbl-'] .row.colorlight,
.dark .table-striped table tbody>tr:nth-of-type(even) {
	background: rgba(100, 100, 100, 1);
	color: rgb(231, 231, 231);
}

.dark .bg-col-dark,
.dark [class^='tbl-'] .row.colordark,
.dark .table-striped table>tbody>tr:nth-of-type(odd) {
	background: rgba(45, 53, 57, 0.9);
	color: rgb(231, 231, 231);
}

.dark table {
	box-shadow: var(--dark-bs);
}

.dark:not(.stretched):not(.clearview) #wrapper,
.dark.device-touch.device-xl.stretched #wrapper {
	background: rgba(0, 0, 0, 0.15);
	border-color: rgb(54, 66, 70);
}

.dark [class^='tbl-'] tbody tr td:not(:last-child),
.dark [class^='tbl-'] tbody th {
	border-bottom: none;
	border-left: none;
}

.dark #page-title.full-slider>figure,
.dark #page-title #slider-wrapper figure,
.dark #page-title.slideshow #slider-wrapper figure,
.dark #slider .swiper-slide-bg,
.dark.clearview #clearviewBG div,
.dark #slideshow {
	filter: brightness(0.72);
}

.dark #page-title.slideshow+#content,
.dark.clearview #content .content-wrap {
	background-color: rgb(72, 84, 90);
	background-image: url('../images/yim/body-common.gif');
	background-attachment: fixed;
}

.dark.clearview:not(.stretched) #page-title {
	background-color: transparent;
	background-image: none;
}

body.dark.clearview #content,
.dark #comments-container,
body.stretched.dark #page-title.full-slider {
	border-bottom: 1px solid rgb(180, 180, 180);
}

.dark.stretched #slider+#content {
	border-top: 1px solid;
	border-color: var(--dark-border);
}

.dark:not(.stretched).clearview #page-title .title {
	border: none;
}

.dark .inevma .author-container {
	-webkit-box-shadow: 0 0 0 2px rgb(75 30 0 / 20%), 0 0 60px 0 rgb(255 255 255 / 45%);
	box-shadow: 0 0 0 2px rgb(75 30 0 / 20%), 0 0 60px 0 rgb(255 255 255 / 45%);
}

.dark:not(.clearview) #page-title:not(.parallaxed):not(.slideshow),
.dark .section-top {
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
}

.dark .section-bottom {
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}

.dark #content,
.dark #sort-comments-container {
	background: transparent;
}

.dark .news-container,
.dark .media-pl-container,
.dark #footer .widget-wrapper,
.dark #geoLocation,
.dark #footStyles,
.dark #footer .searchbox,
.dark #comments-container {
	background: var(--dark-bg-8);
}

.dark #footer .divider::before,
.dark #footer .divider::after {
	background: none;
	border: 0.5px solid var(--dark-border);
}

.dark .portfolio-item .pf-entry li {
	color: rgb(165, 165, 155);
}

/*
.dark #sContainer {
	background: var(--dark-bg-o50);
}

.dark.clearview #sContainer,
.dark.all-padded.clearview #sContainer {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
*/
.dark #yilivThumbs .slide:hover .yilivflex-thumbs-caption,
.dark #yilivThumbs .slide.flex-active-slide .yilivflex-thumbs-caption {
	background: var(--dark-bg-o25);
	box-shadow: inset 0 0 3px 1px rgba(140, 180, 236, 0.35);
}

.dark .yilivflex-thumbs-caption {
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.dark #comments .write-comment form input[name='img_url'] {
	color: rgba(222, 144, 101, 0.8) !important;
}

.dark:not(.clearview) #header-wrap .container {
	background: -webkit-linear-gradient(rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 35%) 50%, rgb(0 0 0 / 0%) 100%);
	background: -o-linear-gradient(rgb(0 0 0 / 55%) 0%, rgb(0 0 0 / 35%) 50%, rgb(0 0 0 / 0%) 100%);
	background: linear-gradient(rgb(0 8 16 / 55%) 0%, rgb(0 8 16 / 35%) 50%, rgb(0 8 16 / 0%) 100%);
}

.dark #fsInfo {
	color: var(--dark-col-lnk);
	text-shadow: var(--dark-ts);
	background: rgb(0 0 0 / 10%);
}

.dark .ytlink {
	color: var(--dark-col-lnk);
	text-shadow: var(--dark-ts);
}

.dark .ytlink i,
.dark .fa-youtube {
	color: var(--dark-col-yt);
	text-shadow: var(--dark-ts);
}

.dark .popover,
.dark .chevron::before,
.dark .chevron::after {
	background: var(--dark-border-po);
}

.dark .bs-popover-start>.popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
	border-left-color: var(--dark-border-po);
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.dark .bs-popover-end>.popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
	border-right-color: var(--dark-border-po);
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.dark .bs-popover-top>.popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
	border-top-color: var(--dark-border-po);
	border-right-color: transparent;
	border-left-color: transparent;
}

.dark .bs-popover-bottom>.popover-arrow::after,
.dark .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
	border-bottom-color: var(--dark-border-po);
	border-right-color: transparent;
	border-left-color: transparent;
}

.dark .popover-header {

	text-shadow: var(--dark-ts);
	border-top: 4px solid;
	border-color: var(--dark-border-po);
	border-bottom: none;

	background: var(--dark-head-body-po)
}

.dark .popover-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
	box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
}

.dark .popover-body::-webkit-scrollbar-thumb {
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 51%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 51%);

	box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}

.dark .popover-body {
	color: var(--dark-col-base);

	background: var(--dark-body-head-po);
}

.dark .popover-header,
.dark .popover-body p>strong {
	color: var(--dark-col-btn);
	text-shadow: var(--dark-ts);
}

.dark input.switch-toggle-round+label {
	background-color: rgb(93, 108, 118);
}

.dark input.switch-toggle-round+label::after {
	background: -webkit-linear-gradient(top, rgb(160, 117, 107) 0%, rgb(45, 53, 57) 100%);
	background: linear-gradient(to bottom, rgb(160, 117, 107) 0%, rgb(45, 53, 57) 100%);
}

.dark .mobilemenu,
.dark #side-panel {
	background: var(--dark-bg-panel);
}

/* ----------------------------------------------------------------
	Admin panel — dark theme (override light.css defaults)
-----------------------------------------------------------------*/

/* .dark #readModal.admin-features .admin-features-panel {
	background: var(--dark-bg-panel);
} */

.dark #readModal.admin-features .admin-panel-intro {
	color: var(--dark-col-base);
}

.dark #readModal.admin-features .admin-row-tablehead {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

.dark #readModal.admin-features .admin-row-tablehead .admin-label,
.dark #readModal.admin-features .admin-row-tablehead .admin-col-toggle {
	color: var(--dark-col-head);
}

.dark #readModal.admin-features .admin-label {
	color: var(--dark-col-base);
}

.dark #readModal.admin-features .admin-row:not(.admin-row-news):not(.admin-row-note).admin-lvl-0 .admin-label {
	color: var(--dark-col-head);
}

.dark #readModal.admin-features .admin-lvl-1.admin-row-section .admin-label {
	color: var(--dark-col-head);
}

.dark #readModal.admin-features .admin-row:not(.admin-row-news):not(.admin-row-note).admin-lvl-1 .admin-label,
.dark #readModal.admin-features .admin-row:not(.admin-row-news):not(.admin-row-note).admin-lvl-2 .admin-label {
	color: var(--dark-col-base);
}

.dark #readModal.admin-features .admin-row-news .admin-label,
.dark #readModal.admin-features .admin-row-note .admin-label {
	color: var(--dark-col-span);
}

.dark #readModal.admin-features .admin-lvl-0.admin-row-section {
	border-top-color: rgba(255, 255, 255, 0.12);
}

.dark .modal:not(.plyrmodal) .modal-dialog {
	background: var(--dark-bg-3);
}

.dark #yilivSlides .slider-wrap {
	background: rgb(0, 0, 0);
}

.dark .portfolio.portfolio-1 .portfolio-image {
	border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.dark .portfolio-overlay,
.dark.slides.grid .portfolio-overlay {
	background: rgba(0, 0, 0, 0.3);
}

.dark #newsColumn.clips .tblsort .clip-overlay,
.dark .news-column:not(.clips) .tblsort .text-wrap,
.dark .media-pl li,
.dark .portfolio:not(.notxt) .item-container {
	background: var(--dark-list);
}

.dark .news-column:not(.clips) .tblsort:hover .text-wrap,
.dark .news-column:not(.clips) .tblsort.active .text-wrap,
.dark .media-pl li:hover,
.dark .media-pl li.active {
	background: var(--dark-list-focus);
}

.dark .media-pl .title-wrap,
.dark .news-column:not(.clips) .tblsort .title-wrap,

.dark .portfolio.txtitems .pf-head,
.dark .portfolio.imgitems .pf-title,
.dark .portfolio.vdoitems .pf-title,
.dark .portfolio.notxt .item-container {
	background: var(--dark-head-list);
}

.dark .media-pl .title-wrap::before,
.dark .news-column:not(.clips) .tblsort .title-wrap::before,

.dark .portfolio.txtitems .pf-head::before,
.dark .portfolio.imgitems .pf-title:not(.nobg)::before,
.dark .portfolio.vdoitems .pf-title:not(.nobg)::before,
.dark .portfolio.notxt .item-container::before {
	background: var(--dark-head-list-focus);
}

.dark .portfolio-item:hover .scroll-content *:not(.ytlink):not(.ytlink i):not(.review span) {
	color: var(--dark-col-box);
}

.dark .portfolio-item:hover .subtitle {
	color: rgb(210 210 210 / 100%);
}

.dark .portfolio-1 .portfolio-text .pf-desc {
	background: -webkit-linear-gradient(rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 60%, rgb(0 0 0 / 40%) 100%);
	background: linear-gradient(rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 60%, rgb(0 0 0 / 40%) 100%);
}

.dark .switch-slider::before,
.dark .yiliv-radio:checked+.yiliv-radio-label::before,
.dark .yiliv-checkbox:checked+.yiliv-checkbox-label::before {
	background: rgb(160, 117, 107);
	background: -webkit-linear-gradient(top, rgb(160, 117, 107) 0%, rgb(60, 40, 37) 90%);
	background: linear-gradient(to bottom, rgb(160, 117, 107) 0%, rgb(60, 40, 37) 90%);
}

.dark .item-container .subtitle {
	color: rgb(221, 221, 221) !important;
}

.dark table.general,
table.general th,
table.general td {
	border-color: rgb(50, 55, 60);
}

.dark table.general th {
	background: rgb(50, 55, 60);
}

/* ----------------------------------------------------------------
	Divider
-----------------------------------------------------------------*/

.dark .divider::before,
.dark .divider::after {
	background-color: var(--dark-border);
}

.dark .preloader,
.dark .preloader2,
.dark .form-process {
	background: url("../images/preloader-dark.gif") center center no-repeat;
}

.dark .dynloader span {
	box-shadow: var(--dark-bs);
}

/* =======================================
	FOOTER
========================================== */

.dark #footer {
	background: var(--black-t20);
}

.dark .divlabel,
.dark #footer abbr {
	color: rgb(185, 170, 170);
}

.dark label.label-muted {
	color: #777;
}

.dark #footStyles,
.dark #geoLocation {
	background-image: radial-gradient(farthest-corner at 42% 20%, rgba(106 122 128 / 70%) 0, rgba(70 70 75 / 70%) 60%, rgba(0 8 16 / 70%) 100%);
}

.dark #header:not(.transparent-header):not(.sticky-header):not(.sticky-header-shrink) .primary-menu>ul>li>.menu-link {
	color: rgb(236, 234, 230) !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.dark #header.transparent-header:not(.sticky-header) .primary-menu>ul>li>.menu-link,
.dark #header:not(.transparent-header):not(.sticky-header):not(.sticky-header-shrink) .primary-menu>ul>li:hover>.menu-link,
.dark #header:not(.transparent-header):not(.sticky-header):not(.sticky-header-shrink) .primary-menu>ul>li.current>.menu-link {

	color: rgb(236 234 230 / 100%) !important;
	text-shadow: 2px 3px 3px rgb(0 0 0 / 25%);

	background: -webkit-linear-gradient(top, rgb(100 100 100 / 0%) 0%, rgb(75 82 85 / 50%) 50%, rgb(60 71 76 / 100%) 100%);
	background: linear-gradient(to bottom, rgb(100 100 100 / 0%) 0%, rgb(75 82 85 / 50%) 50%, rgb(60 71 76 / 100%) 100%);
}

.dark .likemenu {
	border-color: var(--dark-border);
	box-shadow: var(--dark-bs);
}

.dark #header.sticky-header.sticky-header-shrink .primary-menu>ul>li>.menu-link,
.dark #header.sticky-header.sticky-header-shrink .primary-menu>ul>li>.menu-link {
	background: transparent;
}

.dark #modal-pl-btn {
	border-top: none !important;
}

.dark .media-pl-btn,
.dark .amb-pl-btn,
.dark .media-pl-container,
.dark .media-pl-container .thumb img,
.dark #tContainer #enlrgSlides {
	box-shadow: var(--dark-bs);
}

.dark .media-pl-btn,
.dark .amb-pl-btn {
	background: linear-gradient(var(--dark-bg-1) 0%, var(--dark-bg-3) 100%);
}

.dark .media-pl .thumb img,
.dark .media-pl .poster img {
	border: 1px solid var(--dark-border);
}

.dark .media-pl-container .fade-scroll {
	background: linear-gradient(var(--dark-bg-1) 0%, var(--dark-bg-3) 30%, var(--dark-bg-3) 70%, var(--dark-bg-1) 100%);
}

@media (max-width: 991px) {

	.dark .sub-menu-container .menu-item:hover>.menu-link,
	.dark .sub-menu-container .menu-item.current>.menu-link {
		background: none !important;
		filter: none !important;
		color: rgb(240, 150, 100) !important;
	}

	.dark .primary-menu ul>li.current>a,
	.dark #header.sticky-header:not(.static-sticky) .primary-menu ul>li.current>a {
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4) !important;
	}

	.dark .primary-menu>ul>li:not(.current):hover>a,
	.dark #header.sticky-header:not(.static-sticky) .primary-menu>ul>li:not(.current):hover>a,
	.dark .primary-menu>ul>li.current>a,
	.dark #header.sticky-header:not(.static-sticky) .primary-menu>ul>li.current>a {
		color: rgb(240, 150, 100) !important;
	}
}

@media (max-width: 414.98px) {

	.dark .portfolio-1 .portfolio-item {
		border-color: var(--dark-border);

		-webkit-box-shadow: var(--dark-bs);
		box-shadow: var(--dark-bs);
	}

	.dark .portfolio:not(.portfolio-1) .icons-ctnr {
		border-left: none;
	}

}