/*
Theme Name: Edited Blakely
Theme URI: https://catchthemes.com/themes/blakely/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Blakely is an elegant and visually aesthetic Dark Music WordPress theme that is available for absolutely free. The theme is suitable for Solo Musicians, Artists, Bands, and Projects related to the music industry. Blakely comes with a dark color scheme which is quite trending among music sites nowadays. The dark design makes your music site bold, beautiful, and classy. The theme is extremely easy to use and also fully responsive. Your music website will look amazingly perfect across all devices and screen sizes. This dark multipurpose music WordPress theme, Blakely carries an abundance of crucial features and functionalities. For instance, Featured Content, Featured Slider, Hero Content, Services, Portfolio, Testimonial, Sticky Playlist, and many more. All of these highly-customizable features and sections are completely responsive and absolutely easy to customize. In addition, Blakely is Translation Ready as well. Build a bold, beautiful, and chic music website in just a few minutes with Blakely!  For more information, check out Theme Instructions at https://catchthemes.com/themes/blakely/#theme-instructions and Demo at https://catchthemes.com/demo/blakely-free.
Requires at least: 5.6
Tested up to: 6.6
Requires PHP: 5.6
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: grid-layout, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, blog, photography, portfolio
Text Domain: blakely-dracula
Template: blakely

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Variables
	1.1 - Color
	1.2 - Fonts
	1.3 - Structure
	1.4  -Transition
2.0 - Normalize
3.0 - Mixin
	3.1 - Mixin
4.0 Modules
	4.1 - Alignments
	4.2 - Blocks
	4.3 - Clearings
5.0 - Forms
	5.1 - Buttons
	5.2 - Fields
6.0 - Navigation
	6.1 - Next Previous
	6.2 - Social Menu Navigation
	6.3 - Menus
7.0 Typography
	7.1 - Font Family
	7.2 - Font Size
	7.3 - Heading
8.0 Sites
	8.1 - Primary
		8.1.1 - Archives
		8.1.2 - Comments
	8.2.0 - Secondary
		8.2.1 - Widget
	8.3.0 - Section
		8.3.1 - Header
		8.3.2 - Hero Content
		8.3.3 - Promotional
		8.3.4 - Testimonials
		8.3.5 - Blog
		8.3.6 - Newsletter
		8.3.7 - Portfolio
		8.3.8 - Feature Slider
		8.3.9 - Footer
		8.3.10 - Woocommerce
		8.3.11 - Team
		8.3.12 - Logo Slider
		8.3.13 - Service
		8.3.14 - Contact
		8.3.15 - Feature Content
		8.3.16 - Stats
		8.3.17 - Gallery
9.0 - Elements
	9.1 - Lists
	9.2 - Tables

10.0 - Media
	10.1 - mobile-horizontal
	10.2 - tablet
	10.3 - desktop
	10.4 - wide-width
	10.5 - large
	10.6 - ultra_wide

11.0 - Color Selection
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/
/**
 * 1.0 - Variables
 */
/**
 * 1.1 - Colors
 */
/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/
/**
 * 1.2 - Fonts
 */
/*--------------------------------------------------------------
## Structure
--------------------------------------------------------------*/
/**
 * 1.3 - Transition
 */
/*--------------------------------------------------------------
## Transition
--------------------------------------------------------------*/
/**
     - Transition
 */

:root {
  --primary-color: #5064f9;
  --secondary-color: #fffb00;
}

.wp-playlist .mejs-controls .mejs-time-rail .mejs-time-current {
  background: var(--primary-color);
}

/*Absolute Site Branding Hover Color*/
.absolute-header .site-title a:hover,
.absolute-header .site-title a:focus,
.absolute-header .site-description a:focus {
  color: var(--secondary-color);
}

@media only screen and (min-width: 48em) {
  #social-menu-wrapper .menu-toggle:hover svg,
  #social-menu-wrapper .menu-toggle:focus svg,
  #primary-search-wrapper .menu-toggle:hover svg,
  #primary-search-wrapper .menu-toggle:focus svg {
    color: var(--secondary-color);
  }
}

