/*
Theme Name: Prabodhanam
Author: Midnay
Author URI: https://www.midnay.com
Version: 1.0
*/

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: 'Anek Malayalam', sans-serif;
}

h1,
p,
h2,
h3,
h4 {
    color: #333333;
}

a:hover {
    text-decoration: none !important;
}

ul {
    margin: 0px;
}

.container {
    width: 100%;
}

body {
    font-size: 12px !important;
    line-height: 1.7em;
    min-width: 320px;
    color: #000;
    background: none !important;
}

.blank_area {
    margin-top: 25px;
}

a.post-edit-link {
    display: none;
}


/* Header */
.logo {
    gap: 29px;
}

.logo img {
    display: block;
    margin: auto;
    width: 70%;
}

.logo-section {
    padding: 20px 0px 0px 0px;
}

/* .menu-section {
   background: #219BEE; 
}  */
.menu_end li {
    list-style: none;
}

/* Menu */
.top_menu_container {
    display: none;
}

.top_mobile-menu_conatiner {
    display: block !important;
}

/* Mobile menu */
.top_mobile-menu {
    overflow-x: hidden;
    height: auto;
    width: 100%;
}

.toggle {
    width: 40px;
    float: left;
    padding: 15px 0px;
}

.close_icon {
    width: 30px;
    float: left;
    padding: 15px 0px;
}

.top_mobile-menu ul.menu_end {
    display: flex;
    margin-left: auto;
    float: right;
}

.edition-date {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.edition-date span,
.islamic-date span {
    font-size: 13px;
    font-weight: 100;
    text-align: left;
    width: 100%;
    display: block;
    margin-top: -25px;
}

.islamic-date {
    text-align: right;
    float: right;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}

ul#menu-secondary-menu li,
ul#menu-secondary-menu-1 li {
    display: inline-block;
}

/*ul#menu-secondary-menu li:last-child, ul#menu-secondary-menu-1 li:last-child {*/
.subscription-button {
    font-size: 15.8px;
    padding: 20px 13px;
    margin-left: 5px;
    background: #1074b8;
    color: #fff;
}

ul#menu-secondary-menu li:first-child {
    /* padding: 11px 5px; */
}

ul#menu-secondary-menu-1 li:first-child {
    padding: 19px 0px;
}

/*ul#menu-secondary-menu li:last-child a, ul#menu-secondary-menu-1 li:last-child a {*/
.subscription-button a {
    color: #fff;
}

li.cart-menu {
    color: #fff;
    font-size: 14.8px;
    padding: 20px 4px;
}

li.cart-menu a {
    color: #00adef;
}

.menu_end .menu {
    display: flex;
    float: left;
    /* jikson edited */
    margin-bottom: 0px;
        align-items: center;
    margin-bottom: 0px;
    gap: 35px;
}

.mob-menu-items ul li {
    list-style: none;
    cursor: pointer;
    position: relative;
}

.mob-menu-items ul li a {
    color: #fff;
    padding: 10px 10px;
    display: block;
}

ul#menu-primary-menu-1 {
    position: relative;
    height: 100%;
    width: 100%;
    background: #219BEE;
    z-index: 7000;
    transition: width .4s;
    text-align: left;
}

.mob-menu-items ul li.current-menu-item {
    background-color: #00adef;
}

.mob-menu-items ul li.menu-item:hover {
    background-color: #00adef;
    color: #fff;
}

.menu_end {
    padding: 0px;
}

select.issue_date {
    background: #d8d8d8;
    padding: 7px 10px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border: none;
    font-size: 12px;
    width: 100%;
    width: 200px;
}

.issue_date option {
    width: 500px;
}

.top_mobile-menu_conatiner .logo {
    margin-bottom: 15px;
}

.modal-header .close {
    font-size: 26px !important;
}

.edition-date i {
    color: #1462BE;
    font-size: 12px;
}

/* footer */
.footer {
    background-color: #3f6279 !important;
    /* margin-top: 50px; */
}

.footer_desktop {
    padding-top: 30px;
    padding-bottom: 30px;
}

h5.wphmag-footer-title {
    text-transform: capitalize;
}

ul#menu-footer-menu li {
    list-style: none;
}

.footer h5 {
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 14px;
    font-size: 18px;
    letter-spacing: 2px;
}

.footer-logo-para {
    font-size: 16px;
    color: #666666;
    font-weight: 300;
    text-align: center;
}

.wphmag-footer-widget-one {
    text-align: center;
}

.footer a {
    color: #d5d5d5;
    text-decoration: none;
    line-height: 1.7em;
    font-size: 14.4px;
    font-weight: 300;
}

.footer a:hover {
    opacity: 0.8;
}

.copyright {
    color: #d5d5d5;
    padding-top: 30px;
    font-size: 12px;
}

.social_share {
    padding-top: 3px;
    /* color: #d5d5d5; */
    margin-bottom: 18px;
    font-size: 14.8px;

}

.social_share a {
    width: 30px;
    height: 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: #000 !important;
    padding: 10px;
}

.social_share span {
    /* width: 30px; */
    height: 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: #000;
}

.social_share .fa-brands {
    color: #000 !important;
}

.social_share a:hover {
    color: #000;
    opacity: 0.8;
    background-color: #00263e;
}


.footer_info {
    /* margin-top: 65px; */

    font-size: 16px;
}

.footer .last_row {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
}

.last_row_review {
    text-align: left;
}

.row.last_row a {
    color: #579aff;
}

.footer_info .col-lg-6 {
    padding: 0px;
}

/* Home page */

/* Cover story section */
.wphmag-cover-section .col-lg-5 .wphmag_cover_image {
    height: 350px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 140% auto !important;
}

.wphmag-cover-section .col-lg-5 {
    margin-bottom: 20px;
}

.wphmag-cover-section .col-lg-4 .wphmag_cover_image {
    height: 165px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
}

.wphmag-cover-section .col-lg-3 .wphmag_cover_image {
    height: 350px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 140% auto !important;
}

.block-row .wphmag_cover_image {
    min-width: 150px;
    height: 155px !important;
    margin-bottom: 0px !important;

}


.block-row .featured-title {
    font-size: 20px;
    /* padding: 10px; */
}

.block-row .wphmag_excerpt {
    font-size: 16px;
    /* padding: 10px; */
}

.block-row .block-text {
    width: 100%;
}

.block-row .section_line {
    /* padding: 0px !important; */
    border-top: 1px solid #eee;
    margin: auto;
}

.block-text .wphmag_excerpt a {
    color: #666666;
}

.block-text .wphmag_read_more {
    color: #666666;

}

.wphmag-cover-section .col-lg-4 li.wphmag_title,
.wphmag-cover-section .col-lg-3 li.wphmag_title {
    font-size: 18px;
    line-height: 1.7em;
}

ul.wphmag_cover_section li {
    list-style: none;
}

.col-5 .wphmag_tags {
    display: inline-block;
    background: #1074b8;
    padding: 10px;
    margin: 10px;
    color: #fff;
    position: absolute;
    top: 0;
}

