#bottom_audio_player{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:#f7f7f7;
    border-top:1px solid #dcdcdc;
    padding:12px 20px;
    z-index:99999;

    display:none;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    
    font-family: "Montserrat", sans-serif;
}
.audio-title{
    white-space: inherit !important;
}
span.audio_play_error {
    width: 100%;
    float: left;
    clear: both;
    color: red;
    font-size: 13px;
}

/* =========================================
Left
========================================= */

#bottom_audio_player .audio-player-left{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:350px;
    
    font-family: "Montserrat", sans-serif;
}

/* =========================================
Play Button
========================================= */

#audio_play_pause{
    width:54px;
    height:54px;
    border:none;
    border-radius:50%;
    background:#4ec6d2;
    color:#fff;
    font-size:20px;
    cursor:pointer;

    font-family: "Montserrat", sans-serif;
}

/* =========================================
Time
========================================= */

#bottom_audio_player .audio-time{
    font-size:18px;
    color:#555;
    font-weight:600;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
Title
========================================= */

#bottom_audio_player .audio-title{
    font-size:20px;
    color:#333;
    font-weight:600;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
Center
========================================= */

#bottom_audio_player .audio-player-center{
    flex:1;
    font-family: "Montserrat", sans-serif;
}

#audio_seekbar{
    width:100%;
    cursor:pointer;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
Right
========================================= */

#bottom_audio_player .audio-player-right{
    display:flex;
    align-items:center;
    gap:10px;
    overflow:auto;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
Bookmark Buttons
========================================= */

#bottom_audio_player .bookmark-btn{
    border:1px solid #888;
    background:#fff;
    padding:10px 16px;
    cursor:pointer;
    white-space:nowrap;
    font-size:14px;
    font-family: "Montserrat", sans-serif;
}

#bottom_audio_player .bookmark-btn.active{
    background:#ece6df;
    font-weight:700;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
Bookmark Save
========================================= */

#bottom_audio_player .bookmark-save{
    width:46px;
    height:46px;
    border:1px solid #888;
    background:#fff;
    cursor:pointer;
    font-size:18px;
    font-family: "Montserrat", sans-serif;
}

#audio_toggle_section .play-bookmark-toggle i,
#audio_toggle_section .video-bookmark-toggle i {
    color: #FFF !important;
}

#audio_toggle_section .bookmark-toggle_book.o-bookmark-toggle,
#audio_toggle_section .bookmark-toggle_book.o-bookmark-toggle:hover{
    background: transparent;
    font-family: "Montserrat", sans-serif;
}

#audio_toggle_section .bookmark-toggle i,
.bookmark-toggle_book i{
    font-size: 28px;
    color:#777;
}

#audio_toggle_section .play-bookmark-toggle i,
#audio_toggle_section .video-bookmark-toggle i{
    font-size:28px;
    color:#FFF;
}

#audio_toggle_section{
    width:100%;
    max-width:900px;
    margin:40px auto;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Audio Item
========================================== */

#audio_toggle_section .audio-item{
    background:#f8f8f8;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Header
========================================== */

#audio_toggle_section .audio-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 25px;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Title
========================================== */

#audio_toggle_section .audio-title{
    font-size:22px;
    color:#333;
    line-height:1.6;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Toggle Button
========================================== */

#audio_toggle_section .bookmark-toggle{
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Icon
========================================== */

#audio_toggle_section .bookmark-toggle i,
.bookmark-toggle_book i{
    font-size:28px;
    color:#777;
    transition:0.3s;
}

#audio_toggle_section .bookmark-toggle.active i{
    color:#111;
    transform:rotate(180deg);
}

/* ==========================================
   Information Div
========================================== */

#audio_toggle_section .audio-information{
    display:none;
    border-top:1px solid #ddd;
    background:#fff;
    font-family: "Montserrat", sans-serif;
}

#audio_toggle_section .audio-information-inner{
    padding:5px 25px;
    font-size:16px;
    color:#444;
    line-height:1.8;
    font-family: "Montserrat", sans-serif;
}


#audio_toggle_section .audio-item{
    background:#f8f8f8;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:18px;
    border:1px solid #e5e5e5;
    transition:all 0.3s ease;
    font-family: "Montserrat", sans-serif;
}

