.elementor-5561 .elementor-element.elementor-element-a31b3ae .list-post{--list-p-media-width:30%;--list-p-media-max-width:85%;}.elementor-5561 .elementor-element.elementor-element-a31b3ae .loop{--grid-row-gap:15px;}.elementor-5561 .elementor-element.elementor-element-a31b3ae .l-post{--media-radius:5px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius:5px;overflow:hidden;}.elementor-5561 .elementor-element.elementor-element-a31b3ae .meta-below{margin:0px 0px -3px 0px;}.elementor-5561 .elementor-element.elementor-element-a31b3ae .post-title{font-size:22px;font-weight:700;letter-spacing:-0.4px;}/* Start custom CSS for smartmag-postslist, class: .elementor-element-a31b3ae */@media screen and (min-width: 940px)  {
.logo-image {
    max-width: 140px;
}
	
.listy .l-post {
    --media-radius: 5px 0px 0px 5px !important;
}

.list-card-post {
    --list-p-content-pad: 15px 30px 15px 30px;
}
}

@media screen and (max-width: 940px)  {
.logo-image {
    max-width: 185px;
}
	
.listy .l-post {
    --media-radius: 5px 5px 0px 0px !important;
}
	
.list-card-post {
    --list-p-content-pad: 15px 20px 15px 20px;
}
}

.smart-head-search .query {
    width: 200px;
    height: 35px;
    border-radius: 5px;
    background: #4a4a4a1c;

}

.spc-social .service:hover {
    color: #f9f9f9;
}

/* Targeting the text in all states */
.premium-meta-badge .premium-text,
.loop-overlay .premium-meta-badge .premium-text {
    background: linear-gradient(180deg, #FFDC73 0%, #E8B923 50%, #BF953F 100%) !important;
    -webkit-background-clip: text !important;
}

/* --- UPDATED Premium Badge Style (Fix for Hover & Overlay) --- */

/* Targeting the badge in all states, including within a .loop-overlay */
.premium-meta-badge,
.loop-overlay .premium-meta-badge {
    /* Reset the main container to be transparent */
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;

    /* Use flexbox to align the icon box and text */
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important; 
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/* Targeting the icon in all states */
.premium-meta-badge .premium-crown-icon,
.loop-overlay .premium-meta-badge .premium-crown-icon {
    background: #4B4B4B !important;
    padding: 1px !important; 
    border-radius: 3px !important;
    width: 16px !important; 
    height: 16px !important;
    color: #ffd700 !important;
    box-sizing: content-box !important;
    transition: background 0.2s ease !important; /* Added for a smooth hover effect */
}

/* Targeting the text in all states */
.premium-meta-badge .premium-text,
.loop-overlay .premium-meta-badge .premium-text {
    /* 1. Set the background to a golden gradient */
    background: linear-gradient(180deg, #FFDC73 0%, #E8B923 50%, #BF953F 100%) !important;
    /* 2. Clip the background to the text's shape */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    /* 3. Make the text color transparent to show the gradient */
    color: transparent !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* --- FIX for Hover State --- */

/* This rule ensures the main container remains transparent on hover */
.premium-meta-badge:hover {
    background: transparent !important;
}

/* This rule adds a new, subtle hover effect to the icon box itself */
.premium-meta-badge:hover .premium-crown-icon {
    background: #333 !important; /* Darkens the icon box slightly on hover */
}


.blacky .post-title {
    background-color: rgba(0, 0, 0, 0.75); /* Adjust the last value (0.8) for transparency */
    padding: 15px;
    color: white;
	  border-radius: 5px;
}

.overlay-post .content {
    padding: calc(5px + 1.4%);
}

/* Select the post card element */
.l-post.list-card-post {
    transition: transform 0.3s ease-in-out; /* This makes the hover effect smooth */
}

/* Apply the "grow" effect when the mouse hovers over it */
.l-post.list-card-post:hover {
    transform: scale(1.01); /* Adjust 1.05 to make it grow more or less */
    z-index: 10; /* Ensures the hovered card appears on top of others */
}


.rp-lead-form button {
    padding: 7px 10px 45px 10px !important;
}

.rp-download-box {
    border: 0 !important;
}

.rp-formatted-content {
    font-size: 17px !important;
}

.whp-formatted-content {
    font-size: 17px !important;
}

.cookie-btn {
    padding: 0px 30px;
  	height: 30px;
    line-height: 1;
}

#ai-voice-player-wrapper .total-time-display {
  margin-right: 0.5rem;
  margin-top: 20px;
}

#ai-voice-player-wrapper {
    --bg-secondary-light: #f1f5f9 !important;
}

#ai-voice-player-wrapper .modal-voice-list button {
    padding: 1px 20px;
}

#ai-voice-player-wrapper .summary-content {
  font-size: 0.95rem; /* Increased from 0.85rem */
}

#ai-voice-player-wrapper .summary-content .takeaways-list li {
  font-size: 0.95rem; /* Increased from inheriting smaller size */
}

/* Change OpenAI SVG color to #0096ff */
#ai-voice-player-wrapper .summary-icon-svg {
  filter: brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(3180%) hue-rotate(201deg) brightness(101%) contrast(101%) !important;
}

/* Ensure the color applies when button is in generated state */
#ai-voice-player-wrapper .summary-button.generated .summary-icon-svg {
  filter: brightness(0) saturate(100%) !important;
}


#ai-voice-player-wrapper .summary-title {
    font-size: 1.1rem !important;
}

.mobile-menu li a {
    max-width: calc(100% - 54px);
}

.cookie-consent-banner.bottom-right {
    display: none !important;
}

.media {
    target-new-tab: blank !important;
}/* End custom CSS */