.wphmag_tags a {
    color: #000000;
}

ul.wphmag_cover_section {
    background: #000000ad;
    margin-bottom: 0px;
    padding: 20px;
    color: #fff;
}

ul.wphmag_cover_section a {
    color: #fff;
}

li.wphmag_author {
    font-size: 13px;
    line-height: 1.7em;
}

.wphmag_tags {
    display: inline-block;
    background: #eee;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 10px;
    color: #000000;
    position: absolute;
    top: 15;
    font-size: 15px;
    z-index: 9;
}


.wphmaag-inner-col {
    padding: 0px;
}

.section_line {
    border-top: 1px solid #bcbcbc;
    /* padding-top: 16px; */
}

button.pdf-button {
    background: #1074b8;
    color: #fff;
    width: 98%;
    display: block;
    padding: 10px;
    border: none;
    margin-top: 0px;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

button.pdf-button a {
    color: #fff;
}

.pdf-image {
    width: 98%;
    max-height: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 5px;
}

.pdf-image-no-button {
    width: 98%;
    max-height: 440px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    margin-top: 5px;
}

.featured_row .wphmag_cover_image {
    height: 350px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
    object-fit: contain;
    margin-bottom: 20px;
}

a.featured-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    word-break: break-word;
}

.author_info a,
.author_by a {
    color: #000000;
    font-size: 12px;
    line-height: 1.7em;
}

.author_info {
    border-radius: 10px;
    background-color: #F3FAFF;
    width: 100%;

    /* padding: 20px; */
}

.row.featured_row {
    /* margin-bottom: 30px; */
}

.wpmag-three-col-section .wphmag_tags,
.wphmag_third_section .wphmag_tags {
    position: absolute;
    top: 9px;
    left: 9px;
    margin: 0px 0px 15px;
}

a.wphmag_read_more {
    color: #ff5b5b;
    font-size: 12px;
    line-height: 1.7em;
    margin-top: 8px;
    display: block;
}

.wphmag_third_section .wphmag_cover_image {
    height: 200px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
    object-fit: contain;
    /* margin-bottom: 15px; */
}

.wpmag-three-col-section .wphmag-small-section .col-4 .wphmag_cover_image {
    height: 65px;
    margin-bottom: 8px;
}

.wphmag_third_section hr {
    width: 90%;
}

.row.wphmag_two_col_row .col-12 {
    /* margin-bottom: 50px; */
}

.row.wphmag-cover-section .col-lg-4 .wphmag_tags,
.row.wphmag-cover-section .col-lg-3 .wphmag_tags {
    font-size: 12px;
}

.row.wphmag-cover-section .col-lg-5 li.wphmag_title {
    font-size: 21px;
    line-height: 1.7em;
    word-break: break-word;
}

li.wphmag_title {
    font-size: 15px;
    line-height: 1.7em;
    word-break: break-word;
}

.wpmag-three-col-section .col-lg-4 .wphmag_cover_image {
    height: 200px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
    object-fit: contain;
    margin-bottom: 15px;
}


.wphmag_excerpt {
    padding: 0px 10px 0px 10px;
    line-height: 22px;
    display: block;

    /* padding: 10px; */
}


a.wphmag_excerpt {
    color: #000;
}

.row.wphmag-cover-four-post,
.row.wphmag-cover-three-post,
.row.wphmag-cover-two-post {
    margin: 0px;
}

.row.wphmag-cover-three-post .col-lg-4 .wphmag_cover_image {
    height: 350px;
}

.row.wphmag-cover-two-post .col-lg-7 .wphmag_cover_image {
    height: 350px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 140% auto !important;
}

.row.wphmag-cover-section .col-lg-7 li.wphmag_title {
    font-size: 21px;
    line-height: 1.7em;
    word-break: break-word;
}


/* Related publications */
.featured_heading {
    font-size: 25px;
    margin-bottom: 24px;
    line-height: 1.7em;
    font-weight: 700;
    color: #1074B8;
    text-align: center;
}

.related-publications {
    background: #ffffff;
    padding-top: 40px;
    /* margin-top: 50px; */
}

.featured_container {
    padding-bottom: 40px;
}

/* carousel Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    /* margin-top: 20px; */
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* .slider {
    display: none;
}

.slider.slick-initialized {
    display: block;
} */
.latest-update {
    max-height: 80px;
    overflow: hidden;
    padding-left: 3px;
}

/* Single Post page */
.social_media_icons a.fa-brands,
a.fa-solid {
    padding: 12px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.social_media_icons a:hover {
    opacity: 0.8;

}

.social_media_icons a.fa-brands.fa-facebook-f {
    background-color: #1c4ed6;
    color: white;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 17px;
}

.social_media_icons a.fa-brands.fa-x-twitter {
    background-color: #47cbf5;
    color: white;
}

.social_media_icons a.fa-brands.fa-linkedin-in {
    background-color: #4e95ff;
    color: white;
}

.social_media_icons a.fa-solid.fa-print {
    background-color: #91CED7;
    color: white;
}

.social_media_icons a.fa.fa-whatsapp {
    background-color: #1dc222;
    color: white;
}

.social_media_icons {
    margin-top: 16px;
    margin-bottom: 16px;
}

.single_post_title {
    font-size: 35px;
    font-weight: 700;
    color: #333333;
    line-height: 1.4em;
    word-break: break-word;
}

.single_post_content p,
.single_post_content li {
    font-size: 16.8px;
}

.row.author_info {
    padding: 10px;
}

.singlepost_container .wphmag_tags {
    display: inline-block;
    background: #eee;
    padding: 5px 10px;
    margin: 15px 0px;
    color: #000;
    font-size: 15px;
    position: unset;
}

.singlepost_container .author_info a {
    font-size: 18px;
}

.single_author_by {
    font-size: 18px;
    padding-top: 2px;
}

.single_cover_image {
    height: 300px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 125% auto !important;
    margin-bottom: 20px;
}

.spacing_in_sidebar {
    /* margin-top: 25%; */
}

.comments_info input#submit {
    background: #3498db;
    border: none;
    float: right;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px !important;
    margin-top: 15px;
}

#secondary {
    background-color: #F3FAFF !important;
}

.wphmag_widget_recent_entries .wphmag_cover_image {
    height: 90px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 190% auto !important;
}

.wphmag_widget_recent_entries a.wphmag_title {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7em;
    word-break: break-word;
}

.wphmag_widget_recent_entries h3.widget-title {
    /* background: #3498db; */
    color: #000;
    padding: 23px 23px;
    font-size: 20px;
    margin-bottom: 0px;
}

.wphmag_widget_recent_entries ul {
    /* border-bottom: 1px solid #333; */
    padding: 20px;
    border-top: 0px;
}

.wphmag_widget_recent_entries ul {
    /* border-bottom: 1px solid #333; */
    padding: 20px;
    border-top: 0px;
}

.wphmag_widget_recent_entries .row {
    margin-bottom: 15px;
}

