/*
Theme Name:   ThirdScope
Theme URI:    https://example.com/
Author:       Your Name
Author URI:   https://example.com/
Description:  A minimal starter block theme (Full Site Editing) with a header, footer, and templates for posts, pages, archives, and 404. Use theme.json to control global styles and the Site Editor to customize templates visually.
Version:      1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  thirdscope

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/
.page-template-fullwidth-transparent-header header.wp-block-template-part {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}
header nav li a {
    font-size: 1rem !important;
    font-weight: 100;
    letter-spacing: 1px;
}

header nav li {
    padding: 0 10px!important;
}
main#wp--skip-link--target {
    padding: 0 !important;
}

.wp-block-site-logo.is-default-size img{
    min-width: 200px;
}
.wp-block-navigation__submenu-container{
        background-color: #4c4040!important;
}
.wp-block-navigation__submenu-container a:hover{
    color: #000000!important;
}
body.wp-theme-thirdscope.has-menu-overlay .ntt-text-header,
body.wp-theme-thirdscope.has-menu-overlay .wp-block-navigation .wp-block-navigation__submenu-icon{
    font-weight: 100;
    color: #ffffff!important;
}
.ntt-text-header {
    font-weight: 100;
    color: #141212!important;
}
body.wp-theme-thirdscope.has-menu-overlay .cta-lets-talk{
    color: #fff;
}
.cta-lets-talk {
    padding-right: 25px;
}

.cta-lets-talk a {
    font-size: 18px!important;
    font-weight: 100!important;
}
body.wp-theme-thirdscope.has-menu-overlay .outline-header-cta {
    border: 1px solid #fff;
    padding: 2px;
}
body.wp-theme-thirdscope.has-menu-overlay .outline-header-cta a{
    color: #333!important;
        background-color: #fff!important;
}
.outline-header-cta a {
    letter-spacing: 1px;
    word-spacing: 2px;
    text-transform: capitalize;
    font-weight: 100;
}

body.wp-theme-thirdscope .outline-header-cta {
    border: 1px solid #333;
    padding: 2px;
}
body.wp-theme-thirdscope.has-menu-overlay .outline-header-cta a{
    background-color: #333;
    color: #fff;
}
/* custom style for button */
main .wp-block-button {
    border: 1px solid;
    padding: 2px;
}

main .wp-block-button .wp-element-button {
    border-radius: 0;
}
/* custom style for contact page */
.ts-contact-tabs .ts-active {
    position: relative;
    padding-left: 20px;
}

.ts-contact-tabs .ts-active::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 20px;
    width: 12%;
    background: var(--wp--preset--color--vivid-red) !important;
    height: 3px;
    border-radius: 5px;
}

.ts-contact-title {
    position: relative;
    padding-left: 20px;
}

.ts-contact-title::before {
    content: '';
    position: absolute;
    left: 0;
    height: 55px;
    width: 5px;
    background: var(--wp--preset--color--vivid-red) !important;
}
.page-id-113 {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.ts-contact-form {
    margin: 50px 0;
}
.ts-contact-form h3, .ts-contact-form label {margin: 0 0 10px;}

.ts-contact-form textarea {
    width: 75%;
    margin-top: 10px;
    padding: 15px;
}

.ts-contact-form span.wpcf7-list-item {
    width: 100%;
    margin-left: 0;
}

.ts-contact-form span.wpcf7-list-item.first {
    margin-top: 10px;
}

.ts-contact-form span, .ts-contact-form p {
    font-weight: 100;
}

.ts-contact-form  input[type="file"] {
    width: 100%;
    font-size: 18px;
}

.ts-contact-form .wpcf7-file::file-selector-button {
    background: transparent;
    padding: 15px 35px;
    font-size: 18px;
    font-weight: 100;
    margin-top: 19px;
    width: 32%;
    margin-right: 30px;
}
.ts-contact-form .half p {
    display: flex;
    width: 75%;
    justify-content: space-between;
    gap: 3%;
}

.ts-contact-form input.wpcf7-form-control.wpcf7-text {
    width: 75%;
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid;
    font-size: 16px;
}

.half span.wpcf7-form-control-wrap {
    width: 98%;
}

.ts-contact-form .half p .wpcf7-text {
    width: 100%;
}

.ts-contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 15px 25px;
    margin-top: 25px;
    font-size: 20px;
    font-weight: 100;
    border-radius: 5px;
    background: transparent;
    width: 30%;
    color: var(--wp--preset--color--vivid-red) !important;
    border-color: var(--wp--preset--color--vivid-red) !important;
    cursor: pointer;
}
.ts-dollar-form label {
    margin-bottom: 0;
    padding-top: 17px;
    display: block;
}

.ts-dollar-form p br {
    display: none;
}

.ts-dollar-form h6 {
    font-size: 16px;
}
.ts-contact-tabs h3 a {
    text-decoration: none;
}
/* custom style for contact page ends */
/* custom style for inner page hero */
.detailpage-hero h1 {
    font-size: 70px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.detailpage-hero  p {
    font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    font-weight: 100;
    line-height: 1.5;
    padding-right: 20px;
    margin-bottom: 25px;
}

.detailpage-hero a.wp-block-button__link.wp-element-button {
    width: 250px;
}
/* custom style for inner page hero ends */
/** custom blokc styles */
.web-dev-nopadding .ts-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* custom block styles ends */