/* ------------------------------------------------------------
	Night Mode - Global Variables
------------------------------------------------------------ */

:root {
	

/* Global Header */
	

	--header-border: 1px solid #2e353c !important;
	
/* Main Content */

	--main-background-color: #272e33;
	--main-background-color: #272e33 !important;
	--alternate--background-color: rgba(204,204,204,.05);
	
	--global-page-header-color: #415664;
	
/* Typography */

	--font-color-1: rgba(217, 229, 238, .8);
	--font-color-2: #ffffff;

/* Colors and Borders */

	--color-1: #1f2528;									/* Header / Footer / Socket */
	--color-2: #0067d8;									/* Default Page Header / Buttons / Etc. (previously #0067d8;) */
	--color-4: rgba(255,255,255,.05);					/* List Items / Form Fields / Radio Buttons */
	--color-5: rgba(204,204,204,.04);					/* Favorite Button */
	--color-6: #272e33;		
	--color-7: #f1f1f1;
	--color-8: rgba(204,204,204,.3);					/* Font Awesome Icons / Dashicons */
	--color-9: rgba(204,204,204,1);
	
	--border-1: 1px solid rgba(204,204,204,.2);
	--box-shadow-1: 1px -1px rgba(204, 204, 204, 0.4);

}


/* ------------------------------------------------------------
	Night Mode - Toggle Switch
------------------------------------------------------------ */

/* UI Switcher Button */

.ui-switcher .ui-switcher-label-light {
	display: inline-block;
}

.ui-switcher .ui-switcher-label-dark {
	display: none !important;
}

.wp-night-mode-on .ui-switcher .ui-switcher-label-light {
	display: none;
}

.wp-night-mode-on .ui-switcher .ui-switcher-label-dark {
	display: inline-block !important;
}

.wp-night-mode-on .gform_wrapper.gravity-theme .gfield_label {
    color: #fff !important;
}

.wp-night-mode-on input.gfield-choice-input:empty ~ label::before {
	background-color: var(--color-4);
	border: var(--border-1) !important;
}

.wp-night-mode-on input.gfield-choice-input:checked ~ label::before {
	background-color: var(--color-2) !important;
}

.wp-night-mode-on label {
    color: #ccc !important;
}

/* ------------------------------------------------------------
	Night Mode - Typography
------------------------------------------------------------ */


.wp-night-mode-on .main_color a, 
.wp-night-mode-on .main_color b a, 
.wp-night-mode-on .main_color strong a, 
.wp-night-mode-on .main_color #js_sort_items a:hover, 
.wp-night-mode-on .main_color #js_sort_items a.active_sort, 
.wp-night-mode-on .main_color .av-sort-by-term a.active_sort, 
.wp-night-mode-on .main_color .taglist a.activeFilter, 
.wp-night-mode-on .main_color #commentform .required, 
.wp-night-mode-on .av-no-color.av-icon-style-border a.av-icon-char, 
.wp-night-mode-on .main_color .blog-categories a, 
.wp-night-mode-on .main_color .blog-categories a:hover {
    color: #4ba1ff !important;
}

/* ------------------------------------------------------------
	Code - Single
------------------------------------------------------------ */

.wp-night-mode-on .entry-content p {
    color: #bdbdbd !important;
}

/* ------------------------------------------------------------
	Main Header
------------------------------------------------------------ */

.wp-night-mode-on .header_color .main_menu ul ul:before,
.wp-night-mode-on .header_color .main_menu ul ul {
	background-color:  #353d46 !important;
}

.wp-night-mode-on .av-main-nav ul a {
	border-bottom: 1px solid #63696f !important;	
}

.wp-night-mode-on #header #avia-menu .sub-menu li.menu-item:last-child;
.wp-night-mode-on .av-main-nav ul.sub-menu li a:last-chld  {
	
}

.wp-night-mode-on .av-main-nav ul.sub-menu {
	border: 1px solid #63696f !important;
}

.wp-night-mode-on .header_color .main_menu ul ul:before {
	border-top: 1px solid #63696f !important;
	border-right: 1px solid #63696f !important;
}

