/*
Theme Name: Musicians
Theme URI: https://www.luzuk.com/products/free-musicians-wordpress-theme
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Musicians WordPress Theme is a design waiting for you to fall in love with! If you have a music band or you are part of one, we’ve created a perfect platform for you. While you focus on your music concerts our theme will spread a word about it, drawing audience, sharing information about your band or upcoming concert or content, and selling tickets! After downloading the Musicians WordPress Theme all you have to be ready with is a header image, a few other images that you’d like to use on your page; some awesome electrifying content, & videos and you’re ready to go! As soon as the theme is installed you can upload all these elements quickly without difficulty.  The interface provided with Musicians WordPress Theme is very user-friendly and does not require any technical skill or coding knowledge. You can do it all yourself. In the beginning you might require a little time to get familiar with buttons but things will be in control sooner than you expect and every time that you want to change pictures or update content, you will be able to do it yourself within minutes! The navigation menu will help you to place your images and information in your desired sequence. So all you music-band people out there, your time has come to go online and get around! Live Demo - https://www.luzukdemo.com/demo/musicians/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: music-band
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, featured-images, full-width-template, flexible-header, sticky-post, theme-options, threaded-comments, blog, food-and-drink, e-commerce

Musicians WordPress Theme, Copyright 2022 Luzuk
Musicians is distributed under the terms of the GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Kristi&display=swap');


html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
body {
	margin: 0; 
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;	
	background: #fff;
	color: #acabab;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	color: #010101;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

p {
	color: #acabab;
	font-size: 15px;
  line-height: 1.8;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus, .header-box a:focus{
	outline: -webkit-focus-ring-color auto 1px;
	text-decoration: none;
}
.site-footer a:focus, .site-footer input:focus, .closepop a:focus,
.nav-menu ul ul a:focus, .site-footer button:focus{
	outline-color: #fff;
}
.site-footer h1,.site-footer h2, .site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6 {
	color: #fff;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}
/*General Css*/
.clearfix{clear: both;}
.pd-0{padding: 0;}
.mrg-0{margin: 0 !important;}

/*end*/
button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.mrl-0{
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*-------------- Alignments ---------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------- Clearings -------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------- Forms ---------*/

label {
	color: #3f3f3f;
	font-weight: 600;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #3f3f3f;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #bc64ec;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	border-radius: 8px;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #3f3f3f;
}
:-moz-placeholder {
	color: #3f3f3f;
}
::-moz-placeholder {
	color: #3f3f3f;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #3f3f3f;
}


/*contact form*/
.wpcf7 input[type="submit"] {
    background: #301007;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 10px;
    border-radius: 0px;
    text-align: center;
    width: 100%;
}
.wpcf7 textarea {
    height: 100px;
}
/*------ Formatting ---------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*-------- Lists ----------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
	padding-left: 15px;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*---------- Tables ---------*/

table {
	border-collapse: collapse;
	width: 100%;
}

thead th {
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}
tbody, td, th {
    border: 1px dashed;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*---------- Links -----------*/
a {
	color: #301007;
	text-decoration: none ;
}
.article_content a, .lz-content a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
	color: #000;
	text-decoration: none;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}
/*inner header*/
/*===============*/
.page-template-default  #header {
	position: absolute;
    margin-top: 0em;
}
.page-main-header .innhead-title {
    position: relative;
    padding: 1.8em 0 1.8em 3.5em;
    border-radius: 50px;
    display: inline-block;
    margin-right: 0em;
}
.page-main-header .innhead-title:before{
    content: '';
    position: absolute;
   left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 6px solid #A97DFF;
    border-radius: 100px 0 0 100px;
    z-index: 1;
    filter: drop-shadow(0px 0px 8px #A97DFF);
    border-right: transparent;
    animation: blink 1.5s ease-in-out infinite;
}
.page-main-header .innhead-title .inntitle-brd1{
    content: '';
    position: absolute;
    right: -3.5em;
    bottom: 0px;
    width: 3.5em;
    top: 50%;
    border: 6px solid #A97DFF;
    filter: drop-shadow(0px 0px 8px #A97DFF);
    border-radius: 0 0 100px 0;
    border-left: 0;
    border-top: 0;
    animation: blink 1.5s ease-in-out infinite;
}
.page-main-header .innhead-title .inntitle-brd1:before{
    content: '';
    position: absolute;
    background: #A97DFF;
    height: 6px;
    box-shadow: 0px 0px 8px #A97DFF;
   /* animation: blink 1.5s ease-in-out infinite;*/
    right: -6px;
    top: -3px;
    width: 6px;
    height: 7px;
    border-radius: 50px 50px 0 0;
}
.page-main-header .innhead-title:after{
    content: '';
    position: absolute;
    background: #A97DFF;
    height: 6px;
    box-shadow: 0px 0px 8px #A97DFF;
    animation: blink 1.5s ease-in-out infinite;
    top: 0;
    right: -4px;
    width: 4px;
    border-radius: 0 50px 50px 0;
}
.page-main-header .innhead-title .inntitle-brd2{
    content: '';
    position: absolute;
    left: 18px;
    right: 0;
    top: 16px;
    bottom: 14px;
    border: 4px solid #A97DFF;
    border-radius: 50px 0 0 50px;
    border-right: none;
    border-bottom-width: 2px;
    z-index: 1;
    clip-path: polygon(63% 0, 63% 6%, 100% 8%, 100% 95%, 38% 96%, 38% 100%, 3% 100%, 2% 0);
}
.page-main-header .innhead-title .inntitle-brd3 {
    content: '';
    position: absolute;
    left: 30px;
    right: 0;
    top: 30px;
    bottom: 27px;
    border: 2px solid #b6acac;
    border-radius: 50px 0 0 50px;
    border-right: none;
    z-index: 1;
    clip-path: polygon(0 0, 91% 0, 91% 9%, 100% 11%, 100% 80%, 79% 90%, 79% 100%, 0 100%);
}
.page-main-header h1 {
    font-size: 40px;
    position: relative;
    padding: 1px 0 1px 10px;
    font-weight: 600;
    font-family: 'Bruno Ace SC',cursive;
}

.page-main-header .headinnbox { position: relative;}
.page-main-header .innhead-title {
    position: relative;
    padding:0.5em 0 0.5em 3em;
    border-radius: 50px 0 0 50px;
    display: inline-block;
/*    border: 6px solid #A97DFF;*/
    filter: drop-shadow(0px 0px 14px #A97DFF);
}
.page-main-header .overlay1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.2;
}
.page-main-header .ht-main-title{color: #fff;}
.page-main-header{ padding:12em 0 5em 0; }

/*.page-main-header .breadcrumbbox .button{padding: 2em 0 0 0;}*/
.page-main-header .breadcrumbbox .button a{color: #fff;text-decoration: none !important;}
.page-main-header .breadcrumbbox .button span{color: #fff;}

article.h-frist{margin-top: 2em;}
.page-template-default .content-area {
    margin-top: 0em;
    margin-bottom: 2em;
}

header .breadcrumbbox .button {
    padding: 5px 20px 5px 16px!important;
    display: inline-block !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    border: 1px solid #fff;
    box-shadow: 0px 0px 6px #FFFFFF;
        margin-top: 2em;
}

/****Slider Section******/
/*=======================*/
#slider{
	position: relative;
	overflow: hidden;
}
#slider .sliderimg img{width: 100%;}
#slider .content{
	position: absolute;
    top: 30%;
    right: 17%;
}
#slider .cont-cir{
	position: absolute;
    color: #ffffff;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    padding: 13px 15px;
    border-radius: 0;
    border: none;
    z-index: 1;
    transition: all .3s ease 0s;
    box-shadow: inset 0px 1px 20px 20px #0ae5f5, 0px 0px 12px 8px #0ae5f5;
    float: right;
    height: 450px;
    width: 450px;
    right: 25%;
    border-radius: 50%;
    animation: rotate 15s linear infinite;
    top: 25%;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

#slider .cont-cir:focus{ color: #1e9bff; }
#slider .cont-cir:hover{
    color: #fff;
   
}
#slider .cont-cir:before,
#slider .cont-cir:after{
    content: '';
    border: 13px solid #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    clip-path: polygon(0 0, 72% 0, 75% 100%, 0 100%);
    transition: all 0.3s ease 0s;
        border-radius: 50%;

}
#slider .cont-cir:after{ clip-path:polygon(70% 0, 100% 0, 100% 100%, 100% 100%); }

#slider .text-effect{
    -webkit-text-stroke: 0.02em #ffffff;
    text-shadow: 7px 13px 20px #dd06cd;
	font-family: 'Kristi',cursive;
    background-repeat: no-repeat;
    font-size: 360px;
    font-weight: 500;
    /* text-transform: uppercase; */
    text-align: right;
    -webkit-text-stroke: 0.02em white;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    position: absolute;
    animation: animatedeff 1s ease-in infinite alternate;
    text-shadow: 7px 13px 20px #dd06cd;
    right: 105px;
    z-index: 1;
    top: 29%;
    line-height: 250px;
    letter-spacing: 3px;
}

