@charset "UTF-8";

/* ======================================
	TEXT COLOR
========================================= */

.see-through-background,
.sm-form-control,
p,
dl,
dt,
dd,
ol,
ul,
li,
.searchbox,
.g-recaptcha-outer,
table,
.select-dropdown li label,
mark,
.portfolio-item .scroll-content p {
	color: var(--light-col-base);
	text-shadow: var(--light-ts);
}

h1,
h2,
h3,
h4,
h5,
h6,
h2+div,
h2 .subtitle,
h3 .subtitle,
.miscTitle,
.item-container .pf-title,
.news-countitems,
#titleInContent,
.entry-author p,
.entry-servings p,
#comments .comment .name,
person,
question,
answer,
#title,
.pageextra,
.star-rating .caption,
figcaption,
.hcolor,
.hcolor p,
aside p::before,
aside p strong,
.highlight p,
.title-line .hcolor,
label:not(.select-dropdown li label),

.tcaption,
.media-pl-tell,
.media-pl-tell i,
.media-scroll-tell,
.media-scroll-tell i,
.table-display .span p,
.pdf-checkboxes-wrap::before {
	color: var(--light-col-head);
	text-shadow: var(--light-ts);
}

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

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

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

.portfolio:not(.imgitems).txtitems .portfolio-item:hover .pf-title,
.portfolio.imgitems .portfolio-item:hover .pf-title,
.media-pl li:hover .title,
.media-pl li.active .title,
.news-column:not(.clips) .tblsort:hover .title,
.news-column:not(.clips) .tblsort.active .title {
	color: var(--light-col-btn);
	text-shadow: var(--light-ts);
}

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

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

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

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

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

}

p a,
span a {
	border-bottom: 1px dotted var(--light-col-lnk);
}

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

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

.smlmenu li,
#pfActions li:not(.active):not(:hover),
#gotoTop i,
.news-entry,
.news-entry a,
.textMatter .vmenu li,

.fs-button i,
.fs-audio i,
.button,
.button *,
a.button,
.button a,

.sub-menu-container .menu-item .menu-link div,
.sub-menu-container .menu-item .menu-link div i,

#btnClosePrimaryMenu a,

.sidenav li,
#leftSideLinks.share-links a,
#leftSideLinks.share-links i,
.nav-tree a,
.nav-tree i,
.flex-prev,
.flex-next,
button:not(.likehover),
button:not(.likehover) a,
button.plyr__control *,
button.plyr__control::after,
.likebutton,
.tblsort th .rowsort,

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

.modalclose.top,
.divclose,
.button.fs-button,
.view-more div,

.cancelsearch i,
.popit,

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

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

.portfolio.txtitems .portfolio-item:hover .summary-btn-container *,
.portfolio.txtitems .portfolio-item:hover .summary-btn-container::before,
.portfolio.txtitems .portfolio-item:hover .summary-btn-container::after,
.portfolio.txtitems .portfolio-item:hover .pf-date,
.portfolio.txtitems .portfolio-item:hover .pf-author,
.portfolio.meditems .portfolio-item:hover .preview::before {

	color: rgb(220, 216, 228);
	text-shadow: 0 0 1.5px rgb(50, 50, 50);
}

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

.rating-container {
	color: rgb(168, 167, 166);
}

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

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

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

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

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

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

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

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

#footer .copyright span {
	color: rgb(200 185 185 / 100%);
}

#copyrights {
	color: rgb(255 255 255 / 50%);
}

#footer .social-icon {
	color: var(--light-col-clear-foot);
	border: none;
}

#footer .social-icon:hover {
	color: var(--light-col-hov);
}

.si-facebook:hover,
.si-colored.si-facebook {
	color: var(--light-col-hov);
	background-color: var(--light-bg-4) !important;
}

.si-twitter:hover,
.si-colored.si-twitter {
	color: var(--light-col-hov);
	background-color: var(--light-bg-4) !important;
}

.si-email:hover,
.si-colored.si-email {
	color: var(--light-col-hov);
	background-color: var(--light-bg-4) !important;
}

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

.statement,
.statement p,
.statement em,
.ssource,
.steptitle,
[id^='slide'] h5,
.sidenav li[id$='0'],
.sidenav li.sn-heading {
	color: rgb(30 90 120 / 100%);
	text-shadow: var(--light-ts);
}

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

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

.fillit {
	color: rgb(135 90 80 / 100%) !important;
	background-color: rgb(215 235 245 / 100%) !important;
	text-shadow: 1px 1px 1px #FFFFFF;
}

