/*-----------------------------------------------------------------------------------

		DARK THEME STYLE
	
----------------------------------------------------------------------------------- */

/* General
---------------------------------------- */
body { 
	color: rgba(255,255,255,0.86); 
	background: #000000; 
	}
	.text-dark { 
	color: rgba(0,0,0,0.81); 
	}


/* Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	color: #fff; 
	}
	.text-dark h1:not(.colored), .text-dark h2:not(.colored), .text-dark h3:not(.colored), .text-dark h4:not(.colored), .text-dark h5:not(.colored), .text-dark h6:not(.colored), h1.text-dark:not(.colored), h2.text-dark:not(.colored), h3.text-dark:not(.colored), h4.text-dark:not(.colored), h5.text-dark:not(.colored), h6.text-dark:not(.colored) {
	color: #000; 
	}

.title-alt { 
	color: rgba(255,255,255,0.61); 
	}	
	.text-dark .title-alt,
	.title-alt.text-dark  { 
	color: rgba(0,0,0,0.41); 
	}


/* Forms
---------------------------------------- */
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="search"], 
textarea {
	border-color: #fff;
	color: #fff;
	}
	.text-dark:not(.transparent) input[type="text"], 
	.text-dark:not(.transparent) input[type="password"], 
	.text-dark:not(.transparent) input[type="email"], 
	.text-dark:not(.transparent) input[type="number"], 
	.text-dark:not(.transparent) input[type="tel"], 
	.text-dark:not(.transparent) input[type="date"], 
	.text-dark:not(.transparent) input[type="search"], 
	.text-dark:not(.transparent) textarea { 
	color: #000; 
	border-color: #000); 
	}

input[type="submit"], 
.button, 
button {
	background: #fff;
	color: #000;
	}
	.text-dark input[type="submit"], 
	.text-dark .button, 
	.text-dark button { 
	background: #000; 
	color: #fff; 
	}

input[type="submit"]:hover, 
.button:hover, 
button:not(.sr-button):hover { 
	background: rgba(255,255,255,0.69); color: #000;  
	}
	.text-dark input[type="submit"]:hover, 
	.text-dark .button:hover, 
	.text-dark button:hover { 
	background: rgba(0,0,0,0.61); 
	color: #fff;  
	}

label, 
.label {
	color: #fff;
	}
	.text-dark label, 
	.text-dark .label { 
	color: #000; 
	}

label abbr { 
	color: #fff;
	}
	.text-dark abbr { color: #000; }

select {
	color: #fff;
	border-color: #fff; 
	background-image: url(../assets/select-arrow-light.svg);
	}
	.text-dark select { 
	color: #000;
	border-color: #000; 
	background-image: url(../assets/select-arrow.svg); 
	}


/* Table
---------------------------------------- */
table th {
	color: #fff;
	}
	.text-dark table th {
	color: #000;
	}

table td, 
table th { 
	border-color: rgba(255,255,255,0.28);
	}
	.text-dark table td,
	.text-dark table th { 
	border-color: rgba(0,0,0,0.11);
	}


/* Links
---------------------------------------- */
a {
	color: #fff;
	}
	a:hover { 
	color: rgba(255,255,255,0.61); 
	}
	.text-dark a, 
	a.text-dark, 
	.text-dark a.text-dark  { 
	color: #000; 
	}
	.text-dark a:hover, 
	a.text-dark:hover, 
	.text-dark a.text-dark:hover  { 
	color: rgba(0,0,0,0.41); 
	}

p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link), .blog-content ul li a {
	border-color: #fff;
	color: #fff;
	}
	p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link):hover, .blog-content ul li a:hover { 
	color: rgba(255,255,255,0.61); 
	}
	.text-dark p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link) { 
	border-color: #000; 
	color: #000; 
	}


/* Links
---------------------------------------- */
ul.biglist li, 
ol.biglist li, 
ul.nolist li, 
ol.nolist li {
	color: #fff;
	}
	.text-dark ul.biglist li, 
	.text-dark ol.biglist li, 
	.text-dark ul.nolist li, 
	.text-dark ol.nolist li { 
	color: #000;
	}


/* Others
---------------------------------------- */
blockquote {
	color: #fff;
	border-color: #fff;
	}
	.text-dark blockquote,
	blockquote.text-dark { 
	color: #000; 
	border-color: #000;
	}

blockquote cite, 
cite,
cite a {
	color: #fff !important; 
	}
	.text-lioht blockquote cite {
	color: #000 !important; 
	}

cite a {
	border-color: #fff !important; 
	}
	.text-dark cite a {
	border-color: #000 !important; 
	}