.wphmag_widget_recent_entries .row .col-8 {
    display: flex;
    align-items: center;
}

.wphmag-single-sidebar .wphmag_tags {
    position: unset;
    margin: 15px 0px;
}

.wphmag-single-sidebar a.featured-title {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7em;
    word-break: break-word;
}

.wphmag-single-sidebar .wphmag_cover_image {
    height: 65px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
}

.single_date {
    font-size: 14.4px;
    line-height: 1.7em;
    color: #777;
    /* padding-left: 20px; */
}

p.comment-form-comment label {
    display: block;
    font-weight: 700;
    color: #3b3b3b;
    font-size: 16px;
}

.comments_heading {
    display: none;
}

.comment-form-comment textarea {
    width: 100%;
    border: none;
    background: #e8e8e8;
}

.comments_info input {
    border: none;
    background: #e8e8e8;
    padding: 10px;
    margin: 10px;
}

.widget-container {
    list-style: none;
}

div.afr-normal {
    font-size: 14px;
}

div.afr-large {
    font-size: 19px;
}

div.afr-xlarge {
    font-size: 24px;
}

.sticky-left-container {
    margin: 0px;
    position: fixed;
    left: 0px;
    bottom: 34px;
    width: auto;
    z-index: 9;
    background: #000;
    padding: 5px;
}

.sticky-left-container div {
    cursor: pointer;
    border: 1px solid;
    text-align: center;
    width: fit-content;
    display: block;
    margin: 0px;
    margin-right: 5px;
    padding: 5px 10px;
    color: #fff;
    float: left;
}

.sticky-left-container div:last-child {
    margin-right: 0px;
}

.sticky-left-container div.active {
    background: #1074b8;
}

/* Contact Us */
.contact-section .fa {
    background-color: #00263e;
    color: #fff;
    width: 21px;
    height: 21px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    padding: 5px;
    margin-right: 5px;
}

span.wpcf7-form-control-wrap input,
span.wpcf7-form-control-wrap textarea,
span.wpcf7-form-control-wrap select {
    padding: 10px;
    background: #e8e8e8;
    border: none;
    width: 100%;
}

span.wpcf7-form-control-wrap textarea {
    height: 100px;
}

span.wpcf7-form-control-wrap {
    margin-bottom: 20px;
    display: block;
}

.contact-title {
    font-size: 48px;
    line-height: 1.7em;
    color: #333333;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
}

form.wpcf7-form h3 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 25px;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #219BEE;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    float: right;
}

hr.wp-block-separator {
    margin: 40px 0px;
}

.contact-section h2 {
    font-size: 25px;
    line-height: 40px;
}

.contact-section p {
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 40px;
}

.contact-section i.fa.fa-envelope {
    font-size: 10px;
}

.contact-section p a {
    color: inherit;
}

.page-id-21 .entry-content.generic_content {
    width: 85%;
    display: block;
    margin: auto;
}

.wp-block-column.contact-section {
    padding: 0px;
}

.subscription-title h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
}

.subscription-block h4 {
    font-size: 25px;
    margin-bottom: 20px;
}

span.two-year {
    color: #034774;
    font-weight: 700;
}

span.one-year {
    color: #3498db;
    font-weight: 700;
}

span.one-copy {
    color: #1fa1bc;
    font-weight: 700;
}

.subscription-block {
    margin-top: 20px;
}

/* Archive */
.issue-archive .wphmag_tags {
    position: unset;
}

.issue-year {
    background: #eee;
    color: #1074b8 !important;
    padding: 7px 20px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    float: right;
}

.issue-archive {
    margin-top: 40px;
}

.row.archive-section {
    margin: 20px 10px;
    width: 100%;
}

.archive-section .wphmag_issue_image {
    height: 520px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
    /* margin-bottom: 20px; */
    border-radius: 10px;
}

.archive-section .col-lg-3.col-12 {
    margin-bottom: 30px;
}

.archive-section .card {
    border-radius: 10px !important;
    /* margin-left: 5px !important; */
    background-color: #fff !important;
}

.row.archive-section a {
    color: inherit;
}

/* Spaeci issue */
.special-issue-section .wphmag_issue_image {
    height: 520px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100% auto !important;
    margin-bottom: 20px;
}

.special-issue-section a {
    color: inherit;
}


/* Pagination */

.dashboard-pagination {
    width: 100%;
    float: left;
    text-align: center;
}

span.page-numbers.current {
    padding: 5px 13px;
    background: #3498db;
    color: #fff;

    border: 1px #3498db solid;
    border-radius: 100%;

}

a.page-numbers {
    padding: 5px 13px;
    background: #fff;
    color: #000 !important;
    border: 1px #eee solid;

    border-radius: 100%;
}

a.page-numbers:hover {
    background: #3498db;
    color: #fff;
    border: none;
    border: 1px #3498db solid;
    border-radius: 100%;
}

/* About us */
h5.about-tag {
    display: inline-block;
    background: #1074b8;
    padding: 5px 10px;
    margin: 25px 0px 13px;
    color: #fff;
    font-size: 17px;
}

/*-----------Main Search-----------*/
.search-submit1 {
    width: 20%;
    height: 50px;
    padding: 7px;
    border: none;
    background: #1074b8;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    border: 1px solid #1074b8;
    letter-spacing: 1px;
    transition: background 500ms;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    text-transform: uppercase;
}

.search-submit1:hover {
    background: #1074b8;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    border: 1px solid #1074b8;
}

.search .search-page-form input.search-field {
    border: 1px solid #e4e4e4;
    padding: 7px 15px;
    width: 80%;
    float: left;
    height: 50px;
}

/*Search_form*/
li.top_search_form i {
    color: #333333;
}

.search_f_wrapper {
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    border-bottom: 1px solid #ccc;
}

.top_menu_margin {
    margin-bottom: 0px;
}

input.search_form_1_field {
    background-color: #fff;
    border: none;
    outline: none;
    color: #333;
    padding: 5px 0px 5px 0px;
    width: 92%;
    height: 90px;
}

input.search_form_1_field::placeholder {
    color: #333 !important;
    text-align: left;
    opacity: 1;
}

input.search_form_1_field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
}

input.search_form_1_field::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333;
}

input.search_form_1-submit {
    border: none;
    width: 16px;
    background: transparent;
    color: #333;
    outline: none;
}

label.search_form_1 {
    display: flex;
    justify-content: center;
}

input.search_form_1_field::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1;
    /* Firefox */
}

input.search_form_1_field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
}

input.search_form_1_field::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
}

/* 404 Page */
.error404 .page-header,
.error404 .page-content {
    text-align: center;
}

.error404 header.page-header {
    margin-top: 50px;
}

a.go-home {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px 25px;
    margin-bottom: 50px;
    margin-top: 25px;
    background-color: #cf007e;
    border-color: #cf007e;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff;
    display: inline-block;
}

a.go-home:hover {
    opacity: 0.8;
}

/* ------ Search result page ------- */