#slider .text-effect span {
	text-shadow: 0 8px 8px #1ac8fb;
    -webkit-text-stroke: 0.06em #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 75px;
    display: block;
    position: absolute;
    top: 195px;
    right: -60px;
    -webkit-text-stroke: 0.06em white;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    position: absolute;
    animation: animatedeff2 1s ease-in infinite alternate;
    text-shadow: 0px 8px 8px #1ac8fb;
    float: right;
    font-weight: 800;
    letter-spacing: 0;
}

#slider .content h2{
	font-size: 360px;
	color: #fff;
}
#slider .content p{
	font-size: 75px;
	color: #fff;
}
#slider .carousel-control-prev, 
#slider .carousel-control-next{opacity: 1}

#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{background-image:none;}

#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #fff;
    line-height: 44px;
    font-size: 40px;
    opacity: 1;
    box-shadow: 0px 3px 10px 1px #0AE5F5;
}

/*------------ Featured Image Hover ----------------*/
/*==================================================*/
.post-thumbnail {
	margin-bottom: 1em;
}
.post-thumbnail img {
    width: auto;
}
.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

#inner-pages-header {
	position: relative;
	background: #7a7879;
 	background-repeat: no-repeat;
  	background-size: cover;
  	padding-top: 124px;
}
#inner-pages-header .bannerimg img {
	width: 100%;
}
#inner-pages-header h1 {
	color: #301007;
	font-weight: 600;
	font-size: 40px;
	margin: 0;
	letter-spacing: 2px;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	padding-top: 15px;
}
#inner-pages-header h1:before {
	left: 50% !important;
	top: -6px !important;
	transform: translateX(-50%) rotate(45deg) !important;
}
#inner-pages-header h1:after {
	width: 100% !important;
	min-width: 100px;
	left: 50% !important;
	transform: translateX(-50%);
}
#inner-pages-header .theme-breadcrumb {
	font-size: 20px;
	color: #301007;
}
#inner-pages-header .theme-breadcrumb a, #inner-pages-header .theme-breadcrumb span {
	color: #301007;
	font-size: 18px;
	display: inline-block;
	position: relative;
}
#inner-pages-header .header-content {
	position: absolute;
	left: 10%;
	right: 25%;
}
#inner-pages-header .theme-breadcrumb a:after {
	content: '-';
	display: inline-block;
	color: #301007;
	margin: 3px 10px ;
	font-size: 20px;
}
#inner-pages-header .contact-btn {
	bottom: 7%;
}

/*-------------- Header ----------------*/
#header {
	position: absolute;
    width: 100%;
    z-index: 999;
    border: 0;
    margin-top: 0em;
}
#headerinn{
	background: none;