pre {
	border-color: rgba(255,255,255,0.28);
	}
	.text-dark pre { 
	border-color: rgba(0,0,0,0.16); 
	}

code, 
kbd, 
tt {
	color: rgba(255,255,255,0.61);
	}
	.text-dark code, 
	.text-dark kbd, 
	.text-dark tt {
	color: rgba(0,0,0,0.41);
	}

mark {
	background: #fff;
	color: #000;
	}
	.text-dark mark { 
	background: #000; 
	color: #fff; 
	}

address {
	border-color: rgba(255,255,255,0.28);
	}
	.text-dark address:first-child {
	border-color: rgba(0,0,0,0.16);
	}

hr {
	border-color: rgba(255,255,255,0.28);
	}
	.text-dark hr {
	border-color: rgba(0,0,0,0.16);
	}


/* General Elements
---------------------------------------- */
.sr-loader-icon::after,
.wcapf-before-update::after {
	background: #fff;
	border-radius: 100%; 
	}
	.text-dark .sr-loader-icon::after,
	.text-dark .wcapf-before-update::after {
	background: #000;
	}

#page-loader .loader-text {
	color: #fff;
}


/* Logo
---------------------------------------- */
header .header-logo .dark-logo {
	opacity: 0;
	visibility: hidden;
	}
header .header-logo .dark-logo ~ .light-logo {
	opacity: 1;
	visibility: visible;
	}


/* Header
---------------------------------------- */
.menu-is-open #header:not(.header-bg-show-start)::after,
body.scrolled #header:not(.header-bg-show-start)::after {
	background: #000;
	}



/* Language Switcher
---------------------------------------- */
.menu-language a {
	border-color: #fff;
    color: #fff;
	}
	
.menu-language .lang-select {
	border-color: #fff;
    background: #000;
	}

.menu-language .lang-select li a:hover {
	background-color: #fff;
	color: #000;
	}




/* Footer
---------------------------------------- */
.copyright {
	color: rgba(255,255,255,0.61);
	}

.copyright a {
	color: rgba(255,255,255,0.61) !important;
	border-color: rgba(255,255,255,0.28) !important;
	}
	.copyright a:hover {
	color: #fff !important;
}

.scroll-top {
	color: #fff !important;
	}

.scroll-top .icon span svg {
	fill: #fff;
	}


/* Menu
---------------------------------------- */
nav.header-nav ul > li a {
    color: #fff;
	}
nav.header-nav.hover-underline ul > li::after,
nav.header-nav.hover-linethrough ul > li::after {	
    background-color: #fff;
	}

.header-toggle .text span {
	color: #fff;
	}

.header-toggle .hamburger::after, .header-toggle .hamburger::before {
	background: #fff;
}

nav.header-nav > ul > li ul.sub-menu::before {
	background: #fff;
	}

nav.header-nav > ul > li ul.sub-menu > li > a {
	color: #000;
	}
	nav.header-nav > ul > li ul.sub-menu > li > a:hover {
	color: rgba(0,0,0,0.41);
	}

#mobile-menu nav.header-nav > ul > li .sub-menu > li a {
    color: #fff;
}
	


/* SR POPUP
---------------------------------------- */
.sr-popup-full {
    background: #000;
}

.sr-popup-full .popup-inner {
    background: #000;
}




/* Portfolio
---------------------------------------- */
.portfolio-info .portfolio-category {
	color: rgba(255,255,255,0.61);
	}
	.text-dark .portfolio-info .portfolio-category {
	color: rgba(0,0,0,0.41);
	}

#single-share.is-fixed::before,
.sr-grid-filter.is-fixed::before {
	background: #000;
	}



/* Blog
---------------------------------------- */
.post-item.sticky .post-content {
	background: rgba(255,255,255,0.11);
	}

.post-item.search-item .post-content {
	border-color: rgba(255,255,255,0.28);
	}

.post-date, 
.post-cat,
.post-author {
	color: rgba(255,255,255,0.61);
	}
	.text-dark .post-date, 
	.text-dark .post-cat,
	.text-dark .post-author {
	color: rgba(0,0,0,0.41);
}

.post-cat a,
.post-author a {
	color: rgba(255,255,255,0.61);
	}
	.text-dark .post-cat a,
	text-dark .post-author a {
	color: rgba(0,0,0,0.41);
	}
	.post-cat a:hover,
	.post-author a:hover {
	color: #fff;
	}
	.text-dark .post-cat a:hover,
	.text-dark .post-author a:hover {
	color: #000;
}

.post-date::after, 
.post-cat::after, 
.post-author::after  {
	background-color: rgba(255,255,255,0.28);
	}
	.text-dark .post-date::after, 
	.text-dark .post-cat::after, 
	.text-dark .post-author::after  {
	background-color: rgba(0,0,0,0.11);
	}

