@charset "UTF-8";
/*
Theme Name: BitCode2
Theme URI:
Author: Anatoly
Author URI:
Description: Wonder is the new block-based, multi-purpose, WordPress theme by YITH. Compose your pages to fit any design you like with the power of Full Site Editing (FSE) and the included wide range of Block Patterns. The pre-built pages will help you populate and transform your website into a wonderful website. Customize colors and font pairings to create your own unique look and feel. Check out the demo site at https://wonder.yithemes.com/
Tags: blog, e-commerce, portfolio, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, block-patterns, wide-blocks, full-site-editing, template-editing
Version: 1.0.1
Requires at least: 5.8
Tested up to: 6.1
Requires PHP: 7.0
Text Domain: bitcode
*/

/* local google fonts */
@font-face {
	font-family: 'OpenSans-Regular';
	src: url('/assets/fonts/OpenSans-Regular.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Bold';
	src: url('/assets/fonts/OpenSans-Bold.ttf') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Italic';
	src: url('/assets/fonts/OpenSans-Italic.ttf') format('woff');
	font-weight: normal;
	font-style: italic;
}
/* END local google fonts */

body.rtl{
	direction: rtl;
}

.rtl form{
	direction: rtl;
}

html{
	scroll-behavior: smooth;
}

@media screen and (max-width: 1024px){
	#main-nav{
		display:none;
	}
	#main-nav.translate-x-0{
		display: block;
		position: absolute;
		top: 100%;
		height: 100vh;
		width: 80%;
	}
}

/* Contact Form 7 Styling */
.wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 1rem;
}

.wpcf7-form p {
	margin-bottom: 0;
	width: 100%;
}

.wpcf7-form label {
	display: block;
	font-size: 1.125rem; /* text-lg */
	font-weight: 500;
	color: #f1f5f9; /* text-text-primary */
	margin-bottom: 0.5rem;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
	width: 100%;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	border-radius: 0.5rem;
	border: 1px solid #64748b; /* border-text-muted */
	background-color: #1e293b; /* bg-card */
	color: #f1f5f9; /* text-text-primary */
	transition: border-color 0.3s ease;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
	outline: none;
	border-color: #10b981; /* accent */
}

.wpcf7-form textarea {
	min-height: 150px;
	resize: vertical;
}

.wpcf7-form input[type="submit"] {
	padding: 0.75rem 1.5rem;
	font-size: 1.125rem; /* text-lg */
	font-weight: 600;
	color: #111827; /* primary */
	background-color: #10b981; /* accent */
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.wpcf7-form input[type="submit"]:hover {
	background-color: #0b875b; /* darker accent */
	transform: translateY(-2px);
}

.wpcf7-response-output {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	font-weight: 500;
}

.wpcf7-validation-errors {
	border: 2px solid #ef4444; /* danger */
	color: #ef4444; /* danger */
	background-color: #fef2f2; /* bg-red-50 */
}

.wpcf7-mail-sent-ok {
	border: 2px solid #10b981; /* accent */
	color: #10b981; /* accent */
	background-color: #f0fdf4; /* bg-green-50 */
}

/* Responsive Adjustments */
@media (min-width: 768px) {
	.wpcf7-form {
		grid-template-columns: 1fr 1fr;
	}
	.wpcf7-form p:last-child {
		grid-column: 1 / span 2;
	}
}