/*    padding: 12px 14px 12px 36px;*/
    border-radius: 0;
    position: relative;
}
.search #header, .error404 #header {
	position: static;
	border-bottom: 1px solid #301007;
}
.search h1.site-title a, .search p.site-title a, .search .logo p, .error404 h1.site-title a, .error404 p.site-title a, .error404 .logo p {
	color: #301007;
}
span.cart_icon {
  display: inline-block;
}
.cart_icon i {
	color: #301007;
	font-size: 25px;
}
span.cart-value {
	position: absolute;
	top: -5px;
	color: #301007;
	font-weight: bold;
	background: #f8a738;
	font-size: 12px;
	border-radius: 50%;
	width: 20px;
	right: -12px;
	padding: 4px 3px;
	line-height: 1;
	text-align: center;
}
li.cart_box {
	list-style: none;
}
.logo {
	padding:0 0px;
}
p.site-description{
	font-size: 14px;
  margin: 0;
  color: #fff;
}
h1.site-title, p.site-title {
	margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;	
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}
h1.site-title a, p.site-title a{
	color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
}
/*top header*/
#header .headtop{position: relative;padding-bottom:8px;}
#header .headtop p{
	font-size: 20px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	color: #000;
}
#header .social-icons {float: right;}
#header .social-icons a{
	position: relative;
    overflow: hidden;
    display: inline-block;
    list-style-type: none;
    margin-left: 10px;
    background: #0b509b;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    border-radius: 8px;
}
#header .social-icons a:hover{background: #FFB946;}
/* --------- MENUS CSS --------- */
#header .headdown{
	background: #0A3755;
    padding: 0px 0 0px 9px;
    border-radius: 28px 28px 0 0;
}
#sidelong-menu{
	display: block !important;
    float: right;
}
.nav-menu ul li li a{border-radius: 4px;margin: 0;border: 0}
.nav-menu ul{
  margin: 1em 0 0 0;
  padding: 0;
}
.nav-menu ul li{
	display: inline-block;
	position: relative;
}
.nav-menu ul li a:hover,
.nav-menu ul li.current_page_item a{color:#FF03EE;}
.nav-menu ul li a{
	color: #fff;
    font-size: 18px;
    display: block;
    padding: 8px 18px;
    margin: 0 0 0px 0;
    position: relative;
    font-weight: 600;
    border-radius: 0;
    margin: 0 1px;
}
.nav-menu ul ul{
	display: none;
	position: absolute;
	min-width: 215px;
	top: 45px;
	z-index: 9999;
	border: 1px solid #301007;
	margin: 0;
}
.nav-menu ul ul ul{
	left: 216px;
	top: 0;
}
.nav-menu ul ul a{
	color: #000 ;
	padding: 10px;
	line-height: 1.5;
	font-size: 14px;
	background: #fff;
	transition: all 0.5s ease 0s;
}
.nav-menu ul ul a:hover{
	background: #fff;
	color: #301007;
}
.nav-menu ul ul li{
	float: none;
	display: block;
	text-align: left;
	border-left: none;
	border-right: none !important;
	padding: 0;
	border: 0;
	margin: 0;
}
.nav-menu ul li:hover > ul{
	display: block;
}

/*****header btn******/

#header .h-btn { margin-top: 1.5em;}
#header .h-btn .read-btn{
color: #ffffff;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 12px;
    border-radius: 5px;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0s;
    box-shadow: inset 0px 0px 19px 17px #fe03ee85, 0px 4px 13px 7px #fe03ee8c;
}

#header .h-btn .read-btn:before,
#header .h-btn .read-btn:after{
    content: '';
    border: 3px solid #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    clip-path: polygon(0 0, 90% 0, 34% 100%, 0 100%);
    transition: all 0.3s ease 0s;
    border-radius: 5px;
}
#header .h-btn .read-btn:after{ clip-path: polygon(104% 0, 100% 0, 100% 100%, 44% 100%); }
#header .h-btn .read-btn:hover{ color: #fe03ee8c; }

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after {
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 6px;
	top: 12px;
	font-size: 14px;
}
.sf-arrows ul .sf-with-ul {
	padding: 10px;
}
.sf-arrows ul .sf-with-ul:hover:after{
  transform: rotate(270deg);
}
.sf-arrows ul .sf-with-ul:after{
	top: 10px;
	right: 15px;
}
.toggle-menu, a.closebtn{
	display: none;
}

/* content-page*/
.single-post .article_content {
	margin-bottom: 10px;
  padding: 0;
  border: 0;
}
.single-post .article_content p{
	text-align: left;
}
.single-post-tags{
	text-align: left;
	font-weight: 500;
	color: #000;
	font-size: 16px;
}
.single-post-tags a {
	font-style: italic;
  text-decoration: none;
  margin-left: 5px;
  display: inline-block;
  font-weight: normal;
}
.article_content img {
  margin: 0 0 15px;
  width: 100%;
  border-radius: 5px 5px 30px 30px;
}
.grid-layout .article_content {
	border: 1px solid #eee;
}
.grid-layout .post-date{
	width: 60%;
}
.article_content h3{
	padding: 0 0 10px;
  font-size: 28px;
  color: #301007;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
}
article.inner-service {
  padding: 10px;
  box-shadow: 0 0 10px 0px #f1f1f1;
  margin-bottom: 30px;
}
.metabox {
  margin-bottom: 10px;
}
.metabox span {
	display: inline-block;
  font-size: 15px;
  color: #301007;
  font-weight: 500;
  width: 46%;
}
.metabox span{
	margin-right: 10px;
}
.metabox span i{
	color: #000;
	margin-right: 5px;
}
.article_content .read-btn {
	text-align: right;
}
.article_content .read-btn a{
	text-decoration: none;
}
.content-area {
  margin-top: 4em;
  margin-bottom: 2em;
}

.content-area {
    margin-top: 10em;
    margin-bottom: 2em;
}
/*inner page header*/
/*=====================*/
.page-template-default #header ,.blog #header{
	background: #000;
}

.blog #header {
	margin-top: 0;
}

/******** Header **********/
/*========================*/

#header .mob-y{display: none;}
#header .contact-btn {  
	position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    float: right;
}

.mob-n {
    display: block;
    text-align: center;
 
}
#header .cart a{ position: relative;}
#header .cart a i{
	font-size: 25px;
    color: #FCCB9D;
}
#header .cart .count {
    position: relative;
    right: -35px;
    top: 5px;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    color: #000;
}
#header .contact-btn a {
	margin-top: 2px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 15px 15px;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    border: none;
    border-radius: 50px;
}
#header .contact-btn a:hover{
	background: #fed5a7;
	transition: all 0.3s ease 0.4s;
}



/*-------- feature Section --------*/
/*================================*/

#feature-section{position: relative; padding: 4em 0; overflow: hidden;    background: #000A24;}
#feature-section .feature-bx{
	position: relative;
    padding: 3em 1px 1px 1px;
}