::selection {
	background: rgb(204 204 204 / 50%);
	color: rgb(0 0 0 / 100%);
	text-shadow: none;
}

::-webkit-selection {
	background: rgb(204 204 204 / 50%);
	color: rgb(0 0 0 / 100%);
	text-shadow: none;
}

::-webkit-input-placeholder {
	color: rgb(205 200 195 / 100%);
}

::placeholder {
	color: rgb(205 200 195 / 100%);
}

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

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

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

a:not(.one-page-arrow):not(.menu-link):not(.button):not(.flex-prev):not(.flex-next):hover,
.portfolio-item .summary-btn-container:hover *,
.portfolio-item a.preview.ytlink:hover,

.jsLink:hover,

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

.scrollUp:hover *,
.scrollDn:hover *,
.news-entry:hover,
.news-entry:hover a,

.cancelsearch:hover i,

.textMatter .vmenu>li span:hover,
.button:hover,
.button:hover *,
button:hover .jsLink,
button:not(.likehover):hover,
button.plyr__control:hover *,
button.plyr__control:hover::after,

.pages a:hover,
.active .select-button .jsLink,
.btn-side-stuff:hover i,
#gotoTop:hover i,
.btn-close:not(.video) i:hover,
.likehover,

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

.table-display aside p>strong:first-child,
.table-display li:not(.altli)>strong:first-child,
.smaller i,
.instruct i,
.table-display p.sml i,
.fs-button:hover i,
.fs-audio:hover i,
#instructions table thead th,

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

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

.media-pl-btn:hover i,
.amb-pl-btn:hover i,
.nav-tree ul li:hover>a,
.nav-tree ul li:hover>a *,
.nav-tree ul li.current>a,
.nav-tree ul li.current>a *,
.sidenav a:hover,
.sidenav .ui-tabs-active,
.sidenav .ui-tabs-active:hover,

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

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

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

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

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

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

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

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

.textMatter td ol>li::before {
	border-color: var(--light-border-dark);
	background: transparent;
	box-shadow: var(--light-bs);
}

.textMatter ol>li::before {
	-webkit-text-shadow: var(--light-ts);
	text-shadow: var(--light-ts);
}

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

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

.inevma .txt {
	color: white;
	text-shadow: 3px 3px 2px rgb(0 0 0 / 15%);
}

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

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

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

#leftSideLinks li,

.smlmenu li,

.textMatter .vmenu,

.button,
button,
.modalclose,
.divclose,
.exlink,
.hscroll .s,

.fillit,
div:not(.boxed)>.txtbox,
#gotoTop,

.highlight p,
div.part,
.title.part,
.localtip div,
.localtip div i::after,
.yim-switch input+.switch-slider,
.yim-checkbox-label::before,
.yim-radio-label::before,
#footnotes::before,

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

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

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

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

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

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

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

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

#readModal.image .modal-dialog img,

.marquee-container,
.media-pl-container,

.media-pl .thumb img,
.media-pl .poster img,

.modal .plyr-br,
.modal .media-pl-container,
#modal-pl-btn,
.custom-select .scroll-wrap,
hr,
.border,
.table-border table,
.table-td-border table td,

.portfolio-item .pf-picture,
.portfolio-overlay .item-controls,

.smlmenu input,
.searchbox,
.boxed,
.yim-checkbox-label::before,
.yim-radio-label::before {
	border: 1px solid var(--light-border);
}

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

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


.like-ch-heading,
ol#footnotes::before,
.modal-header {
	border: 1px solid var(--light-border);
	border-bottom: none;
}

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

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

.modal-footer {
	border: 1px solid var(--light-border);
	border-top: none;
}

#yilivthumbs {
	border: 0.5px solid var(--light-border);
}

.plyr-container,
.plyr-container.ambient .media-pl .title,
.plyr-video-wrap {
	border: none;
}

.plyr-container .media-pl-scroll {
	background: transparent;
}

.media-pl-btn,
.amb-pl-btn {
	background: linear-gradient(var(--light-bg-4) 0%, var(--light-bg-1) 100%);
	border-top: none !important;
	color: var(--light-col-lnk);
}

.portfolio-item.tblsort>div .subtitle {
	color: #333 !important;
}

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

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

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

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