/*.cat_link{
    color: #333;
}
.cat_link:hover{
    color: #333;
}
.search_img img{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    object-fit: cover;
    padding-top: 58px;
}
.search_cat_tit{
    font-size: 19.2px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 8px;
    color: #333;
}
.search-form-desk {
    margin-top: 40px;
}
.desktop_search_posts .col-lg-7.cat_info, .desktop_search_posts .col-lg-5.col-sm-5 {
    float: left;
} */


/* Sign in Sign Up */

/*
 CSS for the main interaction
*/
.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: block;
}

/*
 Styling
*/


.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 18px;
    width: 64%;
    height: 2px;
}


.tabset>input:focus+label,
.tabset>input:checked+label {
    color: #219BEE;
}

.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #219BEE;
}

.tabset>input:checked+label {

    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.tab-panel {
    padding-bottom: 30px;

}

section#sign-in #username,
section#sign-in #password,
section#sign-up #first_name,
section#sign-up #last_name,
section#sign-up #bill_phone,
section#sign-up #email_address,
section#sign-up #web_password,
section#sign-up #sup_username {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 22px;
    margin-right: 10px;
    border: solid 1px #aaa;
}

section#sign-in #username::-webkit-input-placeholder,
section#sign-in #password::-webkit-input-placeholder,
section#sign-up #first_name::-webkit-input-placeholder,
section#sign-up #last_name::-webkit-input-placeholder,
section#sign-up #bill_phone::-webkit-input-placeholder,
section#sign-up #email_address::-webkit-input-placeholder,
section#sign-up #web_password::-webkit-input-placeholder,
section#sign-up #sup_username::-webkit-input-placeholder {
    text-align: left;
}

section#sign-in #username:-moz-placeholder,
section#sign-in #password:-moz-placeholder,
section#sign-up #password:-moz-placeholder,
section#sign-up #bill_phone:-moz-placeholder,
section#sign-up #password:-moz-placeholder,
section#sign-up #email_address:-moz-placeholder,
section#sign-up #web_password:-moz-placeholder,
section#sign-up #username:-moz-placeholder {
    /* Firefox 18- */
    text-align: left;
}

section#sign-in #username::-moz-placeholder,
section#sign-in #password::-moz-placeholder,
section#sign-up #first_name::-moz-placeholder,
section#sign-up #last_last::-moz-placeholder,
section#sign-up #bill_phone::-moz-placeholder,
section#sign-up #email_address::-moz-placeholder,
section#sign-up #password::-moz-placeholder,
section#sign-up #sup_username::-moz-placeholder {
    /* Firefox 19+ */
    text-align: left;
}

section#sign-in #username:-ms-input-placeholder,
section#sign-in #password:-ms-input-placeholder,
section#sign-up #last_name:-ms-input-placeholder,
section#sign-up #first_name:-ms-input-placeholder,
section#sign-up #bill_phone:-ms-input-placeholder,
section#sign-up #email_address:-ms-input-placeholder,
section#sign-up #web_password:-ms-input-placeholder,
section#sign-up #sup_username:-ms-input-placeholder {
    text-align: left !important;
}

section#sign-in input#stay-signed-in {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    top: 8px;
}

section#sign-in .login-special-sections-wrap .label-stay-signed-in {
    top: -2px;
    position: relative;
}

section#sign-in a.link-forgot-password {
    float: right;
}

section#sign-in .login-special-sections-wrap {
    margin-bottom: 14px;
}

section#sign-in input#tsc-login-submit,
section#sign-up button#tsc-member-register {
    width: 100%;
    padding: 10px 0px;
    background: #219BEE;
    border: #219BEE;
    color: #fafafa;
}

section#sign-in input#tsc-login-submit:hover,
section#sign-up button#tsc-member-register:hover {
    background: #00adef;
    border: #00adef;
}

section#sign-in p.not-member,
section#sign-up p.alredy-member {
    margin-top: 36px;
    text-align: center;
}

.adfree {
    background: #02aa8a;
    padding: 60px 42px;
    margin-top: 20px;
}

.adfree h3.adfree-header {
    color: #fff;
}

.adfree p.adfree-desc {
    margin-top: 24px;
    color: #fff;
    font-size: 18px;
}

ul.adfree-desc-list {
    color: #fff;
    list-style: none;
    font-size: 14px;
    margin-top: 26px;
    margin-bottom: 28px;
}

ul.checkmark li {
    font-size: 14px;
    /* this determines the size of the list text and therefore checkmark size */
    list-style-type: none;
    /* remove default list style */
    margin-bottom: 1em;
    /*  lists need to be able to breathe */
    padding: 0.25em 0 0 2.5em;
    /*  make room for the circle */
    position: relative;
    /*  because we want to position the circle in an absolute fashion */
}

ul.checkmark li:before {
    content: " ";
    /*  the circle itself is empty */
    display: block;
    font-size: 12px;
    border: solid 0.8em #fff;
    /*  create a colored area... */
    border-radius: .8em;
    /* ... and turn it into a circle  */
    height: 0;
    width: 0;
    position: absolute;
    /*  the circle is then put into place */
    left: 0;
    top: 40%;
    margin-top: -0.5em;
}

ul.checkmark li:after {
    content: " ";
    font-size: 14px;
    display: block;
    width: 0.4em;
    height: 0.7em;
    border: solid #02aa8a;
    border-width: 0 0.2em 0.2em 0;
    position: absolute;
    left: 7px;
    top: 42%;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-weight: 100;
}

.adfree span.strike-out-price {
    text-decoration: line-through;
    font-size: 20px;
    margin-right: 10px;

}

.adfree span.sale-price {
    font-size: 30px;
    margin-right: 10px;
    color: #fff;
    font-weight: 800;
}

.adfree span.period {
    margin-right: 10px;
    color: #fff;
    font-size: 28px;
}

.contact-details-wrap span.contact-detail {
    margin-right: 25px;
}

.contact-details-wrap {
    margin: 44px 10px;
}

.contact-thankyou-section-wrap {
    margin: 60px 0px;
}

li.login-menu.active {
    /* background-color: #00adef; */
}

li.login-menu:hover a {
    font-weight: bold;
}

/* PM login page */
.pmpro_login_wrap {
    display: block;
    margin: auto;
    width: 33.3%;
}

.pmpro_login_wrap form input {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 22px;
    margin-right: 10px;
    border: solid 1px #aaa;
    max-width: 100% !important;
}

.pmpro_login_wrap .login-remember input {
    width: auto;
}

/* login page */

#lwp_login_email .submit_button,
#lwp_activate .submit_button {
    background-color: #2473a7;
    border-color: #2473a7;
    color: #ffffff;

}

#lwp_login_email .submit_button:hover,
#lwp_activate .submit_button:hover {
    background-color: #00adef;
    border-color: #00adef;
}

form#lwp_login_email {
    padding-bottom: 70px;
}

/* native share */
.social-share-native svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.social-share-native button,
.social-share-native .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    /* color: #777; */
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
    padding: 10px;
}

.social-share-native button:hover,
.button:hover {
    border-color: #cdd;
}

