/**
Theme Name: Taunton Music
Author: First4IT Solutions Ltd
Author URI: https://www.first4it.com
Description: Our theme is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, the theme comes with schema.org code integrated so search engines will love your site. It offers plenty of sidebar options and widget areas giving you full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Our theme is fast, fully customizable
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taunton-music
Template: astra
*/

/* Add Icon To External Links */
a[target="_blank"]:not(.affiliate-link):not(.internal-link):not(.elementor-icon):not(.manual-external-link):after {
    font-family: "Font Awesome 5 Free";
    content: " \f35d";
	  padding-left: 3px;
	  /* Must include font-weight: 900 or icons don't show */
	  font-weight: 900;
}   

/* Remove Extra Padding On Elementor Last Paragraph */
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}
p, .entry-content p { margin-bottom: 1em;}

/* Manual External Link Styling */
.manual-external-link { color: #857aab;}

.manual-external-link i {
padding-left: 7px;
	font-size: 14px;
}

.manual-external-link:hover {
	color:#AB987A;
}

.elementor-nav-menu .sub-arrow {
    margin-top: 0px;
    margin-bottom: -15px;
}

/* Add Hover Effect to External Links */
a[target="_blank"]:not(.affiliate-link):not(.elementor-icon):hover {
		text-decoration: none;
		border-bottom: #EA215A 0.125em solid;
		cursor: pointer;
}

/* Facebook Icon Size in Navbar */
.elementor-nav-menu .fab, .elementor-nav-menu .fas { font-size: 35px; margin-top: -10px;}
.elementor-nav-menu .fas { font-size: 26px;}

.taptap-by-bonfire ul li a i { color :#ffffff; font-size: 26px;}


/* Override Facebook Icon Colour in TapTap Menu */
.taptap-by-bonfire ul li a i.fab { color: #ffffff; }

.taptap-by-bonfire { margin-top: 0px;}

.taptap-by-bonfire .sub-menu a { font-size: 14px; text-transform: uppercase;
}

/* Disable ReCaptcha Badge */
.grecaptcha-badge { visibility: hidden; }

/* Hide Borders on Wordpress Gallery Images */
.gallery-icon { border: none !important; }

/* Cookie Button Placement */
.cookiebutton { 
	display: block;
  margin-top: 5px;
}

/* Add Affiliate Logos Styling & Animation */
.affiliate-link { 
 		 filter: grayscale(100%);
    -webkit-filter: 	grayscale(100%);
    opacity: .6;
    -webkit-transition: .6s;
    -moz-transition: .6s;
	   -ms-transition: tra;
    transition: .6s ease-in-out;
}

.affiliate-link:hover {
		filter: grayscale(0%);
		opacity: 1;
		margin-top: -5px;
}

/* Custom CSS For Drumkit */
*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

audio {
	display: none;
}

/*
 * --- Containers & Layout ---
 */

.container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}

.content {
	overflow: hidden;
	height: 100%;
}

.container-drums {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	justify-content:center;
	height: 100%;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	padding: 30px 0 30px 0;
}

.screen-sm-hidden {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.container-drums svg {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.container-drums svg g {
	cursor: pointer;
}


/* Override TapTap Z-Index for Mobile Menu Due To Conflict With Elementor Lightbox Close Button */
@media (max-width: 768px) {
	.taptap-menu-button-wrapper { z-index: 9999 !important;}
	.taptap-background-color {
		z-index: 8000 !important; }
	.taptap-background-image {
		z-index: 9000 !important;
	}
	.taptap-background-overlay {
		z-index: 9100 !important;
	}
	.taptap-main-wrapper {
		z-index: 9200 !important;
	}
}

/* Hide Elementor Mobile Menu Toggle on Mobile as using TapTap Menu instead */
.taptap-main-inner-inner { padding-top: 20px; }
@media (max-width: 768px) {
	.elementor-menu-toggle { display: none;}
	.testimonial-slider h2 {
		font-size: 18px; 
		margin-bottom: 10px;
	}
}

@media (min-width: 700px) {
	.content {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.container-drums svg {
		max-height: 65%;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		-webkit-transition: -webkit-transform 0.6s;
		transition: transform 0.6s;
		-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
		transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	}
	.screen-sm-hidden {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.screen-sm-hidden svg {
		-webkit-transform: scale(0.85);
		transform: scale(0.85);
	}
	.btn-tooltip {
		position: relative;
	}
	.btn-tooltip::before,
	.btn-tooltip::after {
		position: absolute;
		left: 50%;
		pointer-events: none;
		opacity: 0;
	}
	.btn-tooltip:hover::before,
	.btn-tooltip:hover::after {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
		transition: opacity 0.3s ease, transform 0.3s ease;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.btn-tooltip::before {
		content: '';
		z-index: 1001;
		top: 100%;
		width: 0;
		height: 0;
		margin: 0 0 0 -6px;
		pointer-events: none;
		border: solid transparent;
		border-width: 6px;
		border-color: transparent;
		border-bottom-color: #2d2e36;
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	.btn-tooltip:hover::before {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.btn-tooltip::after {
		content: attr(aria-label);
		font-size: 0.41em;
		font-weight: bold;
		line-height: 1.2;
		z-index: 1000;
		top: 100%;
		margin: 12px 0 0 0;
		padding: 8px 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #fff;
		border-radius: 3px;
		background: #2d2e36;
		-webkit-transform: translate3d(-50%, -5px, 0);
		transform: translate3d(-50%, -5px, 0);
	}
	.btn-tooltip:hover::after {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}

@media (max-width: 500px) {
	.container-drums {
		-webkit-align-items: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
}