/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor page builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.9.0.1702394467
Updated: 2023-12-12 15:21:07

*/



.main-wrapper-archive-training {
    display: flex;
    justify-content: center;
    margin-top: 150px;
}

.search-form {
    margin-right: 20px;
}

.search-bar {
    text-align: center;
}

/* Styles for course card */
.course-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.course-card h2 {
    margin-bottom: 10px;
}

.course-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Styles for buttons */
.course-info button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
}

.course-info button:hover {
    background-color: #45a049;
}

.course-date {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 10px;
}

button img {
    vertical-align: middle;
    margin-right: 5px;
}

button:hover {
    background-color: #45a049;
}

/* Styles for select */
select.course-date {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 10px;
}

/* Styles for category list */
.category-list {
    margin-right: 20px;
}

.category-list h2 {
    margin-bottom: 10px;
}

.category-list ul li {
    margin-bottom: 5px;
}

.contact-form.training-list {
    height: auto;
    max-width: 1400px;
    margin: 0 auto;
    padding: 200px 15px 30px !important;
}
.contact-form.training-list table tbody>tr:nth-child(odd)>td, .contact-form.training-list table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}
.contact-form.training-list .trainings-list table tbody tr:hover>td {
    background-color: transparent;
}
.contact-form.training-list .trainings-list table th {
    background-color: hsla(0, 0%, 50.2%, .1019607843) !important;
}
.contact-form.training-list .trainings-list{
    padding-left: 50px;
}
.contact-form.training-list .trainings-list p {
    margin-bottom: 0;
}

.contact-form.training-list .trainings-list table {
    margin-bottom: 0; 
    border-collapse: 
    collapse; width: 100%;
}

.contact-form.training-list .trainings-list table td, .contact-form.training-list .trainings-list table th {
    border: solid 1px hsla(0,0%,50.2%,.5019607843);
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

.contact-form.training-list .trainings-list h2 {
    text-align: center;
    position: relative;
    border: solid hsla(0,0%,50.2%,.5019607843);
    border-width: 1px 1px 0 1px;
    margin: 0;
    padding: 15px;
}

.contact-form.training-list {
    height: auto; 
    padding-top: 150px;
}
.trainings-list {
    margin-bottom: 50px; 
}
.trainings-list h2 {
    text-align: center;
    position: relative;
}
.trainings-list .logo-left, .trainings-list .logo-right, .trainings-list .category-image {
    position: absolute;
    top: 50%;
    width: 100px; 
    height: auto;
    transform: translateY(-50%); 
}
.trainings-list .logo-left {
    left: 5%; 
}
.trainings-list .logo-right {
    right: 5%; 
}
.trainings-list .category-image {
    right: 5%; 
}

@media screen and (max-width: 1400px) {
    .contact-form.training-list .trainings-list h2 {
        font-size: 26px;
    }
    .contact-form.training-list .trainings-list {
        padding-left: 0;
    }
}
@media screen and (max-width: 991px) {
    .responsive-tables {
        overflow-y: hidden;
        border: solid hsla(0, 0%, 50.2%, .5019607843);
        border-width: 0 0.5px 0 0.1px;
    }
    .responsive-tables table {
        overflow-x: auto;
        width: 1000px !important;
    }
    .trainings-list .logo-left, .trainings-list .logo-right, .trainings-list .category-image {
        position: relative;
        top: auto;
        height: auto;
        transform: inherit; 
        display: table;
        margin: 10px auto;
    }
    .contact-form.training-list .trainings-list h2 {
        font-size: 20px;
    }
    .trainings-list .logo-left {
        left: 0; 
    }
    .trainings-list .logo-right {
        right: 0; 
    }
    .trainings-list .category-image {
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .contact-form.training-list {
        padding-top: 150px !important;
    }
    .contact-form.training-list .trainings-list h2 {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 600px) {
    .responsive-tables {
        overflow-y: hidden;
        border: solid hsla(0, 0%, 50.2%, .5019607843);
        border-width: 0 0.5px 0 0.1px;
    }
    .responsive-tables table {
        overflow-x: auto;
        width: 700px !important;
    }
}