/* ------------------------------------------------------------
	Night Mode - Dashicons
------------------------------------------------------------ */

.wp-night-mode-on #iconlist li.dashicons {
	background: var(--alternate--background-color);
	border: var(--border-1) !important;
	color: var(--font-color-2) !important;
}

.wp-night-mode-on #iconlist li.dashicons span {
	color: var(--font-color-1) !important;	
}

/* ------------------------------------------------------------
	Night Mode - Avia Data Table
------------------------------------------------------------ */

#top.wp-night-mode-on .avia-data-table-wrap td {
	border-color: rgba(255,255,255,.2) !important;
	color: var(--font-color-1) !important;
	font-size: 1.05em;
	line-height: 1.5;
	padding: 18px 16px !important;
}

#top.wp-night-mode-on .avia-data-table-wrap tr:nth-child(2n+1) {
	background-color: rgba(255,255,255,0) !important;	
}

#top.wp-night-mode-on .avia-data-table-wrap tr:nth-child(2n) {
	background-color: rgba(255,255,255,.05) !important;
}

#top.wp-night-mode-on .avia-data-table-wrap .avia-highlight-col {
	background-color: rgba(255,255,255,.06) !important;	
	color: #fff !important;
	font-size: 1.1em;
}

#top.wp-night-mode-on .avia-data-table-wrap th.avia-highlight-col {
	background: transparent;
	border: 1px solid rgba(255,255,255,.2) !important;
}

#top.wp-night-mode-on .avia-data-table-wrap tr:first-child th, 
#top.wp-night-mode-on .avia-data-table-wrap tr:first-child td {
    border-top-style: solid;
    border-top-width: 1px;
    background: rgba(0,0,0,.2);
	border: 1px solid rgba(255,255,255,.3) !important;
	padding: 18px 16px !important;
}

/* ------------------------------------------------------------
	Night Mode - Form Elements
------------------------------------------------------------ */


#top.wp-night-mode-on .main_color .input-text, 
#top.wp-night-mode-on .main_color input[type="text"], 
#top.wp-night-mode-on .main_color input[type="input"], 
#top.wp-night-mode-on .main_color input[type="password"], 
#top.wp-night-mode-on .main_color input[type="email"], 
#top.wp-night-mode-on .main_color input[type="number"], 
#top.wp-night-mode-on .main_color input[type="url"], 
#top.wp-night-mode-on .main_color input[type="tel"], 
#top.wp-night-mode-on .main_color input[type="search"], 
#top.wp-night-mode-on .main_color textarea, 
#top.wp-night-mode-on .main_color select {
	border: var(--border-1) !important;
}

body.wp-night-mode-on, 
.wp-night-mode-on #scroll-top-link, 
.wp-night-mode-on #av-cookie-consent-badge {
	background: var(--color-6) !important;
}

.wp-night-mode-on #main,
.wp-night-mode-on .alternate_color,
.wp-night-mode-on .container_wrap,
.wp-night-mode-on div.code-toolbar > .toolbar { /* This is the main Body color for dark mode */
	background: var(--main-background-color);
}

.wp-night-mode-on #header_main { /* This is the main Header color for dark mode */
	background: var(--color-1);
	border-bottom: var(--header-border);	
}

.wp-night-mode-on .entry-content-header h1.post-title.entry-title, 
.wp-night-mode-on .entry-content-header h1.post-title.entry-title a,
.wp-night-mode-on h1.main-title.entry-title, 
.wp-night-mode-on h1.main-title.entry-title a {
	color: var(--font-color-2) !important;
	color: #f1f1f1 !important;
}

.wp-night-mode-on #footer,
.wp-night-mode-on #socket { /* This is the main Footer color for dark mode */
	background: var(--color-1);
}

.wp-night-mode-on #footer {
	border-top: none !important;	
	border-bottom: 1px solid var(--color-6) !important;
}

.wp-night-mode-on #pre-footer .breadcrumb-trail span, .bbp-breadcrumb-current a {
    color: #bdbdbd !important;
}

.wp-night-mode-on #socket {
	border: none !important;

}