.social-share-native .share-button,
.copy-link {
    padding-left: 30px;
    padding-right: 30px;
}

.social-share-native .share-button {
    margin: 10px 0px;
    margin: 0px;
    position: fixed;
    left: 0px;
    bottom: 86px;
    width: auto;
    z-index: 9;
    background: #1074b8;
    padding: 8px;
    color: #fff;
    border-color: #1074b8;
}

.social-share-native .share-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.social-share-native .share-dialog {
    display: none;
    width: 95%;
    max-width: 500px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .15);
    z-index: -1;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
}

.social-share-native .share-dialog.is-open {
    display: block;
    z-index: 2;
}

.social-share-native .targets {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.social-share-native .close-button {
    background-color: transparent;
    border: none;
    padding: 0;
}

.social-share-native .close-button svg {
    margin-right: 0;
}

.social-share-native .link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
}

.social-share-native .pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-dialog header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tablet-view {
    display: block;
}

.desktop-view {
    display: none;
}

/* Membership */
.pmpro_actionlinks {
    display: none;
}



/* Bookmark */
.bookmark_button,
.bookmark_remove_button,
.issue_bookmark_button,
.issue_bookmark_remove_button {
    margin-top: 10px;
    /* padding: 12px; */
    /* background-color: #fa8500; */
    border: none;
    /* border-color: #fa8500; */
    color: #000 !important;
    font-weight: 400;
    width: 100%;
    background-color: transparent;
    text-align: start;
    outline: none !important;
}

.fa-bookmark {
    float: right;
}

.issue_bookmark .issue_bookmark_remove_button .fa-bookmark,
.bookmark_div .bookmark_remove_button .fa-bookmark {
    color: #1074b8 !important;
}


.post-book-share .bookmark_remove_button.show_rmv,
.issue-book .issue_bookmark_remove_button.issue_show_rmv {
    display: block;
    width: 100%;
}

.post-book-share .bookmark_button,
.issue-book .issue_bookmark_button {
    /* display: none; */
}

.bookmark_button.show_bookmark,
.issue_bookmark_button.issue_show_bookmark {
    display: block;
    width: 100%;
}

.post-book-share .bookmark_remove_button,
.issue-book .issue_bookmark_remove_button {
    /* display: none; */
}

.arch-issue-date {
    color: #000;
}

/* Checkout page */
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: 100%;
}

.woocommerce .form-row {
    display: block;
}

span.woocommerce-input-wrapper input,
span.woocommerce-input-wrapper textarea {
    padding: 5px;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #333;
}

span.woocommerce-input-wrapper .select2-container--default .select2-selection--single {
    border-color: #333;
    height: 30px;
}

/* Payment page */

input#submit_worldline_payment_form {
    background-color: rgb(126, 82, 114);
    color: rgb(229, 224, 216);
    padding: 10px 10px 5px;
    margin: 5px 1px;
    border-radius: 5px;
    border: none;
}

a.button.cancel {
    padding: 10px 10px 5px;
    margin: 5px 1px;
    border-radius: 5px;
    border: none;
}

@media only screen and (max-width: 768px) {
    .logo-section {
        padding-bottom: 0px;
    }

    .wphmag-footer-widget-one {
        text-align: start;
    }

    .footer-logo-para {
        text-align: start;
    }

}


@media only screen and (min-width: 576px) {

    .edition-date span,
    .islamic-date span {
        font-size: 13px;
    }

    .edition-date {
        font-size: 15px;
        color: #333;
        padding: 12px 0px
    }

    select.issue_date {
        font-size: 13px;
        padding: 7px 20px;
    }

    .logo img {
        width: auto;
    }

    .archive-section .wphmag_issue_image,
    .special-issue-section .wphmag_issue_image {
        height: 615px;
    }

    .edition-date span,
    .islamic-date span {
        text-align: center !important;
    }

    .sticky-left-container {
        margin: 0px;
        position: fixed;
        left: 0px;
        top: 50%;
        width: auto;
        z-index: 9;
        background: #000;
        padding: 15px 10px 10px;
        bottom: unset;
    }

    .sticky-left-container div {
        cursor: pointer;
        border: 1px solid;
        margin-bottom: 10px;
        text-align: center;
        width: fit-content;
        display: block;
        margin: 0px auto 10px;
        padding: 5px 10px;
        color: #fff;
        float: none;
    }

    .social-share-native .share-button {
        left: 0px;
        bottom: 32px;
    }


}

@media only screen and (min-width: 768px) {
    /*ul#menu-secondary-menu li:last-child, ul#menu-secondary-menu-1 li:last-child {
        font-size: 15.8px;
        padding: 20px 13px;
        margin-left: 15px;
    }
    ul#menu-secondary-menu-1 li:first-child {
        padding: 19px 0px;
    }*/

    .archive-section .wphmag_issue_image,
    .special-issue-section .wphmag_issue_image {
        height: 420px;
    }

}

@media only screen and (min-width: 992px) {
    .logo img {
        display: block;
        margin: auto;
        width: 240px;
    }

    .menu {
        margin-bottom: 0px;
    }

    .top_menu ul li {
        list-style: none;
        padding: 10px 0px;
        cursor: pointer;
        display: inline-block;
        position: relative;
    }

    .top_menu ul li a {
        color: #FFF;
        text-decoration: none;
        font-size: 16px;
        letter-spacing: 1px;
        padding: 12px 0px;
    }

    .top_menu ul li.current-menu-item {
        /* background-color: #00adef; */
    }

    .top_menu ul li.menu-item:hover {
        /* background-color: #00adef; */
        color: #fff;
    }

    .top_menu ul li.menu-item:hover a {
        font-weight: bold;
    }

    .last_row_review {
        text-align: right;
    }

    /*ul#menu-secondary-menu li:last-child, ul#menu-secondary-menu-1 li:last-child {*/
    .subscription-button {
        background: #1074b8;
        color: #fff;
        font-size: 14.8px;
        /* margin-left: 20px; */
        padding: 12px;
    }

    .subscription-button a:hover {
        /* background: #095486 ; */
        color: #fff !important;

    }

    ul#menu-secondary-menu-1 li:first-child {
        padding: 11px 0px;
    }

    li.cart-menu {
        color: #fff;
        font-size: 14.8px;
        padding: 0px;
        /* margin-left: 8px; */
    }

    li.cart-menu a {
        color: #000000;
    }

    .wphmag-cover-section .col-lg-5 {
        margin-bottom: 0px;
    }

    .archive-section .wphmag_issue_image,
    .special-issue-section .wphmag_issue_image {
        height: 300px;
    }

    /* Menu */
    .top_menu_container {
        display: block;
    }

    .top_mobile-menu_conatiner {
        display: none !important;
    }

    .single_cover_image {
        min-height: 510px;
    }

    .tablet-view {
        display: none;
    }

    .desktop-view {
        display: block;
    }
}

