/*
 Theme Name:   Vocal Child Theme
 Theme URI:    http://vocal.axiomthemes.com/
 Description:  Vocal Child Theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com/
 Template:     vocal
 Version:      1.0
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  vocal
*/


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

form button:not(.components-button), input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .wp-block-button__link, .sc_button:not(.sc_button_simple), .sc_form button, .sc_portfolio_preview_show .post_readmore, .trx_addons_scroll_to_top.trx_addons_scroll_to_top.trx_addons_scroll_to_top, .trx_addons_audio_player .trx_addons_audio_player_wrap .audio_now_playing, .widget_area.sc_widget_audio {
	border-radius: 3px;
}

body.home .elementor-widget-trx_sc_layouts_logo {opacity: 0;}

/* ----- Header Player ----- */

.header-player .sonaar-grid {
    display: flex;
    justify-content: space-between;
	background: #ffffff;
}

.header-player .iron-audioplayer[data-playertemplate="skin_float_tracklist"] .playlist .srp_tracklist {
	margin: 20px 0 0;
}

.tracklist-item-title {
    margin-left: 10px;
}

.header-player .iron-audioplayer .playlist {
    width: 100%;
}

.header-player h3.sr_it-playlist-title {
    padding-top: 24px;
    font-weight: 500;
    font-size: 17px;
    font-family: roboto;
    padding-left: 20px;
}
.sc_item_filters_align_left .sc_item_filters_tabs {
    max-width: 100%;
    justify-content: flex-start;
}

/* Portfolio Page Changes */
body.single-format-video .post_header_wrap_style_style-3 .post_featured + .post_header_single,
body.single-format-audio .post_header_wrap_style_style-3 .post_featured + .post_header_single {
	display: none;	
}

body.single-format-video .post_header_wrap .post_featured.with_thumb,
body.single-format-audio .post_header_wrap .post_featured.with_thumb {
	max-height: 50vh;
}

body.single-format-video.single_style_style-3 .content_wrap,
body.single-format-audio.single_style_style-3 .content_wrap {
    margin-top: -103px;
    padding: 0;
}

body.single-format-video .trx_addons_audio_player.with_cover .trx_addons_audio_player_wrap,
body.single-format-audio .trx_addons_audio_player.with_cover .trx_addons_audio_player_wrap {
	padding: 1em 2em;
}

body.single-format-audio .mejs-volume-button, 
body.home .mejs-button.mejs-volume-button.mejs-mute,
body.home .mejs-horizontal-volume-slider,
body.single-format-audio a.mejs-horizontal-volume-slider{
	display: none;
}

body[class*="blog_style_portfolio"] .posts_container {
	margin-bottom: 0;
}
.iron-audioplayer .playlist li {display: flex;}

.iron-audioplayer .playlist .sr-playlist-item-flex {width: 100%;}

/* The injected download button */
li.sr-playlist-item .srmp3-hover-download {
  opacity: 0;
  transition: opacity .2s ease;
  text-decoration: none;
  line-height: 1;
  z-index: 5;
  padding: 6px 8px;
  border-radius: 6px;
}

/* Show on hover */
li.sr-playlist-item:hover .srmp3-hover-download { opacity: 1; }

/* On touch devices, hover doesn't exist — show it always */
@media (hover: none) {
  li.sr-playlist-item .srmp3-hover-download { opacity: 1; }
}

 // ---------- CSS: make the control look/behave like other MEJS buttons ----------
  $css = <<<CSS
/* Keep positioning consistent with MEJS controls */
.mejs-controls .mejs-download-button {
  margin-left: 4px;
}

/* Button base (MEJS already styles buttons; this is just a nudge) */
.mejs-controls .mejs-download-button button {
  width: 32px;
}

/* Simple glyph icon. Swap for an SVG if you want. */
.mejs-controls .mejs-download-button button::before {
	font-size: 18px;
	font-family: "fontello"; 
	content: '\f515';
	font-style: normal; 
	letter-spacing: 0;
	font-weight: normal; 
	speak: never; 
	text-decoration: inherit;
	font-variant: normal; 
	text-transform: none; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
}

