/* =========================================
   Sidebar Wrapper
   ========================================= */

.plant-hire-sidebar,
.sidebar,
#secondary {
    color: var(--dark-color);
}

.plant-hire-sidebar .widget,
.sidebar .widget,
#secondary .widget {
    margin-bottom: 30px;
    padding: 25px;
    background: var(--light-color);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}


/* =========================================
   Widget Titles
   ========================================= */

.plant-hire-sidebar .widget-title,
.sidebar .widget-title,
#secondary .widget-title {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 12px;

    color: var(--dark-color);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;

    border-bottom: 2px solid var(--primary-color);
}

/* Small orange accent */

.plant-hire-sidebar .widget-title::after,
.sidebar .widget-title::after,
#secondary .widget-title::after {
    content: "";
    display: block;

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 45px;
    height: 2px;

    background: var(--action-color);
}


/* =========================================
   Widget Text
   ========================================= */

.plant-hire-sidebar .widget p,
.sidebar .widget p,
#secondary .widget p {
    margin-bottom: 15px;
    color: #555555;
    font-size: 0.95rem;
    line-height: 1.7;
}

.plant-hire-sidebar .widget p:last-child,
.sidebar .widget p:last-child,
#secondary .widget p:last-child {
    margin-bottom: 0;
}


/* =========================================
   Widget Links
   ========================================= */

.plant-hire-sidebar .widget a,
.sidebar .widget a,
#secondary .widget a {
    color: var(--dark-color);
    text-decoration: none;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease;
}

.plant-hire-sidebar .widget a:hover,
.sidebar .widget a:hover,
#secondary .widget a:hover {
    color: var(--primary-color);
}


/* =========================================
   Lists
   - Categories
   - Archives
   - Recent Posts
   - Pages
   - Navigation Menus
   ========================================= */

.plant-hire-sidebar .widget ul,
.sidebar .widget ul,
#secondary .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plant-hire-sidebar .widget li,
.sidebar .widget li,
#secondary .widget li {
    position: relative;

    margin: 0;
    padding: 10px 0 10px 18px;

    border-bottom: 1px solid #eeeeee;

    font-size: 0.95rem;
    line-height: 1.5;
}

.plant-hire-sidebar .widget li:last-child,
.sidebar .widget li:last-child,
#secondary .widget li:last-child {
    border-bottom: 0;
}

/* Orange arrow */

.plant-hire-sidebar .widget li::before,
.sidebar .widget li::before,
#secondary .widget li::before {
    content: "›";

    position: absolute;
    left: 0;
    top: 9px;

    color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: 700;
}

.plant-hire-sidebar .widget li a:hover,
.sidebar .widget li a:hover,
#secondary .widget li a:hover {
    padding-left: 3px;
}


/* =========================================
   Nested Lists
   ========================================= */

.plant-hire-sidebar .widget ul ul,
.sidebar .widget ul ul,
#secondary .widget ul ul {
    margin-top: 8px;
    margin-left: 10px;
}

.plant-hire-sidebar .widget ul ul li,
.sidebar .widget ul ul li,
#secondary .widget ul ul li {
    padding-top: 7px;
    padding-bottom: 7px;
}


/* =========================================
   Search Widget
   ========================================= */

.plant-hire-sidebar .widget_search form,
.sidebar .widget_search form,
#secondary .widget_search form {
    display: flex;
    width: 100%;
}

.plant-hire-sidebar .widget_search .search-field,
.sidebar .widget_search .search-field,
#secondary .widget_search .search-field {
    min-width: 0;
    flex: 1;

    padding: 12px 14px;

    color: var(--dark-color);
    background: var(--light-color);

    border: 1px solid #d9d9d9;
    border-right: 0;
    border-radius: 3px 0 0 3px;

    outline: none;
}

.plant-hire-sidebar .widget_search .search-field:focus,
.sidebar .widget_search .search-field:focus,
#secondary .widget_search .search-field:focus {
    border-color: var(--primary-color);
}

.plant-hire-sidebar .widget_search .search-submit,
.sidebar .widget_search .search-submit,
#secondary .widget_search .search-submit {
    padding: 12px 18px;

    color: var(--light-color);
    background: var(--action-color);

    border: 1px solid var(--action-color);
    border-radius: 0 3px 3px 0;

    font-weight: 700;
    cursor: pointer;

    transition: background-color 0.2s ease;
}

