/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 01:00:12 */
@import 'vars.scss';
@import 'media_queries.scss';


//Global
@mixin form_border_radius{ border-radius: 100px!important; }
@mixin page_settings{
	background-color: $evoke_white!important;
	background-image: url('/wp-content/uploads/404_bg_35.png');
}

//Search Button
$search_button_width: 130px;
@mixin search_button_settings{
	width: $search_button_width;
	background-color: $evoke_purple!important;
	color: $evoke_white!important;
	font-size: 14px!important;
	line-height: 1.0em!important;
	transition: .3s ease-out all;
	@include bold;
}
@mixin search_button_hover_settings{
	background-color: $evoke_tan!important;
	color: $evoke_purple!important;
}

//Input
@mixin input_settings{
	color: $evoke_black!important;
	background-color: $evoke_tan!important;
	border: none!important;
	font-size: 14px!important;
	letter-spacing: 1px;
}

//Title
@mixin title_settings{
	@include light;
	font-size: 18vw;
	line-height: .8em;
	margin-bottom: 30px;
	color: $evoke_tan!important;
}

//Content
$content_color: $evoke_black;

//Home Button
$home_button_width: auto;
@mixin home_button_settings{
	width: $home_button_width;
	background-color: $evoke_tan!important;
	color: $evoke_purple!important;
	font-size: 14px!important;
	line-height: 1.0em!important;
	transition: .3s ease-out all;
	@include bold;
	display: inline-block;
}
@mixin home_button_hover_settings{
	color: $evoke_tan!important;
	background-color: $evoke_purple!important;
}

//Placeholders
@mixin placeholder{
	::placeholder {color: $evoke_black!important; opacity: 1!important;	}
	:-ms-input-placeholder { color: $evoke_black!important; }
	::-ms-input-placeholder { color: $evoke_black!important; }

	::selection{
		background-color: $evoke_pink!important;
		color: $evoke_white!important;
	}
}




.search-results{
	opacity: 0;
	transition: .45s ease-out opacity;
		&.animate_page{
			opacity: 1;
		}
		header#header{
			border-bottom: none!important;
				#header_main{
					border-bottom: none!important;
				}
				.main_menu,
				.header_bg{
					display: none!important;
				}
				span.logo{
					padding: 25px 30px 25px 0px;
				}
		}
		#footer-page,
		#socket,
		#scroll-top-link{
			display: none!important;
		}

		#main{
			@include page_settings;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			min-height: 100vh;
			display: flex;
			align-items: flex-start;
			justify-content: center;
			border: none!important;
			// padding-top: 0!important;
				.main_color{
					background-color: transparent!important;
					border-top: none!important;
					width: 100%;
					margin: 0 auto;
					display: flex;
					justify-content: center;
						.entry-content-wrapper{
							text-align: center;
						}
						.entry-content{
							display: none!important;
						}
				}
				.page-heading-container{
					border-bottom: none!important;
					padding-bottom: 0;
				}
				.content{
					display: flex;
				}
				.search_inner{

				}
				.search_results_left{
					width: calc((2 / 3) * 100%);
					width: 75%;
					padding-right: 6%;
						article.post-entry{
							text-align: left;
								.entry-content-wrapper{
									text-align: left;
									padding-left: 0;
									padding-bottom: 0;
										.entry-content-header{
											display: flex;
											align-items: center;
												h2{
													color: $evoke_purple;
													padding-left: 15px;
													margin-bottom: 0;
												}
										}
								}
								.search-result-counter{
									position: relative;
									display: inline-block;
									width: 44px;
									height: 44px;
									background-color: $evoke_tan;
									font-size: 22px;
									line-height: 44px;
									@include bold;
									color: #C1B9AE;
									padding: 0;
								}
								.post-meta-infos{
									// display: none!important;
								}
						}
				}
				.search_results_right{
					width: calc((1 / 3) * 100%);
					width: 25%;
				}
		}

		aside.search-sidebar{
			background-color: $evoke_tan!important;
			padding: 30px;
				h2{
					color: $evoke_purple!important;
				}
				p, li{
					color: $evoke_black!important;
					font-size: 16px;
					line-height: 1.5em;
				}
		}

		.search_form_field{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0 auto 60px;
				.new_search_container{
					width: 100%;
				}
				.search_form_container{
					width: 100%;
				}
				form{
					width: 100%;
					margin-bottom: 20px!important;
					padding-bottom: 0!important;
						> div{
							max-width: 100%!important;
						}
						#searchsubmit{
							background-color: transparent!important;
							border-color: transparent!important;
							color: $evoke_purple;
							@include form_border_radius;
						}
						input[type="text"]{
							@include form_border_radius;
							@include input_settings;
							padding-left: 20px!important;
							line-height: 1.0em!important;
						}
				}
				.author-extra-border{
					display: none;
				}
				button{
					@include search_button_settings;
					@include form_border_radius;
					cursor: pointer;
					box-shadow: none!important;
					border: none!important;
					padding: 11px;
					transition: .3s ease-out all;
						&:hover{
							@include search_button_hover_settings;
						}
				}
		}
		a.return_home{
			@include home_button_settings;
			@include form_border_radius;
			cursor: pointer;
			box-shadow: none!important;
			border: none!important;
			padding: 15px 25px!important;
			transition: .3s ease-out all;
			min-width: 225px;
			margin: 0 auto;
				&:hover{
					@include home_button_hover_settings;
				}
		}
}


@include placeholder;

@include maxmedia($sm) {

}

@include maxmedia(500px) {
	
}