#feature-section .feature-head {
    position: relative;
    text-align: center;
    margin: 0 auto 65px;
    border: 3px solid #FF03EE;
    border-color: #FF03EE;
    box-shadow: inset 0px 4px 6px 1px #fe03eeb0, 0px 1px 3px 4px #fe03eebf;
    border-radius: 10px;
}
#feature-section .feature-head  h3 {
	color: #433e3e;
    margin: 5px 0 0 0;
    display: block;
    font-size: 60px;
    font-weight: 400;
    -webkit-text-stroke: 1px white;
    text-shadow: 0px 0px 3px #FF03EE, 0px 0px 0px #FF03EE, 0px 0px 6px #FF03EE, 0px 6px 6px #FF03EE, 0px 0px 0px #FF03EE;
    font-family: 'Kristi',cursive;
    line-height: 75px;
}
#feature-section .feature-head p{
	display: block;
    font-size: 34px;
    font-weight: 800;
    text-align: center;
    /* letter-spacing: 31px; */
    color: #ffffff;
    padding-bottom: 1px;
    animation: moveInRight 1s ease-out;
    word-break: break-all;
    text-shadow: 0px 0px 6px #959191, 0px 0px 0px #959191, 1px 0px 0 #959191, 0px 4px 6px #959191, 1px 1px 0px #959191;
	font-family: 'Montserrat',sans-serif;
	margin: 0 0 10px 0;
	line-height: 42px;
}


#feature-section .feature-img img{display: none;}
#feature-section .featuresbx {
    position: relative;
    overflow: hidden;
    margin: 0 0 2em;
}
#feature-section .feature-box{
    position: relative;
    overflow: hidden;
    margin: 0 2px;
    padding: 40px 0px 0;
    transition: all ease 0.5s;
    text-align: center;
}

#feature-section .feature-icon{
	position: relative;
    transition: all 1s ease 0s;
}
#feature-section .feature-icon i {
	font-size: 140px;
    position: relative;
    z-index: 2;
    color: #ffffff;
    text-shadow: 0px 4px 6px #0AE5F5;
    transition: all 1s ease 0s;
}
#feature-section .feature-icon:after {
    content: "";
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fc48ef;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0px 4px 6px 2px #FB49EF;
}
#features .featuresbx:last-child .feature-icon{border-right: none;}
#feature-section .feature-box h4 {
	color: #E4E4E4;
    font-size: 28px;
    margin: 35px 0 10px 0;
    font-weight: 500;
    position: relative;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
}

#feature-section .feature-box p {
	display: none;
    font-size: 15px;
    position: relative;
    z-index: 2;
    color: #232349;
}

/*-------- Services Section --------*/
/*=================================*/

#service-section {
	background: #000A24;
	position: relative;
	overflow: hidden;
	padding: 4em 0;
	text-align: center;
}

#service-section .service-head {
    position: relative;
    text-align: center;
    margin: 0 auto 65px;
    border: 3px solid #FF03EE;
    border-color: #FF03EE;
    box-shadow: inset 0px 4px 6px 1px #fe03eeb0, 0px 1px 3px 4px #fe03eebf;
    border-radius: 10px;
}
#service-section .service-head  h3 {
	color: #433e3e;
    margin: 5px 0 0 0;
    display: block;
    font-size: 60px;
    font-weight: 400;
    -webkit-text-stroke: 1px white;
    text-shadow: 0px 0px 3px #FF03EE, 0px 0px 0px #FF03EE, 0px 0px 6px #FF03EE, 0px 6px 6px #FF03EE, 0px 0px 0px #FF03EE;
    font-family: 'Kristi',cursive;
    line-height: 75px;
}
#service-section .service-head p{
	display: block;
    font-size: 34px;
    font-weight: 800;
    text-align: center;
    /* letter-spacing: 31px; */
    color: #ffffff;
    padding-bottom: 1px;
    animation: moveInRight 1s ease-out;
    word-break: break-all;
    text-shadow: 0px 0px 6px #959191, 0px 0px 0px #959191, 1px 0px 0 #959191, 0px 4px 6px #959191, 1px 1px 0px #959191;
	font-family: 'Montserrat',sans-serif;
	margin: 0 0 10px 0;
	line-height: 42px;
}

#service-section .service-box{	
	position: relative;
/*    overflow: hidden;*/
    text-align: center;
    transition: all 0.5s;
    margin: 0;
    border-radius: 0;
}
#service-section .img-bx {
    outline-offset: -15px;
    outline: 5px solid #fc05ec;
    transform: rotate(45deg);
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border: 4px solid #1ac8fb;
    overflow: hidden;
    padding: 0px;
    box-shadow: inset 0px 0px 0px 0px #321e7d, 1px 0px 3px 5px #321e7d;
}
#service-section .service-img { 
	width: 500px;
    height: 290px;
    transform: rotate(-45deg);
    position: relative;
    z-index: -1;
}
#service-section .service-box img {
	width: 387px;
    height: 387px;
    position: relative;
    bottom: 125px;
    transform: rotate(0deg);
    right: 48px;
}

#service-section .service-content {
	position: relative;
    padding: 24px 10px;
    transition: all 0.5s;
    text-align: center;
    width: 100%;
}
#service-section .service-content h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 600;
	margin: 0px 0 0px 0;
	color: #fff;
}

#service-section .service-box p {
	font-family: 'Montserrat', sans-serif;
    padding: 0;
    font-size: 20px;
    margin: 1em 0;
    color: #fff;
    line-height: 30px;
}
#service-section .Rbtn {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}
#service-section .Rbtn a{
color: #ffffff;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 12px;
    border-radius: 5px;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0s;
    box-shadow: inset 0px 0px 19px 17px #fe03ee85, 0px 4px 13px 7px #fe03ee8c;
}

#service-section .Rbtn a:before,
#service-section .Rbtn a:after{
    content: '';
    border: 2px solid #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    clip-path: polygon(0 0, 94% 0, 34% 100%, 0 100%);
    transition: all 0.3s ease 0s;
    border-radius: 5px;
}
#service-section .Rbtn a:after{ clip-path: polygon(104% 0, 100% 0, 100% 100%, 44% 100%); }

#service-section .Rbtn a:hover{ color: #fe03ee8c; }