@media only screen and (max-width: 992px) {

    .woocommerce-order-pay .header_main,
    .woocommerce-order-pay .footer,
    .woocommerce-order-received .header_main,
    .woocommerce-order-received .footer {
        display: none;
    }

    .blockUI.blockMsg.blockElement {
        width: fit-content !important;
        display: block !important;
        /* position: absolute; */
        margin: auto !important;
        left: 0px !important;
    }

    .woocommerce ul.order_details li {
        width: 40%;
    }
}

@media only screen and (min-width: 1200px) {
    .top_menu ul li {
        padding: 12px 0px;
    }

    .archive-section .wphmag_issue_image,
    .special-issue-section .wphmag_issue_image {
        height: 360px;
    }
}

/* jikson 2024 */
/* .logo-section {
    background: white !important;
} */

/* .menu-section {
    background: white !important;
} */

#menu-primary-menu a {
    color: #1074b8 !important;
}

.home-icon a {
    color: #1074b8 !important;
}

/* .top_menu ul li.current-menu-item {
    background-color: #ffffff !important;
} */

.top_menu ul li a {

    padding: 5px 5px;
    padding-right: 30px;
}

.subscription-button {
    padding: 8px 16px  !important;
    border-radius: 5px;
}

select.issue_date {
    /* background: #ffffff !important; */
    color: #1074b8 !important;
    border-radius: 5px !important;
    border: solid 1px #1074B8!important;
    color: #1074b8 !important;
    /* background: white url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23095486'><path d='M285.5 226.7l-127.6 128.3c-9.5 9.5-24.9 9.5-34.3 0L14 226.7c-9.4-9.4-9.4-24.6 0-33.9l22.8-23c9.4-9.4 24.6-9.4 34.3 0l83.3 83.7 83.3-83.7c9.4-9.4 24.6-9.4 34.3 0l22.8 23c9.5 9.3 9.5 24.5.1 33.9z'/></svg>") no-repeat right 10px center; */
    background-size: 15px 15px !important;
    background-position-x: 96% !important;
    background-position-y: 10px !important;
    background-repeat: no-repeat !important;
    background: url('src/downarrow.svg') no-repeat;
    background-position: right center;
}


select.issue_date:focus-visible {
    /* outline: none; */
    outline: 1px solid #eee;
    /* That'll show 'em */
}

.wp-dark-mode-active select.issue_date option {
    background: #232323;
}

.wp-dark-mode-active select.issue_date:focus-visible {
    outline: 1px solid #ddd;
}

.related-publications {
    /* background: #ffffff; */

}

.searchicon {

    max-width: 20px !important;
    max-height: 20px !important;

}

.wp-dark-mode-active .menu_end li a img {
    color: #000;
    margin: 10px;

}

.wphmag_cover_image {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 aspect ratio */
    position: relative;
    overflow: hidden;
    /* Ensures the zoomed image doesn't overflow the container */
    border-radius: 10px;
    object-fit: cover;
}

.wphmag_cover_image_update {
    background-size: cover;
    border-radius: 10px;
    height: 80px;
    width: 80px;
}

.no_image_update {
    background-image: url(./src/noImage.jpg);
    background-size: cover;
    border-radius: 8px;
    height: 80px;
    width: 80px;

}

.featured-title-update {
    width: 70%;
}

.video-section .wphmag_cover_image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    object-fit: cover;
    margin-bottom: 0px !important;
}

.wphmag_cover_image_small {
    background-size: cover;
    background-position: center;

    /* width: 400px; */
    padding-top: 70%;
    /* 16:9 aspect ratio */
    width: 100%;
    /* height: 100%; */
    position: relative;
    overflow: hidden;
    /* Ensures the zoomed image doesn't overflow the container */
    border-radius: 10px;
    object-fit: cover;
}



.wphmag_cover_image_small::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.8s ease-in-out;
    /* Smooth transition for the zoom effect */
}

.wphmag_cover_image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.8s ease-in-out;
    /* Smooth transition for the zoom effect */
}

.wphmag_cover_image:hover::before {
    transform: scale(1.1);
    /* Zoom in the background image on hover */
}

.wphmag_cover_image_small:hover::before {
    transform: scale(1.1);
    /* Zoom in the background image on hover */
}





/* homepage */
.wphmag-cover-two-post {
    /* background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    margin: 20px !important;
    padding: 20px !important; */
}



/* footer */
.footer {
    background-color: #ffffff !important;
}

.footer h5 {
    color: #15173D !important;
    font-size: 24px !important;
    letter-spacing: 0px !important;
}

.footer a {
    color: #666666 !important;
    text-decoration: none;
    line-height: 1.7em;
    font-size: 16px !important;
    font-weight: 300;
}

.footer_bg {
    border-top: 5px solid !important;
    border-image-slice: 1 !important;
    border-image-source: linear-gradient(to right, #EC1C24, #333994, #333994, #00B8F1) !important;
}

.social_share {
    display: flex;
    padding-top: 3px;
    color: #666666 !important;
    margin-bottom: 18px;
    font-size: 16px !important;
}

.social_share a {
    background-color: white !important;
    margin-right: 5px;
}

.social_share a:before {
    color: #15173D !important;
}

.box {
    height: 18px;
    width: 5px;
    background-color: #034774;
    margin: 5px 8px 0px 0px;
    border-radius: 5px;
}

.featured_container {
    padding-bottom: 90px !important;
}

/* video */
/* .video_section {
    display: flex;
    flex-wrap: wrap;
} */
.video {
    border: none;
}

.wphmag_cover_image {
    width: 100%;
    height: 10px;
    background-size: cover;
    background-position: center;
    /* margin-bottom: 15px; */
}

.no-image-sidebar {
    background-image: url(./src/noImage.jpg);
    width: 100%;
    height: 90px;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
}


.featured-title {
    font-size: 1.5rem;

    margin: 0px 10px 0px 10px;
    display: block;
}

.featured-title-update {
    color: #000;
    font-weight: 500;
    font-size: .8rem;
    text-wrap: pretty;
    margin: 0px 10px 0px 10px;
    display: block;
}

.wphmag_read_more {
    display: inline-block;
    margin-top: 10px;
    color: #007bff;
}

.col-lg-6,
.col-lg-12,
.col-sm-12,
.col-md-12,
.col-12 {
    padding: 15px;
}

.video-content {
    /* height: 100%; */
}

.video-content {

    /* align-items: center; */
    background-color: #fff;

    border-radius: 10px;
}

.video-content .featured-title {
    font-size: 1rem;
}

.video-section {
    background-color: #F3FAFF;
}

.blue-line {
    height: 18px;
    width: 4px;
    background-color: #0A76BE;
    border-radius: 10px;

}

.side-card {
    background-color: #F3FAFF;

}

.fa-shopping-cart {
    color: #1074B8;
    font-size: 16px;
}

.contri-img {
    background-size: cover;
    background-position: center center;
    width: 50px;
    height: 44px;
    border-radius: 12px;
}

.card-deck .card {
    border-radius: 12px !important;
    margin-left: 5px !important;
    background-color: #fff !important;

}

.inside-img {
    display: inline-block;
    /* width: 100%; */
    background: #eee;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 10px;
    color: #000000;
    position: absolute;
    bottom: 0px;
    font-size: 15px;
    z-index: 9;
    padding: 15px;
}

.inside-img .featured-title {
    font-size: 20px;
    margin: 0px;
}

.inside-img .wphmag_excerpt {
    display: block;
    width: 100%;
    padding-left: 0px;
}

.no_image {
    background-image: url(./src/noImage.jpg);


}

.icon-play {
    /* background: url(./src/play.png) no-repeat center center; */
    display: inline-block;
    position: absolute;
    background-size: 100px 100px;

    z-index: 9;

    width: 60px;
    height: 60px;
    font-size: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-play i {
    background: #095486;
    border-radius: 50%;
    border: none;
    /* font-size: 90px; */
    color: #eee;
    opacity: 0.6;
    float: left;
}

.icon-play i:hover {
    opacity: 1;
}

.icon-play-small {
    display: inline-block;
    position: absolute;
    background-size: 100px 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    /* padding: 15px; */
    width: 50px;
    height: 50px;
    font-size: 50px;
}

.icon-play-small i {
    background: #095486;
    border-radius: 50%;
    border: none;
    /* font-size: 50px; */
    color: #eee;
    opacity: 0.5;
    float: left;

}

.icon-play-small i:hover {
    opacity: 1;
}

.authors_span {
    color: #000;
}

/* .wphmag-small-section .col-12 {
    margin: 10px;
} */

/* loading */
#loading-overlay {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: none;
}

#loading-overlay img {
    width: 100%;
    height: 100%;
}