.slist.blog-list.hover-hide .slist-item.hide {
	opacity: 0.61;
	}

.meta-tags a {
	background: #262626;
	}
	.text-dark .meta-tags a {
	background: #f7f7f7;
}

.comments .comment-list .pingback { 
	color: rgba(255,255,255,0.61);
	}
.comments .time {
	color: rgba(255,255,255,0.4);
	}
	.text-dark .comments .time { 
	color: rgba(0,0,0,0.41); 
	}


/* Pagination
---------------------------------------- */
.pagination li a, 
.pagination li > span {
	color: rgba(255,255,255,0.61);
	}
	.text-dark .pagination li a, 
	.text-dark .pagination li > span {
	color: rgba(0,0,0,0.41);
	}
	.pagination li a:hover,
	.pagination li span.current {
	color: #fff;
	}
	.text-dark .pagination li a:hover,
	.text-dark .pagination li span.current {
	color: #000;
	}

#single-pagination.blog-pagination {
	border-color: rgba(255,255,255,0.28);
	}
	.text-dark #single-pagination.blog-pagination {
	border-color: rgba(0,0,0,0.11);	
	}

#single-pagination .pagination li a .text {
	color: rgba(255,255,255,0.61);
	}
	.text-dark #single-pagination .pagination li a .text {
	color: rgba(0,0,0,0.41);
	}

#single-pagination .pagination li .post-title {
	color: #fff;
	}
	.text-dark #single-pagination .pagination li .post-title {
	color: #000;
	}

.content-pagination .pages,
.content-pagination .pages a {
	color: rgba(255,255,255,0.61);
	}
	.content-pagination .pages .current {
	color: #fff;
	}
	.content-pagination .pages a:hover {
	color: #fff;
	}

#comment-pagination a {
	border-color: #fff;
	}



/* Share
---------------------------------------- */
#single-share .share-title,
.sr-grid-filter .filter-title {
	border: 1px solid #fff;
	background: #fff;
	}

#single-share .share-title > a,
.sr-grid-filter .filter-title > a {
	color: #000;
	}

.sr-grid-filter .grid-filter li a {
	color: #fff;
	}
	.sr-grid-filter .grid-filter li a:hover,
	.sr-grid-filter .grid-filter li.active a {
	color: rgba(255,255,255,0.61);
	}

#single-share .share-title .icon svg,
.sr-grid-filter .filter-title .icon svg {
	fill: #000;
	}


/* Plugins
---------------------------------------- */
.load-grid .load-message {
	color: rgba(255,255,255,0.4);
	}
	.text-dark .load-grid .load-message {
	color: rgba(0,0,0,0.41);
	}

.lazy-wrapper {
	background: rgba(255,255,255,0.11);								
	}
	.text-dark .lazy-wrapper {
	background: rgba(0,0,0,0.04);			
	}

.flickity-carousel .flickity-page-dots li.dot::after {
  	background: #fff;
	}
	.text-dark .flickity-carousel .flickity-page-dots li.dot::after {
  	background: #000;
	}


/*	Buttons
-------------------------------------------------*/

/* default appearance + style */
.sr-button {
	background: #fff;
	color: #000;
	}
	.text-dark .sr-button {
	background: #000;
	color: #fff;
	}
	.sr-button:hover {
	background: rgba(255,255,255,0.8);
	color: #000;
	}	
	.text-dark .sr-button:hover {
	background: rgba(0,0,0,0.7);
	color: #fff;
	}
.sr-button.style-light {
	background: rgba(255,255,255,0.24);
	color: #fff;
	}
	.text-dark .sr-button.style-light {
	background: rgba(0,0,0,0.06);
	color: #000;
	}
	.sr-button.style-light:hover {
	background: rgba(255,255,255,0.34);
	color: #fff;
	}
	.text-dark .sr-button.style-light:hover {
	background: rgba(0,0,0,0.10);
	color: #000;
	}

/* bordered appearance + style */
.sr-button.bordered {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	}
	.text-dark .sr-button.bordered {
	border-color: #000;
	color: #000;
	}
	.sr-button.bordered:hover {
	background: #fff;
	color: #000;
	}
	.text-dark .sr-button.bordered:hover {
	background: #000;
	color: #fff;
	}
.sr-button.bordered.style-light {
	border-color: rgba(255,255,255,0.28);
	color: #fff;
	}
	.text-dark .sr-button.bordered.style-light {
	border-color: rgba(0,0,0,0.16);
	color: #000;
	}
	.sr-button.bordered.style-light:hover {
	background: #fff;
	color: #000;
	}
	.text-dark .sr-button.bordered.style-light:hover {
	background: #000;
	color: #fff;
	}

