@charset 'utf-8';
/*
 Theme Name:   Crown Art Child
 Theme URI:    http://crown-art.ancorathemes.com/
 Description:  Crown Art - Fully Responsive and Mobile Friendly theme
 Author:       AncoraThemes
 Author URI:   http://ancorathemes.com/
 Template:     crown-art
 Version:      1.0
 Tags:         light, inheritable theme-options
 Text Domain:  crown-art
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/*made it to remove course date and time*/
.sc_courses_item_meta_time,
.sc_courses_item_meta_date {
  display: none !important;
}

.sc_layouts_item.sc_layouts_hide_on_mobile.sc_layouts_hide_on_tablet {
    display: none !important;
}

.logo_image{
	max-height: 70px !important;
}
.hide-me {
  display: none !important;
}



/* 🔸 Remove the orange hover overlay on team members */
.sc_team .trx_addons_hover_mask {
  background-color: transparent !important;
  opacity: 0 !important;
}


/* remove spinner in contact us */
.wpcf7-spinner{
display: none !important
}


/*conmtact us */
.sc_googlemap_content{
	margin-left:50% !important;
}

.scheme_dark .sc_googlemap_content {
    background-color: rgba(208, 91, 45, 0.75) !important; /* 0.75 = 75% opacity */
}

.sc_googlemap_content_default {
	padding: 5.75em 1em 5.7em 1em !important;
}



.loading-spinner { 
    font-size:16px; 
    color:#ff8100; 
}

#radio-card {
    position:fixed;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    z-index:99999;
    display:flex;
    justify-content:center;
}

body.admin-bar #radio-card { 
    bottom:42px; 
}

#radio-card .media-controls {
    width:min(500px,100%);
    background:#fff6e8;
    border:1px solid #ffe6c7;
    border-radius:12px;
    padding:8px 12px;
    box-shadow:
        0 1px 2px rgba(255,138,0,.2),
        0 2px 4px rgba(255,138,0,.15);
    display:flex;
    justify-content:center;
}

.media-row {
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    justify-content:center;
}

#radio-card .media-button {
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    cursor:pointer;
}

#radio-card .button-icon {
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:linear-gradient(135deg,#fff,#fff7e4);
    border:1px solid #ffe6c7;
    font-size:16px;
    color:#ff8100;
}

.volume-slider {
    flex:1;
    height:4px;
    cursor:pointer;
    accent-color:#ff8100;
}

.now-playing {
    font-size:11px;
    color:#a35a00;
    font-weight:700;
    white-space:nowrap;
}

/* Hide native browser audio UI */
#radio-card audio {
    display:none !important;
}

/* Hide MediaElement.js default player if theme loads it */
.mejs-mediaelement, 
.mejs-container { 
    display:none !important; 
}








/* ===========================================
   FIX SONAAR STICKY PLAYER VERTICAL VOLUME SLIDER
   (Theme overrides jQuery UI classes)
=========================================== */

/* Fix container height */
#sonaar-player .ui-slider-vertical {
    width: 8px !important;
    height: 80px !important;   /* proper Sonaar size */
    background: #555 !important;
    border-radius: 4px !important;
    border: none !important;
    margin: 0 auto !important;
    position: relative !important;
}

/* Remove wrong theme backgrounds */
#sonaar-player .ui-slider {
    background: #444 !important;
    border: none !important;
}

/* Fix the draggable handle */
#sonaar-player .ui-slider-handle {
    width: 14px !important;
    height: 14px !important;
    background: #fff !important;
    border-radius: 50% !important;
    border: 2px solid #c9c9c9 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

/* Prevent theme from stretching slider vertically */
#sonaar-player .ui-widget-content {
    background: #444 !important;
    border: none !important;
}

/* Remove ALL TRX Addons interference */
#sonaar-player div.ui-slider,
#sonaar-player div.ui-slider-vertical,
#sonaar-player div.ui-widget-content,
#sonaar-player div.ui-widget {
    box-shadow: none !important;
    border-radius: 4px !important;
    border: none !important;
    background-image: none !important;
}


/* Remove the dark vertical bar behind the Sonaar volume slider */
#sonaar-player .ui-slider-vertical.ui-widget-content {
    background: transparent !important;
    border: none !important;
}



/*remove customize button for cookies*/
/* Hide Customize button in CookieYes banner */
button.cky-btn.cky-btn-customize,
.cky-btn-customize {
    display: none !important;
}

/* Optional: fix spacing after removing the button */
.cky-notice-btn-wrapper {
    gap: 12px !important;
}










/* Center and space the newsletter form */
.mc4wp-form .newsletter-form {
    max-width: 600px;          /* how wide the whole form can be */
    margin: 0 auto 40px;       /* center it + bottom space */
    display: flex;
    gap: 20px;                 /* space between input and button */
}

/* Make the email field stretch nicely */
.mc4wp-form .newsletter-form input[type="email"] {
    flex: 1 1 auto;
}

/* Keep button a nice size */
.mc4wp-form .newsletter-form input[type="submit"] {
    flex: 0 0 auto;
    padding: 16px 40px;        /* increase height/width of button */
}









.rplayer-cover img {
  content: url("https://firstmedia.pro/wp-content/uploads/2025/11/pervoe-radio.png") !important;
  object-fit: cover !important;
}

.rplayer-cover .dynamic-artwork, 
.rplayer-cover img[src*="metadata"], 
.rplayer-cover img[src*="cover"] {
  display: none !important;
}

.track-name {
    text-indent: -12px !important;
    padding-left: 12px !important;
}





/* Hide Sonaar sticky player minimize button */
.close.btn-player.sricon-down-arrow.enable {
    display: none !important;
}

.phone-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%; /* prevents overflow */
    margin-bottom: 15px; /* spacing under the phone field */
}

/* +961 prefix box */
.phone-prefix {
    background: #FBEFE4;
    padding: 0 16px;
    border: 1px solid #e0d4cd;
    border-right: none;
    border-radius: 30px 0 0 30px;
    font-weight: bold;
    color: #555;
    user-select: none;
    pointer-events: none;
    height: 50px;
    display: flex;
    align-items: center;
}

/* Phone input (same width and style as other inputs) */
.phone-wrapper .mo_phone {
    flex: 1;
    background: #FBEFE4 !important;
    border: 1px solid #e0d4cd !important;
    border-left: none !important;
    border-radius: 0 30px 30px 0 !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    box-sizing: border-box;
    max-width: calc(100% - 20px); /* ensures it fits gracefully */
}









/* Disable Sonaar hover zoom effect by hiding the hover image */
.album-art img.hover {
    display: none !important;
}



.post_counters_comments,
a.post_counters_comments,
a.post_meta_item.post_counters_item.post_counters_comments,
.trx_addons_icon-comment {
    display: none !important;
}
.post_meta_item:after,
.post_meta_item:before {
    content: none !important;
}