/*---- Back to Top css ----*/
/*=========================*/


.back-to-top, .back-to-top::after, .back-to-top-text {
	transition: all 0.25s ease-in-out;
}
.back-to-top, .back-to-top::after {
	position: fixed;
	height: 45px;
	width: 45px;
	color: #fff;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	background: #bc64ec;
}
.back-to-top {
	right: 30px;
	bottom: -12%;
	z-index: 999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transform: rotate(-45deg);
/*	background: #000;*/
	border-radius: 0;
}
.back-to-top::after {
	display: inline-block;
	content: "";
	right:  -1px;
	bottom: 0;
	border-width: 1px;
	background: transparent;
}
.back-to-top-text {
	display: block;
	position: relative;
	transform: rotate(45deg) translate(2%,0%);
}
.back-to-top:focus {
	outline: none;
}
.back-to-top:hover::after {
	transform: translate(25%,-25%);
	background: #39424b;
	z-index: 9;
}
.back-to-top:hover .back-to-top-text {
	color: #fff;
	z-index: 99;
	transform: rotate(45deg) translate(2px,-15px);
}
.show-back-to-top {
	bottom: 4%;
}

/* Woocommerce */
.entry-content .woocommerce .col-1, .entry-content .woocommerce .col-2{
	max-width: 100%;
}
.woocommerce ul.products {
	margin: 0;
}
.woocommerce .products li{
	margin-bottom: 40px !important;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
a.showcoupon,
.woocommerce-message::before{
	color: #301007;
}
.woocommerce-message {
  border-top-color: #301007;
}
.woocommerce span.onsale{
	background: #f8a738;
	color: #301007;
	padding: 0;
	border-radius: 0;
}
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product img{
	margin: 0 !important;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #301007;
  font-weight: 600;
  font-size: 30px !important;
  padding-top: 0;
  letter-spacing: 2px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #301007;
  font-size: 25px;
}
.woocommerce nav.woocommerce-pagination ul {
	margin: 0;
	border: 0;
	background: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
	margin: 0 5px;
	font-size: 15px;
	font-size: 18px;
}
.woocommerce nav.woocommerce-pagination ul li a {
	color: #fff;
	background: #301007;
}
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
	border: 0;
	background: #f8a738;
	color: #301007;
}
.woocommerce ul.products li.product .price {
	display: inline-block;
	width: 65%;
}
.woocommerce .woocommerce-product-rating .star-rating {
	color: #301007;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.added_to_cart.wc-forward{
	background: #FF03EE;
	border-radius: 8px;
	color: #fff;
	font-weight: 500;
	font-family: 'Rancho', cursive;
	font-size: 20px;
  padding: 10px 20px;
	transition: 0.5s all ease-in-out;
	box-shadow: 6px 6px 0 0px #301007;
}
.woocommerce a.added_to_cart.wc-forward {
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.added_to_cart.wc-forward:hover {
	background: #301007;
	color: #fff;
	box-shadow: none;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 10px 5px;
  border-radius: 8px;
  border: solid 1px #353535;
  color: #353535;
}
span.woocommerce-input-wrapper {
	width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #f8a738;
  padding: 12px;
  margin-bottom: 10px;
  font-weight: 600;
  border-radius: 8px;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #301007;
	text-decoration: none;
}
.posted_in, .woocommerce form .password-input, .woocommerce form .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .products .star-rating{
	margin: 0 0 10px;
	font-size: 15px !important;
	color: #f8a738;
}
.select2-container--default .select2-selection--single {
	height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 5px !important;
	top: 50% !important;
	transform: translateY(-50%);
}

/*------- Header ---------*/
.site-title {
	clear: none;
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.site-title,
.site-title a {
	color: #fff;
	opacity: 1; 
}
.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.has-header-image.music-band-front-page .custom-header,
.has-header-video.music-band-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}
.wp-custom-header .wp-custom-header-video-button { 
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}
.admin-bar .wp-custom-header-video-button {
	top: 62px;
}
.has-header-image.music-band-front-page .site-branding,
.has-header-video.music-band-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*------- Front Page ------------*/
.music-band-front-page .site-content {
	padding: 0;
}
.music-band-panel {
	overflow: hidden;
	position: relative;
}
.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.panel-image:before {	
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}
.music-band-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}
.panel-content {
	position: relative;
}
.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */
.music-band-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

/* Front Page - Recent Posts */
.music-band-front-page .panel-content .recent-posts article {
	border: 0;
	color: #3f3f3f;
	margin-bottom: 3em;
}
.recent-posts .entry-header {
	margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}
.music-band-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*-------- Regular Content -----------*/
.site-content-contain {
	position: relative;
}
.site-content {
	padding: 2.5em 0 0;
}

/*-------- Posts ----------------*/
.sticky {
	position: relative;
	background: #eee;
}
.post:not(.sticky) .icon-thumb-tack {
	display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.music-band-front-page) .entry-title {
	color: #301007;
	font-size: 25px;
  font-weight: 700;
  letter-spacing: 1px;
}
.page-title strong {
	display: block;
	font-size: 60px;
}
.home-btn a{
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px;
}
.home-btn a i{
	margin-right: 8px;
}
.entry-header .entry-title {
	margin-bottom: 0.25em;
}
.entry-title a {
	color: #000;
	text-decoration: none;
	margin-left: -2px;
}
h3.entry-title a {
    font-weight: 500;
}
.entry-title:not(:first-child) {
	padding-top: 0;
}
.entry-meta {
	color: #767676;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #767676;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.pagination,
.comments-pagination {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}
.comments-pagination {
	border: 0;
}
.page-numbers {
	display: none;
	padding: 10px;
}
.page-numbers.current{
	display: inline-block;
	background: #000;
}
.prev.page-numbers,
.next.page-numbers {
	background-color: #000;
	display: inline-block;
	color: #fff;
    font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}
.prev.page-numbers {
	float: left;
}
.next.page-numbers {
	float: right;
}
a.more-link {
    color: #fff;
    background: #000;
    padding: 6px 10px;
    float: left;
}
.more-link:before {
    margin-top: 0 !important;
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}
body:not(.music-band-front-page) .entry-header {
	padding: 1em 0;
}
body:not(.music-band-front-page) .entry-header,
body:not(.music-band-front-page) .entry-content,
body:not(.music-band-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}
body:not(.music-band-front-page) .entry-header {
	padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}
.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.music-band-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}
.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
	display: block;
	margin: auto;
}
.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #222;
}