/* underline */
.sr-button.underline { 
	color: #fff !important; 
	}
	.text-dark .sr-button.underline { 
	color: #000 !important; 
	}
	.sr-button.underline:hover  {  
	color: rgba(255,255,255,0.61) !important;  
	}
	.text-dark .sr-button.underline:hover  {  
	color: rgba(0,0,0,0.41) !important;  
	}
.sr-button.underline::after { 
	background: #fff;
	}
	.text-dark .sr-button.underline::after { 
	background: #000; 
	}
.sr-button.underline.style-light::after { 
	background: rgba(255,255,255,0.28);
	}
	.text-dark .sr-button.underline.style-light::after { 
	background: rgba(0,0,0,0.16);
	}

/* icon */
.sr-button .icon svg {
	fill: #000;
	}
	.text-dark .sr-button .icon svg {
	fill: #fff;
	}
.sr-button.style-light .icon svg {
	fill: #fff;
	}
	.text-dark .sr-button.style-light .icon svg {
	fill: #000;
	}
.sr-button.bordered .icon svg {
	fill: #fff;
	}
	.text-dark .sr-button.bordered .icon svg {
	fill: #000;
	}
	.sr-button.bordered:hover .icon svg {
	fill: #000;
	}
	.text-dark .sr-button.bordered:hover .icon svg {
	fill: #fff;
	}
.sr-button.style-light.bordered .icon svg {
	fill: #fff;
	}
	.text-dark .sr-button.style-light.bordered .icon svg {
	fill: #000;
	}
	.sr-button.style-light.bordered:hover .icon svg {
	fill: #000;
	}
	.text-dark .sr-button.style-light.bordered:hover .icon svg {
	fill: #fff;
	}
.sr-button.underline .icon svg {
	fill: #fff;
	}
	.text-dark .sr-button.underline .icon svg {
	fill: #000;
	}


/*	toggle
-------------------------------------------------*/	
.accordion .toggle-item {
	border-color: rgba(255,255,255,0.28);
	}
	.text-dark .accordion .toggle-item {
	border-color: rgba(0,0,0,0.11);
	}

.toggle-item .toggle-title .plus svg path,
.toggle-item .toggle-title .minus svg path {
	fill: #fff;
	}
	.text-dark .toggle-item .toggle-title .plus svg path,
	.text-dark .toggle-item .toggle-title .minus svg path {
	fill: #000;
	}



/* Widget Title
-------------------------------- */	
.widget-title {
	color: rgba(255,255,255,0.61);
	}


/* Widget Colors
-------------------------------- */	
.widget ul:not(.socialmedia-widget) li a {
	color: #fff; 
	}
	.widget ul:not(.socialmedia-widget) li a:hover { 
	color: rgba(255,255,255,0.61);
	}
	.text-dark .widget ul:not(.socialmedia-widget) li a { 
	color: #000;
	}
	.text-dark .widget ul:not(.socialmedia-widget) li a:hover { 
	color: rgba(0,0,0,0.41); 
	}


/* Social Media Widget
-------------------------------- */	
.socialmedia-widget li a {
	color: #fff;
	}
	.text-dark:not(.transparent) .socialmedia-widget li a { 
	color: #000; 
	}


/* Rss Widget + Recent Comments
-------------------------------- */
.widget.widget_rss ul li .rss-date {
	color: rgba(255,255,255,0.61);
	}
	.text-dark .widget.widget_rss ul li .rss-date {
	color: rgba(0,0,0,0.41);
	}

.widget.widget_rss ul li .rssSummary,
.widget.widget_recent_comments ul li {
	color: rgba(255,255,255,0.61); 
	}	
	.text-dark .widget.widget_rss ul li .rssSummary,
	.text-dark .widget.widget_recent_comments ul li {
	color: rgba(0,0,0,0.41); 
	}

.widget.widget_rss ul li .rsswidget {
   	color: #fff !important;
	}
	.text-dark .widget.widget_rss ul li .rsswidget{
   	color: #000 !important;
}

.widget_recent_comments .comment-author-link a  {
   	color: rgba(255,255,255,0.61) !important;
	}
	.text-dark .widget_recent_comments .comment-author-link a  {
   	color: rgba(0,0,0,0.41) !important;
}



/* Custom Mouse
---------------------------------------- */
.custom-mouse {
	background: #fff;
	}
	.custom-mouse.circle,
	.custom-mouse.circle-big {
	border-color: #fff;
	box-sizing:border-box;
	}

.custom-mouse .dragging svg,
.custom-mouse .more svg,
.custom-mouse .play svg {
	fill: #000;
	}