.wp-night-mode-on #socket .container_wrap {
	border-top: 1px solid rgba(78,96,108,.6) !important;		
}

.wp-night-mode-on .main_color {
	border-top: none !important;
}

.wpnm-button .wpnm-slider.round {
    border-radius: 5px!important!
}

.wpnm-button.style-1 .wpnm-slider.round::before {
    border-radius: 5px !important!
}

.wp-night-mode-on #pre-footer.container_wrap {
	border-top: 1px solid rgba(78,96,108,.6) !important!
    background-color: red !important!
}

.wp-night-mode-on h1,
.wp-night-mode-on h2,
.wp-night-mode-on h3, 
.wp-night-mode-on h4,
.wp-night-mode-on h5,
.wp-night-mode-on b,
.wp-night-mode-on strong,
.wp-night-mode-on .favorites-code-entry a, 
.wp-night-mode-on a.code-entry, 
.wp-night-mode-on .code-entry {
    color: var(--color-7) !important;
}

.wp-night-mode-on .sidebar h3, 
.wp-night-mode-on .sidebar h4 {
    color: var(--color-7);
	border-bottom: 1px solid rgba(78,96,108,.6) !important;
}



.wp-night-mode-on .content {
    color: var(--font-color-1);
}

.wp-night-mode-on .sidebar .widget_nav_menu a {
	color: #98a7b3 !important;
}

.wp-night-mode-on .sidebar .widget_nav_menu ul:first-child > .current-menu-item > a, 
.wp-night-mode-on .sidebar .widget_nav_menu ul:first-child > .current_page_item > a {
    color: var(--font-color-2) !important;
}

.wp-night-mode-on button.simplefavorite-button {
    background-color: var(--color-5) !important;	
	border-left: none !important;
	border-right: var(--border-1) !important;
}

.wp-night-mode-on .favorites-code-entry p::before {
    background-color: rgba(78,96,108,.2) !important;	
	border: 1px solid rgba(78,96,108,.6) !important;
	border-left: 8px solid rgba(78,96,108,1) !important;
}

.wp-night-mode-on .code-entry-inner {
	border-left: 8px solid var(--color-8) !important;
}


.wp-night-mode-on .simplefavorite-button .sf-icon-star-full {
    color: rgba(78,96,108,1) !important; 
	opacity: 1 !important;
}

.wp-night-mode-on .simplefavorite-button.active .sf-icon-star-full {
    color: #ffb14d !important;  
	opacity: 1 !important;
}

.wp-night-mode-on .simplefavorite-button.active {
    opacity: 1;
}

.simplefavorite-button.active > .code-entry-inner,
button.simplefavorite-button.active > .code-entry-inner,
button.simplefavorite-button.active > a.code-entry, 
button.simplefavorite-button.active > .code-entry,
.simplefavorite-button.active > a.code-entry, 
.simplefavorite-button.active > .code-entry { /* Try to Change outer bar color if favorite is selected */
    border-left: 8px solid rgba(255,177,77,1) !important;
    border-color: rgba(255,177,77,1) !important;
    border-color: #ff8f00 !important;
}

.wp-night-mode-on .favorites-code-entry a, 
.wp-night-mode-on a.code-entry,
.wp-night-mode-on .code-entry {
    border: var(border-1);
    background-color: var(background-1);
   	border-left: 1px solid rgba(78,96,108,.8) !important;
}

.wp-night-mode-on .code-languages-taxonomy,
.wp-night-mode-on .code-categories-taxonomy {
	background: rgba(78,96,108,.6);
	color: var(--color-7);
}

.wp-night-mode-on .code-groups-taxonomy {
	background: var(--color-2);
}

.wp-night-mode-on input.search-filter-reset {
	background: var(--color-2) !important;
}

.wp-night-mode-on input.sf-input-checkbox:empty ~ label::before {
    background-color: var(--color-4);
    border: var(--border-1) !important;
}

.wp-night-mode-on input.sf-input-checkbox:checked ~ label::before {
	background-color: var(--color-2);
}

.wp-night-mode-on input.sf-input-checkbox:empty ~ label::after {
	background: var(--color-7);
}