.plant-hire-sidebar .widget_search .search-submit:hover,
.sidebar .widget_search .search-submit:hover,
#secondary .widget_search .search-submit:hover {
    background: var(--dark-color);
    border-color: var(--dark-color);
}


/* =========================================
   Categories
   ========================================= */

.plant-hire-sidebar .widget_categories .count,
.sidebar .widget_categories .count,
#secondary .widget_categories .count {
    float: right;

    min-width: 24px;
    padding: 2px 6px;

    color: var(--light-color);
    background: var(--primary-color);

    border-radius: 20px;

    font-size: 0.75rem;
    text-align: center;
}


/* =========================================
   Recent Posts
   ========================================= */

.plant-hire-sidebar .widget_recent_entries li,
.sidebar .widget_recent_entries li,
#secondary .widget_recent_entries li {
    padding-left: 0;
}

.plant-hire-sidebar .widget_recent_entries li::before,
.sidebar .widget_recent_entries li::before,
#secondary .widget_recent_entries li::before {
    display: none;
}

.plant-hire-sidebar .widget_recent_entries a,
.sidebar .widget_recent_entries a,
#secondary .widget_recent_entries a {
    display: block;
    font-weight: 600;
}

.plant-hire-sidebar .post-date,
.sidebar .post-date,
#secondary .post-date {
    display: block;
    margin-top: 4px;

    color: #777777;
    font-size: 0.8rem;
}


/* =========================================
   Archives
   ========================================= */

.plant-hire-sidebar .widget_archive li,
.sidebar .widget_archive li,
#secondary .widget_archive li {
    display: flex;
    justify-content: space-between;
}


/* =========================================
   Tag Cloud
   ========================================= */

.plant-hire-sidebar .tagcloud,
.sidebar .tagcloud,
#secondary .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.plant-hire-sidebar .tagcloud a,
.sidebar .tagcloud a,
#secondary .tagcloud a {
    display: inline-block;

    padding: 6px 10px;

    color: var(--dark-color);
    background: #f5f5f5;

    border: 1px solid #e5e5e5;
    border-radius: 3px;

    font-size: 0.8rem !important;
    line-height: 1;
}

.plant-hire-sidebar .tagcloud a:hover,
.sidebar .tagcloud a:hover,
#secondary .tagcloud a:hover {
    color: var(--light-color);
    background: var(--primary-color);
    border-color: var(--primary-color);
}


/* =========================================
   Navigation Menu Widget
   ========================================= */

.plant-hire-sidebar .widget_nav_menu ul,
.sidebar .widget_nav_menu ul,
#secondary .widget_nav_menu ul {
    margin: 0;
    padding: 0;
}

.plant-hire-sidebar .widget_nav_menu li,
.sidebar .widget_nav_menu li,
#secondary .widget_nav_menu li {
    padding-left: 0;
}

.plant-hire-sidebar .widget_nav_menu li::before,
.sidebar .widget_nav_menu li::before,
#secondary .widget_nav_menu li::before {
    display: none;
}

.plant-hire-sidebar .widget_nav_menu a,
.sidebar .widget_nav_menu a,
#secondary .widget_nav_menu a {
    display: block;
    padding: 9px 0;
}

.plant-hire-sidebar .widget_nav_menu .current-menu-item > a,
.sidebar .widget_nav_menu .current-menu-item > a,
#secondary .widget_nav_menu .current-menu-item > a {
    color: var(--primary-color);
    font-weight: 700;
}


/* =========================================
   Calendar Widget
   ========================================= */

.plant-hire-sidebar .widget_calendar table,
.sidebar .widget_calendar table,
#secondary .widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

.plant-hire-sidebar .widget_calendar th,
.sidebar .widget_calendar th,
#secondary .widget_calendar th {
    padding: 7px;

    color: var(--light-color);
    background: var(--dark-color);

    font-size: 0.8rem;
    text-align: center;
}

.plant-hire-sidebar .widget_calendar td,
.sidebar .widget_calendar td,
#secondary .widget_calendar td {
    padding: 7px;

    border: 1px solid #eeeeee;

    font-size: 0.8rem;
    text-align: center;
}

.plant-hire-sidebar .widget_calendar td a,
.sidebar .widget_calendar td a,
#secondary .widget_calendar td a {
    color: var(--primary-color);
    font-weight: 700;
}


/* =========================================
   Forms
   ========================================= */

