/*
Theme Name: Blockskit Digital Agency Firm
Theme URI: https://blockskit.com/blockskit-digital-agency-firm/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Digital Agency Firm is a modern, versatile FSE WordPress theme designed for business, company, consulting, consult, agency, corporate, digital marketing, marketing, startup, finance, fintech, it solution, saas, software, tech solution, technology, and other  Agency websites—no coding required. With full-site editing, you can easily customize every aspect of your site, including headers and footers. Featuring multiple templates, patterns, and style variations, it adapts seamlessly to various aesthetics and business needs.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-digital-agency-firm
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Digital Agency Firm WordPress Theme, Copyright 2025 BlockskitDev
Blockskit Digital Agency Firm is distributed under the terms of the GNU General Public License v3
*/

/* custom css */
.wp-block-navigation .wp-block-navigation-item__label {
    text-transform: capitalize;
}


/* ========================================
Custom Contact Form 7
======================================== */

.custom-contact-form {
padding: 25px;
width: 100%;
box-sizing: border-box;
}

/* Form fields */
.custom-contact-form .custom-form-field {
margin-bottom: 30px;
}

/* Labels */
.custom-contact-form .custom-form-field label {
display: block;
font-size: 15px;
margin-bottom: 10px;
text-align: left;
}

/* Input fields */
.custom-contact-form .custom-form-input {
width: 100%;
box-sizing: border-box;
display: block;
background-color: #181818;
border: none;
border-radius: 30px;
color: #ffffff;
font-family: "Inter", sans-serif;
font-size: 15px;
padding: 25px;
text-align: left;
outline: none;

}

/* Textarea */
.custom-contact-form textarea.custom-form-input {
min-height: 150px;
resize: vertical;
border-radius: 25px;
}

/* Placeholder */
.custom-contact-form .custom-form-input::placeholder {
font-family: "Inter", sans-serif;
font-size: 15px;
color: #ffffff;
opacity: 1;
}

/* Focus */
.custom-contact-form .custom-form-input:focus {
outline: none !important;
border: none;
background-color: #181818;
}

/* Submit button wrapper */
.custom-contact-form .custom-form-submit {
text-align: left;
}

/* Submit button */
.custom-contact-form .custom-form-submit-button {
display: inline-block;


background: transparent;

font-family: "Inter", sans-serif;
font-size: 15px;

color: #66fcf1;

padding: 18px 32px;

border: 2px solid #66fcf1;
border-radius: 30px;

cursor: pointer;
transition: all 0.3s ease;


}



.custom-contact-form .wpcf7-form-control.custom-form-input {
background-color: #000000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-color: #BDBDBD;
    border-style: none;
}

/* Submit hover */
.custom-contact-form .custom-form-submit-button:hover {
background-color: #66fcf1;
color: #181818;
}

/* Submit focus */
.custom-contact-form .custom-form-submit-button:focus {
outline: none;
}

/* Contact Form 7 validation */
.custom-contact-form .wpcf7-not-valid {
border: 1px solid #ff4d4d;
}

/* Validation message */
.custom-contact-form .wpcf7-not-valid-tip {
font-size: 13px;
margin-top: 8px;
}

/* Success message */
.custom-contact-form .wpcf7-response-output {
margin: 20px 0 0;
}

/* ========================================
Tablet
======================================== */

@media only screen and (max-width: 976px) {


.custom-contact-form {
    padding: 0;
}

.custom-contact-form .custom-form-input {
    padding: 24px;
}


}

/* ========================================
Mobile
======================================== */

@media only screen and (max-width: 767px) {


.custom-contact-form {
    padding: 0;
}

.custom-contact-form .custom-form-field {
    margin-bottom: 25px;
}

.custom-contact-form .custom-form-input {
    font-size: 15px;
    padding: 20px;
}

.custom-contact-form textarea.custom-form-input {
    min-height: 130px;
}

.custom-contact-form .custom-form-submit-button {
    font-size: 15px;
    padding: 16px 28px;
}


}