body:not(.device-touch):not(.stretched):not(.clearview) #wrapper,
body.device-touch.device-xl:not(.clearview) #wrapper {
	border: 1px solid;
	border-color: rgb(54 66 70 / 100%);
}

#comments .write-comment form input[name='img_url'] {
	border: 1px solid;
	border-color: var(--light-border);
	color: var(--light-col-hov);
}

#header.transparent-header:not(.sticky-header) .primary-menu>ul>li>.menu-link,
.likemenu {
	background-image: -webkit-linear-gradient(rgb(130 150 170 / 0%) 0%, rgb(110 130 150 / 80%) 60%, rgb(100 120 130 / 90%) 80%, rgb(80 100 110 / 100%) 100%);
	background-image: linear-gradient(rgb(130 150 170 / 0%) 0%, rgb(110 130 150 / 80%) 60%, rgb(100 120 130 / 90%) 80%, rgb(80 100 110 / 100%) 100%);
}

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

#header.transparent-header.sticky-header #header-wrap,
#header:not(.transparent-header) #header-wrap,
body.device-touch:not(.clearview) #header:not(.full-header) #header-wrap {
	border-bottom: 0 solid;
	border-bottom-color: var(--light-border-o00);
}

.transparent-header.full-header .primary-menu .menu-container,
.full-header .primary-menu .menu-container {
	border-right: 0 solid;
	border-right-color: var(--light-border-o00);
}

#comments-container,
body.clearview #content,
body.stretched #page-title.full-slider {
	border-bottom: 1px solid white;
}

body.stretched #slider+#content {
	border-top: 1px solid;
	border-color: white;
}

.primary-menu .sub-menu-container {
	border: none;
	border-top: 3px solid;
	border-color: var(--light-col-hov);
	background-color: transparent;
	-webkit-box-shadow: var(--light-bs);
	box-shadow: var(--light-bs);
}

.sub-menu-container .menu-item {
	border: none;
	border-top: 1px solid var(--light-border);
}

.sub-menu-container .menu-item:first-child {
	border-top: none;
}

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

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

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

.sub-menu-container .menu-item>.menu-link,
.sidenav li:not([id$='0']):not(.ui-tabs-active),
.sidestuff,
#gotoTop,
#leftSideLinks li,
.button,
button:not(.toggleaudio):not(.media-pl-btn):not(.amb-pl-btn):not(.active .select-button),
#readMore,
.smlmenu li,
.hscroll .s,
.audioplayerclose,
.modalclose.top,
.divclose,
.textMatter .vmenu,
.icons-ctnr,
.exlink,
.watch-modal,
.toggle-header .heading,
.accordion-header .heading,
.like-ch-heading,
.nav-tree li.sub-menu>a,
abbr.popit:not(.nocolor),
.custom-select .scroll-wrap,
.view-more>div {
	background: var(--light-bg-btn);
	background-size: auto 100%;
	background-position: 0 0;
}

.toggle-content .view-more {
	background: transparent;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, transparent 0%, var(--light-bg-4));
}

.select-dropdown li:hover,
.select-dropdown li.selected {
	background-color: rgb(160 150 140 / 24%);
}

#footer {
	border-top: none;
	background: var(--black-t20);
}

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

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

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

#readMore:hover,
.smlmenu li:hover,
.smlmenu li.active,
.pf-filter .s:hover,
.audioplayerclose:hover,
.modalclose.top:hover,
.divclose:hover,
.exlink:hover,
.toggle-header .heading:hover,
.accordion-header .heading:hover,
.nav-tree li.sub-menu>a:hover,
.view-more>div:hover {

	background-color: transparent;
	background-image: var(--light-bg-btn-hov);
	background-size: auto 200%;
}

.sidenav li[id$='0'],
.sidenav li[id$='0']:hover .sidenav li.sn-heading {
	background: none;
	background-image: none;
}

.portfolio-overlay .item-controls {
	background: rgb(138 97 63 / 50%);
}

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

.portfolio.txtitems .pf-head,
.media-pl .title-wrap,
.news-column:not(.clips) .tblsort .title-wrap,
.portfolio.imgitems .pf-title,
.portfolio.vdoitems .pf-title,
.portfolio.notxt .item-container {
	background: var(--light-head-list);
}

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

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

.section-bottom {
	background: -webkit-linear-gradient(var(--light-bg-base) 0%, rgb(240 238 236 / 100%) 100%);
	background: linear-gradient(to bottom, var(--light-bg-base) 0%, rgb(240 238 236 / 100%) 100%);
}