.wp-night-mode-on input.sf-input-checkbox:checked ~ label::after {
	background: #fff;
}

.wp-night-mode-on .main_color select {
	border: 1px solid rgba(78,96,108,.6) !important;
    background-color: rgba(78,96,108,.6) !important;
	color: var(--color-7) !important;
}
.wp-night-mode-on input.sf-input-checkbox:empty ~ label {
	color: #bdbdbd !important;
}

.main_color select.sf-input-select {
	border: 0px solid rgba(78,96,108,.6) !important;
}

.wp-night-mode-on .title_container {
	background: var(--color-4) !important;
    border-top: 0px solid #e8ebee !important;
    border-bottom: 0px solid #e8ebee !important;
}

.wp-night-mode-on #pre-footer {
    background-color: var(--color-4);
	border-top: var(--border-1);
	border-bottom: var(--border-1);
}

.wp-night-mode-on #pre-footer .breadcrumb-trail a::after {
	box-shadow: var(--box-shadow-1);
}

.wp-night-mode-on .quicktags-toolbar,
.wp-night-mode-on textarea {
	background: #0d141a !important;
	border-color: var(--color-6) !important;
}

/* Pagination */

.wp-night-mode-on .pagination .pagination-meta {
    color: #bdbdbd !important;
}

.wp-night-mode-on .main_color .pagination a:hover,
.wp-night-mode-on .pagination a:hover {
	color: var(--font-color-2) !important;
	background-color: rgba(78,96,108,.6) !important;
	border: 1px solid rgba(78,96,108,.3) !important;
}

.wp-night-mode-on .pagination .current, 
.wp-night-mode-on .pagination a, 
.wp-night-mode-on .fullsize .template-blog .pagination a {
	font-weight: 500;
	color: var(--font-color-2) !important;
	background: var(--color-4) !important;
	border: 1px solid var(--color-8) !important;
}

.wp-night-mode-on .pagination .current {
	background: var(--color-8) !important;
}

.wp-night-mode-on .main_color .pagination a:hover  {
	background: var(--color-8) !important;
	border: 1px solid var(--color-8) !important;
}

/* Shortcodes */

.wp-night-mode-on p .code, 
.wp-night-mode-on p code {
	background: rgba(78,96,108,.6);
	color: #acb3b9;
}


/* Syntax Highlighter */

.wp-night-mode-on :not(pre) > code[class*="language-"], 
.wp-night-mode-on pre[class*="language-"] {
	background: var(--color-1) !important;
}

.wp-night-mode-on div.code-toolbar > .toolbar {
	width: 99.8%;
	margin: 1px 1px 0px 1px;
	margin: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: rgba(0,0,0,.2) !important;
}

.wp-night-mode-on div.code-toolbar > .toolbar button,
.wp-night-mode-on div.code-toolbar > .toolbar span {
	box-shadow: none;
/*	background-color: rgba(78,96,108,.6); */
}

/* ---- Border Radius Generator ---- */

.wp-night-mode-on #border-radius-container #surface {
	border-color: rgba(78,96,108,.6) !important;
	background-color: rgba(78,96,108,.2) !important;
}
.wp-night-mode-on #border-radius-container .code-wrap {
    background: #142028 !important;
    border: 1px solid #142028 !important;
}

.wp-night-mode-on #border-radius-container .input_wrapper input {
	background: #142028 !important;
    border: 1px solid #142028 !important;
}

/* ---- Dark Mode UI Interface / Dark Mode Toggle ---- */

.wpnm-slider.round {
	background-color: rgba(0,0,0,.3) !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1.8px solid rgba(78,96,108,.6);
}

.wpnm-button.style-1.active .wpnm-slider {
	background-color: #0068d8 !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border-color: #12181e;
}


.wpnm-button.style-1 .wpnm-slider.round::before {
    -webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

.wpnm-button.style-1 .wpnm-slider::before {
    height: 13px;
    width: 13px;
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) !important;
}

/* ---- Dark Mode UI Interface / Login Page ---- */