/* Entry footer */
.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #3f3f3f;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}
.entry-footer .edit-link {
	display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.format-quote blockquote {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 300;
	overflow: visible;
	position: relative;
}
.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */
.post-navigation{
	padding: 15px 0;
	margin-top: 20px;
    border-top: 1px solid rgba(170,170,170,.25);
    border-bottom: 1px solid rgba(170,170,170,.25);
}
.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 16px;
	font-weight: 500
}
.nav-title {
	color: #3f3f3f;
	font-size: 15px;
	font-size: 0.9375rem;
}
.post-navigation .nav-next {
	margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*----------- Pages ---------*/
header.page-header h2 {
    font-size: 22px;
}
.page-header {
	padding-top: 2em;
}
.page .entry-header .edit-link {
	font-size: 14px;
}
.search .page .entry-header .edit-link {
	font-size: 11px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page:not(.home) #content {
	padding-bottom: 1.5em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*----------- Footer --------------*/

#colophon {
	position: relative;
	overflow: hidden;
	padding: 2em 0;
	/*background: #000;
	background-image: url("paper.gif");*/
	background-image: url(images/footerbg.jpg);
	background-size: cover;
	color: #fff;
	font-size: 16px;
	position: relative;
	background-attachment: fixed;
}
.footer-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	z-index: 1;
}
aside.widget-area {
	position: relative;
	z-index: 99;
}
.copyright {
	position: relative;
/*	background: #ffffff75;*/
	z-index: 1;
}
.copy-inn{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.3;
}
.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
}
.site-footer a, .site-footer p, #colophon caption, .site-footer .widget_rss .rss-date, .site-footer .widget_rss li cite{
	color: #fff;
}
.site-footer select {
	color: #000;
}
.site-footer .widget {
	margin: 20px 0;
}
.site-footer h2.widget-title{
	position: relative;
    color: #feffff;
    margin-top: 0em;
    font-size: 23px;
    font-weight: 500;
    padding-bottom: 10px;
    text-shadow: 0px 0px 10px #959191, 0px 0px 5px #959191, 1px 0px 0 #959191, 0px 4px 9px #959191, 1px 1px 1px #959191;    
    font-family: 'Montserrat', sans-serif;
}
.site-footer button.search-submit{
	width: 100%;
	border-radius: 0;
	background: #f8a738;
}

/* Site info */
.site-info p,
.site-info a{
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.site-info {
	padding: 2em 0;
	border-top: 1px solid #fff;
	margin-top: 2em;
}

/*------- Comments ------------*/
#comments {
	clear: both;
	padding: 0 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body .reply{
	text-align: right;
	margin-bottom: 10px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin: 10px 0;
}
.comment-meta a {
	text-decoration: none;
}
.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}
.comment-body {
	color: #3f3f3f;
	font-size: 14px;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(170,170,170,.25);
}
.comment-body .comment-reply-link {
	font-weight: 500;
	color: #fff;
	background: #301007;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	border-radius: 30px;
	transition: all 0.4s;
}
.comment-body .comment-reply-link:hover, .form-submit input[type="submit"]:hover {
	background: #bc64ec;
	color: #fff;
}
.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #3f3f3f;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}

/*-------- Widgets ----------*/
.page-template-page-with-right-sidebar #sidebar,
.page-template-page-with-left-sidebar #sidebar {
    margin: 4% 0 0;
}
#sidebar .widget_calendar th, #sidebar .widget_calendar td {
	color: #5d6164;
}
#sidebar .widget li{
	color: #000;
  font-size:18px;
}
#sidebar .widget li:before {
	content: '\f0f8';
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 14px;
  color: #000;
  font-size: 20px;
}
#sidebar .widget_nav_menu li:before{
	content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin:-5px 0 0 10px;
    color: #fff;
    font-size: 25px;
    float: right;
    position: relative;
    background: #000;
    padding: 1px 14px;
}
#sidebar .widget_nav_menu li {
    color: #000;
    border: 1px solid #000 !important;
    font-size: 18px;
    padding: 14px 10px;
    margin-bottom: 8px;
}
#sidebar .widget li:last-child {
  border: none;
}
#sidebar .widget {
		overflow: hidden;
  	margin-bottom: 30px;
    border-radius: 0px;
    background: #fff;
    box-shadow:0 4px 8px 8px rgb(63 78 100 / 15%);
    padding: 0px;
}
#sidebar h2.widget-title {
  	margin-bottom: 1em;
    font-size: 25px;
    color: #fff;
    background: #000;
    padding: 10px 5px 10px 25px;
    border-radius: 0px;
    font-weight: 600;
}
#sidebar h2 a.rsswidget {
  color: #f8a738;
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
	padding: 5px 20px;
}
#sidebar ul ul {
	padding: 0;
}
#sidebar select, #sidebar span.select2 {
	margin: 15px;
	width: -webkit-fill-available !important;
}
#sidebar .tagcloud a {
  border: none;
  color: #000;
  text-decoration: none;
  float: none;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
	background-color: #301007; 
	color: #fff;
	border-color: #301007;
}
#sidebar button.search-submit{
	background: #301007;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 12px;
  width: 100%;
  padding: 8px;
  border-radius: 0;

float: right !important;
position: absolute!important;
text-indent: -999px !important;
background: none;
padding: 9px 24px 9px 25px !important;
margin-top: 1%;
right: 11%;
border-top-right-radius: 5px!important;
border-bottom-right-radius: 5px!important;
width: 0% !important;
z-index: 999 !important;
box-shadow: none;
}
#sidebar button.search-submit:after {
    position: absolute;
    margin-top: -10%;
    font-size: 18px;
    right: 11%;
    /* color: #010101; */
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    z-index: 4;
    background: #000;
    color: #fff;
}
#sidebar .search-form .search-submit {
	bottom: 3px;
}
#sidebar input.search-field {
  border: 1px solid #000;
  padding: 10px;
  font-size: 15px;
  width: 90%;
  margin: 0 1em;
  border-radius: 0px;
}
#sidebar ul li a,
#sidebar .widget_rss .rssSummary,
#sidebar p{
	color: #000;
}