/* Hover Effect */
#audio_toggle_section .audio-item:hover{
    background:#ffffff;
    transform:translateY(-3px);
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
    border-color:#d5d5d5;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Header
========================================== */

#audio_toggle_section .audio-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Title
========================================== */

#audio_toggle_section .audio-title {
	font-size: 18px;
	color: #333;
	line-height: 1.6;
	transition: 0.3s;
    font-family: "Montserrat", sans-serif;
}

/* Title Hover */
#audio_toggle_section .audio-item:hover .audio-title{
    color:#111;
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Actions
========================================== */

#audio_toggle_section .audio-actions{
    display:flex;
    align-items:center;
    gap:12px;
    font-family: "Montserrat", sans-serif;
}

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

#audio_toggle_section .bookmark-toggle,
.bookmark-toggle_book{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#746b61;
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.3s ease;
    font-family: "Montserrat", sans-serif;
}

/* Button Hover */
#audio_toggle_section .bookmark-toggle:hover,
bookmark-toggle_book:hover{
    background:#222;
    transform:scale(1.08);
    font-family: "Montserrat", sans-serif;
}

/* ==========================================
   Icons
========================================== */

#audio_toggle_section .bookmark-toggle i{
    font-size:18px;
}

/* ==========================================
   Information Div
========================================== */

#audio_toggle_section .audio-information{
    display:none;
    border-top:1px solid #e5e5e5;
    background:#fff;
    font-family: "Montserrat", sans-serif;
}

#audio_toggle_section .audio-information-inner{
    padding:16px 22px;
    font-size:15px;
    line-height:1.8;
    color:#555;
    font-family: "Montserrat", sans-serif;
}


.full-width-content{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    font-family: "Montserrat", sans-serif;
}

.full-width-content #primary{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    font-family: "Montserrat", sans-serif;
}

.full-width-content #content{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
    font-family: "Montserrat", sans-serif;
}

/* Remove OceanWP Sidebar Space */

.content-area,
.site-content{
    width:100% !important;
    font-family: "Montserrat", sans-serif;
}

/* Optional */
#main{
    width:100%;
    max-width:100%;
    font-family: "Montserrat", sans-serif;
}


/* =========================================
MAIN
========================================= */

#pravachane_listing_main{
    width:100%;
    max-width:1200px;
    margin:40px auto;
    
    font-family: "Montserrat", sans-serif;
}

.pravachane-filter-wrap {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 35px;
    font-family: "Montserrat", sans-serif;
}
.pravachane-filter-box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 25%;
	flex: 25%;
    font-family: "Montserrat", sans-serif;
}
.pravachane-filter-box label {
	background: #68d0d2;
	color: #495057;
	padding: 5px 14px;
	font-size: 14px;
	min-width: auto;
	line-height: 1.8;
	border-radius: .25rem 0 0 .25rem;
	display: flex;
	
    font-family: "Montserrat", sans-serif;
}
.pravachane-filter-box select {
	height: calc(1.7em + .75rem + 2px);
	padding: 0 15px;
	background: #fff;
	border: 1px solid #ced4da;
	border-radius: 0 .25rem .25rem 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	flex: 1 1 auto;
	width: 1%;
	
    font-family: "Montserrat", sans-serif;
}
#pravachane_reset_filter {
	width: 34px;
	height: 34px;
	border: none;
	background: #46a2bb;
	color: #fff;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
    margin-left: 10px;
    font-family: "Montserrat", sans-serif;
}
#pravachane_reset_filter:hover {
	background: #2a6271;
	color: #fff;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
TABLE
========================================= */
.shabda-search-op {
	display: flex;
    font-family: "Montserrat", sans-serif;
}
#shabda_search {
	
    font-family: "Montserrat", sans-serif;
}
.pravachane-table{
    width:100%;
    border-collapse:collapse;
    font-family: "Montserrat", sans-serif;
}

.pravachane-table thead th {
	padding: .75rem;
	text-align: left;
	font-size: 14px;
	border-bottom: 2px solid #dee2e6;
	color: #212529;
	line-height: 1.2;
	
    font-family: "Montserrat", sans-serif;
}
.pravachane-thumb {
	width: 200px !important;
	display: flex;
	align-items: center;
	gap: 10px;
    font-family: "Montserrat", sans-serif;
}
.pravachane-thumb img {
	width: 50px !important;
    font-family: "Montserrat", sans-serif;
}
.pravachane-thumb a {
	color: #46a2bb;
    font-family: "Montserrat", sans-serif;
}
.pravachane-table tbody td {
	padding: .75rem;
	border-bottom: 1px solid #dee2e6;
	vertical-align: top;
	font-size: 15px;
	line-height: 1.4;
	color: #212529;
    font-family: "Montserrat", sans-serif;
}
.pravachane-table tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05);
    font-family: "Montserrat", sans-serif;
}

