.@{skin_id},
.gf-skin .@{skin_id},
.gf-skin .gf-skin .@{skin_id},
.gf-skin .gf-skin .gf-skin .@{skin_id} {
	
	color: @text_color;
	background-color: @background_color;
	border-color: @border_color;
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.heading-color {
		color: @heading_color;
	}
	
	.disable-color {
		color: @disable_color;
	}
	
	.border-color {
		border-color: @border_color;
	}
	
	.top-drawer-toggle {
		border-top-color: @background_color;
		a {
			color: @text_color;
		}
	}
	.btn.btn-primary {
		&:focus,
		&:hover {
			color: @background_color !important;
			& when (lightness(@background_color) >= 50) {
				background: #000 !important;
				border-color: #000 !important;
				
			}
			& when (lightness(@background_color) < 50) {
				background-color: #fff !important;
				border-color: #fff !important;
			}
		}
		&.btn-3d {
			color: @foreground_accent_color !important;
		}
		
	}
	.btn.btn-black.btn-outline{
		color: @heading_color;
		border-color: @heading_color;
		&:hover,
		&:focus{
			border-color: @accent_color;
		}
	}
	.custom-dropdown-list,
	.main-menu.heading-color + .header-customize .customize-custom-html {
		.btn-primary {
			&:focus,
			&:hover {
				color: @accent_color !important;
			}
			
		}
	}
	
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	input:not([type]),
	.select2-selection,
	textarea,
	select {
		& when (lightness(@background_color) >= 50) {
			background-color: #f6f6f6;
			border-color: transparent;
		}
		& when (lightness(@background_color) < 50) {
			background-color: #2a2a2a;
			border-color: transparent;
		}
		.placeholder(@disable_color);
	}
	
	.gf-toggle-icon {
		> span {
			background: @text_color;
			&:after,
			&:before {
				background-color: @text_color;
			}
		}
	}
	
	ul.gf-breadcrumbs {
		color: @disable_color;
	}
	
	input[type="search"].search-field, .widget_archive select {
		& when (lightness(@background_color) < 50) {
			background-color: #282828 !important;
		}
		
		& when (lightness(@background_color) >= 50) {
			background-color: #fafafa !important;
		}
	}
	
	.widget_calendar .calendar_wrap caption {
		color: @text_color;
	}
	
	.widget_calendar #wp-calendar td.active,
	.widget_calendar .calendar_wrap caption,
	.widget_calendar #wp-calendar th {
		
		& when (lightness(@background_color) < 50) {
			background-color: #353535;
		}
		
		& when (lightness(@background_color) >= 50) {
			background-color: #f7f7f7;
		}
	}
	
	.widget_calendar .calendar_wrap caption,
	.widget_calendar #wp-calendar tbody td,
	.widget_calendar #wp-calendar th {
		border-color: @border_color;
	}
	
	.gf-no-results h2 span:after, .gf-no-results h2 span:before {
		border-color: @border_color;
	}
	
	.gf-entry-content {
		hr {
			border-color: @border_color;
		}
		
		table {
			border-color: @border_color;
		}
		td,
		th {
			border-color: @border_color;
		}
		
		thead th {
			color: @heading_color;
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			
			& when (lightness(@background_color) >= 50) {
				background-color: #f7f7f7;
			}
		}
		address {
			color: @disable_color;
		}
		
		del {
			color: @disable_color;
		}

		.wp-block-code,
		pre {
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			
			& when (lightness(@background_color) >= 50) {
				background-color: #f7f7f7;
			}
			
			color: @heading_color;
			border-color: @border_color;
		}

		blockquote:not(.gsf-blockquote-right):not(.gsf-blockquote-left):not(.is-large):not(.is-style-large) {
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			
			& when (lightness(@background_color) >= 50) {
				background-color: #fcfcfc;
			}
			
			&:before {
				color: @heading_color;
				background: @background_color;
			}
		}
		
		.wp-caption-text,
		figcaption {
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			
			& when (lightness(@background_color) >= 50) {
				background-color: #f7f7f7;
			}
			color: @disable_color;
		}
		
		.gallery-icon img {
			border-color: @border_color;
		}
		
		.page-links {
			span {
				border-color: @border_color;
				&.page-links-title {
					color: @heading_color;
					border-color: @border_color;
				}
			}
		}
		
	}
	
	.gf-post-navigation {
		> div {
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			
			& when (lightness(@background_color) >= 50) {
				background-color: #f7f7f7;
			}
			span {
				color: @disable_color;
			}
			&.post-prev {
				border-color: @background_color;
			}
		}
	}
	

	
	.gf-sidebar-toggle {
		& when (lightness(@background_color) < 50) {
			background-color: #f7f7f7;
			color: #353535;
		}
		
		& when (lightness(@background_color) >= 50) {
			background-color: #353535;
			color: #f7f7f7;
		}
	}
	
	.gf-page-title {
		& when (lightness(@background_color) < 50) {
			background-color: #353535;
		}
		
		& when (lightness(@background_color) >= 50) {
			background-color: #f7f7f7;
		}
	}
	
	&#gf-wrapper .header-sticky.affix {
		& when (lightness(@background_color) < 50) {
			.box-shadow(0 3px 7px -3px rgba(255, 255, 255, 0.1));
		}
		
		& when (lightness(@background_color) >= 50) {
			.box-shadow(0 3px 7px -3px rgba(0, 0, 0, 0.1));
		}
		
	}
	
	.mobile-header-search {
		border-color: @border_color;
		.search-form {
			.search-submit {
				color: @disable_color;
			}
		}
	}
	
	@menu_vertical_background_color_1: @background_color; // #212121
	
	& when (lightness(@background_color) < 50) {
		@menu_vertical_background_color_2: lighten(@menu_vertical_background_color_1, 5%); // #313131
		@menu_vertical_background_color_3: lighten(@menu_vertical_background_color_2, 5%); // #414141
		@menu_vertical_background_color_4: lighten(@menu_vertical_background_color_3, 5%); // #515151
		@menu_vertical_background_color_5: lighten(@menu_vertical_background_color_4, 5%); // #616161
		@menu_vertical_background_color_6: lighten(@menu_vertical_background_color_5, 5%); // #717171
		@menu_vertical_background_color_7: lighten(@menu_vertical_background_color_6, 5%); // #818181
		
		.gf-menu-vertical {
			li + li {
				border-color: @menu_vertical_background_color_2;
			}
			ul.sub-menu {
				background-color: @menu_vertical_background_color_2;
				li + li {
					border-color: @menu_vertical_background_color_3;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_1;
				}
			}
			
			ul.sub-menu ul.sub-menu {
				background-color: @menu_vertical_background_color_3;
				li + li {
					border-color: @menu_vertical_background_color_4;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_2;
				}
			}
			
			ul.sub-menu ul.sub-menu ul.sub-menu {
				background-color: @menu_vertical_background_color_4;
				li + li {
					border-color: @menu_vertical_background_color_5;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_3;
				}
			}
			
			ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
				background-color: @menu_vertical_background_color_5;
				li + li {
					border-color: @menu_vertical_background_color_6;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_4;
				}
			}
		}
	}
	
	& when (lightness(@background_color) >= 50) {
		@menu_vertical_background_color_2: darken(@menu_vertical_background_color_1, 5%); // #313131
		@menu_vertical_background_color_3: darken(@menu_vertical_background_color_2, 5%); // #414141
		@menu_vertical_background_color_4: darken(@menu_vertical_background_color_3, 5%); // #515151
		@menu_vertical_background_color_5: darken(@menu_vertical_background_color_4, 5%); // #616161
		@menu_vertical_background_color_6: darken(@menu_vertical_background_color_5, 5%); // #717171
		@menu_vertical_background_color_7: darken(@menu_vertical_background_color_6, 5%); // #818181
		
		.gf-menu-vertical {
			li + li {
				border-color: @menu_vertical_background_color_2;
			}
			ul.sub-menu {
				background-color: @menu_vertical_background_color_2;
				li + li {
					border-color: @menu_vertical_background_color_3;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_1;
				}
			}
			
			ul.sub-menu ul.sub-menu {
				background-color: @menu_vertical_background_color_3;
				li + li {
					border-color: @menu_vertical_background_color_4;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_2;
				}
			}
			
			ul.sub-menu ul.sub-menu ul.sub-menu {
				background-color: @menu_vertical_background_color_4;
				li + li {
					border-color: @menu_vertical_background_color_5;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_3;
				}
			}
			
			ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
				background-color: @menu_vertical_background_color_5;
				li + li {
					border-color: @menu_vertical_background_color_6;
				}
				&:before {
					border-top-color: @menu_vertical_background_color_4;
				}
			}
		}
	}
	
	&#gf-wrapper .header-6 {
		& when (lightness(@background_color) < 50) {
			.box-shadow(5px 0px 7px -3px rgba(255, 255, 255, 0.1));
		}
		
		& when (lightness(@background_color) >= 50) {
			.box-shadow(5px 0px 7px -3px rgba(0, 0, 0, 0.1));
		}
	}
	
	&#gf-wrapper .header-7 {
		& when (lightness(@background_color) < 50) {
			.box-shadow(-5px 0px 7px -3px rgba(255, 255, 255, 0.1));
		}
		
		& when (lightness(@background_color) >= 50) {
			.box-shadow(-5px 0px 7px -3px rgba(0, 0, 0, 0.1));
		}
	}
	
	.x-menu-list {
		li {
			border-color: @border_color;
			i {
				color: @disable_color;
			}
		}
	}
	
	&.sub-menu {
		.menu-item + .menu-item {
			border-color: @border_color;
		}
	}
	
}