.page-id-407.wp-night-mode-on .content,
.wp-night-mode-on .profile-card-active,
.wp-night-mode-on .clear-favorites-outer {
    border: 1px solid rgba(78,96,108,.6) !important;
    background-color: rgba(78,96,108,.2) !important;
    color: #98a7b3 !important;
}

.page-id-407.wp-night-mode-on .content a,
.wp-night-mode-on .profile-card-active a,
.wp-night-mode-on .clear-favorites-outer a {
    color: #1f8aff !important;
}


.wp-night-mode-on .main_color .input-text, 
.wp-night-mode-on .main_color input[type="text"], 
.wp-night-mode-on .main_color input[type="input"], 
.wp-night-mode-on .main_color input[type="password"], 
.wp-night-mode-on .main_color input[type="email"], 
.wp-night-mode-on .main_color input[type="number"], 
.wp-night-mode-on .main_color input[type="url"], 
.wp-night-mode-on .main_color input[type="tel"], 
.wp-night-mode-on .main_color input[type="search"], 
.wp-night-mode-on .main_color textarea, 
.wp-night-mode-on .main_color select {
    color: var(--color-7) !important;
    border: 1px solid rgba(78,96,108,.6) !important;
    background-color: rgba(78,96,108,.2) !important;
}

/* ---- Dark Mode UI Interface / Comment Form ---- */

.wp-night-mode-on div.mce-toolbar-grp > div {
    border: 1px solid #142028 !important;
    background-color: #142028 !important;
}

.wp-night-mode-on .mce-container, 
.wp-night-mode-on .mce-container *, 
.wp-night-mode-on .mce-widget, 
.wp-night-mode-on .mce-widget *, 
.wp-night-mode-on .mce-reset {
    background-color: #142028 !important;
	border-color: #142028 !important;
}

.wp-night-mode-on .mce-panel .mce-btn i.mce-caret {
    border-top: 6px solid #bdbdbd !important;
}

.wp-night-mode-on .mce-txt,
.wp-night-mode-on .mce-toolbar .mce-ico{
    color: #bdbdbd !important;
}

.wp-night-mode-on .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
	border: 1px solid #bdbdbd !important;
}

.wp-night-mode-on .mce-menu-item {
    color: #bdbdbd;
}

.wp-night-mode-on .avia-section.alternate_color {
	border-top: 1px solid #3a4651 !important;
	background: #1f2633 !important;
	    border: 1px solid rgba(78,96,108,.6) !important;
    background-color: rgba(78,96,108,.2) !important;
}

}

.wp-night-mode-on .code-group {
	background-color: rgba(78,96,108,.2) !important;
	border: 1px solid rgba(78,96,108,.6) !important;
}

.wp-night-mode-on .code-group h3.av-special-heading-tag {
	margin-bottom: 14px;
}

.wp-night-mode-on .code-group p {
	color: #bdbdbd;
	font-weight: 400;
	line-height: 1.5;
}
.wp-night-mode-on #rellax-parameters {
	border: 1px solid rgba(78,96,108,.6) !important;
	background-color: rgba(78,96,108,.2) !important;
}


/* ------------------------------------------------------------
	Color Converter
------------------------------------------------------------ */

.wp-night-mode-on #color-converter label {
	color: var(--font-color-1) !important;
}

/* ------------------------------------------------------------
	General Typography / List Items
------------------------------------------------------------ */

.wp-night-mode-on p .code, 
.wp-night-mode-on p code, 
.wp-night-mode-on ul .code, 
.wp-night-mode-on ul code,
.wp-night-mode-on li .code, 
.wp-night-mode-on li code{
	color: var(--font-color-2);
	background: #3a4651;
	border: 1px solid rgba(78,96,108,.6) !important;
}

.wp-night-mode-on #rellax-parameters p .code, 
.wp-night-mode-on #rellax-parameters p code, 
.wp-night-mode-on #rellax-parameters ul .code, 
.wp-night-mode-on #rellax-parameters ul code,
.wp-night-mode-on #rellax-parameters li .code, 
.wp-night-mode-on #rellax-parameters li code{
	color: #bdbdbd;
	background-color: rgba(0,0,0,.2) !important;
	border: 1px solid rgba(78,96,108,.5) !important;
}