body:not(.clearview) #page-title:not(.slideshow),
.section-top {
	background: -webkit-linear-gradient(var(--light-bg-7) 0%, var(--light-bg-4) 100%);
	background: linear-gradient(var(--light-bg-7) 0%, var(--light-bg-4) 100%);
}

#content,
body.stretched #page-title.full-slider,
.modal:not(.plyrmodal) .modal-dialog {
	/* NOTE: gradients take on lots more resource to paint on page; better use plain colour */
	background: var(--light-bg-4);
}

#content,
body.stretched #page-title.full-slider {
	border-bottom: 1px solid;
	border-color: var(--light-border);
}

.inevma .txt {
	background: -webkit-linear-gradient(270deg, white 50%, rgb(175 100 75 / 100%) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.searchbox {
	background: transparent;
}

#footer a.cancelsearch {
	color: var(--dark-link-color);
	text-shadow: var(--dark-text-shadow);
}

#footer a.cancelsearch:hover {
	color: var(--dark-hover-color);
	text-shadow: var(--dark-text-shadow-hover);
}

#sidenavScroll {
	background: transparent;
}

.button.fs-button {
	background: rgb(255 255 255 / 40%);
}

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

figure.fullscreenable .fs-wrap-right.noaudio .fs-button {
	background: transparent;
}

.yim-switch input:not(:checked)+.switch-slider,
.yim-checkbox-label::before,
.yim-radio-label::before {
	background: -webkit-linear-gradient(top, rgb(130 130 130 / 100%) 0%, rgb(200 200 200 / 100%) 100%);
	background: linear-gradient(to bottom, rgb(130 130 130 / 100%) 0%, rgb(200 200 200 / 100%) 100%);
}

.switch-slider:before,
.yiliv-radio:checked+.yiliv-radio-label:before,
.yiliv-checkbox:checked+.yiliv-checkbox-label:before {
	background: rgb(170 127 117 / 100%);
	background: -webkit-linear-gradient(top, rgb(170 127 117 / 100%) 0%, rgb(40 20 17 / 100%) 100%);
	background: linear-gradient(to bottom, rgb(170 127 117 / 100%) 0%, rgb(40 20 17 / 100%) 100%);
}

.yim-switch input:checked+.switch-slider {
	background: var(--color-light-green);
	background: -webkit-linear-gradient(top, rgb(105, 125, 115) 0%, var(--color-light-green) 100%);
	background: linear-gradient(to bottom, rgb(105, 125, 115) 0%, var(--color-light-green) 100%);
}

.yim-radio:checked+.yim-radio-label::before,
.yim-checkbox:checked+.yim-checkbox-label::before,
.small .yim-radio:checked+.yim-radio-label::before,
.small .yim-checkbox:checked+.yim-checkbox-label::before {
	background: var(--color-light-green);

	-webkit-box-shadow: inset 0px 2px 7px -1px rgb(0 0 0 / 70%);
	box-shadow: inset 0px 2px 7px -1px rgb(0 0 0 / 70%);
}


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

/* ----------------------------------------------------------------
	Admin panel — light theme typography & colours

	Menu levels (pages/sections only):
	  .admin-lvl-0 — Home, Read, Watch, Etc, Consult, About, Contact, Help
	  .admin-lvl-1 — Articles, Web Docs, Slideshows, Hatha Yoga, Nutrition, …
	  .admin-lvl-2 — Web Docs / Slideshows / Nutrition children

	Site options (news column, lotus, etc.) use .admin-row-news — not menu levels.
-----------------------------------------------------------------*/

#readModal.admin-features .admin-features-panel {
	font-size: 15px;
	/* background: var(--light-bg-panel); */
}

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

#readModal.admin-features .admin-row-tablehead {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#readModal.admin-features .admin-row-tablehead .admin-label,
#readModal.admin-features .admin-row-tablehead .admin-col-toggle {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--light-col-head);
}

#readModal.admin-features .admin-label {
	font-size: 13px;
	color: var(--light-col-base);
}

#readModal.admin-features .admin-row:not(.admin-row-news):not(.admin-row-note).admin-lvl-0 .admin-label {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--light-col-head);
}

#readModal.admin-features .admin-row:not(.admin-row-news):not(.admin-row-note).admin-lvl-1 .admin-label {
	font-size: 13px;
	font-weight: 500;
	color: var(--light-col-base);
}

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

