@charset "UTF-8";

/*
Theme Name: In-Pocket Protect
Theme URI: https://inpocketprotect.com
Author: Bradley Duncan
Author URI: https://inpocketprotect.com
Description: In-Pocket Protect is a custom wordpress theme written specifically for this website. This is not a publicly distributed theme, please do not share without explicit written permission.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: None
License URI: https://inpocketprotect.com
Text Domain: inpocketprotect
Tags: In-Pocket Protect, Website, Wordpress, Theme, Bradley Duncan

In-Pocket Protect WordPress Theme, (C) 2023 inpocketprotect.com
The In-Pocket Protect Wordpress Theme is a custom theme written specifically for inpocketprotect.com it must not be shared without explicit written consent.
*/

html {
    background-color: black;
}

a {
    color: #aaa;
    text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

.elementor {
    margin: -8px;
}

.d-flex{
    display: flex;
}
.elementor-swiper-button-prev,.elementor-swiper-button-next {
    z-index: 9 !important;
}

.mobile-show-text {
    display: none;
}

.width-100 {
    width: 100%;
}

.width-95px {
    width: 95px;
}

.width-110px {
    width: 110px;
}

.width-130px {
    width: 130px;
}

#recon-label {
    font-size: 1.2em;
}

/* Contact form */

.contact-input {
    width: 100%;
    padding: 12px 15px;
    background-color: #1e1e1e;
    border: 1px solid #444;
    border-radius: 6px;
    color: #f0f0f0;
    font-size: 16px;
    outline: none;
    transition: border 0.3s, background-color 0.3s;
    margin-top: -8px;
}

.contact-input::placeholder {
    color: #888;
}

.contact-input:focus {
    border-color: #005828;
    background-color: #2a2a2a;
}

.contact-button {
    background-color: #005828;
    color: #ffffff;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
    width: 100%;
}

.contact-button:hover {
    background-color: #007838;
}

.contact-button:active {
    background-color: #008c44;
}

#established-red {
    font-family: Arial;
    text-align: left;
    color: #e31740;
    margin-top: 4px;
    margin-bottom: -10px;
}

/* Style the GDPR checkbox container */
.elementor-field-type-checkbox {
    padding: 10px 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
}

/* Flex container for checkbox and label */
.elementor-field-type-checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

/* Checkbox input styling */
.elementor-field-type-checkbox input[type="checkbox"] {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    accent-color: #979797; /* match Elementor blue */
}

/* Text and link styling */
.elementor-field-type-checkbox .p1 {
    margin: 0;
    color: white;
}

.elementor-field-type-checkbox a {
    color: #979797;
    text-decoration: underline;
}

.elementor-field-type-checkbox a:hover {
    text-decoration: none;
}

/* Optional: Ensure consistent spacing between fields */
.elementor-form-fields-wrapper > .elementor-field-group {
    margin-bottom: 20px;
}

/* Footer */

.site-footer {
    background-color: #000;
    color: #aaa;
    padding: 40px 20px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin: -8px;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-logo img {
    max-width: 180px;
    margin-bottom: 20px;
}

.footer-links {
    margin-bottom: 20px;
}

.footer-links a {
    color: #aaa;
    margin: 0 12px;
    text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

#contact-blurb {
    margin-top: -47px;
}

/*.tile-title {*/
/*    min-height: 95px; */
/*}*/

.footer-links a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-copy {
    font-size: 14px;
    color: #666;
}

@media (max-width: 1146px) {
    #recon-label {
        font-size: 2vw;
        min-height: 95px;
    }
}

/* hide dash on home page */
@media (max-width: 922px) {
    .mobile-hide-dash {
        display: none;
    }
    .mobile-show-dash {
        display: block;
    }
}


/* mobile start trigger */
@media (max-width: 767px) {
    #header-logo {
        min-height: unset !important;
        max-height: unset !important;
        height: 50vw;
    }

    #recon-label {
        font-size: 1.5em;
    }

    #about-us-man {
        height: 73vw !important;
        width: 50vw !important;
        position: absolute;
        top: -150px;
        left: -90px;
    }

    #about {
        margin-left: 12vw;
        top: 1vw;
        width: 230px;
    }
}

@media (max-width: 362px) {
    #recon-label {
        font-size: 7.5vw;
    }
}

/* */