`/*
Theme Name: Euphony Child
Theme URI: https://catchthemes.com/themes/euphony/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Euphony is a free music WordPress theme crafted beautifully for musicians and bands. It comes with a minimalistic, interactive and super elegant concept. Euphony has been made to be versatile within the music industry and fun to play with. This theme is power packed with astounding features like Featured Content, Featured Slider, Hero Content, Sticky Playlist, Services, Portfolio, Testimonials, and more. All of these features in Euphony allows you to tweak your music website the way you like. Euphony is an ideal solution for musicians, solo artists, bands, podcasts, music blogs; you just name it, the theme helps you realize all your ideas. The theme is completely responsive and thus compatible with all kinds of modern browsers. To top it all, the theme is translation-ready. If you want advance music features, check out the premium version, Euphony Pro. If you have any technical queries, feel free to post in our Support Forum at https://catchthemes.com/support/, theme instructions at https://catchthemes.com/themes/euphony/#theme-instructions and Demo at https://catchthemes.com/demo/euphony/.
Template: euphony
Version: 1.4.6
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: euphony
*/

html {
    font-family: "Lucida Grande", "Lucida Sans Unicode", 'PT Sans', Arial, Helvetica, sans-serif;
}

pre {
    font-family: "Lucida Grande", "Lucida Sans Unicode", 'PT Sans', Arial, Helvetica, sans-serif;
}

code,
kbd,
samp {
    font-family: "Lucida Grande", "Lucida Sans Unicode", 'PT Sans', Arial, Helvetica, sans-serif;
}

button,
input,
optgroup,
select,
textarea {
    font-family: "Lucida Grande", "Lucida Sans Unicode", 'PT Sans', Arial, Helvetica, sans-serif;
}


.draggable-element {
  user-drag: none;
}

body{
    user-select: none;
}

body,
button,
input,
select,
textarea {
    font-family: 'PT Sans', "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}



.section-subtitle {
	font-weight: 700;
	line-height: 1.13;
	text-transform: capitalize;
}

.promotion-section .section-title {
    font-family: "Lucida Grande", "Lucida Sans Unicode", 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
	letter-spacing: 0.0625em;
	text-transform: capitalize;
}


code,
kbd,
tt,
var,
samp {
	font-family: Inconsolata, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
}

pre {
	font-family: Inconsolata, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.post-navigation .nav-subtitle {
	letter-spacing: 0.083em;
	margin-bottom: 0.583em;
	text-transform: capitalize;
}

.posts-navigation a,
#content #infinite-handle span button,
.header-media .more-link .readmore,
#feature-slider-section .more-link .readmore,
#hero-section .more-link .readmore,
.promotion-section .more-link .readmore {
	text-transform: capitalize;
}

.site-title {
	text-transform: capitalize;
}

.site-description {
	text-transform: capitalize;
}

.more-link .readmore {
	text-transform: capitalize;
}

.sticky-post {
	text-transform: capitalize;
}

.comment-reply-link {
	text-transform: capitalize;
}

.comment-form label {
	text-transform: capitalize;
}

.portfolio-content-wrapper .entry-header .entry-meta {
	text-transform: capitalize;
}

.events-content-wrapper .date-week-day {
	text-transform: capitalize;
}

.media-embed-details .setting .remove-setting,
.media-embed-details .setting p {
	text-transform: capitalize;
}

.contact-details li .contact-details-label,
.contact-content-wrapper form p > label {
	text-transform: capitalize;
}

.stats-content-wrapper .entry-header .entry-meta {
	text-transform: capitalize;
}

.onsale {
	text-transform: capitalize;
}

.woocommerce .product-container .wc-forward {
	text-transform: capitalize;
}

.site-header-cart .cart-contents {
	text-transform: capitalize;
}

.woocommerce form label {
	text-transform: capitalize;
}

.demo_store .woocommerce-store-notice__dismiss-link {
	text-transform: capitalize;
}

.custom-header-content {
	top: 10%;
}

.has-header-image.home .custom-header,
.has-header-video.home .custom-header {
	display: table;
	height: 120px;
	height: 70vh;
}

.custom-header-overlay {
    height: 40%;
}

.custom-header .wrapper:before {
    height: 40%;
}

.has-header-video .custom-header-media .wp-custom-header video,
.has-header-video .custom-header-media .wp-custom-header iframe {
/*	height: auto;*/
	min-height: 40%;
	top: 20%;
}

.form-allowed-tags code {
	font-family: Inconsolata, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#euphony-logo-slider-section .owl-dots,
#testimonial-content-section .owl-dots {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}


.star-rating {
	font-family: 'star', "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}


p.stars a:before {
	font-family: 'star', "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 200; /*700;*/
	line-height: 1.0;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1 /*,
.textwidget h1*/ {
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.0;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2 /*,
.textwidget h2*/ {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.0;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3 /*,
.textwidget h3*/ {
	font-size: 14px;
	font-size: 1.0rem;
	line-height: 1.0;
}

.entry-content h4,
.comment-content h4 /*,
.textwidget h4*/ {
	font-size: 13px;
	font-size: 0.8rem;
}

.entry-content h5,
.comment-content h5 /*,
.textwidget h5*/ {
	font-size: 12px;
	font-size: 0.8rem;
}

.entry-content h6,
.comment-content h6 /*,
.textwidget h6*/ {
	font-size: 11px;
	font-size: 0.8rem;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1 /*,
.textwidget h1*/ {
	font-size: 20px;
	font-size: 1.5rem;
}

.woocommerce-posts-wrapper .entry-title,
.woocommerce .related.products > h2,
.entry-content h2,
.entry-summary h2,
.comment-content h2 /*,
.textwidget h2*/ {
	font-size: 18px;
	font-size: 1rem;
}

#site-generator .social-navigation a,
.entry-content h3,
.entry-summary h3,
.comment-content h3 /*,
.textwidget h3*/ {
	font-size: 16px;
	font-size: 1rem;
}

.entry-content h4,
.comment-content h4 /*,
.textwidget h4*/ {
	font-size: 14px;
	font-size: 0.8rem;
}

.entry-content h5,
.comment-content h5 /*,
.textwidget h5*/ {
	font-size: 13px;
	font-size: 0.8rem;
}

.entry-content h6,
.comment-content h6 /*,
.textwidget h6*/ {
	font-size: 12px;
	font-size: 0.8rem;
}

#app-section.content-frame .entry-container-frame {
	background-color: rgba(0,0,0,0.65);
}


/* Page Background Color */
#page,
.menu-inside-wrapper,
#primary-search-wrapper .search-container,
.site-header-cart .widget_shopping_cart,
.section:nth-child(2n+1)#testimonial-content-section .section-content-wrapper .hentry-inner,
body .wp-playlist-item:nth-child(2n+1),
.woocommerce-account .woocommerce-MyAccount-navigation a {
	background-color: rgba(0,0,0,0.65);
}

.section:nth-child(2n+1) .hero-content-wrapper .post-thumbnail-background {
	border-color: rgba(0,0,0,0.65);
}

@media screen and (min-width: 64em) {
	.navigation-classic .main-navigation ul ul {
		background-color: rgba(0,0,0,0.65);
	}
}


/* Secondary Background Color */
.header-media .wrapper,
#feature-slider-section,
.section:nth-child(2n+1),
.main-navigation ul :hover > a,
.main-navigation ul .focus > a,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
body .wp-playlist {
		background-color: rgba(0,0,0,0.65);
}

@media screen and (min-width: 75em) {
	.navigation-classic .main-navigation ul ul :hover > a,
	.navigation-classic .main-navigation ul ul .focus > a {
		background-color: rgba(0,0,0,0.65);
	}
}

/* 70% of Secondary Background Color */
.promotion-section.content-frame .entry-container-frame {
		background-color: rgba(0,0,0,0.65);
}

/* Tertiary Background Color */
hr,
pre,
select,
.tagcloud a,
.author-info,
.comment-respond,
#primary-menu-wrapper #site-header-cart-wrapper,
#contact-section .hentry.contact-us-form,
#testimonial-content-section .section-content-wrapper .hentry-inner,
body .wp-playlist-item:hover,
body .wp-playlist-item:focus,
body .wp-playlist-item:nth-child(2n+1):hover,
body .wp-playlist-item:nth-child(2n+1):focus,
.wp-audio-shortcode.euphony-mejs-container.mejs-container .mejs-controls,
.wp-playlist,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.demo_store,
p.no-comments,
ul.wc_payment_methods .payment_box,
.widget_price_filter .price_slider_wrapper .ui-widget-content {
		background-color: rgba(0,0,0,0.65);
}

.euphony-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
		background-color: rgba(0,0,0,0.65);
}

.hero-content-wrapper .post-thumbnail-background {
		background-color: rgba(0,0,0,0.65);
}


/* Playlist Dark */
body .wp-playlist.wp-playlist-dark,
#sticky-playlist-section .wp-playlist-dark .wp-playlist-tracks {
		background-color: rgba(0,0,0,0.65);
}

#sticky-playlist-section .wp-playlist-dark,
.wp-playlist-dark .mejs-container,
.wp-playlist-dark .wp-playlist-current-item,
.wp-playlist-dark .mejs-container .mejs-controls,
body .wp-playlist-dark .wp-playlist-item:hover,
body .wp-playlist-dark .wp-playlist-item:focus {
		background-color: rgba(0,0,0,0.65);
}

/* Player */
#sticky-playlist-section,
.euphony-mejs-container.mejs-container,
#sticky-playlist-section .wp-playlist,
#sticky-playlist-section .wp-playlist-tracks {
		background-color: rgba(0,0,0,0.65);
}

#sticky-playlist-section .wp-playlist-item:nth-child(2n+1) {
		background-color: rgba(0,0,0,0.65);
}

.site-info {
	font-size: 0px;
	font-size: 0.5rem;
	text-align: left;
	height: 0px;
	width: 20px;
}

.site-description {
	font-size: 9px;
	font-size: 0.6rem;
	color: #999999;
}

.site-info a:hover,
.site-info a:focus {
	text-decoration: none;
	color: #111111; /*#777777*/;
}

/* Secondary Link Color */
.site-info,
.site-info a {
	color: #111111; /*#888888;*/
}

#colophon.has-background-image .site-info
#colophon.has-background-image .site-info a {
	color: rgba(128,128,128,0.75);
}

.textwidget h1 {
	font-size: 12px;
	font-size: 1rem;
	line-height: 1.0;
}

.textwidget h2 {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.0;
}

.textwidget h3 {
	font-size: 8px;
	font-size: 0.5rem;
	line-height: 0.8;
}

.textwidget h4 {
	font-size: 7px;
	font-size: 0.5rem;
}

.textwidget h5 {
	font-size: 6px;
	font-size: 0.5rem;
}

.textwidget h6 {
	font-size: 5px;
	font-size: 0.5rem;
}

#colophon .widget-title,
#colophon .widget  {
	color: #999999;
}

#colophon .widget {
	color: #777777;
}

.widget-area:not(.sidebar) .widget .widget-title,
.widget-area:not(.sidebar) .widget .wp-block-group h2 {
	font-weight: 200;
	line-height: 1.0; 
	letter-spacing: 0.9px;
	text-transform: capitalize;
}