.pravachane-table tbody tr:hover{
    background:#f7f7f7;
    font-family: "Montserrat", sans-serif;
}

.pravachane-thumb{
    width:40px;
    font-family: "Montserrat", sans-serif;
}

.pravachane-thumb img{
    width:100%;
    font-family: "Montserrat", sans-serif;
}

/* =========================================
LOAD MORE
========================================= */

.pravachane-loadmore-wrap{
    text-align:center;
    margin-top:35px;
    font-family: "Montserrat", sans-serif;
}

#pravachane_load_more{
    min-width:220px;
    height:52px;
    border:none;
    background:#43a8c5;
    color:#fff;
    font-size:18px;
    cursor:pointer;
    font-family: "Montserrat", sans-serif;
}

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

@media(max-width:991px){
.pravachane-filter-wrap {
	flex-direction: column;
    font-family: "Montserrat", sans-serif;
}
.pravachane-filter-box {
	max-width: 100%;
	flex: 100%;
    width: 100%;
    font-family: "Montserrat", sans-serif;
}
.pravachane-filter-box select {
	flex: 25%;
	width: 1%;
    font-family: "Montserrat", sans-serif;
}
    
}
@media(max-width:767px){

    .pravachane-filter-wrap{
        flex-direction:column;
    font-family: "Montserrat", sans-serif;
    }

    .pravachane-filter-box{
        width:100%;
    font-family: "Montserrat", sans-serif;
    }


    .pravachane-table-wrap{
        overflow:auto;
    font-family: "Montserrat", sans-serif;
    }

    .pravachane-table{
        min-width:900px;
        font-family: "Montserrat", sans-serif;
    }

    
}















/* =========================================
Mobile
========================================= */

@media(max-width:767px){
    #audio_toggle_section .audio-header{
        padding:14px 15px;
        gap:12px;
        font-family: "Montserrat", sans-serif;
    }

    #audio_toggle_section .audio-title{
        font-size:15px;
        font-family: "Montserrat", sans-serif;
    }

    #audio_toggle_section .bookmark-toggle{
        width:36px;
        height:36px;
        font-family: "Montserrat", sans-serif;
    }

    #audio_toggle_section .bookmark-toggle i{
        font-size:14px;
    }

    #audio_toggle_section .audio-information-inner{
        padding:14px 15px;
        font-size:13px;
        font-family: "Montserrat", sans-serif;
    }

    #audio_toggle_section .audio-header{
        padding:15px;
        font-family: "Montserrat", sans-serif;
    }

    #audio_toggle_section .audio-title{
        font-size:16px;
        font-family: "Montserrat", sans-serif;
    }

#audio_toggle_section .bookmark-toggle i {
	font-size: 14px;
}
    #audio_toggle_section .audio-information-inner{
        padding:14px 15px;
        font-size:14px;
        font-family: "Montserrat", sans-serif;
    }
    .custom-audio-player {
	gap: 15px;
	padding: 0 15px;
	flex-direction: column;
    font-family: "Montserrat", sans-serif;
}
.bookmark-tags button {
	padding: 5px 10px;
	font-size: 13px;
    font-family: "Montserrat", sans-serif;
}
.bookmark-save-btn {
    height: auto;
    font-family: "Montserrat", sans-serif;
}

    #bottom_audio_player{
        flex-direction:column;
        align-items:flex-start;
        padding:15px;
        font-family: "Montserrat", sans-serif;
    }

    #bottom_audio_player .audio-player-left{
        min-width:100%;
        width:100%;
        font-family: "Montserrat", sans-serif;
    }

    #bottom_audio_player .audio-player-center{
        width:100%;
        font-family: "Montserrat", sans-serif;
    }

    #bottom_audio_player .audio-player-right{
        width:100%;
        font-family: "Montserrat", sans-serif;
    }

    
}