.plant-hire-sidebar .widget input[type="text"],
.plant-hire-sidebar .widget input[type="email"],
.plant-hire-sidebar .widget input[type="url"],
.plant-hire-sidebar .widget input[type="tel"],
.plant-hire-sidebar .widget input[type="number"],
.plant-hire-sidebar .widget input[type="password"],
.plant-hire-sidebar .widget textarea,
.sidebar .widget input[type="text"],
.sidebar .widget input[type="email"],
.sidebar .widget input[type="url"],
.sidebar .widget input[type="tel"],
.sidebar .widget input[type="number"],
.sidebar .widget input[type="password"],
.sidebar .widget textarea,
#secondary .widget input[type="text"],
#secondary .widget input[type="email"],
#secondary .widget input[type="url"],
#secondary .widget input[type="tel"],
#secondary .widget input[type="number"],
#secondary .widget input[type="password"],
#secondary .widget textarea {
    width: 100%;
    padding: 11px 13px;

    color: var(--dark-color);
    background: var(--light-color);

    border: 1px solid #d9d9d9;
    border-radius: 3px;

    box-sizing: border-box;
}

.plant-hire-sidebar .widget input:focus,
.plant-hire-sidebar .widget textarea:focus,
.sidebar .widget input:focus,
.sidebar .widget textarea:focus,
#secondary .widget input:focus,
#secondary .widget textarea:focus {
    border-color: var(--primary-color);
    outline: none;
}


/* =========================================
   Widget Buttons
   ========================================= */

.plant-hire-sidebar .widget button,
.plant-hire-sidebar .widget input[type="submit"],
.sidebar .widget button,
.sidebar .widget input[type="submit"],
#secondary .widget button,
#secondary .widget input[type="submit"] {
    display: inline-block;

    padding: 11px 20px;

    color: var(--light-color);
    background: var(--action-color);

    border: 1px solid var(--action-color);
    border-radius: 3px;

    font-weight: 700;
    line-height: 1.2;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.plant-hire-sidebar .widget button:hover,
.plant-hire-sidebar .widget input[type="submit"]:hover,
.sidebar .widget button:hover,
.sidebar .widget input[type="submit"]:hover,
#secondary .widget button:hover,
#secondary .widget input[type="submit"]:hover {
    color: var(--light-color);
    background: var(--dark-color);
    border-color: var(--dark-color);
}


/* =========================================
   Custom HTML / Contact Widget
   ========================================= */

.plant-hire-sidebar .widget_custom_html p,
.sidebar .widget_custom_html p,
#secondary .widget_custom_html p {
    margin-bottom: 12px;
}


/* =========================================
   Call-to-Action Widget
   Add class:
   .plant-hire-sidebar-cta
   ========================================= */

.plant-hire-sidebar .plant-hire-sidebar-cta,
.sidebar .plant-hire-sidebar-cta,
#secondary .plant-hire-sidebar-cta {
    padding: 30px;

    color: var(--light-color);
    background: var(--dark-color);

    border: 0;
}

.plant-hire-sidebar .plant-hire-sidebar-cta .widget-title,
.sidebar .plant-hire-sidebar-cta .widget-title,
#secondary .plant-hire-sidebar-cta .widget-title {
    color: var(--light-color);
    border-color: var(--primary-color);
}

.plant-hire-sidebar .plant-hire-sidebar-cta p,
.sidebar .plant-hire-sidebar-cta p,
#secondary .plant-hire-sidebar-cta p {
    color: #ffffff;
}

.plant-hire-sidebar .plant-hire-sidebar-cta a,
.sidebar .plant-hire-sidebar-cta a,
#secondary .plant-hire-sidebar-cta a {
    color: var(--light-color);
}

.plant-hire-sidebar .plant-hire-sidebar-cta a:hover,
.sidebar .plant-hire-sidebar-cta a:hover,
#secondary .plant-hire-sidebar-cta a:hover {
    color: var(--primary-color);
}


/* =========================================
   Images
   ========================================= */

.plant-hire-sidebar .widget img,
.sidebar .widget img,
#secondary .widget img {
    max-width: 100%;
    height: auto;
}


/* =========================================
   Responsive
   ========================================= */

@media (max-width: 991px) {

    .plant-hire-sidebar .widget,
    .sidebar .widget,
    #secondary .widget {
        margin-bottom: 25px;
        padding: 22px;
    }

}

@media (max-width: 767px) {

    .plant-hire-sidebar .widget,
    .sidebar .widget,
    #secondary .widget {
        padding: 20px;
    }

    .plant-hire-sidebar .widget-title,
    .sidebar .widget-title,
    #secondary .widget-title {
        font-size: 1.15rem;
    }

}