/*
 Theme Name:     Divi Child Theme
 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.1
*/
 
@import url("../Divi/style.css");
 
/* Custom Divi modules */
.panel {
	border: 1px solid #e09900;
	border-radius:5px;
	padding:10px;
}
.panel h2{
	background-color: #e09900;
	color: white;
}

/* Container uses flexbox */
#dir-container {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

/* Left column — form */
#dir-form {
    flex: 0 0 25%;
    background: #fef7e9;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Right column — results */
#dir-results {
    flex: 1; /* automatically becomes 75% because form is fixed at 25% */
    padding: 0 10px 10px 10px;
}

/* Optional styling */
#dir-form form label {
    display: block;
    margin-top: 10px;
}

#dir-form form input,
#dir-form form select {
    width: 100%;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 10px;
	border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
}

.dir-card {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    border-radius: 5px;
}

.dir-button {
    width: 100%;
    padding: 5px;
    border: 1px #ddd solid;
    border-radius: 5px;
}
	
@media (max-width: 768px) {
    #dir-container {
        flex-direction: column;
    }
    #dir-form {
        flex: 0 0 100%;
        width: 100%;
    }
    #dir-results {
        flex: 0 0 100%;
        width: 100%;
		padding:10px 0;
    }
	#dir-cards {
		padding:0;
	}
}