/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
html ::selection {
    background-color: #e09900 !important;
    color: white !important;
}

/* Firefox */
html ::-moz-selection {
    background-color: #e09900 !important;
    color: white !important;
}
@media (max-width: 991px) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (min-width: 1024px) {
    .center-text-image {
        display: flex;
        align-items: center;
    }
}

/* Container styling */
.wpcf7 form {
    background: #fff8e6;
    padding: 25px;
    border: 2px solid #e09900;
    border-radius: 10px;
	margin-top: -20px !important;
}

/* Labels */
.wpcf7 form label {
    font-weight: 600;
    color: #e09900;
    display: block;
    margin-bottom: 2px !important;
	margin-top:0px !important;
	font-family: 'playfair display', serif; 
		margin-top: -20px !important;
}

/* Inputs and textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #e09900;
    border-radius: 6px;
    background: #fff;
    transition: 0.3s;
}

/* Focus effect */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border-color: #e09900;
    box-shadow: 0 0 5px rgba(224, 153, 0, 0.5);
}

/* Submit button */
.wpcf7 input[type="submit"] {
    background: #e09900;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
}

/* Hover button */
.wpcf7 input[type="submit"]:hover {
    background: #bf7f00;
}

.contact-info i {
    color: #e09900 !important;
}
.contact-info a {
    color: #e09900;
}


.menu-button a {
  background: #4b2e1b; 
  color: #f7f2ea !important;
  padding: 12px 28px !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  display: inline-flex;          
  align-items: center;   
  border-radius: 8px;
  justify-content: center;       
  height: 100%;                  
  line-height: 1.4;     
  font-family: 'playfair display', serif; 
}

@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #4b2e1b;
}

.et_mobile_menu {
	border-top: 3px solid #4b2e1b;
}

.et-fixed-header #top-menu .menu-button a {
    color : #f7f2ea !important;
}


/* Tablet (768px - 980px) */
@media (min-width: 768px) and (max-width: 980px) {
    h1 {
        font-size: 42px !important; /* updated to match desktop if desired */
    }
    h2 {
        font-size: 30px !important; /* updated for consistency */
    }
    p {
        font-size: 17px !important;
    }
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
    h1 {
        font-size: 36px !important; /* smaller for mobile */
    }
    h2 {
        font-size: 26px !important; /* smaller for mobile */
    }
    p {
        font-size: 16px !important; /* slightly smaller for mobile readability */
    }
}