/* widget forms */
.widget select {
	width: 100%;
	margin-top: 10px;
}

/* widget lists */
.widget li{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
    font-weight: 700;
    padding: 10px 0px 0 0;
    border-radius: 2px;
    border: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.widget li:hover a{
	color: #fe03ee8c;
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul li,
.widget ol li {
	padding: 0 0 0.5em 0;
}
.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}
.widget ul li li {
	border: 0;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}
.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */
.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */
.widget_text {
	word-wrap: break-word;
}
.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
	list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
	border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}
.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}
.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}
.widget_text ol li {
	list-style-position: inside;
}
.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}
.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget_rss li .rsswidget {
	font-size:20px;
	font-weight: 300;
	line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}
.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}
.widget_rss .rssSummary {
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */
.widget-grofile h4 {
	font-size: 16px;
	margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	display: block;
}

/* Search */
.search-form {
	position: relative;
}
.search-no-results .search-form label, .error404 .search-form label{
	display: inline-block;
}
.search-form label{
	display: block;
}
.search-form .search-submit {
	bottom: 0px;
    padding: 10px;
    position: relative;
    right: 0px;
    color: #fff;
    font-size: 16px;
}
.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}
button.search-submit{
	background-color: #301007;
	font-weight: normal;
  letter-spacing: 1px;
}

/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #efefef;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; 
	margin: 2px 1px !important;
	padding: 4px 4px  !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #f8a738;
	background: #f8a738;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #000;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

/*----------- Media ----------*/
img,
video {
	height: auto; 
	max-width: 100%;
}
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */
.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-banner,
.mejs-controls a.mejs-horizontal-volume-banner:focus,
.mejs-controls a.mejs-horizontal-volume-banner:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #3f3f3f;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
	background: #222;
	border-color: #3f3f3f;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */
.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}
.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}
.site-content .wp-playlist-item-length {
	top: 5px;
}

/*---------- Customizer -----------*/
.highlight-front-sections.music-band-customizer.music-band-front-page .music-band-panel:after {
	border: 2px dashed #0085ba; 
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}
.highlight-front-sections.music-band-customizer.music-band-front-page .music-band-panel .panel-content {
	z-index: 2; 
}

/* Used for placeholder text */
.music-band-customizer.music-band-front-page .music-band-panel .music-band-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.music-band-customizer.music-band-front-page .music-band-panel:nth-of-type(1):after {
	border: none;
}
.music-band-front-page.music-band-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.music-band-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.music-band-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------- Media --------------*/
/*==============================*/
@media screen and (min-width: 7680px) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
	}
	h1 {
		font-size: 30px;
	}
	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 16px;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}
	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Front Page */
	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}
	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}
	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */
	.taxonomy-description {
		font-size: 14px;
	}
}

@media screen and (max-width:1500px) {
	#slider .cont-cir{right: 16%;}
	#slider .content {  right: 7%;}
}

@media only screen and (max-width: 1300px) and (min-width: 1200px){
	#banner .banner-arrow {
		bottom: 7em;
		left: 4em;
	}
	/*#banner .callus {
		bottom: 7em;
	}*/
	#banner .banner-ovly {
		bottom: 2%;
	}
	.carousel-item {
		height: 676px;
	}
}
@media screen and ( min-width: 1264px) {
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.music-band-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}
@media screen and (max-width:1299px) {
	#service-section .service-box img { height: 400px;
}
}
@media screen and (max-width:1199px) {
	#header .h-btn .read-btn {padding: 10px 8px;}
	#service-section .img-bx {width: 214px; height: 214px;}

}

@media screen and (max-width: 1000px){
	#header .main-bx{background: transparent;}
  .nav-menu .nav ul li a:focus,
	a.closebtn.responsive-menu:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.toggle-menu {
		display: none;
		cursor: pointer;
		z-index: 999999;
		padding: 10px 0;
	}
	.toggle-menu i {		
    font-size: 25px;
    color: #000;
    padding: 8px 10px;
    background: #fff;
	}
	.toggle-menu button {
		background: transparent;
		border: none;
		padding: 0;
		border-radius: 0;
	}
	.sidenav {
		height: 100%;
		visibility: hidden;
		width: 0%;
		position: fixed;
		z-index: 9999999;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		padding-top: 60px;
	}
	.sidenav.show{
		visibility: visible;
		width: 100%;
		transition: 0.8s width ease-in-out;
	}
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 30px;
		display: block;
		padding: 10px;
		color: #000;
		border: none;
		background: transparent;
	}
	.sidenav #primary-site-navigation {
		width: 100%;
	}
	#sidelong-menu{
		text-align: left;margin-top: 1em;
	}
	#header .headdown{
		background: none;
		padding: 0;
	}
	.menu-bar  {
		float: right;
		transform: none !important;
	}
/*	#header .social-icons a { margin-left: 5px;}*/
	.toggle-menu{
		display: block !important;
		position: absolute;
		top: 0em;
	}
	
	.nav-menu ul li a:before{
		content: none;
	}
	.nav-menu ul li{
		border: 0;
	}
	.nav-menu .nav ul li{
		border-top:1px #acabab solid; 
		display:block;
	}
	.nav-menu ul li a, .sf-arrows .sf-with-ul{
		padding: 6px 10px;
		display:inline-block;
		color: #000;
		border: none;
		font-size: 14px;
		line-height: 1.6;
		background: none;
	}
	.nav-menu ul li:after{
		content: none;
	}
	.sf-arrows .sf-with-ul:after{
		right: 20px;
	}
	.nav ul li ul li a:before{
		content:"\00BB \00a0";
	}
	.nav ul li ul li a{
		padding-left:20px !important;
	}
	.nav ul li ul li ul li a{
		padding-left:30px !important;
	} 
	.nav-menu ul ul{
		opacity: 1 !important;
    position: static;
    width: 100%;
    border: 0;
    display: block !important;
    height: auto !important;
	}
	.nav-menu ul li{
		padding: 0;
		display: block;
		margin-bottom: 0;
	}
	.main-menu-navigation {
		padding: 0px 10px;
	}
	.nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.sf-arrows .sf-with-ul:after{
		top: 12px;
	}
}


