/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Description: Twenty Seventeen Child Theme
Author: Chidi Emeribe
Author URI: https://greengatesoft.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyseventeen-child
*/

/* Import parent theme styles - DO NOT DELETE THIS */
@import url("../twentyseventeen/style.css");



/* Add your custom CSS below this line */



/* Custom styles go here */
.site-content-contain {
    background-color: #ffffff;
}

/* Example customizations */
.entry-title {
    color: #222;
}

@media screen and (min-width: 48em) {
    .colors-dark .site-footer,
    .colors-dark .site-footer a {
        color: #999;
    }
}

/* Footer Styles */
.site-footer {
    background-color: #111;       /* Dark background */
    color: #ddd;                  /* Light text */
    text-align: center;           /* Center text */
    padding: 20px 10px;
    font-size: 14px;
    margin-top: 40px;
}

.site-footer p {
    margin: 0;
    color: #aaa;
}

.site-footer p a {
    color: #27ae60;               /* Accent color (green, matches your brand) */
    text-decoration: none;
}

.site-footer p a:hover {
    color: #2ecc71;               /* Slightly brighter green on hover */
}

/* Footer */
.site-footer {
    background-color: #111;
    color: #ddd;
    padding: 40px 20px 20px;
    margin-top: 40px;
    font-size: 14px;
}

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

/* Widget area */
.footer-widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 20px;
}

.footer-widget {
    flex: 1 1 250px; /* Responsive columns */
    min-width: 200px;
}

.footer-widget-title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

/* Bottom copyright */
.footer-bottom {
    text-align: center;
    border-top: 1px solid #222;
    padding-top: 15px;
    color: #aaa;
}

.footer-bottom a {
    color: #27ae60;
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #2ecc71;
}

/* Two-column layout container */
.entry-content.two-column-layout {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px; /* breathing room between text and image */
}

/* Left (text) column */
.entry-content.two-column-layout .two-column-left {
    flex: 0 0 70%;
    max-width: 70%;
    padding-right: 25px;
    text-align: left;
    line-height: 1.75;         /* more readable */
    font-size: 1.1rem;         /* slightly larger for comfort */
}

/* Right (image/widget) column */
.entry-content.two-column-layout .two-column-right {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
    background: #fafafa;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    box-sizing: border-box;
}

/* Image styling */
.two-column-right img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}

/* Responsive for tablets */
@media (max-width: 1024px) {
    .entry-content.two-column-layout {
        gap: 25px;
    }
    .entry-content.two-column-layout .two-column-left {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .entry-content.two-column-layout .two-column-right {
        flex: 0 0 35%;
        max-width: 35%;
    }
}

/* Stack on mobile */
@media (max-width: 768px) {
    .entry-content.two-column-layout {
        flex-direction: column !important;
    }
    .entry-content.two-column-layout .two-column-left,
    .entry-content.two-column-layout .two-column-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .entry-content.two-column-layout .two-column-right {
        margin-top: 20px;
    }
}

/* Reset the parent theme's narrow layout ONLY on the two-column page */
.page-template-two-column-page .site-content .wrap,
.page-template-two-column-page .site-content,
.page-template-two-column-page .wrap {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Force two-column layout */
.page-template-two-column-page .entry-content.two-column-layout {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* Left text column */
.page-template-two-column-page .two-column-left {
    flex: 0 0 65%;
    max-width: 65%;
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.7;
}

/* Right image column */
.page-template-two-column-page .two-column-right {
    flex: 0 0 35%;
    max-width: 35%;
    text-align: center;
}

.page-template-two-column-page .two-column-right img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .page-template-two-column-page .two-column-left {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .page-template-two-column-page .two-column-right {
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (max-width: 768px) {
    .page-template-two-column-page .entry-content.two-column-layout {
        flex-direction: column;
        max-width: 100%;
    }
    .page-template-two-column-page .two-column-left,
    .page-template-two-column-page .two-column-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .page-template-two-column-page .two-column-right {
        margin-top: 20px;
    }
}


/* Layout wrapper */
.page-template-theme .theme-layout-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* Main content wider */
.page-template-theme .theme-main-content {
    flex: 2;
    min-width: 0;
}

/* Sidebar */
.page-template-theme .theme-sidebar {
    flex: 1;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Responsive stack */
@media (max-width: 768px) {
    .page-template-theme .theme-layout-wrapper {
        flex-direction: column;
    }
    .page-template-theme .theme-sidebar {
        margin-top: 20px;
    }
}

/* Wrapper for two-column layout */
.page-template-theme .theme-layout-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Main content */
.page-template-theme .theme-main-content {
    flex: 2;
    min-width: 0;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #333;
}

/* Sidebar */
.page-template-theme .theme-sidebar {
    flex: 1;
    max-width: 400px;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Featured image in sidebar */
.page-template-theme .theme-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* Widget styling */
.page-template-theme .theme-sidebar .widget {
    margin-bottom: 25px;
}
.page-template-theme .theme-sidebar .widget-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
    color: #444;
}

/* Responsive adjustments */
@media (max-width: 900px) {
    .page-template-theme .theme-layout-wrapper {
        flex-direction: column;
    }
    .page-template-theme .theme-sidebar {
        max-width: 100%;
        margin-top: 20px;
    }
}
#page .page-template-theme{
     max-width: 50%;
}

#aed_pickup_location_field {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  margin-top: 20px;
}
#aed_pickup_location_field select {
  width: 100%;
  padding: 8px;
  border-radius: 6px;
}