.container {overflow: hidden;}
html {scroll-behavior: smooth;}

/* Animations */
.fade {opacity: 0;transition: opacity 1s;}
.fadeLeft {opacity: 0;transform: translate3d(-100px, 0, 0);transition: opacity 1s, transform 1s;transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);}
.fadeRight {opacity: 0;transform: translate3d(100px, 0, 0);transition: opacity 1s, transform 1s;transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);}
.fadeUp {opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 1s, transform 1s;}
.animate {opacity: 1;transform: translateX(0);transform: translateY(0);}



.wrapper{max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important;}

	@media only screen and (max-width:1550px) {
		
		.wrapper,		
		.main-content .wp-block-group.is-layout-constrained {max-width:95% !important;}
		
	}
	@media only screen and (max-width:800px) {
	
    }






/* Fonts */
body {font-stretch:normal; color:black; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale}






h1, h2 {letter-spacing:-0.02em;}
h1,
h2.has-x-large-font-size {font-size:3em !important; line-height:110%;}
h2 {font-size:2.5em;}
h3 {font-size:1.75em;}
h4 {font-size:1.25em;}
h6 {font-size:0.85em;}
/*p, ol {font-family: 'Inter', sans-serif;}*/
p {line-height:160%;}


	@media only screen and (min-width:1024px) {
		h1.has-x-large-font-size {font-size:5vw !important;}
	}
		
	@media only screen and (max-width:1240px) {
		h1,
		h2.has-x-large-font-size {font-size:3em !important;}
		h2 {font-size:2.5em;}

	}
	@media only screen and (max-width:800px) {
		h1,
		h2.has-x-large-font-size {font-size:2.5em !important;}
		h2 {font-size:2em;}
		h3 {font-size:1.5em;}
		h4 {font-size:1.25em;}
		h5 {font-size:1em;}
		h1 br, h2 br,
		.remove-br br {display:none;}
		
		div[style*="height:10vh"], div[style*="height:12vh"] {
		   height:3vh !important
		}
		
	}







