/* ===================================================================================

* Theme Name: EdCare Child
* Theme URI: https://wp.rrdevs.net/edcare/
* Author: RRDevs
* Author URI: https://themeforest.net/user/rrdevs
* Description: EdCare - Education & Online Course WordPress Theme
* Version: 1.0.6
* Tested up to: 6.7
* Requires PHP: 7.4
* Template: edcare
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

#btn-clear-filter {
    color: white;
    margin-top: 8px;
    text-decoration: underline;
}
.course-grid-container-ao {
    display: grid;
    gap: 1rem;
}
.grid-1-ao {
    width: 95%;
    grid-template-columns: 1fr;
    margin: 0 auto;
}
.grid-2-ao {
    width: 95%;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
}
.course-card-ao {
    text-align: center;
    border: 1px solid #ddd;
    padding: 12px;
    color: #162841;
    background: #fafafb;
    border-radius: 12px;
    box-shadow: 0 0 9px rgba(159, 179, 185, .32);
    transition: box-shadow .2s linear;
}
.course-card-ao > .mobile-course-title {
    color: black;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
}
#coursesTable td.course-title {
    color: black;
    font-weight: 500;
    text-align: left;
    text-decoration: underline;
}
/* MOBILE <= 600 PX */
@media screen and (max-width: 600px) {

    #course-table-shortcode {
        margin: 20px auto;
    }

    .pagination-btn.active {
        color: #07A698;
        font-size: 19px;
        font-weight: bold;
        text-decoration: underline;
    }

}
/* TABLETS <= 780 PX */
@media screen and (max-width: 780px) {

    #course-table-shortcode {
        margin: 25px auto;
    }

    #courseSearch-filter {
        display: none;
    }

    #course-table-filters-container {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #table-filters-top-row {
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 4px;
        margin-bottom: 1em;
        background-color: #07A698;
        border-radius: 8px;
        border: none;
    }

    /* FILTERS ROWS */
    .nice-select.courseType-filter,
    .nice-select.courseCategory-filter,
    .nice-select.courseProvider-filter,
    .nice-select.courseCost-filter,
    .nice-select.courseStatus-filter,
    .nice-select.courseClass-filter {
        margin: 10px 0;
        width: 90%;
    }

    .nice-select.courseCost-filter,
    .nice-select.courseStatus-filter {
        display: none;
    }

    .pagination-btn.active {
        color: #07A698;
        font-size: 19px;
        font-weight: bold;
        text-decoration: underline;
    }

    .mobile-course-class,
    .mobile-course-type,
    .mobile-course-cost {
        font-size: 14px;
    }

}
/* LARGE TABLETS & SMALL DESKTOPS */
@media screen and (max-width: 992px) and (min-width: 781px) {

    #course-table-shortcode {
        max-width: 100%;
        padding: 15px;
    }

    #coursesTable .table-course-headings-row {
        display: block;
    }

    #table-filters-top-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 10px 4px;
        margin-bottom: 1em;
        background-color: #07A698;
        border-radius:8px;
        border: none;
    }

    #coursesTable {
        width: 100%;
    }

    #courseSearch-filter {
        font-size: 14px;
        font-weight: normal;
        height: 42px;
        line-height: 40px;
        border: solid 1px #e8e8e8;
        border-radius: 5px;
    }

    #courseSearch-filter {
        width: 180px;
        font-size: 12px;
    }

    #courseSearch-filter::placeholder {
        font-size: 12px;
    }

    .nice-select.courseType-filter,
    .nice-select.courseClass-filter {
        width: 140px;
        font-size: 12px;
    }

    .nice-select.courseCategory-filter {
        width: 170px;
        font-size: 12px;
    }

    #btn-clear-filter {
        font-size: 12px;
    }

    #coursesTable .table-course-row {
        padding: 5px 13px;
        border-bottom: 1px solid gray;
    }

    #coursesTable .table-course-headings-row {
        border-bottom: 1px solid gray;
    }

    #coursesTable th {
        font-size: 14px;
        text-align: center;
        border: none;
        background-color: #ffffff;
        color: #000000;
        padding: 5px;
    }

    #coursesTable td {
        font-size: 13px;
        text-align: center;
        border: none;
        color: #323232;
        background-color: #ffffff;
        padding: 7px 0;
    }

    #coursesTable td.course-title {
        max-width: 160px;
    }

    .course-actions-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .course-actions-container .course-info-btn {
        background-color: var(--ed-color-theme-primary);
        font-family: var(--ed-ff-heading);
        color: var(--ed-color-common-white);
        display: inline-flex;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        padding: 8px 16px;
        border-radius: 80px;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
    }

    .pagination-btn.active {
        color: #07A698;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }
    
}
@media screen and (min-width: 993px) {

    #course-table-shortcode {
        max-width: 100%;
        padding: 10px;
    }

    #coursesTable .table-course-headings-row {
        display: block;
    }

    #table-filters-top-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 10px 6px;
        margin-bottom: 1em;
        background-color: #07A698;
        border-radius:8px;
        border: none;
    }

    #courseSearch-filter {
        font-size: 15px;
        font-weight: normal;
        height: 42px;
        line-height: 40px;
        border: solid 1px #e8e8e8;
        border-radius: 5px;
    }

    #courseSearch-filter {
        width: 220px;
        font-size: 15px;
    }

    #courseSearch-filter::placeholder {
        font-size: 15px;
    }

    .nice-select.courseType-filter,
    .nice-select.courseClass-filter {
        width: 180px;
        font-size: 15px;
    }

    .nice-select.courseProvider-filter,
    .nice-select.courseStatus-filter {
        width: 150px;
        font-size: 15px;
    }

    .nice-select.courseCategory-filter {
        width: 220px;
        font-size: 15px;
    }

    #btn-clear-filter {
        font-size: 15px;
    }

    #coursesTable {
        width: 100%;
    }

    #coursesTable .table-course-row {
        padding: 5px 13px;
        border-bottom: 1px solid gray;
    }

    #coursesTable .table-course-headings-row {
        border-bottom: 1px solid gray;
    }

    #coursesTable th {
        font-size: 14px;
        text-align: center;
        border: none;
        background-color: #ffffff;
        color: #000000;
        padding: 5px;
    }

    #coursesTable td {
        font-size: 13px;
        text-align: center;
        border: none;
        color: #323232;
        background-color: #ffffff;
        padding: 7px 0;
    }

    #coursesTable td.course-title {
        max-width: 170px;
    }

    .course-actions-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .course-actions-container .course-info-btn {
        background-color: var(--ed-color-theme-primary);
        font-family: var(--ed-ff-heading);
        color: var(--ed-color-common-white);
        display: inline-flex;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        padding: 8px 16px;
        border-radius: 80px;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
    }

    .pagination-btn.active {
        color: #07A698;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

}
/* LARGE LAPTOP */
@media screen and (min-width: 1200px) {

    #course-table-shortcode {
        max-width: 100%;
        padding: 20px;
    }

    #coursesTable .table-course-headings-row {
        display: block;
    }

    #table-filters-top-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 10px 8px;
        margin-bottom: 1em;
        background-color: #07A698;
        border-radius:8px;
        border: none;
    }

    #courseSearch-filter {
        font-size: 16px;
        font-weight: normal;
        height: 42px;
        line-height: 40px;
        border: solid 1px #e8e8e8;
        border-radius: 5px;
    }

    #courseSearch-filter {
        width: 250px;
        font-size: 16px;
    }

    #courseSearch-filter::placeholder {
        font-size: 16px;
    }

    .nice-select.courseType-filter,
    .nice-select.courseClass-filter {
        width: 200px;
        font-size: 16px;
    }

    .nice-select.courseCategory-filter {
        width: 250px;
        font-size: 16px;
    }

    #btn-clear-filter {
        font-size: 17px;
    }

    #coursesTable {
        width: 100%;
    }

    #coursesTable .table-course-row {
        padding: 5px 15px;
        border-bottom: 1px solid gray;
    }

    #coursesTable .table-course-headings-row {
        border-bottom: 1px solid gray;
    }

    #coursesTable th {
        font-size: 16px;
        text-align: center;
        border: none;
        background-color: #ffffff;
        color: #000000;
        padding: 5px;
    }

    #coursesTable td {
        font-size: 15px;
        text-align: center;
        border: none;
        color: #323232;
        background-color: #ffffff;
        padding: 7px 0;
    }

    #coursesTable td.course-title {
        max-width: 200px;
    }

    .course-actions-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .course-actions-container .course-info-btn {
        background-color: var(--ed-color-theme-primary);
        font-family: var(--ed-ff-heading);
        color: var(--ed-color-common-white);
        display: inline-flex;
        align-items: center;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        padding: 10px 14px;
        border-radius: 80px;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
    }

    .pagination-btn.active {
        color: #07A698;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

}
/* LARGE SCREEN XL */
@media screen and (min-width: 1400px) {

    #course-table-shortcode {
        max-width: 100%;
        padding: 15px;
    }

    #coursesTable .table-course-headings-row {
        display: block;
    }

    #table-filters-top-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 10px 8px;
        margin-bottom: 1em;
        background-color: #07A698;
        border-radius:8px;
        border: none;
    }

    #courseSearch-filter {
        font-size: 17px;
        font-weight: normal;
        height: 42px;
        line-height: 40px;
        border: solid 1px #e8e8e8;
        border-radius: 5px;
    }

    #courseSearch-filter {
        width: 270px;
        font-size: 17px;
    }

    #courseSearch-filter::placeholder {
        font-size: 17px;
    }

    .nice-select.courseType-filter,
    .nice-select.courseClass-filter {
        width: 220px;
        font-size: 17px;
    }

    .nice-select.courseCategory-filter {
        width: 270px;
        font-size: 17px;
    }

    #btn-clear-filter {
        font-size: 18px;
    }

    #coursesTable {
        width: 100%;
    }

    #coursesTable .table-course-row {
        padding: 5px 15px;
        border-bottom: 1px solid gray;
    }

    #coursesTable .table-course-headings-row {
        border-bottom: 1px solid gray;
    }

    #coursesTable th {
        font-size: 16px;
        text-align: center;
        border: none;
        background-color: #ffffff;
        color: #000000;
        padding: 5px;
    }

    #coursesTable td {
        font-size: 15px;
        text-align: center;
        border: none;
        color: #323232;
        background-color: #ffffff;
        padding: 7px 0;
    }

    #coursesTable td.course-title {
        max-width: 200px;
    }

    .course-actions-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .course-actions-container .course-info-btn {
        background-color: var(--ed-color-theme-primary);
        font-family: var(--ed-ff-heading);
        color: var(--ed-color-common-white);
        display: inline-flex;
        align-items: center;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        padding: 10px 14px;
        border-radius: 80px;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
    }

    .pagination-btn.active {
        color: #07A698;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

}
/* BY CATEGORY IMPL */
#coursesTable th.table-heading-ao {
    color: darkslategrey;
    border: 4px solid white;
    background-color: rgba(7, 166, 152, 0.25);
    padding: 4px 8px;
    border-radius: 15px;
}
.course-actions-container-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.course-actions-container-mobile .course-info-btn-mobile {
    background-color: var(--ed-color-theme-primary);
    font-family: var(--ed-ff-heading);
    color: var(--ed-color-common-white);
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 70px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}