.wp-night-mode-on strong, 
.wp-night-mode-on b,
.wp-night-mode-on .main_color strong {
	color: var(--font-color-2) !important;
}

.wp-night-mode-on .sidebar h4,
.wp-night-mode-on .searchandfilter h4 {
	color: var(--color-7) !important;
}

.wp-night-mode-on .favorites-code-entry a, 
.wp-night-mode-on a.code-entry, 
.wp-night-mode-on .code-entry {
	background-color: var(--color-4) !important;
	border: var(--border-1) !important;
	border-left: none !important;

}



/* ------------------------------------------------------------
	WordPress Plugins
------------------------------------------------------------ */

.wp-night-mode-on .wordpress.wp-pic p, .wp-night-mode-on .wordpress.wp-pic .wp-pic-plugin-card-bottom, 
.wp-night-mode-on .wordpress.wp-pic .wp-pic-theme-card-bottom, .wp-night-mode-on .wordpress.wp-pic .wp-pic-theme-card-top, 
.wp-night-mode-on .wordpress.wp-pic .wp-pic-theme-card-top h3 .wp-pic-author {
    color: #bdbdbd;
}

.wp-night-mode-on .wordpress.wp-pic,
.wp-night-mode-on .wordpress.wp-pic > div > div.wp-pic-wordpress-content {
	background-color: rgba(0,0,0,.1) !important;
}

.wp-night-mode-on .wordpress.wp-pic {
	border: 1px solid rgba(78,96,108,.6) !important;
}

.wp-night-mode-on .wordpress.wp-pic .wp-pic-plugin-card-bottom, .wp-night-mode-on .wordpress.wp-pic .wp-pic-theme-card-bottom {
	border-top: 1px solid rgba(78,96,108,.6) !important;
    overflow: hidden;
	background-color: rgba(78,96,108,.2) !important;
}

.wp-night-mode-on .wordpress.wp-pic .wp-pic-plugin-card-bottom .wp-pic-column-compatibility span::before, 
.wp-night-mode-on .wordpress.wp-pic .wp-pic-theme-card-bottom .wp-pic-column-version span::before {
	color: var(--color-7);
}

.wp-night-mode-on div.resource-free h3:first-child::before,
.wp-night-mode-on .wordpress.wp-pic .wp-pic-plugin-card-top h3::before {
	background-color: rgba(78,96,108,.2) !important;
	color: var(--color-7) !important;
}

/* ------------------------------------------------------------
	None / Free / Premium
------------------------------------------------------------ */

.wp-night-mode-on .resource, 
.wp-night-mode-on .resource-free, 
.wp-night-mode-on .resource-premium,
.page-id-686.wp-night-mode-on .content li {
	background-color: rgba(78,96,108,.2) !important;
	border: 1px solid rgba(78,96,108,.6) !important;
	color: #bdbdbd;	
}

/* ------------------------------------------------------------
	Font Awesome Icons
------------------------------------------------------------ */

.wp-night-mode-on .fa {
	color: var(--color-7);
} 


/* ------------------------------------------------------------
	Tables
------------------------------------------------------------ */

.wp-night-mode-on table {
    background: transparent !important;
}

.wp-night-mode-on table caption, .wp-night-mode-on .main_color tr:nth-child(2n), 
.wp-night-mode-on .pricing-table > li:nth-child(2n), 
.wp-night-mode-on .avia-data-table.avia_pricing_minimal td {
    color: var(--font-color-9) !important;
}


.wp-night-mode-on tr:nth-child(2n), 
.wp-night-mode-on .avia-data-table .avia-heading-row .avia-desc-col, 
.wp-night-mode-on .avia-data-table .avia-highlight-col, 
.wp-night-mode-on .pricing-table > li:nth-child(2n), 
.wp-night-mode-on .pricing-table.avia-desc-col li, 
.wp-night-mode-on .avia-data-table.avia_pricing_minimal th {
    background-color: rgba(78,96,108,.1);
    color: var(--color-6) !important;
}


@media only screen and (max-width: 767px) {
    .html-scrolled .av-submenu-container {
        position: fixed !important;
        top: 61px !important;
     }

}