/*
Theme Name: Education Elementor Child
Theme URI: https://example.com
Description: Child theme for Education Elementor
Author: Cosma Vision
Author URI: https://example.com
Template: education-elementor
Version: 1.0.0
Text Domain: education-elementor-child
*/

/* Custom styles */
/* GLOBAL */
body{
    background:#f5f7fb;
    font-family:'Poppins',sans-serif;
}

/* CONTAINER */
.site-main,
.content-area{
    max-width:1200px;
    margin:auto;
    padding:20px;
}

/* HEADER */
.site-header{
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
    padding:10px 0;
}

/* LOGO */
.custom-logo,
.site-logo img{
    max-height:90px;
    width:auto;
}

/* MENU */
.main-navigation ul{
    display:flex;
    gap:25px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
}

.main-navigation li{
    list-style:none;
}

.main-navigation a{
    text-decoration:none;
    font-weight:600;
    color:#0f172a;
    transition:.3s;
}

.main-navigation a:hover{
    color:#0ea5e9;
}

/* LAYOUT */
.tutor-wrap,
.archive{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:30px;
    align-items:start;
}

/* SIDEBAR */
.tutor-course-filter{
    background:#fff;
    border-radius:16px;
    padding:25px;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
    position:sticky;
    top:20px;
}

/* COURSE GRID */
.tutor-course-list,
.tutor-courses-wrap{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:25px;
}

/* COURSE CARD */
.tutor-course-card,
.tutor-course-loop{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.06);
    transition:.3s;
    border:none;
}

.tutor-course-card:hover,
.tutor-course-loop:hover{
    transform:translateY(-6px);
}

/* BUTTON */
.tutor-btn,
button,
input[type=submit]{
    border-radius:10px !important;
    background:#0284c7 !important;
    border:none !important;
    padding:12px 20px !important;
    font-weight:600;
}

/* TITLES */
h1,h2,h3{
    color:#0f172a;
}

/* MOBILE */
@media(max-width:768px){

    .tutor-wrap,
    .archive{
        grid-template-columns:1fr;
    }

    .main-navigation ul{
        flex-direction:column;
        gap:10px;
    }

    .custom-logo,
    .site-logo img{
        max-height:70px;
    }
}