/*---------------------------------------------------------------------------------
 Theme Name: Bullseye
 Theme URI: http://bullseyetotalmedia.com
 Description: On target every time.
 Template: Divi
 Version: 3.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
----------------------------------------------------------------------------------*/

/* CSS Variables for Color Scheme */
:root {
    --main-bg-color: #000;
    --main-text-color: #fff;
    --secondary-text-color: #787878;
    --accent-color: #c4c4c4;
    --button-bg-color: #010101; /* Example for buttons background */
    --button-text-color: #fff; /* Example for buttons text */
}



/* Menu Icon Animation */
.mobile_menu_bar:before, .mobile_nav.opened .mobile_menu_bar:before {
    transform: rotate(0deg);
    display: block;
}

.mobile_nav.opened .mobile_menu_bar:before {
    transform: rotate(90deg);
}

/* List and Form Styles */
ul, ol {
    margin-left: 2rem;
}

ul li, ol li {
    margin-bottom: .5rem;
}

/* Ninja Forms and Input Styles */
#page-container .nf-form-content, .nf-form-content .nf-field-element input, .submit-container .submit-wrap input {
    margin-left: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    transition: all .5s;
}

#page-container .submit-wrap input {
    background: var(--button-bg-color);
    padding:.5rem .75rem;
    line-height:1rem;
}

/* Hover effects */
.submit-container .submit-wrap input:hover, .search.results .et_pb_post:hover {
    transform: translateY(-3px);
}

/* Blog Styles */
.et_pb_blog_grid .post-content, .et_pb_blog_grid p.post-meta {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Special Layout Adjustments */
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

.shadow {
   box-shadow: inset 1px 10px 75px -6px rgba(0,0,0,0.1);
}

/* Media Queries and Responsive Adjustments */
@media only screen and (max-width: 980px) {
    .flip, .flip.et_section_specialty .et_pb_row, .btm-vert-menu .et_pb_menu__menu, .btm-open-menu .et_pb_menu__menu {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .btm-vert-menu .et_mobile_nav_menu, .btm-open-menu .et_mobile_nav_menu {
        display: none !important;
    }
}

/* Footer Adjustments for Mobile */
@media screen and (max-width: 1350px) {
    .footer-nav .et_pb_menu_inner_container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 980px) {
    .footer-2 .et_pb_row {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
}