/* widget title strip */
/* .title-wrap {
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 200px; /* Adjust to control how much of the text is shown */
/* } */



@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1240px !important;
    }
}

.wphmag_second_section .card {
    background: none !important;
}

.wp-dark-mode-active body {
    background: #123 !important;
}

.customShadow {
    box-shadow: -1px 1px 39px 0px rgba(107, 107, 107, 0.10);
    -webkit-box-shadow: -1px 1px 39px 0px rgba(107, 107, 107, 0.10);
    -moz-box-shadow: -1px 1px 39px 0px rgba(107, 107, 107, 0.10);

}

.login-page {
    margin-top: 100px;
    margin-bottom: 120px !important;
}


/* SKELETON */
.skeleton {
    position: relative;
}

.skeleton::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(90deg, #eee, #f9f9f9, #eee);
    background-size: 200%;
    animation: skeleton 1s infinite reverse;
    border-radius: 10px;
    overflow: hidden;
}

html[data-wp-dark-mode-active] .skeleton::before {
    background: linear-gradient(90deg, #333, #272525, #333);
    animation: skeleton 1s infinite reverse;
}

@keyframes skeleton {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

/* SKELETON */

/* Position navigation buttons at the top of slick-slider */
.slick-slider {
    position: relative;
    max-height: 445px;
    overflow: hidden;

}

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 1;
    top: 30px;
    transform: translateY(-50%);
    background-color: #eee;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    border: none;
    color: #3E3232;
    outline: none !important;
}

.slick-prev {
    right: 60px;
}

.slick-next {
    right: 15px;
}

.slick-slider ul {
    display: none !important;
}

.slick-slider {
    overflow: hidden;
}

/* archive content title  */
.cat_title {
    font-size: 25px !important;
    color: #000;
    font-weight: 600;
}

.fa-search {
    color: #1074B8 !important;
    font-size: 16px !important;
}

.rounded-thumbnail {
    border-radius: 10px;
    /* Adjust the border radius value as needed */
}

.login-bg {
    background: url(./src/prabodhanam-login.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
}

.login_text {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
}

.login_text h2 {
    color: #ffffff;
    font-weight: bold;
}

.lwp_forms_login .the_lwp_input {
    border: none;
    background-color: #eee;
    border-radius: 5px;
    height: 40px;
    padding: 0px 10px;
}

.lwp_login_email {
    box-shadow: none !important;
}

.sidebar-latestUpdate-cover {
    width: 100%;
    height: 90px;
    background-size: cover;
    background-position: center;
    transition: all .5s ease;
    border-radius: 12px;
}

.single-post-sidebar {
    margin-top: 20px;
}

.single-contri {
    width: 55px;
    height: 55px;
}



/* my-account */
.woocommerce nav ul {
    list-style: none;
}

.woocommerce nav {
    /* min-height: 728px; */
}

.woocommerce nav ul li a {
    display: block;
    padding: 3px 0px;
}

.woocommerce nav ul li.is-active a {
    color: #0056b3;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 75%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
}

.woocommerce-MyAccount-navigation ul li a {
    text-align: center;
}

.woocommerce-MyAccount-navigation ul li {
    padding: 5px;

}

.woocommerce-MyAccount-navigation ul li:hover {
    background-color: #12314443;

}



/* Style the dropdown container */
.account {
    font-size: 15px;
    color: #1074b8;
    border: solid 1px #eee;
    /* background-color: #f1f1f1; */
    padding: 5px 8px;
    border-radius: 9px;
    margin: 0px 10px;
}

.dropdown-menu {
    width: 230px;
    /* Adjust width as needed */
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    /* Subtle shadow */
    background-color: white;
    border: none;
    overflow-x: scroll;
    /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.dropdown-menu::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.dropdown-menu {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    border: none !important;
    margin-top:15px !important;
    border-radius: 15px !important;
    /* Firefox */
}

/* Header Section for Profile Info */
.dropdown-header {
    display: flex !important;
    gap:11px;
    align-items: center;
    /* justify-content: center; */
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    background: #1074B8;
    padding: 12px 16px !important;
}
.membership-level{
    color: #EAEAEA !important;
    /* font-family: 'Inter',sans-serif; */
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.account-dropdown-item{
   padding: 10px 21px !important;
   border-bottom: 1px solid #f7f6f6 !important;
   border-radius: 0px !important;
   color: #000 !important;
   font-family: 'Inter',sans-serif !important;
   font-size: 12px !important;
   font-weight: 400 !important;
   text-transform: capitalize;
}
.account-dropdown-item a{
    color: #000 !important;
}
.dropdown-hover:hover {
    color: #1074b8 !important;
}
/* Profile Picture */
.user-img {
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    height:40px;
    width: 40px;
}

/* User Information */
.user-info a {
    font-family: 'inter',sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    color: #FFF;
    margin: 0;
}
.user-info a:hover{
    color: #FFF !important;
}
.user-info p {
    font-size: 14px;
    color: #FFF;
    margin: 0;
}

/* Style the individual dropdown items */
.dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    color: #333 !important;
    border-radius: 6px;
    transition: background-color 0.2s ease-in-out;
}

.dropdown-item:hover {
    background-color: #f1f1f1;
    /* Light background on hover */
    color: #1074b8 !important;
    cursor: pointer;
}

.dropdown-menu {
    background-color: #fff !important;
}

/* Sign Out button */
.dropdown-item:last-child {
    /* color: #1074b8;*/
    /* Google-like red for the sign-out button */
    /* font-weight: bold; */
}

/* Additional styles for responsiveness */
/* @media (max-width: 576px) {
    .dropdown-menu {
        width: 100%;
        
    }
} */

.content-archive {
    color: #161519;
    font-size: 14px;
}

.wphmag_tags_archive {
    display: inline-block;
    /* background: #eee; */
    padding: 5px 10px;
    border-radius: 4px;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-left: 15px;
}

.bg-archive {
    background-color: #f2f2f2;
    overflow: hidden;

}

@media screen and (min-width: 800px) {
    .idr_post_list {
        transition: transform 0.5s ease;
        transform: translateX(-33%);

    }

    .bg-archive:hover .idr_post_list {
        transform: translateX(0%);
    }
}

/* .side-archive{
    overflow: hidden;
}
.side-content-archive{
    transition: transform 0.5s ease;
    transform: translateX(-34%);
}
.side-archive:hover .side-content-archive{
    transform: translateX(0%);

} */
.cat_fea_img {
    /* transition: transform 0.3s ease;
    transform: translateX(-100%); */
}

.cat_fea_text {
    /* transition: transform 0.3s ease;
    transform: translateX(-100%); */
}


.archive-side-titile {
    font-size: 14px;
    /* font-weight: 500; */
    color: #000;
    text-wrap: pretty;
}

.authors_span_archive {
    position: absolute;
    top: 0px;
    color: #fff;
    width: 100%;
}

.cat_fea_img .wphmag_cover_image {
    position: relative;
}

.bookmark_post .wphmag_cover_image {
    height: 375px;
    width: 100%;
}

.bookmark_issue .issue-bookmark {
    /* height: 410px; */
    width: 100%;
    background-color: #fff !important;
}

.bookmark_issue .wphmag_issue_image {
    height: 375px;
    width: 100%;
    background-size: 100% auto !important;
    border-radius: 9px !important;
}

.issue_-date-bookmark {
    color: #000;
    font-size: 20px;
}

.post-bookmark {
    width: 100%;
    background-color: #fff !important;
}

.post-bookmark-text {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    background-color: #fff;

    margin: 0px;
    width: 100%;
    padding: 10px;
    /* bottom: 0px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.post-book-share .fa-bookmark {
    float: right;
}


@media (max-width: 576px) {
    .bookmark_post .wphmag_cover_image {
        height: 280px;
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;

    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    .woocommerce nav {
        min-height: 400px;
    }

    .ads-slider img {
        height: 250px !important;
        width: 360px !important;
    }

    .video-iframe iframe {
        width: 100%;
    }

    .custom-modal .modal-content {
        padding: 0px !important;
    }

}


@media (max-width: 768px) {
    .bookmark_post .wphmag_cover_image {
        height: 280px;
        width: 100%;
    }

}

@media (max-width: 1500px) {
    .ad-vertical.active {
        display: none !important;
    }

}

/* advertisement */
.ad-vertical {
    width: 102px;
    height: 502px;
    overflow: hidden;
    background-color: #eee;
    position: fixed;
    top: 100px;
    border: 1px solid #ddd;
    /* Add a border */
    /* box-shadow: 0px 4px 6px rgba(0,0,0,0.1); */
    display: none;
}

.ad-vertical-slider .slick-slide {
    margin: 0px !important;

}

.vertical-advertisement img {
    max-width: 100px !important;
}

.ad-vertical-slider .slick-slider {
    max-height: 500px !important;
}

.ad-vertical.active {
    display: block;
    /* Show popup */
}

.ad-vertical .ad-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 999;
}

.ad-horizontal {
    width: 970px;
    height: 92px;
    margin-bottom: 10px;
    position: relative;
    background-color: #eee;
    border: 1px solid #ddd;
    /* Add a border */
    /* box-shadow: 0px 4px 6px rgba(0,0,0,0.1); */
    display: none;
    overflow: hidden;
}


.ad-horizontal .ad-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 999;

}

.ad-horizontal.active {
    display: block;
    /* Show popup */
}

.horizontal-advertisement-slider .slick-slide {
    margin: 0px !important;

}

.horizontal-advertisement img {
    max-width: 970px !important;
}


.woocommerce-MyAccount-navigation {
    background-color: #f9f9f9;
    /* Light background */
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation li a {
    color: #0073e6;
    font-size: 18px;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation li a:hover {
    color: #004a99;
}

/* Style the My Account Content Area */


/* Customize Buttons */
.woocommerce-button {
    background-color: #0073e6;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
}

.woocommerce-button:hover {
    background-color: #004a99;
}

/* Style the Account Edit Form Container */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {}

/* Style the individual form fields */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="text"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="email"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="password"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="password"]:focus {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

/* Focused state for input fields */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="text"]:focus,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="email"]:focus,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="password"]:focus {
    border-color: #0073e6;
    /* Blue border on focus */
}

/* Style the labels */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm label {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}

.woocommerce-MyAccount-content {
    background-color: #f9f9f9;
    /* Light background */
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    font-size: 15px;


}

.mbr-dsply {
    border-bottom: solid #eee 1px;
    padding: 3px;
    font-size: 15px;
}

/* footer ad section */
.ads-slider {
    width: 100%;
    overflow: hidden;
}

.ads-slider .slide {
    text-align: center;
}

.ads-slider img {
    width: 580px;
    height: 400px;
    display: block;
    margin: 0 auto;
}

/* modal style */
.custom-modal {
    max-width: 774px !important;
    padding: 20px 30px !important;
}

.new-modal {}

.custom-modal .modal-content {
    border-radius: 38px !important;
    padding: 0 67px;
    border: 1px solid var(--borders-dividers-borders, #D1D5DB);
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 1px 3px 34px 0 rgba(0, 0, 0, 0.25);
}

.custom-modal-body h5 {
    color: var(--Text-Text-Primary, #111827);
    text-align: center;
    font-family: 'Lexend', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%;
    /* 33.44px */
}

.custom-modal-body p {
    color: var(--Text-Text-Secondary, #4B5563);
    text-align: center;
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 154%;
    /* 27.72px */
}

.custom-modal .modal-header,
.custom-modal .modal-footer {
    border-bottom: none !important;
    border-top: none !important;
    padding: 0 67px;
}

.custom-modal .modal-footer {
    justify-content: center !important;
    padding-bottom: 40px;
}

.custom-modal .modal-footer .later-btn {
    color: #1074B8;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 56px;
    border: 1px solid #1074B8;
    padding: 15px 40px;
}

.custom-modal .modal-footer .subscribe-btn {
    border-radius: 56px;
    background: #1074B8;
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px 40px;
}

.new-modal {
    /* background: rgba(0, 0, 0, 0.25) !important; */
    backdrop-filter: blur(7px) !important;
}

.islamic-date-text {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.login{
    border: 1px solid #1074B8;
    padding: 10px 16px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.login a{
    color: #1074B8;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}