@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900');

/* ==================================================
   TIGOM INC PODCAST CENTER
   Professional RSS Podcast Styling
================================================== */

.tigom-podcast-section {
    Background: whitesmoke;
    Padding: 70px 0;
}

.tigom-podcast-title {
    Text-align: center;
    Font-weight: 800;
    Font-size: 2.2rem;
    Color: #37517e;
    Margin-bottom: 12px;
}

.tigom-podcast-subtitle {
    Text-align: center;
    Color: #666;
    Font-size: 1.05rem;
    Max-width: 850px;
    Margin: 0 auto 45px;
    Line-height: 1.8;
}

/* ====================================
   SEARCH + SORT TOOLBAR
==================================== */

.tigom-toolbar {
    Display: flex;
    Gap: 20px;
    Justify-content: center;
    Align-items: center;
    Flex-wrap: wrap;
    Margin-bottom: 45px;
}

.tigom-search,
.tigom-sort {
    Border: 2px solid #d301d3;
    Border-radius: 14px;
    Min-height: 56px;
    Padding: 12px 18px;
    Box-shadow: none !important;
    Transition: all .25s ease;
}

.tigom-search {
    Width: 420px;
    Max-width: 100%;
}

.tigom-search:focus,
.tigom-sort:focus {
    Border-color: #37517e;
    Box-shadow: 0 0 0 .25rem rgba(55, 81, 126, .15) !important;
}

/* ====================================
   PODCAST CARD
==================================== */

.tigom-card {
    Background: #ffffff;
    Border-radius: 22px;
    Overflow: hidden;
    Height: 100%;
    Display: flex;
    Flex-direction: column;
    Border: none;
    Box-shadow:
        0 5px 20px rgba(0,0,0,.08);
    Transition:
        Transform .3s ease,
        Box-shadow .3s ease;
}

.tigom-card:hover {
    Transform: translateY(-7px);

    Box-shadow:
        0 12px 35px rgba(0,0,0,.14);
}

/* ====================================
   ARTWORK IMAGE
==================================== */

.tigom-card img {
    Width: 100%;
    Height: 260px;
    Object-fit: cover;
}

/* ====================================
   CARD BODY
==================================== */

.tigom-card-body {
    Display: flex;
    Flex-direction: column;
    Flex-grow: 1;
    Padding: 24px;
}

.tigom-card-title {
    Color: #37517e;
    Font-weight: 700;
    Font-size: 1.15rem;
    Line-height: 1.6;
    Margin-bottom: 10px;

    /* equal height titles */
    Min-height: 75px;
}

.tigom-date {
    Color: #d301d3;
    Font-size: .95rem;
    Font-weight: 600;
    Margin-bottom: 14px;
}

.tigom-description {
    Color: #555;
    Line-height: 1.8;
    Flex-grow: 1;

    /* equal height descriptions */
    Min-height: 110px;
}

/* ====================================
   RESPONSIVE AUDIO PLAYER
==================================== */

.tigom-audio {
    Width: 100%;
    Margin: 20px 0;
    Min-height: 45px;
}

/* ====================================
   BUTTONS
==================================== */

.tigom-btn {
    Border-radius: 12px;
    Font-weight: 600;
    Padding: 12px 18px;
    Transition: .25s ease;
}

.tigom-btn-primary {
    Background: #37517e;
    Color: white;
    Border: none;
}

.tigom-btn-primary:hover {
    Background: #2c4267;
    Color: white;
}

.tigom-btn-download {
    Background: #d301d3;
    Color: white;
    Border: none;
}

.tigom-btn-download:hover {
    Background: #a700a7;
    Color: white;
}

/* ====================================
   PAGINATION
==================================== */

.pagination {
    Margin-top: 50px;
}

.pagination .page-link {
    Border-radius: 10px;
    Margin: 0 5px;
    Border: none;
    Padding: 10px 16px;
    Color: #37517e;
    Font-weight: 600;
}

.pagination .page-link:hover {
    Background: rgba(211,1,211,.08);
}

.pagination .active .page-link {
    Background: #d301d3;
    Border-color: #d301d3;
    Color: white;
}

/* ====================================
   SUPPORT SECTION
==================================== */

.tigom-support {
    Margin-top: 70px;
    Border-radius: 24px;
    Overflow: hidden;
    Text-align: center;
    Padding: 50px 30px;
    Color: white;

    Background:
        Linear-gradient(
            135deg,
            #37517e 0%,
            #d301d3 100%
        );
}

.tigom-support h3 {
    Font-weight: 800;
    Margin-bottom: 18px;
}

.tigom-support p {
    Max-width: 700px;
    Margin: auto;
    Margin-bottom: 28px;
    Line-height: 1.8;
}

.tigom-support .btn {
    Border-radius: 14px;
    Padding: 14px 26px;
    Font-weight: 700;
}

/* ====================================
   MOBILE OPTIMIZATION
==================================== */

@media (max-width: 991px) {

    .tigom-card-title {
        Min-height: auto;
    }

    .tigom-description {
        Min-height: auto;
    }
}

@media (max-width: 768px) {

    .tigom-podcast-section {
        Padding: 50px 15px;
    }

    .tigom-podcast-title {
        Font-size: 1.8rem;
    }

    .tigom-toolbar {
        Flex-direction: column;
    }

    .tigom-search,
    .tigom-sort {
        Width: 100%;
    }

    .tigom-card img {
        Height: 220px;
    }

    .tigom-card-body {
        Padding: 20px;
    }

    .tigom-btn {
        Width: 100%;
    }

    .tigom-support {
        Padding: 40px 20px;
    }
}

@media (max-width: 576px) {

    .tigom-card img {
        Height: 200px;
    }

    .tigom-podcast-title {
        Font-size: 1.5rem;
    }

    .tigom-description {
        Line-height: 1.7;
    }
}