/* ----- Form Style ----- */
div.wpcf7 .form-style-jm input[type="text"], div.wpcf7 .form-style-jm input[type="number"], div.wpcf7 .form-style-jm input[type="email"], div.wpcf7 .form-style-jm input[type="url"], div.wpcf7 .form-style-jm input[type="tel"], div.wpcf7 .form-style-jm input[type="password"], div.wpcf7 .form-style-jm input[type="search"], div.wpcf7 .form-style-jm select, div.wpcf7 .form-style-jm textarea, div.wpcf7 .form-style-jm textarea.wp-editor-area {
	 padding: 0.6em;
	 -webkit-border-radius: 4px;
	 -ms-border-radius: 4px;
	 border-radius: 4px;
	 border: 2px solid;
}
 div.wpcf7 .form-style-jm .select_container, div.wpcf7 .form-style-jm textarea, div.wpcf7 .form-style-jm input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
	 margin-bottom: 0;
	 letter-spacing: 0.5px;
}
 div.wpcf7 .form-style-jm input[type="text"], div.wpcf7 .form-style-jm input[type="number"], div.wpcf7 .form-style-jm input[type="email"], div.wpcf7 .form-style-jm input[type="url"], div.wpcf7 .form-style-jm input[type="tel"], div.wpcf7 .form-style-jm input[type="password"], div.wpcf7 .form-style-jm input[type="search"], div.wpcf7 .form-style-jm select, div.wpcf7 .form-style-jm textarea, div.wpcf7 .form-style-jm textarea.wp-editor-area {
	 padding: 13px;
	 line-height: 1.5em;
	 border-radius: 4px;
	 border: 2px solid;
}
 div.wpcf7 .form-style-jm select {
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm select:focus {
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm input[placeholder]::-webkit-input-placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm textarea[placeholder]::-webkit-input-placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm input[placeholder]::-moz-placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm textarea[placeholder]::-moz-placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm input[placeholder]:-ms-input-placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm textarea[placeholder]:-ms-input-placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm input[placeholder]::placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm textarea[placeholder]::placeholder {
	 text-overflow: ellipsis;
	 opacity: 1;
	 color: var(--theme-color-inverse_text);
}
 div.wpcf7 .form-style-jm input[placeholder]:focus::-webkit-input-placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm textarea[placeholder]:focus::-webkit-input-placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm input[placeholder]:focus::-moz-placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm textarea[placeholder]:focus::-moz-placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm input[placeholder]:focus:-ms-input-placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm textarea[placeholder]:focus:-ms-input-placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm input[placeholder]:focus::placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm textarea[placeholder]:focus::placeholder {
	 opacity: 1;
	 color: var(--theme-color-input_dark);
}
 div.wpcf7 .form-style-jm .columns_wrap > [class*="column-"] {
	 padding-bottom: 24px;
}
 div.wpcf7 .form-style-jm .columns_wrap.margin-bottom > [class*="column-"] {
	 padding-bottom: 24px;
}
 div.wpcf7 .form-style-jm .style-line .wpcf7-form-control-wrap {
	 display: inline-block;
	 width: 100%;
}
 div.wpcf7 .form-style-jm .wpcf7-not-valid {
	 margin-bottom: 0 !important;
}
 div.wpcf7 .form-style-jm .wpcf7-not-valid + .wpcf7-not-valid-tip {
	 margin-top: 5px;
}
 div.wpcf7 .form-style-jm p {
	 margin: 0;
}
 div.wpcf7 .form-style-jm textarea {
	 height: 6.2em;
	 min-height: 4em;
	 margin-bottom: 0 !important;
}
 div.wpcf7 .form-style-jm .style-line {
	 position: relative;
	 display: inline-block;
	 width: 100%;
}
 div.wpcf7 .form-style-jm .style-line .line {
	 display: block;
	 height: 1px;
	 width: 100%;
	 position: relative;
	 background-color: var(--theme-color-text_dark_02);
	 z-index: 1;
	 margin-top: -1px;
}
 div.wpcf7 .form-style-jm .style-line .line:before {
	 content: "";
	 display: block;
	 width: 0;
	 height: 1px;
	 position: absolute;
	 left: 0;
	 top: 0;
	 z-index: 1;
	 background-color: var(--theme-color-text_dark);
}
 div.wpcf7 .form-style-jm .style-line input[type="text"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="number"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="email"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="url"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="tel"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="password"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="search"]:focus + .line:before, div.wpcf7 .form-style-jm .style-line select:focus + .line:before, div.wpcf7 .form-style-jm .style-line textarea:focus + .line:before, div.wpcf7 .form-style-jm .style-line textarea.wp-editor-area:focus + .line:before, div.wpcf7 .form-style-jm .style-line input[type="text"]:active + .line:before, div.wpcf7 .form-style-jm .style-line input[type="number"]:active + .line:before, div.wpcf7 .form-style-jm .style-line input[type="email"]:active + .line:before, div.wpcf7 .form-style-jm .style-line input[type="url"]:active + .line:before, div.wpcf7 .form-style-jm .style-line input[type="tel"]:active + .line:before, div.wpcf7 .form-style-jm .style-line input[type="password"]:active + .line:before, div.wpcf7 .form-style-jm .style-line input[type="search"]:active + .line:before, div.wpcf7 .form-style-jm .style-line select:active + .line:before, div.wpcf7 .form-style-jm .style-line textarea:active + .line:before, div.wpcf7 .form-style-jm .style-line textarea.wp-editor-area:active + .line:before {
	 width: 100%;
}
 div.wpcf7 .form-style-jm .style-line:hover .line:before {
	 width: 100%;
}
 div.wpcf7 .form-style-jm .style-line .wpcf7-not-valid ~ .line {
	 opacity: 0;
}
 div.wpcf7 .form-style-jm .style-line .wpcf7-not-valid + .line + span.wpcf7-not-valid-tip {
	 display: block;
}
 div.wpcf7 .form-style-jm .style-line[class*="icon-"] textarea, div.wpcf7 .form-style-jm .style-line[class*="icon-"] select, div.wpcf7 .form-style-jm .style-line[class*="icon-"] input {
	 padding-left: 36px;
}
 div.wpcf7 .form-style-jm .style-line[class*="icon-"]:before {
	 color: var(--theme-color-inverse_text);
	 display: block;
	 font-size: 20px;
	 font-weight: 400;
}
 div.wpcf7 .form-style-jm .style-line.icon-name:before {
	 content: '\e9ae';
}
 div.wpcf7 .form-style-jm .style-line.icon-email:before {
	 content: '\e9a3';
	 font-size: 16px;
	 margin-top: 1px;
}
 div.wpcf7 .form-style-jm .style-line.icon-phone:before {
	 content: '\e9b8';
}
 div.wpcf7 .form-style-jm .style-line.icon-subject:before {
	 content: '\e9cd';
	 font-size: 22px;
}
 div.wpcf7 .form-style-jm .style-line.icon-textarea:before {
	 content: '\e9e7';
	 font-size: 22px;
}
 div.wpcf7 .form-style-jm + div.wpcf7-response-output {
	 margin: 37px 0 0;
	 background-color: rgba(255, 255, 255, 0.9);
}
 div.wpcf7 .form-style-jm .wpcf7-list-item-label {
	 color: var(--theme-color-text);
}
 div.wpcf7 .form-style-jm .wpcf7-spinner + .acceptance, div.wpcf7 .form-style-jm .wpcf7-spinner + [data-name*="acceptance"], div.wpcf7 .form-style-jm .ajax-loader + .acceptance, div.wpcf7 .form-style-jm .wpcf7-spinner, div.wpcf7 .form-style-jm .ajax-loader {
	 display: inline-block;
	 padding: 0;
	 margin: 0 15px;
	 vertical-align: middle;
	 line-height: 1;
}
 div.wpcf7 .form-style-jm .wpcf7-spinner + .acceptance, div.wpcf7 .form-style-jm .wpcf7-spinner + [data-name*="acceptance"], div.wpcf7 .form-style-jm .ajax-loader + .acceptance {
	 margin: 12px 0;
}
 div.wpcf7 .form-style-jm input[type="checkbox"] + .wpcf7-list-item-label:before {
	 top: 0.4em;
	 border-color: var(--theme-color-text_dark_07);
}
 div.wpcf7 .form-style-jm input[type="checkbox"] + .wpcf7-list-item-label:hover:before {
	 border-color: var(--theme-color-text_dark);
}
 div.wpcf7 .form-style-jm span.wpcf7-not-valid-tip {
	 margin-top: 0;
	 position: relative;
	 bottom: -12px;
}
 .ua_firefox div.wpcf7 .form-style-jm input[type="checkbox"] + .wpcf7-list-item-label:before {
	 top: 0.37em;
}