.brdr-btm {border-bottom:10px solid #f25b46;}



/* .header Bar */
header{width:100%; z-index:1000; z-index:5;}
.header-grid {width:100%; position:relative; display:grid; grid-template-columns:300px auto; grid-template-rows:1fr; grid-column-gap:1em; grid-row-gap:0px; align-items:center;}
	.logo {padding:0}
		.logo img {max-width:100%; display:inline-block; vertical-align:bottom; height:auto}
		.contact a {color:black !important}
        .logo h1 {color:black;font-size:1.75em !important;}
        .logo a {text-decoration: none;}

header .bi {font-size:1.5em}
.bi.bi-spotify {color:#1DB954}
header h1 {margin:0; padding:0;}


	@media only screen and (min-width:1025px) {

		.desktopMenu {text-align:right; height:50px}
		.desktopMenu ul {list-style-type:none;margin:0 auto;padding:0; position:static; z-index:1001; text-align:center; display:inline-block}
		.desktopMenu li {display:inline-block;position:relative; margin:0 0.5vw;text-align:center}
		.desktopMenu li a {display:block; color:black; padding:0.5vw; text-decoration:none}
		.desktopMenu .current_page_item a {font-weight:600}
		.desktopMenu li.menu-item-has-children > a:after  {content:"\2304"; display:inline-block; vertical-align:middle; color:#2386D4; line-height:100%; margin:-6px 0 0 5px; font-size:0.8em; transform:scaleY(0.8)}		

		/* 2nd Level */
		.desktopMenu li ul {position:absolute; top:80px; left:0px; padding:1em; width:260px; z-index:1010; background:#012a5c; border-radius:10px; opacity:0; visibility:hidden; transition:0.5s all; transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .desktopMenu ul li.menu-item-has-children:hover>ul {top:50px; opacity:1; visibility:visible}
		.desktopMenu li:hover ul a {color:black}
		.desktopMenu li:hover ul a:hover, .desktopMenu li li:hover > a {}
		.desktopMenu li ul li {display:block; width:100%; font-size:100%;float:none;text-align:left;width:auto;position:relative;margin:0; z-index:1010; color:black}
		.desktopMenu li ul li a {width:100%;height:auto!important;display:block;padding:0.5em;line-height:125%!important; text-transform:none; font-weight:normal !important}	
		.desktopMenu .current_page_item ul li a {font-weight:normal !important}		
		.desktopMenu li li:after {display:none}	
		.desktopMenu ul li a:hover + .sub-menu,
		.desktopMenu .sub-menu:hover {display:block;opacity:1}
		.desktopMenu li ul li:last-of-type a{border:0}
		.desktopMenu li ul li a:hover {color:#956B2D}
		
		.desktopMenu li li:after, .desktopMenu li  .current_page_item:after  {display:none}

		.menu-panel, .sidebar-toggle, .mobileNav {display:none}	
	}
	@media only screen and (max-width:1024px) {
		.desktopMenu {display:none}
		
		header{padding:1.5em 0 0; border-top:0}
		.header-grid {grid-template-columns:auto auto; width:auto; grid-template-rows:1fr; grid-column-gap:10px; text-align:right; margin:0}
		.logo {text-align:left}
		.logo h1 {font-size:1.25em !important;}
	
		
		/* Animated Burger Menu */ 
		.sidebar-toggle {position:absolute; z-index:100002; top:0px; right:0px; font-weight:400; font-size:100%; width:75px; height:75px; background:transparent; color:black; cursor:pointer;padding:0; margin:0; border:none; outline:0}
		.sidebar-toggle:hover {background:transparent}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {cursor:pointer; border-radius:10px; height:3px; width:30px; left:25px; top:37px; background:black; position:absolute; display:block; content:''}
		.sidebar-toggle span:before {top:-8px; left:0px}
		.sidebar-toggle span:after {top:8px;  left:0px}
		.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {transition:all 250ms ease-in-out}
		.open-menu .sidebar-toggle {position:fixed;}
		.open-menu .sidebar-toggle span {background-color:transparent}
		.open-menu .sidebar-toggle span:before, .open-menu .sidebar-toggle span:after {}
		.open-menu .sidebar-toggle span:before, .sidebar-toggle.active span:after {top:0}
		.open-menu .sidebar-toggle span:before {transform:rotate(45deg); top:0px; left:0px}
		.open-menu .sidebar-toggle span:after {transform:rotate(-45deg); top:0px;  left:0px}	
		
		.menu-panel {background:#F3F4F6; position:fixed; z-index:100001; overflow-y:auto; top:0px; right:-100%; width:100%; height:100%; padding-top:75px; box-sizing:border-box; left:auto; transition:right 0.25s ease-in-out}
		.container.open-menu .menu-panel {left:auto;right:0px}
		
		/* Menu System */
		#menu {padding:0}
		#menu * {box-sizing:border-box}
		#menu {list-style:none;margin:0;padding:0;display:block;clear:both; }
		#menu ul.is-visible {display:block}
		#menu li {position:relative;overflow:hidden; transition:all .4s ease; font-size:125%; text-align:center; display:block;}
		#menu li a {padding:3vh; font-size:4.5vh; font-weight:600; display:block; text-decoration:none; color:black}
	}


.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-group.alignwide.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: var(--wp--style--global--wide-size);
        margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-group.alignfull.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: none;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
    margin-right: auto !important;
}








/* Somngs List */
ul.songs {list-style-type:none; margin:0.5em 0; padding:0}
ul.songs li {list-style-type:none; position:relative; padding:0.6em 0 0.6em 55px; margin:4px 0; line-height:150%; /*border-top:1px dotted rgba(0,0,0,0.25);*/ background:rgba(255,255,255,0.15); border-radius:5px;}
ul.songs li:before {position:absolute; top:0.75em; left:20px; content:"\F49E"; position:absolute; font-family:"bootstrap-icons"; font-size:1em; color:#1DB954;}






/*Utility */
@media screen and (min-width: 768px) {
    .hide-desktop {display: none;}
}
@media screen and (max-width: 768px) {
    .hide-mobile {display: none;}
}







/* 404 Page */
.fourOfour {text-align:center; padding:15vh 0}
.fourOfour h1 {padding:0}
.fourOfour h2 {padding:1em 0; line-height:150%}










/* Form Elements */
.wpcf7 {display:block;font-size:100%}
	.wpcf7 p, .wpcf7 div {padding:0.25em 0; line-height:150%}
	.wpcf7-form-control-wrap {padding:0; display:block}

	.wpcf7-form-control-wrap {display:block;position:relative}
	.wpcf7 input, .wpcf7 textarea, .wpcf7 select {font-family:inherit; border:0; display:block; width:100%; min-width:100%; padding:1.25em 0; margin:0; text-indent:1em; background:white; color:010206; font-size:100%; border-radius:5px}
	
	input.wpcf7-not-valid {border-color:red}

	::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#999}
	.wpcf7 p br {display:none}
	
	.wpcf7 input[type=submit] {width:auto; min-width:10px; line-height:100% !important; border:0; background:#1DB954; color:black; display:inline-block; font-family:inherit; font-weight:bold;padding:1em 2em !important; border-radius:25px; text-indent:0}

	.wpcf7 p .wpcf7-form-control-wrap:after {content:""; position:absolute; font-family:"bootstrap-icons"; right:0.75em; top:1em; font-size:1.25em}
	.wpcf7 p.name .wpcf7-form-control-wrap:after {content:"\F4D3"}
	.wpcf7 p.mail .wpcf7-form-control-wrap:after {content:"\F32F"}
	.wpcf7 p.subject .wpcf7-form-control-wrap:after {content:"\F431"}
	.wpcf7 p.message .wpcf7-form-control-wrap:after {content:"\F252"}
	.wpcf7 p.company .wpcf7-form-control-wrap:after {content:"\F1DD"}
	.wpcf7 p.phone .wpcf7-form-control-wrap:after {content:"\F5C1"}
	.wpcf7 p.connections .wpcf7-form-control-wrap:after {content:"\F2EE"}
	.wpcf7 p.data .wpcf7-form-control-wrap:after {content:"\F54C"}
	.wpcf7 p.device .wpcf7-form-control-wrap:after {content:"\F77C"}
	.wpcf7 p.website .wpcf7-form-control-wrap:after {content:"\F3EE"}
	.wpcf7 p.postcode .wpcf7-form-control-wrap:after {content:"\F3E8"}

	/* Contact Form 7 output */
	div.wpcf7-response-output {font-weight:bold; font-size:100%; line-height:125%; border:0 !important; padding:0 !important; margin:0 !important; color:red}
	div.wpcf7-mail-sent-ok {font-size:100%; line-height:125%; color:010206; font-weight:bold}
	.wpcf7-not-valid-tip {display:block; padding:0; color:red !important; font-size:90%}






.wp-block-media-text {border-radius:10px; overflow:hidden}