/* Aboslute Navigation Hover Color*/
.absolute-header.navigation-default .main-navigation ul ul a:hover,
.absolute-header.navigation-default .main-navigation ul ul a:focus,
.absolute-header .menu-toggle:hover,
.absolute-header .menu-toggle:focus,
.absolute-header .my-account:hover,
.absolute-header .my-account:focus,
.absolute-header .cart-contents:hover,
.absolute-header .cart-contents:focus,
.absolute-header.navigation-default .main-navigation .current-menu-item a {
  color: var(--secondary-color);
}

@media only screen and (min-width: 75em) {
  .absolute-header.navigation-default .main-navigation a:hover,
  .absolute-header.navigation-default .main-navigation a:focus {
    color: var(--secondary-color);
  }
}

/* Link Color */
a,
#contact-form-section .section-content-wrapper .contact-us-form form span input,
#contact-form-section
  .section-content-wrapper
  .contact-us-form
  form
  span
  textarea,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.stats-section .view-all-button .more-button .more-link,
.sidebar nav.social-navigation ul li a:hover,
.sidebar nav.social-navigation ul li a:focus,
td#today,
.clients-content-wrapper .controller .cycle-pager span.cycle-pager-active,
.menu-toggle:hover,
.menu-toggle:focus,
.toggled-on.active:before,
.comment-respond .comment-form p.is-focused label,
.contact-section.section
  .section-content-wrap
  .hentry
  .entry-container
  .stay-connected
  .social-links-menu
  li
  a,
#feature-slider-section .owl-dot.active:before,
#feature-slider-section .owl-prev .icon,
#feature-slider-section .owl-next .icon,
.contact-section .contact-info-details .social-navigation a,
.widget ul li a:hover,
.breadcrumb a:hover,
.widget .more-link:hover,
.home .entry-meta .cat-links a:hover,
.home .entry-meta .cat-links a:focus,
.stats-content-wrapper .entry-title a:hover,
.stats-content-wrapper .entry-title a:focus,
.site-header-cart a:hover,
.site-header-cart a:focus,
.more-link .readmore:hover svg,
.more-link .readmore:focus svg,
.button:hover svg,
.button:focus svg,
button:hover svg,
button:focus svg,
#countdown-section a.button,
.comment-reply-link:hover,
.author-link:hover,
.widget .hentry .entry-title a:hover,
.main-navigation ul li a:hover,
ul > li::marker,
.pop-up-video-section .video-subtitle,
#countdown-section .content-wrapper .content-left .left-content .left-subtitle,
.archive-posts-wrapper .entry-title a:hover,
#testimonial-content-section .section-content-wrapper .entry-content:before,
.events-section .entry-meta a {
  color: var(--primary-color);
}

#primary-search-wrapper .menu-toggle:hover svg,
#primary-search-wrapper .menu-toggle:focus svg,
#social-menu-wrapper .menu-toggle:hover svg,
#social-menu-wrapper .menu-toggle:focus svg {
  color: var(--secondary-color);
}

.services-section.section .hentry .hentry-inner .post-thumbnail a:before,
input[type]:focus,
textarea:focus,
select:focus,
#footer-newsletter .ewnewsletter .hentry form input:focus,
.contact-section.section
  .section-content-wrap
  .hentry
  .entry-container
  .stay-connected
  .social-links-menu
  li {
  border-color: var(--primary-color);
}

.widget .wp-block-group h2:before,
.sidebar .widget-title:before,
.owl-carousel .owl-dot,
ins {
  background-color: var(--primary-color);
}

