/* CSS variables are now supported by most browsers.
   If unsupported, color will fallback on the global
   default, so no additional fallback is necessary. */
html{
  --gallery-color: #8DC63F;
  --releases-color: #C82128;
  --contact-color: #92278F;

}

/* home page, blog page, and events page
   colors are left as default */

/* gallery page color */
.page-template-template-gallery a, .page-template-template-gallery a > *, .page-template-template-gallery .color, .page-template-template-gallery ul.stats li .stat-value, .page-template-template-gallery ul.details a, .page-template-template-gallery #main-nav a:hover, .page-template-template-gallery #main-nav .hover > a, .page-template-template-gallery #main-nav .current-menu-item > a, .page-template-template-gallery #main-nav .current_page_item > a, .page-template-template-gallery #main-nav .current-menu-ancestor > a, .page-template-template-gallery #main-nav .active > a, .page-template-template-gallery #page-header .page-title, .page-template-template-gallery #cat-filter a:hover, .page-template-template-gallery #cat-filter a.active, .page-template-template-gallery .cat a:hover, .page-template-template-gallery .portfolio article footer h2 a, .page-template-template-gallery .events-count, .page-template-template-gallery .events-list li a:hover .title, .page-template-template-gallery #error-404 span, .page-template-template-gallery .entry-heading a:hover, .page-template-template-gallery .recent-comments li .meta:hover, .page-template-template-gallery .recent-entries li a:hover, .page-template-template-gallery .theme_comment .author a:hover, .page-template-template-gallery .playable:hover, .page-template-template-gallery .playable.playing, .page-template-template-gallery #footer, .page-template-template-gallery #footer a, .page-template-template-gallery #footer-nav li a:hover, .page-template-template-gallery .playlist .playable:hover, .page-template-template-gallery .playlist .playable:hover .track-title, .page-template-template-gallery .woocommerce-tabs ul.tabs li.active:hover a:hover, .page-template-template-gallery .woocommerce-tabs ul.tabs li.active a, .page-template-template-gallery .woocommerce-tabs ul.tabs li a:hover, .page-template-template-gallery td.product-name a:hover, .page-template-template-gallery table.cart a:hover.remove, .page-template-template-gallery ul.product_list_widget li a:hover, .page-template-template-gallery .widget_product_tag_cloud a:hover, .page-template-template-gallery .widget_product_categories a:hover{
  color: var(--gallery-color); }
.page-template-template-gallery #share .buttons, .page-template-template-gallery #tag-filter a.active, .page-template-template-gallery .header-countdown .days, .page-template-template-gallery .header-countdown .hours, .page-template-template-gallery .header-countdown .minutes, .page-template-template-gallery .header-countdown .seconds, .page-template-template-gallery .recent-entries li .date, .page-template-template-gallery .widget_categories a span, .page-template-template-gallery .widget_archive a span, .page-template-template-gallery .widget_recent_entries a span, .page-template-template-gallery .widget_meta a span, .page-template-template-gallery .widget_nav_menu a span, .page-template-template-gallery .widget_pages a span, .page-template-template-gallery .widget_links a span, .page-template-template-gallery .widget_tag_cloud a:hover, .page-template-template-gallery .widget table#wp-calendar a, .page-template-template-gallery #tracklist-nav ul li:hover, .page-template-template-gallery #tracklist-nav ul li.active, .page-template-template-gallery #top-wrap .top-right-nav li.cart a .contents, .page-template-template-gallery span.onsale, .page-template-template-gallery .quantity .plus:hover, .page-template-template-gallery .quantity .minus:hover{
  background-color: var(--gallery-color); }

/* releases page color */
.page-template-template-releases a, .page-template-template-releases a > *, .page-template-template-releases .color, .page-template-template-releases ul.stats li .stat-value, .page-template-template-releases ul.details a, .page-template-template-releases #main-nav a:hover, .page-template-template-releases #main-nav .hover > a, .page-template-template-releases #main-nav .current-menu-item > a, .page-template-template-releases #main-nav .current_page_item > a, .page-template-template-releases #main-nav .current-menu-ancestor > a, .page-template-template-releases #main-nav .active > a, .page-template-template-releases #page-header .page-title, .page-template-template-releases #cat-filter a:hover, .page-template-template-releases #cat-filter a.active, .page-template-template-releases .cat a:hover, .page-template-template-releases .portfolio article footer h2 a, .page-template-template-releases .events-count, .page-template-template-releases .events-list li a:hover .title, .page-template-template-releases #error-404 span, .page-template-template-releases .entry-heading a:hover, .page-template-template-releases .recent-comments li .meta:hover, .page-template-template-releases .recent-entries li a:hover, .page-template-template-releases .theme_comment .author a:hover, .page-template-template-releases .playable:hover, .page-template-template-releases .playable.playing, .page-template-template-releases #footer, .page-template-template-releases #footer a, .page-template-template-releases #footer-nav li a:hover, .page-template-template-releases .playlist .playable:hover, .page-template-template-releases .playlist .playable:hover .track-title, .page-template-template-releases .woocommerce-tabs ul.tabs li.active:hover a:hover, .page-template-template-releases .woocommerce-tabs ul.tabs li.active a, .page-template-template-releases .woocommerce-tabs ul.tabs li a:hover, .page-template-template-releases td.product-name a:hover, .page-template-template-releases table.cart a:hover.remove, .page-template-template-releases ul.product_list_widget li a:hover, .page-template-template-releases .widget_product_tag_cloud a:hover, .page-template-template-releases .widget_product_categories a:hover{
  color: var(--releases-color); }
