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

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

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


/* 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.48); 
	}	
	.text-dark .title-alt,
	.title-alt.text-dark  { 
	color: rgba(0,0,0,0.31); 
	}


/* 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: rgba(255,255,255,0.28);
	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: rgba(0,0,0,0.11); 
	}

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: rgba(255,255,255,0.48);
	}
	.text-dark label, 
	.text-dark .label { 
	color: rgba(0,0,0,0.31); 
	}

label abbr { 
	color: rgba(255,255,255,0.48);
	}
	.text-dark abbr { color: rgba(0,0,0,0.31); }

select {
	color: #fff;
	border-color: rgba(255,255,255,0.28); 
	background-image:url(../assets/select-arrow-light.png);
	}
	.text-dark select { 
	color: #000;
	border-color: rgba(0,0,0,0.11); 
	background-image:url(../assets/select-arrow.png); 
	}


/* Table
---------------------------------------- */
table th {
	color: #fff;
	}
	.text-dark table th {
	color: #000;
	}
	table thead th {
	color: rgba(255,255,255,0.48);
	}
	text-dark table thead th {
	color: rgba(0,0,0,0.31);
	}

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

p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link),
.blog-content ul li a, table a {
	border-color: #fff;
	color: #fff;
	}
	p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover,
	.blog-content ul li a:hover { 
	color: rgba(255,255,255,0.48); 
	}
	.text-dark p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.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: rgba(255,255,255,0.28);
	}
	.text-dark blockquote,
	blockquote.text-dark { 
	color: #000; 
	border-color: rgba(0,0,0,0.11);
	}

blockquote cite, 
cite,
cite a {
	color: rgba(255,255,255,0.48) !important; 
	}
	.text-lioht blockquote cite {
	color: rgba(0,0,0,0.31) !important; 
	}

cite a {
	border-color: rgba(255,255,255,0.48) !important; 
	}
	.text-dark cite a {
	border-color: rgba(0,0,0,0.31) !important; 
	}
	cite a:hover {
	border-color: #fff !important; 
	}
	.text-dark cite a:hover {
	border-color: #000 !important; 
	}

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

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

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

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


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

.custom-mouse {
	background-color: #fff;
	}
	.custom-mouse.circle {
	border-color: #fff;
	}
	body.mouse-switch-dark .custom-mouse {
	background-color: #000;
	}
	body.mouse-switch-dark .custom-mouse.circle {
	border-color: #000;
	}


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


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

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

#footer .socialmedia-widget li a {
	opacity: 0.48;
}


/* Menu
---------------------------------------- */
nav#main-nav ul > li a {
	color: #fff;
	}
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav ul > li a {
	color: #000;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav ul > li a {
	color: #000;
	}

nav#main-nav.fade ul > li.hide > a {
	opacity: 0.48;
	}

nav#main-nav.underline  ul > li > a::after {
    background-color: rgba(255,255,255,0.28);
	}	
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(0,0,0,0.11);
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(0,0,0,0.11);
	}

nav#main-nav > ul > li ul.sub-menu::before {
	background: #262626;
	}	
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav > ul > li ul.sub-menu::before,
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .switch-dark nav#main-nav > ul > li ul.sub-menu::before {
	background: #262626;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav > ul > li ul.sub-menu::before,
	body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav > ul > li ul.sub-menu::before {
	background: #f7f7f7;
	}

.menu-toggle span.hamburger::after, 
.menu-toggle span.hamburger::before {
	background: #fff;
	}
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::after, 
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::before {
	background: #000;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::after, 
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::before {
	background: #000;
	}
	body #header .header-dark-forced .menu-toggle span.hamburger::after, 
	body #header .header-dark-forced .menu-toggle span.hamburger::before {
	background: #000 !important;
	}

/* language */
.menu-language {
	color: rgba(255,255,255,0.48);
	}

.menu-language a {
	color: #fff;
	}
	.menu-language:hover > a {
	opacity: 0.48;
	}
	.menu-language > a:hover {
	opacity: 1;
	}

.menu-language ul li.hide a,
.menu-language > a:hover + ul li a {
	opacity: 0.48;
	}


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

.portfolio-filter .widget-title .current {
	color: #fff;
	}
	.text-dark .portfolio-filter .widget-title .current {
	color: #000;
	}

.grid-filter li a {
	color: #fff;
	}
	.text-dark .grid-filter li a {
	color: #000;
	}

.grid-filter li.hide a {
	opacity: 0.48;
	}


/* 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.48);
	}
	.text-dark .post-date, 
	.text-dark .post-cat,
	.text-dark .post-author {
	color: rgba(0,0,0,0.31);
}

.post-cat a,
.post-author a {
	color: rgba(255,255,255,0.48);
	}
	.text-dark .post-cat a,
	text-dark .post-author a {
	color: rgba(0,0,0,0.31);
	}
	.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.48;
	}

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

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


/* SList
---------------------------------------- */
.slist .slist-item a {
	color: #fff;
	}
	.text-dark .slist .slist-item a {
	color: #000;
	}


/* Pagination
---------------------------------------- */
.pagination li a, 
.pagination li > span {
	color: rgba(255,255,255,0.48);
	}
	.text-dark .pagination li a, 
	.text-dark .pagination li > span {
	color: rgba(0,0,0,0.31);
	}
	.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.48);
	}
	.text-dark #single-pagination .pagination li a .text {
	color: rgba(0,0,0,0.31);
	}

#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.48);
	}
	.content-pagination .pages .current {
	color: #fff;
	}
	.content-pagination .pages a:hover {
	color: #fff;
	}

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


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

.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
-------------------------------------------------*/
.sr-button {
	background: #fff;
	color: #000 !important;
	}
	.text-dark .sr-button {
	background: #000;
	color: #fff !important;
	}

.sr-button.style-3 { 
	color: #fff !important; 
	border-color: rgba(255,255,255,0.28) !important; 
	}
	.text-dark .sr-button.style-3 { 
	color: #000 !important; 
	}


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


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