/* Secondary Link hover Color */
.my-account:hover,
.cart-contents:hover,
#feature-slider-section .entry-title a:hover,
#feature-slider-section .entry-title a:focus,
#commentform a:hover,
.comment-meta .author-name a:hover,
.post-navigation .nav-next:hover .meta-nav,
.pagination .page-numbers:hover,
.entry-container .entry-title a:hover,
.post-navigation .nav-next:hover .post-title,
.post-navigation .nav-previous:hover .meta-nav,
.site-info a:hover,
.widget-area.contact-details-widget-area
  .catch-instagram-feed-gallery-widget-wrapper
  .button:hover,
#footer-menu-section .main-navigation ul li a:hover,
.post-navigation .nav-previous:hover .post-title,
.single-product .product_meta a:hover,
ul.products
  li.product
  .woocommerce-LoopProduct-link:hover
  .woocommerce-loop-product__title,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-cart-form__cart-item.cart_item .product-name a:hover,
#footer-menu-section .social-navigation .icon:hover,
.wp-block-latest-comments__comment a:hover,
.entry-meta a:hover {
  color: var(--primary-color);
}

/* Button Background Color */
button,
#footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button,
#promotion-section .readmore,
#services-section .more-link .readmore:hover,
.button,
.header-media .more-link .readmore,
.pagination .page-numbers.current,
.button.ghost-button:hover,
.widget_search button[type="submit"]:hover,
.widget_search button[type="submit"]:focus,
.tagcloud a:hover,
.entry-header:after,
#floating-social .social-navigation a:hover,
#services-section .more-link .button:hover,
#featured-content-section .entry-summary .more-link .button:hover,
.section-heading-wrapper::before,
.footer-instagram h2.widget-title:before,
.woocommerce a.button:focus,
.site-header-cart .woocommerce a.button:hover,
.site-header-cart .woocommerce a.button:focus,
.woocommerce .related.products a.button:hover,
.woocommerce .related.products a.button:focus,
.onsale,
.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
.site-footer .widget .widget-title::before,
button.search-submit[type="submit"]:hover,
.archive-post-wrap .button:hover,
.wp-block-quote::before,
#content #infinite-handle span button:hover,
#infinite-handle .ctis-load-more button:hover,
nav.navigation.posts-navigation .nav-links a:hover,
.mobile-social-search .social-links-menu a:hover,
.section .owl-carousel .owl-dots button:hover,
.section .owl-carousel .owl-dots button.active,
input[type="button"],
input[type="reset"],
button[type="submit"],
input[type="submit"] {
  background-color: var(--primary-color);
}

.button,
.woocommerce a.button,
.button.ghost-button,
#services-section .more-link .readmore,
.woocommerce button.button,
.woocommerce button.button:hover,
.woocommerce .related.products a.button,
.woocommerce .related.products a.button:hover,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit:hover,
.header-media .more-link .readmore,
#floating-social .social-navigation a:hover,
nav.navigation.posts-navigation .nav-links a,
nav.navigation.posts-navigation .nav-links a:hover,
#footer-instagram .catch-instagram-feed-gallery-widget-wrapper .button,
.mobile-social-search .social-links-menu a:hover,
#content #infinite-handle span button,
button:hover,
button:focus,
.button:hover,
.button:focus,
.more-link:hover,
.more-link:focus,
input[type="submit"],
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.widget-area .essential-widgets .tagcloud a:hover,
.widget-area .essential-widgets .tagcloud a:focus,
.section .owl-carousel .owl-dots button:hover,
.section .owl-carousel .owl-dots button.active,
.hover-add-to-cart .woocommerce .product-container a.added_to_cart.wc-forward,
.comment-form input {
  border-color: var(--primary-color);
}

article .entry-header .entry-title.section-title {
  display: none;
}

.wp-lightbox-overlay button.close-button {
  fill: #fff !important;
}

.wp-lightbox-overlay .scrim {
  background-color: #000 !important;
}

.custom-header .wrapper:before {
  background-position: center;
}

.archive-posts-wrapper .entry-container {
  padding: 25px;
  border-radius: 12px;
}

.site-content:not(:has(.content-area)) {
  display: none;
}