/*
Theme Name:     Twenty Twenty-Four Child
Theme URI:      https://example.com
Description:    A child theme of Twenty Twenty-Four
Author:         Logic Replace LLC
Author URI:     https://www.logicreplace.com/
Template:       twentytwentyfour
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    twentytwentyfour-child
*/

html, body {
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
header{
    border-bottom:3px solid #591f11;
}
header nav ul li a {
    border-bottom: 3px solid transparent;
    text-decoration: none;
}

header nav ul li.current-menu-item a,
header nav ul li a:hover {
    border-bottom: 3px solid #591f11;
    text-decoration: none;
}
main, .entry-content,footer, .styled-contact-form input[type="submit"] {
    margin-top:0 !important;
}
h1,h2,h3,h4,h5,h6{
    margin-top:20px;
}
.hero{
    min-height:500px;
}
.hero h1{
    background-color: #0e3147d6;
    margin-bottom: 0;
    padding: 25px;
}
.company-details{
    background-color:#591f11;
    border:7px solid #fff;
}
/*** white texts ***/
.company-details, .company-details h3{
    color:#fff;
}
/*** red texts ***/
.red{
    color:red;
}
/*** dark blue texts ***/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    color:#0e3147;
}
/*** white bg ***/
.white-bg{
    background-color:#fff;
}
/*** border color ***/
.vc_box_border_juicy_pink{
    background-color:#591f11 !important;
}
.padding-inner{
    padding:30px 0;
}

.styled-contact-form input[type="text"],
.styled-contact-form input[type="email"],
.styled-contact-form input[type="tel"],
.styled-contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

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

.styled-contact-form input[type="submit"] {
  background-color: #591f11;
  color: #fff;
  border:3px solid #591f11;
  padding: 12px 25px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.styled-contact-form input[type="submit"]:hover {
  background-color: transparent;
  color: #591f11;
}

.styled-contact-form label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.form-two-column {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.form-two-column .form-col {
  flex: 1 1 48%;
}

footer ul {
    gap: 0 !important; /* remove any theme gap */
    padding: 0;
    margin: 0;
}

footer ul li {
    display: flex; /* ensure even spacing and center alignment */
    align-items: center;
}

footer ul li:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    display: inline-block;
}


/* Custom */
@media only screen and (max-width: 1290px) { 
    .below-banner > .vc_column_container > .vc_column-inner{
        margin-left: 11px;
    }
    .company-details > .vc_column-inner{
        word-wrap: break-word;      /* For legacy support */
        overflow-wrap: break-word;  /* Modern, better */
    }
    
}
@media only screen and (max-width: 1199px) { 

    .company-details{
        width: 300px;
        float:left;
        margin-left: 10px;
    }
    .main-content-text{
        width: 65%;
        float: left;
    }
    .main-image{
        width: 100%;
        overflow: hidden;
    }
}


/* Tablet and down */
@media only screen and (max-width: 992px) { 
    
    
}

@media only screen and (max-width: 787px) { 
    footer ul li:not(:last-child)::after{
        display:none;
    }
    footer ul{
        display:block !important;
    }
    footer ul li{
        justify-content: center;
    }
}
@media only screen and (max-width: 782px) { 
    .footer-logo, .footer-address, .footer-address p, .copyright-credit, .copyright-credit p{
        text-align:center !important;
    }
    .footer-address p{
        padding-bottom:10px;
    }
}


/* Smaller tablets */
@media only screen and (max-width: 768px) { 
    .main-content-text{
        width: 95%;
    }
    
}

@media only screen and (max-width: 600px) { 
    #modal-1{
        background-color:#ddd5c8;
    }
/* Enlarge hamburger button */
    .wp-block-navigation__responsive-container-open {
        width: 60px !important;    /* Change to your desired width */
        height: 50px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Enlarge the SVG icon inside the button */
    .wp-block-navigation__responsive-container-open svg {
        width: 48px !important;    /* Adjust icon width */
        height: 48px !important;
    }
    .header-menu ul{
        width:100%;
    }
    .header-menu ul li{
        display: flex;
        text-align: center !important;
        width: 100%;
        justify-content: center !important;
        align-items: center !important;
    }
}

 /* Phones */
@media (max-width: 576px) {
    
    
} 

/* Small phones */
@media only screen and (max-width: 375px) { 
    

}