#readModal.admin-features .admin-row:not(.admin-row-news):not(.admin-row-note).admin-lvl-2 .admin-label {
	font-size: 12px;
	font-weight: 400;
	color: var(--light-col-base);
}

#readModal.admin-features .admin-row-news .admin-label {
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	text-transform: none;
	color: var(--light-col-span);
}

#readModal.admin-features .admin-row-note .admin-label {
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	text-transform: none;
	color: var(--light-col-span);
}

#readModal.admin-features .admin-lvl-0.admin-row-section {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

#readModal.admin-features .admin-feature-body>.admin-lvl-0.admin-row-section:first-child,
#readModal.admin-features .admin-feature-body>.admin-lvl-1.admin-row-note:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

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

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

/* ====================================
	BOX SHADOWS
======================================= */

.media-pl-btn,
.media-pl-container,
.media-pl .thumb img,

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

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

#thePicture figure:first-child img,
.portfolio-item .item-content img {

	-webkit-box-shadow: var(--light-bs-around);
	box-shadow: var(--light-bs-around);
}

body:not(.device-touch):not(.stretched):not(.clearview) #wrapper,
body.device-touch.device-xl:not(.clearview) #wrapper {
	-webkit-box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 10%);
	box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 10%);
}

#header.transparent-header.sticky-header #header-wrap,
#header:not(.transparent-header) #header-wrap,
body.device-touch:not(.clearview) #header:not(.full-header) #header-wrap {
	-webkit-box-shadow: var(--light-bs);
	box-shadow: var(--light-bs);
}

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

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

#fsInfo {
	color: var(--light-col-lnk);
	text-shadow: var(--light-ts);
	background: rgb(224 217 212 / 30%);
}

/* ******************************************
	POPOVERS
********************************************* */

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

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

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

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

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

.popover-header {

	text-shadow: var(--light-ts);
	border-top: 4px solid;
	border-color: var(--light-border-po);
	border-bottom: none;
	background: var(--light-head-body-po);
}

.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%);
}

.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%);
}

.popover-body {
	color: var(--light-col-base);
	background: var(--light-body-head-po);
}

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

.portfolio-item:hover .scroll-content *:not(.ytlink):not(.ytlink i):not(.review span) {
	color: rgb(57 87 108 / 100%);
}

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

.yim-switch input+.switch-slider,
.yim-checkbox-label::before,
.yim-radio-label::before {
	-webkit-box-shadow: inset 0px 2px 7px -1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 7px -1px rgb(0 0 0 / 40%);
}

#leftSideLinks li {
	-webkit-box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.25);
}

.vspin.pf-more .vspin-inner.one {
	border-bottom: 6px solid rgb(176, 93, 48);
}

.vspin.pf-more .vspin-inner.two {
	border-right: 6px solid rgb(176, 93, 48);
}

.vspin.pf-more .vspin-inner.three {
	border-top: 6px solid rgb(176, 93, 48);
}

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

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

#yilivThumbs .slide:hover .yilivflex-thumbs-caption,
#yilivThumbs .slide.flex-active-slide .yilivflex-thumbs-caption {
	background: var(--light-bg-o25);
	box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.35);
}

#footStyles,
.navtree,
#geoLocation,
#footerlogo,

.boxed,
figure.language,
div.part,
.smlmenu input,
.title.part,
.table-display [class^='col-lg-8'],
.table-display [class^='col-lg-9'],
[class^='tbl-']>div,
div:not(.boxed)>.txtbox,
.textMatter ul:not(.smlmenu):not(.media-pl),
.textMatter ol:not(.simple),
.textMatter .nice {
	background: var(--light-bg-box);
}

.divlabel,
#footer abbr {
	color: rgb(88 85 85 / 100%);
}

label.label-muted {
	color: #999;
}

#footStyles,
#geoLocation,
#footerlogo,
#sunContainer {
	background-image: radial-gradient(farthest-corner at 42% 20%, rgba(160 160 156 / 70%) 0, rgba(90 100 110 / 90%) 50%, rgba(0 0 0 / 70%) 100%);
}

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

body.clearview #footer h4 {
	background-color: rgb(0 0 0 / 25%);
}

.news-container,
.media-pl-container,
.fstyle,
#comments-container,
#sort-comments-container {
	background: var(--light-bg-8);
}

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

.menu-container>.menu-item.current>.menu-link {
	background-color: transparent;
}

#header.full-header:not(.transparent-header) {
	border-bottom-color: transparent;
}

.transparent-header.full-header #header-wrap {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