@media screen and ( min-width: 1072px ) {
	.sticky .icon-thumb-tack {
		font-size: 32px;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}
	.page-numbers {
		display: inline-block;
		margin-right: 5px;
	}
	.page-numbers:hover{
		background: #1d1d1d;
		color: #fff !important;
	}
	.page-numbers.current{
		display: inline-block;
		background: #000;
		color: #fff;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 1000px){
	#service-section .service-box img { height: 350px;}
	.widget_calendar td, #sidebar td{padding: 0px;}
	.prev.page-numbers,.next.page-numbers{float: none;}
 	.page-numbers.current{	color: #fff;}
 	.bannerimg img {
 		height: 600px;
 	}
}

@media screen and (max-width:991px){
	.page-main-header {  padding: 5em 0 5em 0;}
	#headerinn { padding: 18px 6px;}
	#service-section h3 {  margin: 0em 0 1em 0;}
	#header { position: relative; margin-top: 0;background: #121212;}
	#headerinn{border-radius: 0;}
	#header .contact-btn {float: left; }
	#header .contact-btn a { padding: 8px 15px;}
	.nav-menu ul ul li {  margin: 4px 0 2px 24px;}
	.nav-menu ul li a, .sf-arrows .sf-with-ul{padding: 6px 20px;}
	.sf-arrows .sf-with-ul:after {right: 6px;top: 8px;}
	#slider .cont-cir{top:6%;}
	#slider .content { top: 10%;right: 0%;}
	#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{display: none;}
	#feature-section,#service-section { padding: 2em 0;}
	#service-section .service-box { margin: 1em 0px;}
	#feature-section .feature-box h4 {
    font-size: 20px;
}
}


@media screen and (min-width: 786px) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
		line-height: 1.5;
		
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
	}

	/* Layout */
	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}
	.error404 #primary {
		float: none;
	}

	/* Site Branding */
	.site-branding {
		margin: 0 !important;
		padding: 0;
	}
	.has-header-image.music-band-front-page .site-branding,
	.has-header-video.music-band-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}
	.has-header-image.music-band-front-page .custom-header,
	.has-header-video.music-band-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}
	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}
	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}
	.site-title {
		font-size: 36px;
	}

	/* Main Navigation */
	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */
	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}
	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}
	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}
	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */
	.music-band-front-page.has-header-image .site-branding,
	.music-band-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}
	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}
	.background-fixed .panel-image {
		background-attachment: fixed;
	}
	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}
	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */
	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}
	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}
	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	
	/* Posts */
	.site-content {
		padding: 2em 0 0;
	}
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
	}
	.comments-pagination,
	.post-navigation {
		clear: both;
	}
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}
	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}
	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}
	.entry-footer {
		display: table;
		width: 100%;
	}
	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* without sidebar */
	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}
	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}
	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.music-band-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.music-band-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */
	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */
	.page.page-one-column .entry-header,
	.music-band-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}
	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}
	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */
	.nav-links .nav-title {
		position: relative;
	}
	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}
}

@media screen and ( max-width: 768px) and (min-width: 720px){
	.widget_calendar th,
	.widget_calendar td, #courses-section .courses-head p{
		padding: 0px;
	}
	.article_content .content {
  	margin-top: 10px;
	}
	.prev.page-numbers,.next.page-numbers{
 		float: none;
 	}
 	h1.site-title a, p.site-title a, p.site-description {
 		color: #fff;
 	}
 	.bannerimg img {
 		height: 400px;
 	}
	 /*.toggle-menu {
		left: 178px;
		top: 56px;
	 }*/
	 #header .cart {
		left: -150px;
		top: 38px;	
	 }
	 #header .cart .count {
		right: -146px;
		top: 23px;
	 }
	 #header .cart a i {
		right: -132px;
    	top: 14px;
	 }
	 #header .contact-btn {
		left: -96px;
	 }
}
@media screen and (max-width:767px) {
	.page-main-header h1 { font-size: 26px; padding: 10px 0 10px 10px;}
	#header .headtop p{text-align: center;}
	#header .social-icons {float: revert;text-align: center;}


#feature-section .featuresus {
	position: relative;
	top: 0em;
}
	#feature-section .feature-icon{border-right: none;}
	#feature-section .featuresbx{margin: 0 0 1em;}
	#feature-section .feature-box {
    padding: 20px 0px;
}
}


@media only screen and (max-width: 767px) and (min-width: 425px){
	#sidebar .widget_calendar td{
		padding: 1px;
	}
	#sidebar h2.widget-title{
		width: 100% !important;
	}
	#sidebar .search-form .search-submit{
		padding:9px;
	}
	.widget .tagcloud a:hover,
	.widget .tagcloud a:focus,
	.widget.widget_tag_cloud a:hover,
	.widget.widget_tag_cloud a:focus,
	.wp_widget_tag_cloud a:hover,
	.wp_widget_tag_cloud a:focus {
		border-color: #bbb;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
	}
}
@media screen and (max-width:720px) {
	#slider .sliderimg img {height: 500px;}
 	#header {	position: static;}
 	.woocommerce ul.products[class*=columns-] li.product{width: 100% !important;
 }
}

@media screen and (max-width:650px){
	#slider .cont-cir { height: 350px;width: 350px;right: 0;left: 0; margin: 0 auto; top: 10%;}
	#slider .content{right: 0;left: 0;width: 100%;top: 6%;}
	#slider .text-effect {left: 0;font-size: 160px;right: 0;text-align: center;}
	#slider .text-effect span {
	left: 0;
    font-size: 44px;
    top: 100px;
    right: 0;
 	float: revert;
 	 text-align: center;
}
}
@media screen and (max-width:575px){
	.toggle-menu {
   		 top: -3em;
	}
}


@media screen and (max-width: 425px) {
	.page-main-header h1 {  font-size: 20px; padding: 13px 0 8px 0px;
}
}


@media screen and (max-width:400px){
	
	.toggle-menu {
		top: 16px;
	}
} 
@media screen and (max-width: 320px) {
	.article_content .content{
		margin-top:10px;
	}
	.article-text span {
  	margin-right: 6px;
  	padding-right: 6px;
	}
}

.innerhead {
	margin-top: 11em;
}
.innerpost {
    margin-top: 3em;
}