.page-template-template-releases #share .buttons, .page-template-template-releases #tag-filter a.active, .page-template-template-releases .header-countdown .days, .page-template-template-releases .header-countdown .hours, .page-template-template-releases .header-countdown .minutes, .page-template-template-releases .header-countdown .seconds, .page-template-template-releases .recent-entries li .date, .page-template-template-releases .widget_categories a span, .page-template-template-releases .widget_archive a span, .page-template-template-releases .widget_recent_entries a span, .page-template-template-releases .widget_meta a span, .page-template-template-releases .widget_nav_menu a span, .page-template-template-releases .widget_pages a span, .page-template-template-releases .widget_links a span, .page-template-template-releases .widget_tag_cloud a:hover, .page-template-template-releases .widget table#wp-calendar a, .page-template-template-releases #tracklist-nav ul li:hover, .page-template-template-releases #tracklist-nav ul li.active, .page-template-template-releases #top-wrap .top-right-nav li.cart a .contents, .page-template-template-releases span.onsale, .page-template-template-releases .quantity .plus:hover, .page-template-template-releases .quantity .minus:hover{
  background-color: var(--releases-color); }

/* contact page color */
.page-id-331 a, .page-id-331 a > *, .page-id-331 .color, .page-id-331 ul.stats li .stat-value, .page-id-331 ul.details a, .page-id-331 #main-nav a:hover, .page-id-331 #main-nav .hover > a, .page-id-331 #main-nav .current-menu-item > a, .page-id-331 #main-nav .current_page_item > a, .page-id-331 #main-nav .current-menu-ancestor > a, .page-id-331 #main-nav .active > a, .page-id-331 #page-header .page-title, .page-id-331 #cat-filter a:hover, .page-id-331 #cat-filter a.active, .page-id-331 .cat a:hover, .page-id-331 .portfolio article footer h2 a, .page-id-331 .events-count, .page-id-331 .events-list li a:hover .title, .page-id-331 #error-404 span, .page-id-331 .entry-heading a:hover, .page-id-331 .recent-comments li .meta:hover, .page-id-331 .recent-entries li a:hover, .page-id-331 .theme_comment .author a:hover, .page-id-331 .playable:hover, .page-id-331 .playable.playing, .page-id-331 #footer, .page-id-331 #footer a, .page-id-331 #footer-nav li a:hover, .page-id-331 .playlist .playable:hover, .page-id-331 .playlist .playable:hover .track-title, .page-id-331 .woocommerce-tabs ul.tabs li.active:hover a:hover, .page-id-331 .woocommerce-tabs ul.tabs li.active a, .page-id-331 .woocommerce-tabs ul.tabs li a:hover, .page-id-331 td.product-name a:hover, .page-id-331 table.cart a:hover.remove, .page-id-331 ul.product_list_widget li a:hover, .page-id-331 .widget_product_tag_cloud a:hover, .page-id-331 .widget_product_categories a:hover{
  color: var(--contact-color); }
.page-id-331 #share .buttons, .page-id-331 #tag-filter a.active, .page-id-331 .header-countdown .days, .page-id-331 .header-countdown .hours, .page-id-331 .header-countdown .minutes, .page-id-331 .header-countdown .seconds, .page-id-331 .recent-entries li .date, .page-id-331 .widget_categories a span, .page-id-331 .widget_archive a span, .page-id-331 .widget_recent_entries a span, .page-id-331 .widget_meta a span, .page-id-331 .widget_nav_menu a span, .page-id-331 .widget_pages a span, .page-id-331 .widget_links a span, .page-id-331 .widget_tag_cloud a:hover, .page-id-331 .widget table#wp-calendar a, .page-id-331 #tracklist-nav ul li:hover, .page-id-331 #tracklist-nav ul li.active, .page-id-331 #top-wrap .top-right-nav li.cart a .contents, .page-id-331 span.onsale, .page-id-331 .quantity .plus:hover, .page-id-331 .quantity .minus:hover{
  background-color: var(--contact-color); }

/* navbar logo sizing fix */
#header #logo, #header #logo > img{
  height: 86px;
}
#header #logo > img{
  box-sizing: border-box;
  padding: 5px;
}

/* blog page background fix */
.blog #page-header{
  background: #000000 url( https://www.djscar412.com/wp-content/uploads/2018/02/DJ_SCAR_BACKGROUND.jpg ) center center no-repeat scroll;
}

/* page header appearance fixes */
.page-title{
  font-size: 25px;
  padding-left: 25px;
}
#page-header{
  padding-top: 0;
  min-height: 340px;
}
#page-header .container{
  padding-top: 40px;
  min-height: 340px;
  position: relative;
  box-sizing: border-box;
}
#page-header .item-filter{
  position: absolute;
  bottom: 0;
}
#page-header hr{
  display: none;
}
/* event details fix */
ul.details li span{
  position: relative;
}
ul.details li div span{
  color: #fff;
}