body.clearview:not(.device-touch):not(.stretched):not(.device-lg) #content {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.portfolio-1 .portfolio-image,
.portfolio-1 .portfolio-image img {
	border: none !important;
	box-shadow: none !important;
}

.portfolio-1 .portfolio-text {
	border: none !important;
}

i.blink.lcd {
	color: rgb(60, 255, 245) !important;
}

.linetop::before,
.linebottom::after,
.popit:not(.nocolor)::after,
#readMore,
figcaption,
.question-iow p:not(:last-of-type)::after,
p.iow:not(:last-of-type)::after {
	border-color: var(--light-border);
}

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

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

	background: -webkit-linear-gradient(to bottom, rgb(120 155 160 / 100%) 40%, rgb(60 100 100 / 100%) 60%, rgb(204 107 55 / 100%) 90%);
	background: linear-gradient(to bottom, rgb(120 155 160 / 100%) 40%, rgb(60 100 100 / 100%) 60%, rgb(204 107 55 / 100%) 90%);

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

	-webkit-text-fill-color: transparent;
	text-shadow: 4px 3px 8px rgb(0 0 100 / 6%);
}

.divider i.fa-leaf {
	color: var(--color-dark-green);
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-width: 0;
	border: none;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td,
table>tbody+tbody,

[class^='tbl-'],
[class^='tbl-'] tbody tr td:not(:last-child),
[class^='tbl-'] tbody th {
	border-color: var(--light-border);
}

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

table.allborders> :not(:first-child) {
	border-top: none;
}

table.allborders>tbody>tr>th,
table.allborders>tfoot>tr>th,
table.allborders>tbody>tr>td,
table.allborders>tfoot>tr>td {
	border-top: 1px solid;
	border-color: var(--light-border);
	padding: 6px;
}

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

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

table.noborder>tbody>tr>td {
	border: none !important;
}

.bg-col-light,
[class^='tbl-'] .row.colorlight,
.table-striped table>tbody>tr:nth-of-type(even) {
	background: rgb(255, 250, 245);
	color: rgb(37, 37, 37);
}

.bg-col-dark,
[class^='tbl-'] .row.colordark,
.table-striped table>tbody>tr:nth-of-type(odd) {
	background: rgb(224, 217, 212);
	color: rgb(37, 37, 37);
}

.section-top,
.section-bottom {
	border: none;
}

body.clearview #page-title {
	border: none !important;
}

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

ul.simple,
ol.simple,
ol ul ol,
.card ol+.boxed,
.card.clean-ol ol,
.card.clean-ul ul {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
}

.table-display .row ul.simple,
.table-display .row ol.simple {
	background: none;
}

#sidenavScroller {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;

	border-bottom-width: 3px !important;
}

#sidenavScroller .inview,
#sidenavScroller .total {
	border: none !important;
}

.preloader2 {
	background-color: transparent;
}

.form-process {
	background-color: transparent;
}

/* ==========================================
	PLYR PLAYER
============================================= */

.plyrmodal.modal.audio .modal-body {
	background: none !important;
}

.plyrmodal.modal .modal-header {
	background-color: rgb(0 0 0 / 40%);
}

.plyrmodal.modal .modal-header h4 {
	color: rgb(238, 238, 238) !important;
}

.plyr-container.audio .audiospectrum .band {
	border-bottom: 1px solid rgb(60 255 235 / 90%);
}

.vspin .loading {
	background: rgb(0 0 0 / 25%);
}

.vspin-inner.one {
	border-bottom: 6px solid rgb(155 255 255 / 100%);
}

.vspin-inner.two {
	border-bottom: 6px solid rgb(255 155 255 / 100%);
}

.vspin-inner.three {
	border-bottom: 6px solid rgb(255 255 155 / 100%);
}

.vspin .dots span,
.vspin .loading {
	color: rgb(255 255 187 / 100%) !important;
}

/* ==========================================
	RESPONSIVE
============================================= */

@media (max-width: 991.98px) {

	.portfolio-1.imgitems .pf-title,
	.portfolio-1.vdoitems .pf-title {
		border: none !important;
		background-color: rgba(0, 0, 0, 0) !important;
	}

}

@media (max-width: 767.98px) {
	body.device-touch.clearview #page-title .title {
		border-bottom: none;
	}
}

@media (max-width: 414.98px) {

	.portfolio-1 .portfolio-item {
		border: 1px solid;
		border-color: var(--light-border);

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

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

}