/*!
Theme Name: almaswebconsulting
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: WordPress theme for Almas Web Consulting
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: almaswebconsulting
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

almaswebconsulting is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

All styles are loaded from assets/css/main.css
*/

/* ==========================================================================
   404 Error Page Styles
   ========================================================================== */

.project-details a.btn:not(.read_more_btn) {
	padding: 0.55rem 1.5rem;
	background-color: white;
	border-radius: 100rem;
	font-weight: 600;
	cursor: pointer;
	color: #3C3C3C;
}

.web-services-section{
	padding-bottom:0px;
}

.box-nav-menu ul li.current-menu-item a:after{
	display: block;
	position: absolute;
	transition: .3s;
	transition-timing-function:
		cubic-bezier(.58, .3, .005, 1);
	transform: scale(1);
	left: 0;
	width: 100%;
	z-index: 2;
	bottom: 0;
	content: "";
	background: #F6F6F6;
	height: 1px;
}

.banner-hero{
	min-height:calc(60vh - 137px)
}

.related-posts{
	align-self: auto;
}

pre{
	background: #2d2d2d;
	padding: 20px;
}

pre code{
	color:#fff;
}

a.filter-btn{
	text-align: center;
	padding: 7px;
}

[type="submit"]:focus:not(:focus-visible){
	background: transparent;
	color:#fff;
}

.wpcf7-spinner{
	margin: 0 auto;
	left: 48%;
	top: 20px;
}

.input-field.required .wpcf7-form-control-wrap:before {
	content: "*";
	position: absolute;
	left: 0.45rem;
	top: 50%;
	transform: translateY(-50%);
	color: red;
	z-index: 1;
}

.post-item .post-button{
	z-index: 1;
}

.mt50{
	margin-top: 50px!important;
}

.wpcf7-not-valid-tip{
	margin-top: 5px!important;
}

.wpcf7-response-output{
	border:0px!important;
	color:#dc3232!important;
	margin: 0!important;
	display:none!important;
}

.banner-hero .heading-title{
	text-align: center!important;
}

.error-404 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	padding: 4rem 2rem;
	text-align: center;
}

.error-404-content {
	max-width: 800px;
	margin: 0 auto;
}

.error-404-number {
	font-size: 15rem;
	font-weight: 700;
	line-height: 1;
	color: #e0e0e0;
	margin-bottom: 2rem;
	font-family: 'Poppins', sans-serif;
}

.error-404-title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 2rem;
	letter-spacing: 0.05em;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
}

.error-404-button {
	margin-top: 3rem;
}

.error-404-button .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2.5rem;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color:#fff;
}

.error-404-button .button svg {
	vertical-align: middle;
}

/* Responsive styles for 404 page */
@media (max-width: 768px) {
	.error-404-number {
		font-size: 10rem;
	}

	.error-404-title {
		font-size: 1.4rem;
	}

	.error-404 {
		min-height: 50vh;
		padding: 3rem 1.5rem;
	}
}

@media (max-width: 480px) {
	.error-404-number {
		font-size: 7rem;
	}

	.error-404-title {
		font-size: 1.2rem;
	}

	.error-404-button .button {
		padding: 0.8rem 2rem;
		font-size: 0.9rem;
	}
}