/* ==========================================================================
   Imports
   ========================================================================== */

/* ==========================================================================
   Design Tokens
   ========================================================================== */
:root {
  --color-hex-000: #000;
  --color-hex-000000: #000000;
  --color-hex-00b2ff: #00b2ff;
  --color-hex-111: #111;
  --color-hex-16181d: #16181d;
  --color-hex-1954ad: #1954ad;
  --color-hex-1f2230: #1f2230;
  --color-hex-202020: #202020;
  --color-hex-222: #222;
  --color-hex-242733: #242733;
  --color-hex-24324a: #24324a;
  --color-hex-252a38: #252a38;
  --color-hex-293750: #293750;
  --color-hex-2fa9e0: #2FA9E0;
  --color-hex-2f3343: #2f3343;
  --color-hex-2faee9: #2faee9;
  --color-hex-333: #333;
  --color-hex-333333: #333333;
  --color-hex-3b4158: #3b4158;
  --color-hex-3f4559: #3f4559;
  --color-hex-410085: #410085;
  --color-hex-444: #444;
  --color-hex-454a59: #454a59;
  --color-hex-4e5d7e: #4e5d7e;
  --color-hex-4f5566: #4f5566;
  --color-hex-4f8be7: #4f8be7;
  --color-hex-50515a: #50515a;
  --color-hex-555: #555;
  --color-hex-5a6784: #5a6784;
  --color-hex-5d667a: #5d667a;
  --color-hex-614fba: #614fba;
  --color-hex-6575dd: #6575dd;
  --color-hex-6c7690: #6c7690;
  --color-hex-6e7894: #6e7894;
  --color-hex-707892: #707892;
  --color-hex-777: #777;
  --color-hex-7b2bd8: #7b2bd8;
  --color-hex-7f8898: #7f8898;
  --color-hex-8594c1: #8594c1;
  --color-hex-868686: #868686;
  --color-hex-888: #888;
  --color-hex-8a92a8: #8a92a8;
  --color-hex-9197a8: #9197a8;
  --color-hex-af3434: #AF3434;
  --color-hex-ccc: #CCC;
  --color-hex-fff: #FFF;
  --color-hex-a3a3a8: #a3a3a8;
  --color-hex-aaa: #aaa;
  --color-hex-aaaaaa: #aaaaaa;
  --color-hex-bbbce0: #bbbce0;
  --color-hex-bbd: #bbd;
  --color-hex-cb1d82: #cb1d82;
  --color-hex-d2dff0: #d2dff0;
  --color-hex-d41d5b: #d41d5b;
  --color-hex-d5d5d5: #d5d5d5;
  --color-hex-d61e8a: #d61e8a;
  --color-hex-d7e2f0: #d7e2f0;
  --color-hex-d8e2f1: #d8e2f1;
  --color-hex-dadada: #dadada;
  --color-hex-dce6f3: #dce6f3;
  --color-hex-ddd: #ddd;
  --color-hex-dde: #dde;
  --color-hex-dedede: #dedede;
  --color-hex-e5edf7: #e5edf7;
  --color-hex-e7ebf3: #e7ebf3;
  --color-hex-e91e63: #e91e63;
  --color-hex-e9e9e9: #e9e9e9;
  --color-hex-eaeaea: #eaeaea;
  --color-hex-edd: #edd;
  --color-hex-ededed: #ededed;
  --color-hex-edf3fb: #edf3fb;
  --color-hex-eee: #eee;
  --color-hex-eeeeee: #eeeeee;
  --color-hex-eef3fb: #eef3fb;
  --color-hex-efefef: #efefef;
  --color-hex-f0f3fb: #f0f3fb;
  --color-hex-f3f2f5: #f3f2f5;
  --color-hex-f3f3f3: #f3f3f3;
  --color-hex-f4f4f4: #f4f4f4;
  --color-hex-f4fbff: #f4fbff;
  --color-hex-f5f5f5: #f5f5f5;
  --color-hex-f7f7fa: #f7f7fa;
  --color-hex-f7fcff: #f7fcff;
  --color-hex-f8fbff: #f8fbff;
  --color-hex-f9f9f9: #f9f9f9;
  --color-hex-fafafa: #fafafa;
  --color-hex-fbfbfb: #fbfbfb;
  --color-hex-fcfcfc: #fcfcfc;
  --color-hex-fefefe: #fefefe;
  --color-hex-ff6633: #ff6633;
  --color-hex-ff8db4: #ff8db4;
  --color-hex-ffffff: #ffffff;
  --color-rgb-0-0-0-15: rgb(0 0 0 / 15%);
  --color-rgb-0-0-0-20: rgb(0 0 0 / 20%);
  --color-rgb-203-29-130: rgb(203,29,130);
  --color-rgb-65-0-133: rgb(65,0,133);
  --color-rgb-77-228-245-80: rgb(77 228 245 / 80%);
  --color-rgb-97-120-227-80: rgb(97 120 227 / 80%);
  --color-rgba-0-0-0-0: rgba(0, 0, 0, 0);
  --color-rgba-0-0-0-0-025: rgba(0, 0, 0, 0.025);
  --color-rgba-0-0-0-0-05: rgba(0, 0, 0, 0.05);
  --color-rgba-0-0-0-0-1: rgba(0, 0, 0, 0.1);
  --color-rgba-0-0-0-0-15: rgba(0, 0, 0, 0.15);
  --color-rgba-0-0-0-0-2: rgba(0, 0, 0, 0.2);
  --color-rgba-0-0-0-0-33: rgba(0, 0, 0, 0.33);
  --color-rgba-0-0-0-0-5: rgba(0, 0, 0, 0.5);
  --color-rgba-0-0-0-0-6: rgba(0, 0, 0, 0.6);
  --color-rgba-0-0-0-0-66: rgba(0, 0, 0, 0.66);
  --color-rgba-0-0-0-0-75: rgba(0, 0, 0, 0.75);
  --color-rgba-0-0-0-0-9: rgba(0, 0, 0, 0.9);
  --color-rgba-0-178-255-0-5: rgba(0,178,255,0.5);
  --color-rgba-0-178-255-1: rgba(0,178,255,1);
  --color-rgba-10-10-10-0-12: rgba(10, 10, 10, 0.12);
  --color-rgba-123-43-216-0-08: rgba(123, 43, 216, 0.08);
  --color-rgba-123-43-216-0-14: rgba(123, 43, 216, 0.14);
  --color-rgba-123-43-216-0-3: rgba(123, 43, 216, 0.3);
  --color-rgba-20-24-35-0-08: rgba(20, 24, 35, 0.08);
  --color-rgba-203-29-130-1: rgba(203,29,130,1);
  --color-rgba-214-30-138-0-14: rgba(214, 30, 138, 0.14);
  --color-rgba-22-28-45-0-10: rgba(22, 28, 45, 0.10);
  --color-rgba-22-28-45-0-14: rgba(22, 28, 45, 0.14);
  --color-rgba-232-1-171-0-5: rgba(232,1,171,0.5);
  --color-rgba-255-255-255-0: rgba(255, 255, 255, 0);
  --color-rgba-255-255-255-0-5: rgba(255, 255, 255, 0.5);
  --color-rgba-255-255-255-0-6: rgba(255, 255, 255, 0.6);
  --color-rgba-255-255-255-0-66: rgba(255, 255, 255, 0.66);
  --color-rgba-255-255-255-0-75: rgba(255, 255, 255, 0.75);
  --color-rgba-255-255-255-0-8: rgba(255, 255, 255, 0.8);
  --color-rgba-255-255-255-0-85: rgba(255, 255, 255, 0.85);
  --color-rgba-255-255-255-0-9: rgba(255, 255, 255, 0.9);
  --color-rgba-255-255-255-0-90: rgba(255, 255, 255, 0.90);
  --color-rgba-255-255-255-0-92: rgba(255, 255, 255, 0.92);
  --color-rgba-40-56-88-0-08: rgba(40, 56, 88, 0.08);
  --color-rgba-47-174-233-0-08: rgba(47, 174, 233, 0.08);
  --color-rgba-47-174-233-0-14: rgba(47, 174, 233, 0.14);
  --color-rgba-65-12-89-0-8: rgba(65, 12, 89, 0.8);
  --color-rgba-65-0-133-0-5: rgba(65,0,133,0.5);
  --color-rgba-65-0-133-1: rgba(65,0,133,1);
}

:root {
  --color-primary: #e91e63;
  --color-primary-dark: #d41d5b;
  --color-secondary: #614fba;
  --color-accent: #2faee9;
  --color-accent-2: #7b2bd8;

  --text-strong: #222;
  --text-body: #333;
  --text-muted: #555;
  --text-subtle: #777;
  --text-inverse: #fff;

  --surface-base: #fff;
  --surface-elevated: #ffffff;
  --surface-alt: #f9f9f9;
  --surface-soft: #fafafa;
  --surface-dark: #1f2230;

  --border-default: #ddd;
  --border-soft: #eee;
  --border-medium: #ccc;
  --border-subtle: #e7ebf3;

  --overlay-soft: rgba(0, 0, 0, 0.15);
  --overlay-medium: rgba(0, 0, 0, 0.5);
  --overlay-strong: rgba(0, 0, 0, 0.75);

  --shadow-soft: 0 10px 28px rgba(22, 28, 45, 0.10);
  --shadow-medium: 0 14px 36px rgba(22, 28, 45, 0.14);

  --jimk-success: rgb(56, 139, 97);
}

/* ==========================================================================
   Bootstrap Utility Customizations
   ========================================================================== */
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }
.pr-5 { padding-right:3rem!important; }
.pb-5 { padding-bottom:3rem!important; }
.pl-5 { padding-left:3rem!important; }
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

/* Bootstrap `sm` break */
@media all and (max-width: 992px) {
	.mb-sm-4 {
		margin-bottom: 1.5rem!important;
	}
}

.text-success {
    color: var(--jimk-success);
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
html {
	font-size: 100%;
}

/* Match production behavior: remove browser focus ring on click/tap. */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Prevent legacy linked-image focus borders. */
a img {
	border: 0;
}

body {
	height: 100%;
	min-height: 500px;
	font-family: "'Arial Narrow'", sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0 !important;
}

.site-page-loader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-hex-fff);
	opacity: 1;
	visibility: visible;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.site-page-loader.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.site-page-loader__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.65rem;
}

.site-page-loader__ring {
	width: 38px;
	height: 38px;
	border-radius: 999px;
	border: 3px solid var(--color-hex-ddd);
	border-top-color: var(--color-primary);
	animation: siteLoaderSpin 0.9s linear infinite;
}

@keyframes siteLoaderSpin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.site-page-loader,
	.site-page-loader.is-hidden {
		transition: none;
	}

	.site-page-loader__ring {
		animation: none;
	}
}

body a {
	/* color: var(--color-hex-ff6633); */ 			/* old orange*/
	color: var(--color-primary); 			/* red */
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
body a:hover {
	color: var(--border-medium);
	text-decoration: none;
}

input:focus, textarea:focus {
  border: 1px solid var(--color-primary);
  outline: none;
}

/**
# Hero Banner Styles
-----------------------------------------------*/
.hero-banner {
    height: 80vh;
    max-height: 720px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    background-color: var(--color-hex-000);
}

.hero-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--color-hex-000000);
    background: linear-gradient(90deg, var(--color-rgba-0-0-0-0) 35%, var(--overlay-strong) 55%, var(--color-rgba-0-0-0-0-9) 100%);
    z-index: 1;
}

.hero-banner .hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 2rem;
}

.hero-banner .hero-text {
    max-width: none;
    text-align: left;
}

.hero-banner h1 {
    font-size: 2.75rem;
    line-height: 3rem;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 1rem;
}
.hero-banner h1 small {
    font-size: 2rem;
}

.hero-banner p.lead {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.hero-banner p {
    font-size: 1.125rem;
    line-height: 1.6;
}

.hero-banner .btn {
    margin-right: 1rem;
}

/* Hero CTA row alignment fallback for selective Bootstrap builds. */
.home-hero-cta-row {
    justify-content: center !important;
}
@media (min-width: 768px) {
    .home-hero-cta-row {
        justify-content: flex-start !important;
    }
}

.hero-banner .btn-primary, .hero-banner .btn-primary:hover {
	border: 2px solid var(--color-primary);
}

.hero-banner .btn-hollow, .hero-banner .btn-hollow:focus {
	/* padding: 0.5rem 1.5rem; */
	color: var(--text-inverse);
	background-color: transparent;
	border-width: 2px;
	border-color: var(--text-inverse);
}
.hero-banner .btn-hollow:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: transparent;
}

.home-services-container {
    margin-top: -160px !important;
}

/*-- Hero Banner Responsive Styles --*/
@media (min-width: 1200px) {
    .hero-banner {
        background-position: 0 30%;
    }
}  
@media (max-width: 767px) {
    .hero-banner {
        height: 80vh;
        background-size: cover;
        background-position: top 0 left -180px !important;
    }
    .hero-banner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--color-hex-000000);
        background: linear-gradient(180deg, var(--color-rgba-0-0-0-0) 40%, var(--overlay-strong) 75%);
        z-index: 1;
    }
    .hero-banner .hero-content {
        height: auto;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 3rem;
        margin: 0;
    }
    .hero-banner .hero-text {
        margin-left: auto;
        margin-right: auto;
    }
    .hero-banner h1 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 1rem;
    }
    .hero-banner p.lead {
        font-size: 1.25rem;
        font-weight: 300;
        margin-bottom: 1.5rem;
    }
    .hero-banner p {
        font-size: 1rem;
        line-height: 1.35;
    }
}

/**
# Awards Section
-----------------------------------------------*/
.awards {}

.awards-intro {
    font-size: 1rem;
    color: var(--text-muted);
    max-width: 800px;
    margin: 0 auto 2.5rem auto;
    text-align: center;
}

.awards .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.awards .award {
    padding: 1rem 5rem;
    background-color: var(--text-inverse);
    box-shadow: 2px 2px 10px var(--overlay-soft);
    border-radius: 1.15rem;

    /* For older browser support */
    -webkit-box-shadow: 2px 2px 10px var(--overlay-soft);
    -moz-box-shadow: 2px 2px 10px var(--overlay-soft);
}

.award-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 500px;
    padding: 2rem;
}

.award-image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    height: 300px;
}

.award-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 4rem 3rem 0;
}

@media (max-width: 768px) {
    .award-text {
        padding: 3rem 2rem;
    }
}

.award-text .title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
}

.award-text .subtitle {
    font-size: 1rem;
    font-style: italic;
}


/**
# Headings + Text
-----------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-family: "'Arial Narrow'", sans-serif;
}

h1 { font-size: clamp(2.1rem, 4vw, 3.2rem); }
h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.2rem; line-height: 1.6rem; }
h5 { font-size: 1rem; }

@media screen and (max-width: 480px){
	h1 { font-size: 3rem;}
	h2 { font-size: 2.5rem; }
	h3 { font-size: 2rem; }
	h4 { font-size: 1.5rem; }
	h5 { font-size: 1rem; }
}


/**
# Global / Reusable Styles
-----------------------------------------------*/
.round {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.absolute-vertical-center {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bg-grey {
	background-color: var(--color-hex-fbfbfb);
}
.rounded-corners {
	-webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.d-flex {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.justify-content-center {
	justify-content: center !important;
}
ul.no-bullet-list {
	list-style-type: none;
	padding-left: 0;
	line-height: 1.25rem;
}
ul.no-bullet-list li {
	font-weight: 600;
	margin-bottom: 0.75rem;
}
.capability-card {
	background: #ffffff;
	border: 1px solid #d6dbe3;
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(21, 31, 49, 0.08);
	height: 100%;
	padding: 2rem 1.5rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.capability-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(21, 31, 49, 0.12);
}
.capability-card__icon {
	--capability-icon-color: var(--color-primary);
	--capability-icon-bg: var(--color-rgba-214-30-138-0-14);
	align-items: center;
	background: var(--capability-icon-bg);
	border-radius: 999px;
	color: var(--capability-icon-color);
	display: inline-flex;
	font-size: 1.35rem;
	height: 54px;
	justify-content: center;
	width: 54px;
}
.capability-card__icons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-bottom: 1rem;
}
.capability-card__title {
	margin-bottom: 10px;
	text-align: center;
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.capability-card__copy {
    margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

.wgs-capabilities-grid {
	clear: both;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 26px;
	align-items: stretch;
	justify-content: center;
	width: 100%;
}

.wgs-capabilities-grid__item {
	box-sizing: border-box;
	float: none !important;
	flex: 0 1 calc((100% - 52px) / 3);
	margin: 0 !important;
	max-width: calc((100% - 52px) / 3);
	min-width: 0;
	padding: 0 !important;
	width: calc((100% - 52px) / 3) !important;
}

@media all and (max-width: 1199px) {
	.wgs-capabilities-grid__item {
		flex-basis: calc((100% - 26px) / 2);
		max-width: calc((100% - 26px) / 2);
		width: calc((100% - 26px) / 2) !important;
	}
}

@media all and (max-width: 767px) {
	.wgs-capabilities-grid__item {
		flex-basis: 100%;
		max-width: 100%;
		width: 100% !important;
	}
}

@media all and (min-width: 992px) {
	.wgs-intro-row {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
	}

	.wgs-intro-media-col {
		display: flex !important;
		float: none !important;
		flex: 0 0 40%;
		max-width: 40%;
		padding-right: 15px;
	}

	.wgs-intro-media {
		display: block;
		height: 100%;
		max-height: none;
		object-fit: cover;
		object-position: center;
		width: 100%;
	}

	.wgs-intro-copy-col {
		float: none !important;
		flex: 0 0 60%;
		max-width: 60%;
		padding-left: 15px;
	}
}

.wgs-tools-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wgs-professional-development-layout {
	align-items: flex-start;
	justify-content: center;
}

.wgs-professional-development-inner {
	margin-left: auto;
	margin-right: auto;
}

.wgs-professional-development-copy-col,
.wgs-professional-development-accordion-col {
	min-width: 0;
}

.wgs-professional-development-copy {
	margin: 0;
	max-width: 100%;
	padding-right: 12px;
}

.wgs-professional-development-copy p {
	margin-bottom: 1rem;
}

.wgs-professional-development-accordion {
	display: grid;
	gap: 12px;
}

.wgs-professional-development-accordion .accordion-item {
	background: var(--color-hex-ffffff);
	border: 1px solid var(--color-hex-e7ebf3);
	border-left: 1px solid var(--color-hex-e7ebf3);
	border-radius: 12px;
	box-shadow: 0 4px 12px var(--color-rgba-20-24-35-0-08);
	overflow: hidden;
}

.wgs-professional-development-accordion .accordion-button {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	display: block;
	font-size: 1.08rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	padding: 14px 40px 14px 14px;
	position: relative;
	text-align: left;
	width: 100%;
}

.wgs-professional-development-accordion .accordion-button:focus {
	box-shadow: none;
}

.wgs-professional-development-accordion .accordion-button::after {
	content: "+";
	color: var(--text-muted);
	font-size: 1.35rem;
	line-height: 1;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.wgs-professional-development-accordion .accordion-button:not(.collapsed)::after {
	content: "−";
}

.wgs-professional-development-accordion .accordion-collapse {
	border-top: 1px solid var(--color-hex-e7ebf3);
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 12px 14px 14px;
	transition: max-height 0.26s ease, opacity 0.2s ease;
	will-change: max-height;
}

.wgs-professional-development-accordion .accordion-collapse.show {
	opacity: 1;
}

.wgs-professional-development-accordion .accordion-body {
	padding: 12px 14px 14px;
}

.wgs-professional-development-accordion__copy {
	margin: 0;
}

.wgs-tools-group-card {
	background: var(--color-hex-ffffff);
	border: 1px solid var(--color-hex-e7ebf3);
	border-radius: 14px;
	box-shadow: 0 8px 20px var(--color-rgba-20-24-35-0-08);
	padding: 24px 24px 20px;
	text-align: left;
}

.wgs-tools-group-card__title {
	font-size: 1.25rem;
	line-height: 1.2;
	margin: 0 0 16px;
	text-align: left;
}

.wgs-tools-group-card__list {
	margin: 0;
	text-align: left;
}

.wgs-tools-group-card__list li {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-size: 1rem;
	line-height: 1.45;
	margin-bottom: 0.55rem;
}

.wgs-tools-group-card__list li i {
	margin-top: 0.15em;
	flex: 0 0 auto;
}

@media all and (max-width: 1199px) {
	.wgs-tools-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media all and (max-width: 991px) {
	.wgs-professional-development-layout {
		flex-direction: column;
		align-items: stretch;
	}

	.wgs-professional-development-layout > .wgs-professional-development-copy-col,
	.wgs-professional-development-layout > .wgs-professional-development-accordion-col {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.wgs-professional-development-copy-col {
		order: 1;
	}

	.wgs-professional-development-accordion-col {
		order: 2;
	}

	.wgs-professional-development-accordion-col {
		margin-top: 0.75rem;
	}
}

@media all and (max-width: 767px) {

	.wgs-professional-development-copy {
		padding-right: 0;
		margin-bottom: 1rem;
	}

	.wgs-tools-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.wgs-tools-group-card {
		padding: 20px 18px 16px;
	}
}
.all-caps {
    text-transform: uppercase !important;
}

/**
# Layout Styles
-----------------------------------------------*/
.row {
	margin: 0;
}

/**
# Header Styles
-----------------------------------------------*/
#header, .header-fixed {
	min-height: 30px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 15px;
	background-color: var(--text-inverse);
	color: var(--text-inverse);
	/* overflow: hidden; */
    /* top: 0;
	left: 0;
	position: fixed; */
	z-index: 99; /* Keeps menu on top of content */
	/* border-bottom: 1px solid var(--border-default); */
	-moz-opacity: 1;
	opacity: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.logged-in #header, .logged-in .header-fixed {
	top: 32px;
}
/* .header-fixed {
	position: fixed;
	top: 0;
    left: 0;
} */
.header-wrap {
  max-width: 2000px;
  margin: 0 auto;
  /* overflow: hidden; */
}
@media all and (min-width: 992px) {
	.header-wrap {
		min-height: 54px;
	}
}
#header a {
	color: var(--text-muted);
 	background-color: transparent;
    font-size: 16px;
	font-weight: normal;
}
#header a:hover {
	color: var(--color-primary);
}

/* For mobile menu */
#wprmenu_bar {
  border-bottom: 1px solid var(--border-default);
}
.mobmenur-container {
    right: 15px !important;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
	margin-top: 15px;
	margin-right: 15px;
}
@media only screen and (max-width: 992px) {
	.mobmenur-container i, .show-panel .mob-cancel-button {
		line-height: 40px !important;
	}
	.mobmenu-panel.show-panel {
		width: 100%;
	}
}
@media only screen and (max-width: 1080px) {
    .mobmenu-content li > .sub-menu li {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .mobmenu-content #mobmenuright .sub-menu a {
        line-height: 1.65rem;
        color: #333333;
    }
}

/**
 * Transparent Nav Header Styles
 */
.page-home #header/*, .page-template-sound-design-page-template #header*/ {
	/* position: absolute;
	background-color: transparent;
	border: 0; */
}
.page-home #header img, /*.page-template-sound-design-page-template #header img,*/ #header img.logo-text-white {
	/* display: none; */
}
#header img.logo-text-white {
	display: none; /* Hide tranparent version of header logo */
}
.page-home #header img.logo-text-white/*, .page-template-sound-design-page-template #header img.logo-text-white*/ {
	/* display: block; */
}
.page-home #header a/*, .page-template-sound-design-page-template #header a*/ {
	/* color: var(--text-inverse);
	background: transparent; */
}
.page-home #header a:hover/*, .page-template-sound-design-page-template #header a:hover*/ {
	color: var(--color-primary);
}
.page-home .mobmenur-container i /*.page-template-sound-design-page-template .mobmenur-container i*/ {
	/* color: var(--text-inverse); */
}

/**
 * Wrapper Styles
 */
#wrapper {
	margin: 0;
	padding: 0px;
	min-height: 485px;
	z-index: 0;
}
/* top border control */
#wrapper, #featured {
   border: 0px !important;
}
#container {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;
}
#container, #footer {
	max-width: 4800px; /* Limit content width */
}

.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* overflow: hidden; */
}
.container .row {
	padding: 0;
}
.row {
	width: 100%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

/*-- Comments --*/
#respond {
  background: none;
  border: none; /* remove existing border */
  border-radius: 0; /* reset border radius */
  border-top: 1px solid var(--color-hex-aaa); /* add top border */
}

/*-- Footer --*/
footer {
	color: var(--text-muted);
	background-color: var(--text-inverse);
	padding: 45px 15px;
}
footer a, footer p {
	color: var(--text-muted);
}
footer a:hover {
	color: var(--color-primary);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
footer p {
	font-size: 12px;
}
footer .copyright p {
	margin-bottom: 0;
}

/* Hide breadcrumbs */
.breadcrumb-list {
	display: none;
}

/* Text styles for disclaimers */
.company-disclaimer {
  font-size: 16px;
  font-style: italic;
  color: var(--color-hex-aaa);
}


/*-----------------------------------------
* Text Settings
-------------------------------------------*/
p, hr, dl, pre, form, table, address, blockquote {
	margin: 1.6em 0px;
}
blockquote {
	padding: 1.25rem 2rem;
	background: var(--text-inverse);
	border: none;
	border-left: 5px solid #eee;
}
blockquote, blockquote p {
	font-family: "'Arial Narrow'", sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    font-style: normal;
}

#single_wrapper blockquote p:last-child {
	margin-bottom: 0;
}

/* heading links */
#music_example_title h3 a {
  color: var(--text-muted);
}
#music_example_title h3 a:hover {
  color: var(--color-hex-aaa);
}
.text-white {
	color: var(--text-inverse) !important;
}
.text-big {
	font-size: 1.5rem;
	line-height: 2rem
}
@media all and (max-width: 992px) {
	.text-white-md {
		color: var(--text-inverse) !important;
	}
}
@media all and (max-width: 767px) {
	.text-white-sm {
		color: var(--text-inverse) !important;
	}
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}

/*----------------------------------------*
 * General Classes
------------------------------------------*/
.ease {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.circular {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.btn-primary, .btn-primary:focus, .btn-hollow, .btn-hollow:focus {
    width: fit-content;
    float: none;
    display: block;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
	padding: 1rem 1.5rem;
	color: var(--text-inverse);
	background-color: var(--color-primary);
	border-color: var(--color-primary);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.btn-primary:hover, .btn-hollow:hover {
	color: var(--text-inverse);
	background-color: var(--color-primary-dark);
}
.btn-hollow, .btn-hollow:focus {
	/* padding: 0.5rem 1.5rem; */
	color: var(--color-primary);
	background-color: transparent;
	border: 1px solid var(--color-primary);
}


/*-----------------------------------------
* Logo Settings
-------------------------------------------*/
#logo {
	width: 260px;
}
#logo img {
	width: auto;
	max-height: 60px;
	margin: 0;
}
#logo a {
	color: var(--text-inverse);
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-weight: normal;
}
#logo a:hover {
	color: var(--color-hex-ff6633);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.logo-text {
	font-size: 30px;
	padding: 0 5px;
	margin-top: 2px;
	float: right;
	/* line-height: 26px;*/
}
.secondary-logo-text {
	font-size: 11px;
	padding: 0;
	margin-top: -15px;
	float: right;
	/* line-height: 0px; */
	letter-spacing: 5.2px;
}
@-moz-document url-prefix() {
    .secondary-logo-text {
        letter-spacing: 5.3px;
    }
}

/* -- Mobile menu bar size control -- */
#wprmenu_bar .bar_logo {
  max-width: 250px;
  height: auto;
}


/*-----------------------------------------
* Main Menu Settings
-------------------------------------------*/
.main-nav {
  display: none;
}

.top-menu {
  margin: 0;
  line-height: 50px !important;
}

.top-menu li a, .sub-menu li {
  padding: 0.8rem 1.5rem;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  /* text-transform: lowercase;
  color: var(--text-inverse);
  background-color: var(--text-strong); */
  border: 0;
}

/*-- Boostrap Navwalker Styles --*/
.dropdown {
	position: relative;
}
.dropdown span.caret {
	position: relative;
	top: 0.55rem;
}
.dropdown span.caret:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-top: 4px solid var(--text-body);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.dropdown span.caret:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-top: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.dropdown:hover span.caret:before, .dropdown:hover span.caret:after {
	transform: rotate(-180deg);
	transition: all 0.2s ease-out;
}
.dropdown a:hover span.caret:before {
	border-top-color: var(--color-primary);
}
.dropdown-menu {
	display: none;
	min-width: 260px;
	position: absolute;
	top: 32px;
	right: 0;
	margin-top: -6px;
	margin-left: -1px;
	padding: 1rem;
	background-color: var(--text-inverse);
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
	box-shadow: 4px 4px 10px var(--overlay-soft);
}
.dropdown:hover > .dropdown-menu {
	display: block;
	z-index: 99999;
}
.dropdown-menu li {
	display: block;
	padding: 0;
}
.dropdown-menu li a {
	padding: 0.5rem 1rem;
}
/* .dropdown-menu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--border-medium);
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-menu:hover > a:after {
    border-left-color: var(--text-inverse);
}
.dropdown-menu.pull-left {
    float: none;
}
.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
} */
/*-- END Boostrap Navwalker Styles --*/

/* Store menu settings
------------------------*/
#menu-store-menu, #menu-store-menu:hover {
  background-image: none;
  background: none;
}

#menu-store-menu li a:hover {
  color: var(--text-inverse);
}

.menu a, .menu a:hover {
  background: none;
  font-size: 12px;
  line-height: 24px;
  height: auto;
  color: var(--text-inverse);
  border: none;
  text-transform: lowercase;
}

/* sub-menu
-------------*/
.sub-menu {
  display: none; /* initialize sub-menu as hidden */
}

.head-search-box {
	width: 200px;
}

/* animate menu elements */
#header, #logo, #logo img, .logo-text, .secondary-logo-text, .top-menu, .credits-wrapper h4, #content-archive h4, #content-search h4, #my_sidebar_wrapper, #menu-store-menu {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/*-----------------------------------------
* Social Menu Settings
-------------------------------------------*/
#menu-social-menu {
	float: right;
	margin-top: -14px;
	background: none;
}
.sub-header-menu {
	background-color: none;
	border: 0px;
}
#menu-social-menu a {
	border: 0px !important;
}
li.social-icon {
	padding: 0px;
	margin: 0px;
}
.sub-header-menu a:hover {
	color: var(--color-hex-ff6633);
	background: none;
}

/*-----------------------------------------
* Modal Settings
-------------------------------------------*/
.modal {
  max-width: 200px;
  height: 0; /* hide by default */
  position: fixed;
  top: 50px;
  right: 50px;
/*
  top: 50%;
  left: 50%;
  margin-left: -120px;
  margin-top: -61px;
*/
  padding: 0 20px;
  background: var(--color-hex-fcfcfc);
  opacity: 1;
  box-shadow: 2px 2px 5px var(--text-body);
  z-index: 999;
  overflow: hidden;
}
.logged-in .modal {
  top: 82px;
}

.modal-close {
  position: absolute;
  top: -11px;
  right: -11px;
  padding: 0 5px;
  background: var(--text-body);
  border: 1px solid var(--text-inverse); /* var(--color-primary) */
  border-radius: 50%;
}

a.modal-close {
  color: var(--color-hex-aaa);
}

/*-----------------------------------------
* Fancybox Customizations
-------------------------------------------*/
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
	background-color: var(--color-rgba-0-0-0-0-33) !important;
}

/*-----------------------------------------
* Floating HTML5 MP3 Player Settings
-------------------------------------------*/
.floating-html5-player {
	visibility: hidden;
	position: fixed;
	bottom: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
div.playing {
	visibility: visible;
	width: 100%;
	height: auto;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: var(--text-strong);
	z-index: 999;
}
.html5-player-song-title {
	width: 28%;
	float: left;
	font-size: 16px;
	color: var(--border-soft);
	padding: 10px 0 10px 2%;
}
.floating-html5-player audio {
	width: 70%;
	float: left;
	display: inline;
	padding-top: 5px;
}

/*-----------------------------------------
* JS Album Player Customizations
-------------------------------------------*/
.js-audio-album {
	max-width: 992px;
	margin: 0 auto;
	background: none;
}
.js-audio-album .album-thumb {
	border: none;
}
.js-audio-album .album-cover, .js-audio-album ul {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.js-audio-album .song-filters {}
.js-audio-album .audio-controls {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.js-audio-album .song-filters, .js-audio-album .audio-controls {
	width: 100%;
	padding-left: 230px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.js-audio-album .btn-container {
    margin-right: 30px;
}
.js-audio-album .song-filters {
	position: absolute;
	max-width: none;
	padding-right: 115px;
}
/* .js-audio-album .song-filters a, .js-audio-album .clear-tags {
	display: inline;
} */
.js-audio-album .clear-tags {
	display: none;
	max-width: 150px;
	padding: 3px 10px;
	outline: none !important;
}
.js-audio-album .clear-tags:hover {
	background-color: var(--color-hex-333333);
}
.js-audio-album .play-btn.active, .js-audio-album .pause-btn.active {
	background: none;
	border: none;
	outline: none !important;
}
.js-audio-album .song-text {
    position: relative;
	top: 11px;
    left: 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0;
}
.js-audio-album ul::-webkit-scrollbar {
      width: 6px;
}
.js-audio-album ul::-webkit-scrollbar-track {
      background-color: var(--surface-alt);
}
.js-audio-album ul::-webkit-scrollbar-thumb {
      background-color: var(--color-rgba-0-0-0-0-05);
}
.js-audio-album ul::-webkit-scrollbar-button {
      background-color: var(--border-default);
}
.js-audio-album ul::-webkit-scrollbar-corner {
      background-color: var(--border-soft);
}
.js-audio-album ul li {
	color: var(--text-subtle);
}
.js-audio-album ul li.playing, .js-audio-album ul li:hover {
	background: var(--color-rgba-0-0-0-0-025);
}
.js-audio-album ul li .tags {
	overflow-x: scroll;
}
.js-audio-album ul li .tags::-webkit-scrollbar {
      height: 2px;
}
.js-audio-album ul li .tags::-webkit-scrollbar-track {
      background-color: var(--surface-alt);
}
.js-audio-album ul li .tags::-webkit-scrollbar-thumb {
      background-color: var(--color-rgba-0-0-0-0-05);
}
.js-audio-album ul li .tags::-webkit-scrollbar-button {
      background-color: var(--border-default);
}
.js-audio-album ul li .tags::-webkit-scrollbar-corner {
      background-color: var(--border-soft);
}
.js-audio-album .progress-bar .inner {
	background: var(--text-body);
}
.js-audio-album ul li .tags a {
	color: var(--color-hex-aaa);
}
.js-audio-album ul li .tags a.active, .js-audio-album ul li .tags a:hover {
	color: var(--text-body);
}

/*-----------------------------------------
* Custom Play Button Settings
-------------------------------------------*/
.mp3-play-button, .song-link {
	width: 90%;
	float: left;
	padding: 6px 15px 6px 0;
	background-image: url('https://jimkulakowski.com/wp-content/uploads/2014/10/play-flat2.png');
	background-position: 0px 50%;
	background-repeat: no-repeat;
	display: inline-block;
	min-height: 16px;
	vertical-align: middle;
	background-color: none;

	-webkit-touch-callout: none;
    	-webkit-user-select: none;
   	-khtml-user-select: none;
   	-moz-user-select: none;
    	-ms-user-select: none;
   	user-select: none;
}
.mp3-pause-button {
	background-image: url('https://jimkulakowski.com/wp-content/uploads/2014/10/pause-flat1.png');
}
div.mp3-play-button:hover, .song-link:hover {
	opacity: 0.80;
	filter: alpha(opacity=85); /* For IE8 and earlier */
	cursor: pointer;
}
.song-title {
	float: left;
	font-size: 20px;
	color: inherit;
	margin: 5px 0 5px 24px;
}

/**----------------------------------------*
 * Front Page Banner
 *-----------------------------------------*/
.front-page-banner {
    position: relative;
    padding: 2.5rem 0;
    color: var(--color-hex-000);
    /* background-color: var(--color-hex-efefef); */
    overflow: hidden;
}
.front-page-banner.feature-section {
    background-position: top 50% right 0;
    background-size: 60%;
}
/* .front-page-banner .underlay {
    width: 80%;
    height: 250%;
    background-color: var(--text-inverse);
    position: absolute;
    top: -100%;
    left: -30%;
    transform:rotate(30deg);
} */
.front-page-banner .bio-image img {
    height: 50vh;
}
.front-page-banner .subhead {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0rem;
    line-height: 2.75rem;
    margin: 0;
    color: var(--color-hex-6575dd);
}
.feature-section.front-page-banner h1 {
    font-size: 2rem;
    line-height: 2.5rem;
}

/*-----------------------------------------
* Top Banner Settings
-------------------------------------------*/
#top_banner_container {
	width: 100%;
	float: left;
	position: relative;
}
#top_banner_image {
	width: 100%;
	margin: 0 auto;
	float: left;
	position: relative;
}
#top_banner_description_box, #top_banner_description_background {
	width: 33%;
	height: 100%;
	margin-left: 8%;
	float: left;
	position: absolute;
	overflow: hidden;
}
#top_banner_description_background {
	background: var(--color-hex-000);
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
#top_banner_description_box {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
#top_banner_description {
	padding: 10%;
	font-size: 10pt;
	color: var(--text-inverse);
}

/**-- Banner Content --*/
.banner-content {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 4rem;
}

/**-- Service Tabs --*/
.service-tabs a.btn {
	width: 100%;
	display: block;
	position: relative;
	max-width: 350px;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.12rem;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 1rem;
	color: var(--color-rgba-0-0-0-0-66);
    background-color: var(--color-rgba-255-255-255-0-66);
	cursor: pointer;
	-webkit-transition: all 0.33s ease-out;
	-moz-transition: all 0.33s ease-out;
	transition: all 0.33s ease-out;
}
.service-tabs a.btn:hover, .service-tabs a.btn:focus {
	color: var(--text-inverse);
	background-color: var(--color-primary-dark);
}
.service-tabs a:last-of-type {
	margin-bottom: 0;
}
.service-tabs a, .service-tabs a:focus, .service-tabs a:hover {
	color: var(--surface-elevated);
}
@media screen and (max-width: 768px) {
	.service-tabs {
		top: 25%;
	}
	.service-tabs a {
		width: 60%;
		font-size: 0.75rem;
	}
	/* .service-tabs a:hover {
		width: 65%;
	} */
}

/**-- Collapsing Content --*/
.collapsing-content {
	height: 50px;
	color: var(--color-rgba-255-255-255-0-5);
	overflow: hidden;
}

/*-----------------------------------------
* Email Form Settings
-------------------------------------------*/
.email-signup {
	width: 100%;
	background-color: var(--color-hex-fefefe);
}
.email-signup p {
	margin: 10px 0 10px 5%;
	width: 62%;
	float: left;
}
.email-signup p + p {
	width: 28%;
	margin: 10px 0;
}
.mc4wp-form form, form.mc4wp-form {
	width: 100%;
	float: left;
	background-color: var(--color-hex-fefefe);
}
.mc4wp-form button, .mc4wp-form input[type="button"], .mc4wp-form input[type="submit"] {
	width: 100%;
}

/*---------------------------------
* Front Page Settings
---------------------------------*/
#portrait_container {
	width: 100%;
}
#portrait {
	display: none;
/*
	float: left;
	width: 80%;
	position: absolute;
	z-index: -1;
 */
	}
.portrait_spacer {
/*
	width: 45%;
	height:600px;
	float: left;
	position: relative:
	background: red;
 */
}
/*  Head Feature Banner
-------------------------*/
.head-feature {
	width: 100%;
	float: left;
	/* min-height: 200px; */
	font-size: 24px;
}
.featured-video-image-container, .featured-video-image-container img {
	width: 100%;
}
.featured-video-image-container .ywp-link-hover:hover .ywp-page-img-xl .ywp-page-btn-play, .featured-video-image-container .ywp-page-play-pause .ywp-page-video .ywp-link-hover .ywp-page-img-link, .featured-video-image-container .ywp-page-btn-play {
	display: none !important; /* hide Yahoo! player button on videos */
}
.featured-video-image-container p{
	margin: 0 !important; /* hide unnecessary, empty paragraphs created by Wordpress */
}
.call-to-action-container {
	width: 98%;
	background-color: var(--color-hex-444);
	padding: 30px 1%;
}
.call-to-action-container + p { /* remove space from <p> */
	margin: 0;
	padding: 0;
}
.call-to-action-text {
	width: 70%;
	float: left;
	color: var(--border-soft);
}
.call-to-action-button a, .submit-button, .edd-submit.button.red, .edd-submit, [type=submit].edd-submit {
    font-size: 14px;
    font-weight: 800;
	text-transform: uppercase;
	padding: 15px 30px;
    margin: 0 auto;
	background: var(--color-primary);
	color: var(--text-inverse);
	white-space: nowrap;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.call-to-action-button a:hover {
	background: var(--color-primary-dark);
	color: var(--text-inverse);
}
.call-to-action-content {
	width: 80%;
	margin: 0 auto;
}

/*--------------------------------------------
 # Full-Width Slider
 -------------------------------------------*/
.full-slider, .press-slider {
	position: relative;
	background-color: var(--color-hex-333333);
	overflow: hidden;
}
.press-slider {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.full-slider .slide, .press-slider .slide {
	width: 100%;
	height: 100vh;
	min-height: 400px;
	position: relative;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	overflow: hidden;
}
.two-thirds-slider .slide {
	height: 67vh;
}
@media all and (max-width: 992px) {
	.full-slider .slide, .press-slider .slide {
		background-position: 52% center !important;
	}
}
@media all and (min-width: 1400px) { /* Extra Large Desktops */
	/* .full-slider .slide, .press-slider .slide {
		height: 100vh;
	} */
}
.full-slider .slide .container, .full-slider .slide .row {
	height: inherit;
	/* width: 100%;
	position: absolute;
	left: 50%;
	bottom: 60px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	text-shadow: 2px 2px 10px var(--overlay-strong); */
}
.full-slider .slide .content {
	position: relative;
}
/* .full-slider .slide .content::before {
	content: '';
	width: 100%;
    height: 300px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(images/musical_staff_white_tiny.png);
    background-size: contain;
	background-position: left center;
    background-repeat: no-repeat;
    opacity: 0.15;
} */
.full-slider .slide video {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.press-slider .slide h1.big-quote-mark {
	position: absolute;
	left: 0;
	font-family: 'Arial', sans-serif;
	font-size: 15vw;
	font-weight: bold;
}
.full-slider .slide h1 {
	font-family: 'Lato', sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 0.5rem;
}
.press-slider .slide h1, .press-slider .source {
	width: 85%;
	font-family: 'Special Elite', serif;
	position: relative;
	left: 15%;
}
.press-slider .slide h1 a, .press-list a, .press-grid a {
	position: relative;
	top: -8px;
	font-family: 'Special Elite', serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--color-hex-2fa9e0);
	opacity: 0;
}
.press-slider .slide h1 a:after, .press-list a:after , .press-grid a:after{
	content: '';
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	background-color: var(--color-hex-2fa9e0);
	opacity: 0;
}
.press-slider .slide:hover a, .press-slider .slide:hover a:hover:after, .press-list p:hover a, .press-list p:hover a:hover:after, .press-grid p:hover a, .press-grid p:hover a:hover:after  {
	opacity: 1.0;
}
.full-slider .slide h2 {
    position: relative;
	right: -0.7rem;
	font-family: 'Lato', sans-serif;
	font-size: 1.5rem;
	font-weight: 200;
    /* padding-left: 0.7rem; */
    letter-spacing: 0.5rem;
	text-transform: uppercase;
	margin: 0;
}
.full-slider .slide h3 {
	font-family: 'Playball', sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
}
.press-slider .slide .source {
	text-align: right;
}
.press-slider .slide .source img {
	max-width: 240px;
	max-height: 50px;
	display: initial;
}
.press-slider .source h3 {
	font-family: 'Special Elite', cursive;
}
.full-slider .slide .mask, .press-slider .slide .mask {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.full-slider .slide .sub-heading {
	margin-top: 0;
	margin-bottom: 20px;
}
.full-slider .slide p {
	max-width: 585px;
}
.full-slider .btn, .full-slider .btn:focus, .full-slider .btn:active {
	color: var(--color-hex-333333);
	background-color: var(--surface-elevated);
}
.full-slider .btn:hover {
	background-color: var(--color-hex-eeeeee);
}
.full-slider .prev,
.full-slider .next,
.press-slider .prev,
.press-slider .next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'Roboto', sans-serif;
	font-size: 3em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0.5em;
	margin-bottom: 0;
	color: var(--surface-elevated);
	background: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	z-index: 10;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.full-slider .prev, .full-slider .next {
	outline: none !important;
}
.full-slider .prev:hover,
.full-slider .next:hover,
.press-slider .prev:hover,
.press-slider .next:hover  {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.full-slider .prev, .press-slider .prev {
	left: -100px;
}
.full-slider:hover .prev, .press-slider:hover .prev {
	left: 0;
}
.full-slider .next, .press-slider .next {
	right: -100px;
}
.full-slider:hover .next, .press-slider:hover .next {
	right: 0;
}
.full-slider.jk-single-slide .prev,
.full-slider.jk-single-slide .next {
	display: none !important;
}
a.next-section-caret,
a.next-section-caret:focus  {
	position: absolute;
	left: 50%;
	bottom: 45px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 36px;
	text-shadow: 2px 2px 4px var(--overlay-medium);
	color: var(--color-rgba-255-255-255-0-85);
	z-index: 1;
}
a.next-section-caret:hover,
a.next-section-caret:active {
	text-shadow: 2px 2px 2px var(--overlay-medium);
	color: var(--surface-elevated);
}
/*-- For video fancy boxes --*/
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
	background-color: var(--color-rgba-0-0-0-0-9);
}
.full-slider .promo-trigger {
	width: 5rem;
	height: 5rem;
	display: block;
	position: relative;
	font-size: 1rem;
	margin: 0 auto;
	color: var(--text-inverse);
	border: 3px solid var(--text-inverse);
	border-radius: 100px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.full-slider .promo-trigger:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.full-slider .promo-trigger i {
	left: 53%;
	font-size: 1.15rem;
}
.full-slider .scroll-caret {
	display: none; /* Fades in with JS */
	position: absolute;
	left: 50%;
	bottom: 1.5rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 1.25rem;
	color: var(--text-inverse);
	z-index: 10;
}
.full-slider .scroll-caret p {
	font-size: 0.85rem;
	text-transform: uppercase;
}
@media all and (max-width: 768px) {
	.full-slider .promo-trigger {
		width: 3rem;
		height: 3rem;
	}
	.full-slider .promo-trigger i {
		font-size: 1rem;
	}
}

/* Feature Slideshow
------------------------------*/
#slider {}
#slider ul {
	margin: 0;
	padding: 0;
}
#slider ul li {
	list-style-type: none;
}
#slider ul li img {}
#slider ul li.show (
  display: block;
)
#slider ul li.hide {
  display: none;
}

.rslides_container {
	margin-bottom: 0;
}

.rslides_nav {
  opacity: 0.1;
}

.rslides_nav:hover {
  opacity: 0.7;
}

/**-------------------------------------------
 * Service Box Styles
 -------------------------------------------*/
.service-boxes .box {
	width: 100%;
	padding: 1rem;
	background-color: var(--text-inverse);
	-webkit-box-shadow: 2px 2px 10px var(--overlay-soft);
	-moz-box-shadow: 2px 2px 10px var(--overlay-soft);
	box-shadow: 2px 2px 10px var(--overlay-soft);
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
}
.service-boxes:hover .box {
	background-color: var(--surface-soft);
}
.service-boxes .box:hover {
	background-color: var(--text-inverse);
}
.service-boxes .box i {
	position: relative;
	font-size: 60pt;
	margin: 1.5rem auto;
	background: var(--color-rgb-203-29-130);
	background: -moz-linear-gradient(90deg, var(--color-rgba-203-29-130-1) 25%, var(--color-rgba-65-0-133-1) 50%, var(--color-rgba-0-178-255-1) 75%);
	background: -webkit-linear-gradient(90deg, var(--color-rgba-203-29-130-1) 25%, var(--color-rgba-65-0-133-1) 50%, var(--color-rgba-0-178-255-1) 75%);
	background: linear-gradient(90deg, var(--color-rgba-203-29-130-1) 25%, var(--color-rgba-65-0-133-1) 50%, var(--color-rgba-0-178-255-1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-hex-cb1d82)",endColorstr="var(--color-hex-00b2ff)",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.service-boxes .box a.btn {
	display: block;
	margin: 0 auto;
	-webkit-border-radius: 0.15rem;
	-moz-border-radius: 0.15rem;
	border-radius: 0.15rem;
}

.service-boxes .box a.btn i.service-link-icon {
    font-size: 14px;
    margin: 0 auto 0 0.15rem;
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    color: var(--color-primary);
}

.service-boxes .box a.btn:hover i.service-link-icon,
.service-boxes .box a.btn:focus i.service-link-icon {
    color: var(--color-hex-ffffff);
}


/**-------------------------------------------
 # Secondary Page Styles
 -------------------------------------------*/
.secondary-page-heading {
	position: relative;
	padding-top: 6rem;
	padding-bottom: 6rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.secondary-page-heading h1,
.secondary-page-heading h2 {
	position: relative;
	font-weight: 400;
    /* letter-spacing: 0.1rem; */
	text-transform: capitalize;
	margin: 0;
	color: var(--text-inverse);
	z-index: 1;
}
.secondary-page-heading h1 {
	font-size: clamp(2.1rem, 4vw, 3.2rem);
	font-weight: 600;
	margin-bottom: 0.75rem;
}
.secondary-page-heading h2 {
	font-size: 1rem;
	line-height: 1.5rem;
    text-transform: capitalize;
}
/* .secondary-page-heading::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-rgb-65-0-133);
	background: -moz-linear-gradient(45deg, var(--color-rgba-65-0-133-0-5) 0%, var(--color-rgba-232-1-171-0-5) 50%, var(--color-rgba-0-178-255-0-5) 100%);
	background: -webkit-linear-gradient(45deg, var(--color-rgba-65-0-133-0-5) 0%, var(--color-rgba-232-1-171-0-5) 50%, var(--color-rgba-0-178-255-0-5) 100%);
	background: linear-gradient(45deg, var(--color-rgba-65-0-133-0-5) 0%, var(--color-rgba-232-1-171-0-5) 50%, var(--color-rgba-0-178-255-0-5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-hex-410085)",endColorstr="var(--color-hex-00b2ff)",GradientType=1);
} */
.page-template-sound-design-page-template #head-banner.full-slider .slide h1,
.page-template-sound-design-page-template #head-banner.full-slider .slide h2 {
	font-size: 4rem;
	font-weight: 400;
    letter-spacing: 0.12rem;
	text-transform: capitalize;
}
.page-template-sound-design-page-template #head-banner.full-slider .slide h2 {
	font-size: 1.5rem;
}
@media all and (max-width: 768px) {
	.secondary-page-heading h1,
	.page-template-sound-design-page-template #head-banner.full-slider .slide h1 {
		font-size: 2rem;
	}
	.secondary-page-heading h2,
	.page-template-sound-design-page-template #head-banner.full-slider .slide h2 {
		font-size: 1rem;
	}
}

/**
# Voice Over Page
------------------------------------------------*/
.equip-thumb {
	max-width: 100%;
	width: 240px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/**
# Discography
------------------------------------------------*/
.page-discography .single-post-content {
	max-width: 1200px;
}
#discography h1 {
	margin-top: 0;
}
.album-cover-wrap {
	padding: 0 1rem;
	margin-bottom: 2rem;
}
.album-cover {
	display: block;
	position: relative;
	text-align: center;
	/* padding: 15px; */
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	overflow: hidden;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
}
.album-cover img {
	width: 100%;
}
.album-cover .social-icons {
	width: 102%;
	position: absolute;
	left: 50%;
	bottom: -0.5rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	list-style-type: none;
	margin: 0;
	padding: 0.66rem 0.5rem;
	background-color: var(--color-rgba-255-255-255-0-75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; */
}
.album-cover:hover .social-icons {
	bottom: -1px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
.album-cover .social-icons li {
	display: inline-block;
}
.album-cover .social-icons li:not(:last-of-type) {
	margin-right: 0.75rem;
}
.album-cover .social-icons li a {
	display: block;
	font-size: 1.5em;
	line-height: 2rem;
	color: var(--color-rgba-0-0-0-0-66);
}
.album-cover .social-icons li a:hover {
	color: var(--color-primary);
}
.album-cover-wrap .title {
	margin-top: 0.75rem;
	margin-bottom: 0.25rem;
}
.album-cover-wrap .title span.alias {
	margin: 0;
	margin-left: 0.25rem;
	font-size: 0.8rem;
	font-weight: 400;
	font-style: italic;
}
#single_wrapper .album-cover-wrap p.release-year {
	font-size: 0.8rem;
	line-height: 1rem;
	margin-bottom: 0.5rem;
}

/**
# Casino Games Page
------------------------------------------------*/
#post-6791 .post-entry {
	max-width: 600px;
}

/**
# About Page
------------------------------------------------*/
@media all and (max-width: 992px) {
	.page-template-about-page-template .row {
		display: flex;
		flex-wrap: row-reverse;
		flex-direction: column-reverse;
	}
}

/* Sub Features
-------------------*/
.sub-feature-1 {
	width: 50%;
	float: left;
}

/* Twitter Feed
---------------------*/
#tweecool {
	display: block;
}


#twitterHead { float: left; width: 100%; margin-bottom: 20px; }
#twitterHead h1 { float: left; color: var(--color-hex-202020); font-size: 16px; margin: 0; line-height: 26px; }
#twitterHead h1 span { color: var(--color-hex-dadada); font-size: 14px; }
#twitterHead a {
background: url(../images/twitter-icon.png) var(--color-hex-f4f4f4) no-repeat 10px;
padding: 7px 25px 7px 40px;
float: right;
font-size: 12px;
color: var(--color-hex-202020);
}
.twitter-feed { float: left; width: 80%; margin: 10px; }
.twitter-feed li { float: left; width: 100%; margin-bottom: 20px; list-style: none; }
.twitter-feed li img { float: left; width: 20%; margin-right: 5%; }
.twitter-feed li .tweets_txt { float: left; width: 75%; }
.twitter-feed li h1 { font-size: 14px; margin: 0; color: var(--color-hex-202020); float: left; width: auto;}
.twitter-feed li h1 span { font-size: 14px; color: var(--color-hex-d5d5d5); text-transform: capitalize; margin-left: 5px; }
.twitter-feed li p { font-size: 12px; color: var(--color-hex-202020); margin: 0; float: left; width: 100%; margin-top: 5px; }
.twitter-feed li .time-ago { font-size: 10px; color: var(--color-hex-202020); float: right; line-height: 20px; background: var(--color-hex-f4f4f4); padding: 0px 5px; border-radius: 2px; }

/*
.twitter-follow-button {
	float: right:
	position: absolute:
	right: 10px;
}
 */

/* New Twitter Feed Code */
#twitter {
}
#twitter ul {
	margin: 0;
	padding: 0;
}

#twitter ul li {
	list-style:none;
	overflow:hidden;
	padding: 0 0 30px;
	border-bottom: 1px dashed var(--color-hex-dedede);
}
#twitter p, #twitter a {
  font-size: 10pt;
  margin: 10px 10px 10px 0;
}
#twitter ul li:hover {
  background-color:var(--color-hex-f0f3fb);
}
#twitter.user {
  width: 20%;
}
#twitter.tweet {
  width: 45%;
}
#twitter.timePosted {
  width: 10%;
}
#twitter .user img, #twitter .user a > span {
  float:left;
}
#twitter .timePosted, #twitter .interact {
	font-size: 8pt;
	float: left;
	margin: 0 5px;
}
/* #twitter .user img + span {
	display: none;
}*/
/* END New Twitter Feed Code */


/* Featured Credits
------------------------*/
.feature-title {
	position: relative;
	color: var(--text-inverse);
	background-color: var(--color-primary);
	font-size: 20px;
	padding: 10px 20px;
}
.my-featured-project {
	height: auto;
	width: 90%;
	float: left;
	padding: 10px 5%;
	background: var(--color-hex-fcfcfc);
}
.my-featured-project img {
	float: left;
	max-width: 360px;
}
.my-featured-project .call-to-action-button {
	float: right;
	padding: 10px 20px;
}

a.more-projects {
	float: right;
}


/**
# Credits Section
-----------------------------------------------*/
.services .card {
    border: none;
    box-shadow: 0 4px 12px var(--color-rgba-0-0-0-0-1);
    overflow: hidden;
}

.services h3,
.credits  h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.credits .card {
    position: relative;
    border: none;
    box-shadow: 0 4px 12px var(--color-rgba-0-0-0-0-1);
    overflow: hidden;
}

.credits .card img {
    width: 100%;
    height: auto;
    display: block;
}

/* Info tab styling */
.credits .card .info-tab {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: var(--text-inverse);
    background-color: var(--color-rgba-0-0-0-0-6);

    /* Start hidden */
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.25s ease;
}

/* Hover state: slide up + fade in */
.credits .card:hover .info-tab {
    opacity: 1;
    transform: translateY(0);
}

.credits .card .info-tab a {
	color: var(--text-inverse);
    text-decoration: none;
}

.credits .card .info-tab a:hover {
	color: var(--border-default);
}

/* Featured Songs List
---------------------------*/
.music-examples-wrapper {
	width: 50%;
	float: right;
}
#music_example_title {
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 2px dashed var(--color-hex-aaa);
}
#music_example_title h3 {
	width: 100%;
	padding: .857em 0px;
	margin: 0px;
	text-align: center;
	background: var(--border-soft);
}
#portrait_song_list {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
 	/* overflow-y: scroll; */
 }
#horizontal-info {
	width: 100%;
	float: left;
	position: relative;
	color: var(--text-subtle);
	background: var(--color-hex-eaeaea);
}
#horizontal-info > p:first-of-type {
	padding: 0 40px;
}


/**--------------------------------
* Modern Front Page Settings
---------------------------------*/
#head-banner {
  padding: 0;
  margin: 0;
}

.feature-section {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 90px 0;
  float: left;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}

.feature-section h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	color: var(--text-body);
	background: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.feature-section a h4:hover {
  color: var(--color-primary-dark);
}

.feature-section .sample_song_column {
  width: 100%;
  float: none;
  margin: 0 auto;
  padding: 0;
}
.feature-section .portrait-container img {
	  border: 0.5rem solid var(--text-inverse);
    border-radius: 0.25rem;
    box-shadow: 0 1rem 1rem var(--overlay-medium);
}

#two, #four, #six, #eight, #ten {
	position: relative;
	/* background: url(https://jimkulakowski.com/wp-content/uploads/2020/06/cement-background-scaled.jpg);
	background-size: cover;
	background-repeat: no-repeat; */
	overflow: hidden;
}
/* #two::before, #four::before, #six::before, #eight::before, #ten::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--color-rgba-255-255-255-0-9);
} */

#one {
  /*
  background-image: url('http://jimkulakowski.com/wp-content/uploads/2015/03/jim-writing-1080.png');
  background-size: 68% auto;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: var(--color-hex-000);
  */
  float: left;
  padding: 0 0 10px;
  text-align: left;
}

#one .call-to-action-button a, #two .call-to-action-button a, .call-to-action-button a {
  width: fit-content;
  float: none;
  display: block;
  margin: 60px auto 30px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

#one, #two {
  padding-top: 90px;
  padding-bottom: 90px;
}

.feature-section * {
	position: relative;
	z-index: 1;
}

.feature-section h1 {
  margin: 0;
  font-size: 30px;
  text-align: center;
}

.feature-section hr {
  width: 50%;
  margin: 20px auto;
}

#container:last .feature-section {
  border-bottom: 0;
}

.inner-feature {
  width: 50%;
  max-width: 500px;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.inner-feature p {
	font-size: 18px;
	line-height: 32px;
	margin: 0;
	padding: 0 10% 20px;
}

.inner-feature .call-to-action-button a {
	width: fit-content;
    float: none;
    display: block;
    margin: 0 auto 5px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.inner-feature .call-to-action-button + p {
  display: none;
}

.inner-feature img {
  margin: 40px 0;
}

.social-feature {}

.social-feature img {
  width: 15%;
  max-width: 120px;
  margin: 0 1%;
  display: inline-block;
}

.social-feature a:hover {
  opacity: 0.6;
}


/**
# Featured Projects Grid Styles
------------------------------------------------*/
.featured-projects-grid ul {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.featured-projects-grid li {
	width: 33%;
	display: inline-block;
	float: none;
	padding: 20px 15px;
	margin: 0 auto 15px;
	list-style-type: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.projects-grid {
	overflow: visible;
}
.featured-projects-grid li a:first-of-type, .projects-grid .grid-item a:first-of-type {
	width: 100%;
	max-width: 280px;
    display: block;
	margin: 0 auto 5px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
}
.featured-projects-grid li a img,
.projects-grid .grid-item img {
	width: 100%;
	position: relative;
	top: 0;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.featured-projects-grid li a:hover img,
.projects-grid .grid-item a:hover img {
	top: 5px;
}
.featured-projects-grid .call-to-action-button a {
  float: none;
  margin: 0 auto;
}
ul.contribution-labels {
	list-style: none;
	margin-top: 0.5rem;
}
ul.contribution-labels li {
	width: auto;
	display: inline-block;
	position: relative;
	font-size: 12px;
    font-weight: 600;
	letter-spacing: 0.015rem;
    text-transform: lowercase;
    padding: 0 0.75rem;
	margin-bottom: 0.75rem;
	color: var(--text-body);
	background-color: var(--surface-alt);
    border: 1px solid var(--color-hex-e9e9e9);
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
    border-radius: 1rem;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
ul.contribution-labels li:not(:last-of-type) {
	margin-right: 15px;
}
ul.contribution-labels li:hover {
	background-color: var(--color-hex-e9e9e9);
	cursor: help;
	z-index: 9999;
}
ul.contribution-labels li span.tooltip {
	display: none !important;
	width: 300px;
    display: block;
    position: absolute;
	top: 1.75rem;
    left: 0;
	text-transform: none;
    padding: 0.75rem;
	color: var(--text-body);
    background-color: var(--text-inverse);
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
    border-radius: 1rem;
	-webkit-box-shadow: 4px 4px 10px var(--overlay-soft);
	-moz-box-shadow: 4px 4px 10px var(--overlay-soft);
	box-shadow: 4px 4px 10px var(--overlay-soft);
}
ul.contribution-labels li:hover span.tooltip {
	display: block !important;
}
ul.contribution-labels li span.tooltip::before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	position: absolute;
    top: -10px;
    left: 15px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid var(--text-inverse);
}

/**
# Isotope Gallery Styles
------------------------------------------------*/
.isotope-filters button {
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	padding: 0.25rem 1.25rem;
	color: var(--text-body);
    background-color: var(--color-hex-f5f5f5);
	border: 0;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	border-radius: 5rem;
	white-space: nowrap;
}
.isotope-filters button:not(:last-of-type) {
	margin-right: 1rem;
}
.isotope-filters button.is-checked, .isotope-filters button:hover {
	color: var(--text-inverse);
	background-color: var(--color-primary);
}

/* Modern front page song list styles
------------------------------------------------*/
.inner-feature ul li {
  list-style-type: none;
}

.inner-feature #song_container .song_player a, .inner-feature #song_container .song_description {
  display: none;
}

.inner-feature #song_container {
  width: 92%;
  max-height: 20px;
  background: var(--border-medium);
  margin: 5px;
  padding: 5px;
  opacity: 0.7;
}

.inner-feature #song_container .song_player {
  width: 98%;
  overflow: hidden;
}

.inner-feature #song_container .song_player .song-link {
  padding: 0;
  background-position: 0 3px;
}

/*-----------------------------------------
* Front page song lists
-------------------------------------------*/
.credits-wrapper {
	float: left;
	width: 100%;
	margin-right: 0px;
	border: 0px;
	padding: 0px;
}
#song_cat_lists {
	width: 98%;
	float: left;
	padding: 0 20px;
	margin-top: 0px;
}
.sample_song_column {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 0;
	}
.sample_song_column li {
	width: 90%;
	display: inline-block;
        float: none;
	margin: 0 5%;
	list-style: outside none none;
	border-bottom: 1px solid var(--border-medium);
}
.sample_song_column li:last-of-type {
	border-bottom: none;
}
.credits-wrapper h4, #content-archive h4, #content-search h4 {
	color: var(--text-body);
	background: var(--color-hex-ededed);
	padding: 8px 15px 8px 15px;
	margin: 0px 0;
	/* position: fixed; */
	width: 100%;
	z-index: 1;
}
#content-archive h4, #content-search h4 {
	margin-top: -30px;
}
h4 a {
	color: var(--border-soft);
}
h4 a:hover {
	color: var(--color-primary);
}
#more_function a {
	float: right;
	padding: 2px 6px 2px 6px;
	color: var(--text-inverse);
	background-color: var(--color-primary);
}
#more_function a:hover {
	background-color: var(--color-primary-dark);
}

#content-full {
width: auto;
margin-top: 0px;
padding: 0 40px;
}

/** ----------------------------
# Client Carousel Styles
-------------------------------*/
/* .clients-carousel {}
.clients-carousel h1 + p {
	margin-bottom: 30px;
}
.clients-carousel p {
	font-size: 1rem;
}
.clients-carousel .row-fluid {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.clients-carousel .row-fluid [class*=col] {
	position: relative;
	margin-bottom: 45px;
}
.clients-carousel .row-fluid [class*=col] img {
	max-width: 80%;
	height: auto;
}
.clients-carousel .row-fluid [class*=col] a {
	display: block;
}
.clients-carousel .row-fluid [class*=col] a .caption {
	width: 100%;
	height: auto;
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: 1em;
	color: var(--text-body);
	background-color: var(--text-inverse);
	opacity: 0;
}
.clients-carousel .row-fluid [class*=col] a:hover .caption {
	opacity: 0.9;
}
.clients-carousel .row-fluid [class*=col] a .caption p {
	margin: 0;
} */

.clients-slick {
    padding: 20px 0; /* optional: vertical padding for the carousel */
}

.clients-slick .slick-track {
    display: flex !important;        /* Slick overrides display, force flex */
    align-items: center;             /* vertically center slides */
}

.clients-slick .slick-slide {
    display: flex !important;        /* make each slide a flex container */
    justify-content: center;         /* horizontally center logo inside slide */
    align-items: center;             /* vertically center logo inside slide */
}

.clients-slick .client-logo {
	margin: 0 40px;
    filter: grayscale(1);
}

.clients-slick .client-logo img {
    max-height: 80px;
	max-width: 160px;
    width: auto;
    display: block;
    object-fit: contain;
}



/** ----------------------------
* Custom Single Page Settings
-------------------------------*/
#single_wrapper {
	width: 100%;
	min-height: 350px;
	padding: 0;
	padding-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#single_wrapper p {
  margin: 0 0 1.6rem 0;
  padding: 0;
}

.single-post h1.post-title {
	font-size: 2rem;
	margin-top: 0;
}

.single-post-image {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0 30px 0 0;
}

.single-post-image img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* border: 5px double var(--border-default); */
}

.single-post-content {
  width: 100%;
  max-width: 992px;
  margin: 0 auto;
  padding: 0;
}

.single-post-content .post-entry {
  width: 75%;
  display: inline-block;
  padding: 0;
}

.single-post-content #song_container {
  width: 100%;
}

.single-post-content .song_description {
  width: 100%;
  margin-top: 20px;
}

/* custom Taxonomy Divs
------------------------*/
#custom-tags {}
#custom-tags ul {}
#custom-tags ul li {
	list-style-type: none;
	margin: 0 0 1em 0;
}
#custom-tags ul li p {
	margin: 0;
	font-weight: bold;
	font-size: 16px;
}
#custom-tags ul li a {
	color: var(--text-body);
	font-size: 12px !important;
}
#custom-tags ul li a:hover {
	color: var(--text-body);
	pointer-events: none; /* disable link click */
	pointer: default;
}

/**
 * Let's Connect Form Styles
 */
.post-4242 {
	max-width: 600px;
	margin: 0 auto;
}
.post-4242 .ninja-forms-cont {
	width: 100%;
}
#ConnectCta .content-col {
	text-align: left;
	padding-right: 1.5rem;
}
#ConnectCta img {
	display: block;
	max-width: 160px;
}
@media all and (max-width: 992px) {
	#ConnectCta .content-col {
		text-align: center;
		padding-right: initial;
	}
	#ConnectCta img {
		margin-left: auto;
		margin-right: auto;
	}
}
.connect-list {
	padding-left: 0;
	list-style-type: none;
}
.connect-list li {
	font-weight: 600;
}
.connect-list li:not(:last-of-type) {
	margin-bottom: 0.65rem;
}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
	font-size: 14px;
	font-weight: 400;
	padding: 15px 30px;
	color: var(--text-body);
}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select {
	white-space: nowrap;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.ninja-forms-form-wrap textarea {
	padding: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.field-wrap input[type=button] {
	color: var(--text-inverse);
	background: var(--color-primary);
	text-transform: uppercase;
	border: 0;
}
.field-wrap input[type=button]:hover {
	color: var(--text-inverse);
	background: var(--color-primary-dark);
}
select, input[type="text"], input[type="tel"], input[type="password"], input[type="email"] {
	max-width: 100%;
	background-color: var(--surface-elevated);
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	border: 1px solid var(--color-hex-aaaaaa);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 0 var(--surface-elevated), inset 0 1px 1px var(--color-rgb-0-0-0-20);
	-moz-box-shadow: 0 1px 0 var(--surface-elevated), inset 0 1px 1px var(--color-rgba-0-0-0-0-2);
	box-shadow: 0 1px 0 var(--surface-elevated), inset 0 1px 1px var(--color-rgb-0-0-0-20);
	outline: none;
	cursor: text;
	white-space: nowrap;
}

/**
* Project List Page Settings
*/
.projects-list {
	width: 64.88%;
	float: right;
	border-left: 1px dashed var(--border-medium);
}
.projects-list a {
	color: var(--text-body);
}
.projects-list a:hover {
	color: var(--color-hex-ff6633);
}
.projects-list-item {
	width: 28%;
	float: left;
	display: inline;
	padding: 0px 2.5%;
}

/* Featured Project Settings */
.recent-featured-projects-list {
	background-color: var(--text-inverse);
	height: auto;
	width: 35%;
}
.recent-featured-projects-list-item {
	width: 94%;
	float: left;
	padding: 10px 3%;
	/* background-color: var(--surface-soft); */
}
.recent-featured-projects-list-item img {
	width: 25%;
	padding: 10px;
	float: left;
}

/* Project List Settings */
.projects-list ul {
        width: 100%;
	min-height: 40px; /* Equal to .project-thumb heigh and width */
	padding: 0;
	margin: 10px 0;
}
.projects-list ul li, .projects-list-item li.project-thumb {
	list-style-type: none;
}
.project-thumb img {
	width: 40px;
	float: left;
}
.projects-list-item li.project-link {
	list-style-type: none /* square */;
}


/**-------------------------------
Custom Blog Page Template Settings
---------------------------------*/
#blog-post-wrapper {
	width: 90%;
	min-height: 350px;
	padding: 0 5%;
}
.blog-video-container {
	width: 100%;
	max-height: 315px;
	background-color: var(--border-soft);
	display: inline-block;
}
.blog-video {
	/*margin: 0 auto;
	max-width: 560px;
	max-height: 315px;
	padding: 10px 0;*/
	max-width: 560px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.blog-video iframe {
	/*width: 100% !important;
	height: auto !important;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/**-----------------------------
* Custom Credits Page Settings
-------------------------------*/
/* Video Play Button */
.video-image-container {
	float: left;
	width: 100%;
	position: relative;
}
.video-image-container img {
	width: 100%;
	max-width: 600px;
	position: relative;
	left: 0;
	top: 0;
}
/*
.video-play-button-bg {
	position: absolute;
	width: 55px;
	height: 55px;
	background: var(--color-hex-aaa);

	left: 25px;
	top: 25px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	opacity: 0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
	/*
-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.video-play-button-border {
	position: absolute;
	width: 50px;
	height: 50px;
	border: 5px solid var(--text-strong);

	left: 25px;
	top: 25px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	/*
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
 */
.video-play-button {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 40px solid var(--text-strong);

	top: 40px;
	left: 40px;

	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.video-image-container:hover .video-play-button {
	border-left: 40px solid var(--text-body);
}
/*
.video-image-container:hover .video-play-button-border {
	border: 5px solid var(--border-soft);
}
*/

/** Control embeded HTML video size */
video {
  max-width: 992px;
  height: auto;
}

/*----------------------------------------
* Custom Music Licensing Store Settings
----------------------------------------*/
#free-track-of-the-month {}

#free-track-of-the-month img {
  width: 200px;
  float: left;
}

.store-song-listing {
	display: table;
	width: 50%;
	float: left;
	/* border: 1px dashed var(--border-medium); */
	z-index: 9999;
}
.store-song-listing .wpaudio-slide {
	float: right;
	margin: 0px 0px;
}
.store-song-listing .wpaudio-slide .wpaudio-bar {
	width: 250px;
}
.song-play-bar, .song-tempo, .song-time, .song-key, .song-instruments {
	width: 96%;
	padding: 2%;
	border: 1px dashed var(--border-medium);
}
.song-description {
	width: 96%;
	padding: 2%;
}
.song-play-bar {
	background: var(--surface-soft);
}
.song-tempo {

}
.song-time {

}
.song-key {

}
.song-instruments {

}
.song-description {

}

.edd_price_options {
	max-width: 90%;
	padding: 0px 20px 0 0;
	float: left;
	z-index: 9999;
}

.edd_price_options select {
	background-color: var(--surface-alt); /* colors dropdown box */
}

.edd_purchase_submit_wrapper {
	float: left; /* Prevents "Add To Cart" button from overlapping song info */
	width: 90%;
}

.edd-variable-pricing-desc {
  margin: 0;
  font-style: italic;
  color: var(--text-subtle);
}

a #license-details {
  padding: 10px;
  border: 1px solid;
}

/* Song Data Settings */
div.song-data {
  width: 100%;
  float: none;
  display: inline-block;
  margin: 10px auto;
  padding: 0;
}

.song-data ul {
  width: 264px;
  padding: 0;
  margin: 0;
}

.song-data ul li {
  list-style-type: none;
  width: 120px;
  float: left;
  padding: 0px 5px;
  border: 1px solid var(--color-hex-aaa);
}


/*----------------------------------------------
* Custom Music Store Page Template Settings
-----------------------------------------------*/
#music-store-heading {
	padding: 0;
}
#store-search {
  width: 100%;
  background-color: var(--color-hex-eaeaea);
}

#dl-category-wrap {
  padding: 0;
}

.searchandfilter { 	/* Advanced store search */
  padding: 1em 0;
  margin: 0;
}
.searchandfilter ul {
  margin: 0;
  padding: 0;
}

.searchandfilter div {
  margin: 0;
}

.download-categories {
  width: 100%;
  margin: 0;
  padding: 0;
}

.download-categories li {
  display: inline-block;
  margin: 5px 0;
  list-style-type: none;
}

.download-categories a {
  margin: 0;
  padding: 7px 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--text-inverse);
  background-color: var(--color-hex-4f8be7);
  border: none;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.download-categories a:hover {
  background-color: var(--color-hex-1954ad);
  color: var(--text-inverse);
  cursor: pointer;
}

/* -- Store Items -- */
#store-item {
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* box-shadow: 3px 3px 10px var(--text-muted); */
	border-bottom: 1px solid var(--border-default);
	overflow: hidden;
	webkit-transition: all 0.2s ease;
	moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
div#store-item:last-of-type {
	border-bottom: none !important;
}
.type-download:last-of-type #store-item {
	border-bottom: none;
}
#store-item:hover {
  background-color: var(--surface-soft);
}

#store-item img, #store-item .song_player, #store-item .song-description, #store-item .price {
  display: inline-block;
  margin: 0;
  margin-top: 10px;
  margin-right: 2%;
  margin-bottom: 10px;
  vertical-align: middle;
  padding-top: 0;
}

#store-item img {
  width: 7%;
  margin-left: 10px;
  float: left;
}

#store-item .song_player {
  width: 25%;
}

#single_wrapper .song_player {
  width: 100%;				/* Player width for single pages */
}

#store-item .song-description {
  width: 34%;
  padding: 0;
  margin-right: 10px;
}

#store-item .price {
  width: 10%;
  font-size: 16px;
  font-weight: bold;
}

#store-item .call-to-action-button {
  width: 10%;
}

/* folio covers */
#music-store-folio {

}
ul li.portfolio-cover {
	width: 31%;
	float: left;
	margin: 10px 1%;
	list-style-type: none;
}
ul li.portfolio-cover img {
	width: 100%;
}
ul li.portfolio-cover:hover {
	cursor: pointer;
}
p.folio-content {
	width: 100%;
	float: left;
	margin: 0px !important;
}
/* Loading Icon */
.loading-icon {
	position: fixed;
	top: 47.5%;
	left: 47.5%;
	padding: 2%;
	background: var(--text-inverse);
	border: 1px solid var(--color-hex-aaa);
	z-index: 9999;
	opacity: 0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

/* Store Sidebar Settings */
#store-sidebar-wrap {
	position: fixed;
	right: -1000px; /* Cart defaults to hidden */
	margin-top: 40px;

	z-index: 9999;

	-webkit-transition: all 0.5s ease; /* allows cart to slide */
	-moz-transition: all 0.5s ease; /* allows cart to slide */
	transition: all 0.5s ease; /* allows cart to slide */
}
#store-sidebar-wrap p {
	padding: 20px;
	border-bottom: 1px dashed var(--border-medium);
}
#store-sidebar-wrap form img {
	max-height: 20px;
	width: auto;
}
/* EDD Sidebar Cart Settings */
#cart-wrap {
	padding: 20px;
	background: var(--color-hex-fefefe);
	border: 1px dashed var(--color-hex-aaa);
}
.widget_edd_cart_widget li.cart_item edd_subtotal, .widget_edd_cart_widget li.edd_subtotal {
	list-style-type: none;
}
.widget_edd_cart_widget li.edd_checkout {
	display: none !important;
}
.cart-closed {

}
/* show/hide button */
#show-hide-wrap {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0;
	margin: 0;
	border: none;
	background: var(--color-hex-fefefe);
	border: 1px dashed var(--color-hex-aaa);
	-webkit-transition: all 0.5s ease; /* allows cart to slide */
	-moz-transition: all 0.5s ease; /* allows cart to slide */
	transition: all 0.5s ease; /* allows cart to slide */
	z-index: 9998; // atop everything except for the cart contents
}
.hide-cart, .show-cart {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	margin: 0;
}
.show-cart img {
	max-height: 20px;
}
.hide-cart {
	display: none;/* changed to inline when .show cart is clicked */
	font-size: 30px;
}
.hide-cart span {
	position: relative;
	margin-top: -2px;
}

/* Single Download File Info Styles */
a.file-info-toggle {
	color: var(--text-body);
}
a.file-info-toggle:hover {
	color: var(--color-primary);
}
a.file-info-toggle .fa-play {
	margin-right: 5px;
}
.file-info {
	/*display: none;*/ /* Initiate section as hidden */
}

/*
 * Support/Donate Store Item Settings
 */
var(--color-hex-edd)_purchase_7216 h5,
var(--color-hex-edd)_purchase_7216 p,
var(--color-hex-edd)_purchase_7216 #license-details,
var(--color-hex-edd)_purchase_7216 #faq-button {
	display: none;
}

/*----------------------------------------
* Custom License Comparison Page Settings
----------------------------------------*/
.license-matrix ul {
	width: 100%;
	min-width: 845px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: auto;
}
.license-matrix li {
        min-height: 20px;
	list-style-type: none;
	border: 1px solid var(--text-inverse);
	text-align: center;
}
.license-matrix li.tbl-head {
	width: 64.5%;
	padding: 5px 9%;
	background: var(--color-hex-4f8be7);
        color: var(--text-inverse);
	border: 2px solid var(--color-hex-aaa);
	float: left;
}
.license-matrix ul li.tbl-col {
	width: 12.04%;
	padding: 10px 2%;
	float: left;
	color: var(--border-soft);
	background-color: var(--color-primary);;
}
.license-matrix ul li.tbl-row {
	width: 30%;
	padding: 10px 2%;
	float: left;
	background-color: var(--border-default);
}
.license-matrix ul li.tbl-cell {
	width: 12%;
	padding: 10px 2%;
	float: left;
	background-color: var(--color-hex-efefef);
	border: 1px solid var(--border-medium);
}
.license-matrix ul li.tbl-dummy-cell {
	width: 30%;
	padding: 10px 2%;
	float: left;
	color: var(--border-medium);
	background-color: var(--text-muted);
	border: none;
	margin-right: 2px;
}


/* Align Post thumbnails */
img.wp-post-image, img.attachment-thumbnail, img.attachment-medium ,img.attachment-large, img.attachment-full {
	text-align: left;
	margin: 0;
}
img.attachment-large {
	float: left;
	max-height: 250px;
}


/* Image Saturation */
.desaturate {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(images/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.desaturate:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(100%);
	filter: grayscale(0%);
	filter: none;
	filter: none;
	-webkit-filter: grayscale(0);
}

/**-----------------------------*
 * Custom Landing Page Settings *
 *------------------------------*/
.single-landing_pages {
	margin-top: -72px !important;
}


/*-----------------------------------
* Archive Page Settings
-----------------------------------*/
#content-archive, #content-search{
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#content-archive, #content-search {
	width: 100%;
}

#content-archive li {
  list-style-type: none;
}

.post-entry {
  margin: 0 auto;
}
.download {
	margin: 10px 20px;
	border: none;
	color: inherit;
	background-color: inherit;
}


/* ---------------------------------------------
* Pagination Styles
-----------------------------------------------*/
.navigation {
    padding: 1rem 0 5rem;
}

.navigation li {
	width: auto;
	float: left;
	display: inline;
	border: 0;
}

.navigation li:not(:last-of-type) {
    margin-right: 0.5rem;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    cursor: pointer;
	padding: 1.5rem;
    font-size: 0.95rem;
    color: var(--text-body);
	background-color: var(--color-hex-fafafa);
    text-decoration: none;
	border-radius: 100rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: var(--color-primary);
	color: var(--color-hex-ffffff);
}

/* Projects pagination: numeric buttons are circles, prev/next are plain text links. */
.projects-archive-pagination .navigation ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.projects-archive-pagination .navigation li {
	float: none;
	display: inline-flex;
	align-items: center;
	margin-right: 0;
}

.projects-archive-pagination .navigation li.nav-page a {
	width: 3rem;
	height: 3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	font-weight: 700;
	line-height: 1;
}

.projects-archive-pagination .navigation li.nav-page span {
	width: 3rem;
	height: 3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	font-weight: 700;
	line-height: 1;
	background-color: var(--color-primary);
	color: var(--text-inverse);
}

.projects-archive-pagination .navigation li.nav-page.active a,
.projects-archive-pagination .navigation li.nav-page a:hover {
	background-color: var(--color-primary);
	color: var(--text-inverse);
}

.projects-archive-pagination .navigation li.nav-prev a,
.projects-archive-pagination .navigation li.nav-next a {
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: var(--text-body);
	font-weight: 600;
}

.projects-archive-pagination .navigation li.nav-prev a:hover,
.projects-archive-pagination .navigation li.nav-next a:hover {
	background: transparent;
	color: var(--color-primary);
	text-decoration: underline;
}

.projects-archive-pagination .navigation li.nav-dots {
	color: var(--text-subtle);
	padding: 0 0.25rem;
}


/* ------------------------
* Music archive settings
--------------------------*/
.music-archive-thumbnail {
  width: 64px;
  height: auto;
  float: left;
  margin: 10px 20px 10px 0;
}


/**
* Custom Sidebar Settings
*/
#my_sidebar_wrapper {
	width: 27%;
	min-height: 800px;
	/*float: left;*/
	background: var(--border-default);
	padding: 0px 3%;
	right: 0px;
	top: 0px;
	position: absolute;
	height: 100%;
	z-index: 2;
}
#my_sidebar {
	width: 27%;
	max-width: 300px;
	height: 100%;
	color: var(--color-hex-444);
	position: fixed;
}
#my_sidebar a {
	color: var(--color-hex-888);
}
#my_sidebar a:hover {
	color: var(--color-hex-ff6633);
}
#my_sidebar ul {
	list-style: none; /*hide bullets*/
	padding-left: 0;
}
/**
* Custom look for search bar
*/
#s {
	width: 60%;
	background-color: var(--color-hex-fefefe);
}
#searchsubmit {
	color: var(--text-inverse);
	background: var(--color-primary);
	border: 0 none;
	font-weight: normal;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#searchsubmit:hover {
	background: var(--color-hex-af3434);
}
#searchsubmit label {
	display: none; /* Hides Search box text */
}

/**
* Custom Footer Bar Settings
**/
#footbar {
	width: 92%;
	height: auto;
	overflow: auto;
	padding: 30px 0;
	margin: 0;
	background: var(--color-hex-eaeaea) /*var(--color-hex-ff6633)*/;
	color: var(--text-subtle);
}
#footbar a {
	color: var(--text-body);
}
#footbar a:hover {
	color: var(--color-primary);
}
#footbar ul {
	list-style: none; /*hide bullets*/
	padding-left: 0;
}

#foot_section_1 {
	width: 25%;
	float: left;
}
#foot_section_2 {
	width: 25%;
	float: left;
}
#foot_section_2 img.attachment-full {
	max-height: 140px; /* Limit height of FootBar - Feature project thumb */
}
#foot_section_3 {
	width: 25%;
	float: left;
}
#foot_section_4 {
	width: 25%;
	float: left;
	display: inline-block;
}


/*-----------------------
* Custom Footer Settings
------------------------*/
.custom-social-icons {
	display: block;
}
ul.custom-social-icons {
	width: auto;
	display: table;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
ul.custom-social-icons li {
	float: left;
	margin-right: 20px;
}
ul.custom-social-icons li:last-of-type {
	margin-right: 0;
}
#PRO-icons a, .custom-social-icons a {
	font-size: 28px;
	color: var(--text-muted);
}
#PRO-icons a:hover, .custom-social-icons a:hover {
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
#PRO-icons {
	float: right;
	width: auto;
}
#PRO-icons ul {

}
#PRO-icons ul li {
	float: left;
	list-style-type: none;
	margin-left: 10px;
}
#PRO-icons img {
	max-height: 30px;
}


/*--------------------
* Scrollbar settings
---------------------*/
::-webkit-scrollbar {
      width: 10px;
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
      background-color: var(--surface-alt);
} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
      background-color: var(--color-rgba-0-0-0-0-1);
} /* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {
      background-color: var(--border-default);
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner {
      background-color: var(--border-soft);
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

/* For IE */
body {
    scrollbar-face-color: var(--border-default);
}

/* Non-webkit Fallback */
.jspTrack {
    background: var(--text-inverse); /* changed from var(--color-hex-dde) */
    position: relative;
}
.jspDrag {
    background: var(--color-rgba-0-0-0-0-2); /* changed from var(--color-hex-bbd) */
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}



/* Individual Song Posts
-------------------------*/
#song_container {
	width: 70%; /* percentage within .sample_song_column */
	height: auto;
	float: left;
	padding: 10px 2% 10px;
	margin: 0 auto;
	background: var(--color-hex-fefefe);
}
.song_player, .song_description {
	text-align: ;
	float: left;
}
.song_player {
	width: 43%;
	margin-right: 2%;
}
.song_description {
	width: 55%;
	display: inline;
}

.clear {
	clear: both;
}

/* fix 404 error title color  */
.title-404 {
	color: var(--color-hex-aaa);
}



/*-------------------
* Bio Page Settings
--------------------*/
.services {
	width: 100%;
	max-width: 768px;
	padding: 0px;
	margin: 0 auto;
}
.services img {
	position: relative;
	width: 50%;
	max-width: 260px;
	padding: 0;
	margin: 0 auto;
	/*filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);*/
}
.services p {
	width: 100%;
	margin: 0;
	padding: 0;
}
.services ul {
	padding: 0;
	margin: 0;
}
.services ul li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
.story {
	width: 100%;
	display: inline;
	position: relative;
}


/*----------------------
* Form Settings
----------------------*/
#single_wrapper p label {
	display: block !important;
}
.ninja-forms-cont {
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}

/* -----------------------
* Testimonials Settings
-------------------------*/
#testimonials {
	position: relative;
	display: block;
	margin-top: 60px;
	padding: 2.5rem 2.5rem 1rem;
	-webkit-box-shadow: 4px 4px 15px var(--color-rgb-0-0-0-15);
	-moz-box-shadow: 4px 4px 15px var(--color-rgb-0-0-0-15);
    box-shadow: 4px 4px 15px var(--color-rgb-0-0-0-15);
    border-radius: 1rem;
	overflow: hidden;
}
#testimonials::before {
	content: open-quote;
	position: absolute;
	top: -100px;
	left: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 500px;
	font-weight: bold;
	line-height: 500px;
	color: var(--surface-soft);
	z-index: -1;
}
#testimonials::after {
	content: close-quote;
	position: absolute;
	top: 200px;
	right: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 500px;
	font-weight: bold;
	line-height: 500px;
	color: var(--surface-soft);
	z-index: -1;
}
#testimonials h2 {
  width: 70%;
  margin: 20px auto;
  font-size: 30px;
  color: var(--text-body);
  text-align: center;
}

#testimonials hr {
  width: 50%;
  margin: 0 auto;
}

.testimonials {
	font-size: 18pt;
	font-family: "Times New Roman", Times, serif;
	/*
	font-style: italic;
	*/
}
.testimonials ul {

}
.testimonials li {
	/* display: block;
    overflow: auto;
	margin-top: 1em;
    margin-bottom: 1em;
	padding: 1em 2em;
	list-style-type: none;
	background-color: var(--color-hex-f3f2f5);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em; */
}
.testimonials p {
	line-height: 30px;
	margin: 20px auto;
	padding: 0;
	margin-bottom: 1em;
}
.testimonials p:not(:last-of-type) {
	margin-bottom: 1em;
}
.testimonials li p + p {
	float: right;
	padding-right; 100px;
}
.bx-wrapper {
	float: left; /* Firefox floating window fix */
}
.bx-pager, .bx-controls-direction, .bx-prev, .bx-next, .bx-controls-auto {
	display: none;
}
.bx-viewport {
	background: none;
	color: var(--text-body);
}
.more-testimonials {
	float: right;
}
/* Glyph, Line style by Harry Roberts */
hr.style-eight {
	padding: 0;
	margin: 0;
	border: none;
	border-top: medium double var(--text-body);
	color: var(--text-body);
	text-align: center;
}
hr.style-eight:after {
	content: "§";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}
/* Single-direction drop shadow */
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px var(--overlay-medium);
}
/* my custom style */
hr.style-one {
	margin: 0;
	border-top: 2px solid var(--color-hex-111);
}

/* ----------------------
* Advertisement Settings
------------------------*/
#long-right-ad {
  width: 80%;
  height: 100px;
  position: relative;
  margin: 10px 0;
}

/* -----------------------------------------------
* Block: Landing Page Header With Rotating Images
--------------------------------------------------*/
.landing-page-header .slick-initialized .slick-slide {
	height: 100vh !important;
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media
    only screen and (-moz-min-device-pixel-ratio:1.5),
    only screen and (-o-min-device-pixel-ratio:3/2),
    only screen and (-webkit-min-device-pixel-ratio:1.5),
    only screen and (min-device-pixel-ratio:1.5) {

    body {}
}

/* Desktop-only (≥ 1200px) */
@media (min-width: 1200px) {
    .desktop-only {
        display: block !important;
    }
    .tablet-only {
        display: none !important;
    }
    .mobile-only {
        display: none !important;
    }
}

/* Tablet-only (< 900px) */
@media (max-width: 900px) {
    .desktop-only {
        display: none !important;
    }
    .tablet-only {
        display: block !important;
    }
    .mobile-only {
        display: none !important;
    }
}
  
/* Mobile-only (< 768px) */
@media (max-width: 767.98px) {
    .desktop-only {
        display: none !important;
    }
    .tablet-only {
        display: none !important;
    }
    .mobile-only {
        display: block !important;
    }
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1150px) {

	/**
	* My customizations for max-width 1150px
	*/

	/**-----------------------
	* Modern Home Page 1150px
	-------------------------*/
	#one {
          background-size: 100% auto;
  	  background-position: 35% 120%;
	}

}

@media screen and (max-width: 1024px) {
	#header, .header-fixed {
		padding: 15px;
	}
	#logo {
		float: none;
		margin: 0;
		text-align: left;
	}

	#logo img {
		width: auto;
		max-height: 40px;
		margin: 0;
	}
	#responsive-menu-container #responsive-menu-wrapper {
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#responsive-menu-container #responsive-menu-title {
		text-align: center !important;
	}
	#responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content {
		display: none;
	}
}

/**-- Bootstrap Break --*/
@media all and (max-width: 992px) {
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
	    font-size: 18px !important;
	    text-transform: uppercase;
	}
}

@media screen and (max-width: 980px) {

	/**
	* My customizations for max-width 980px
	*/

	.sample_song_column {
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 20px;
		}

	/* end my customizations */

    body {}

    .grid,
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }

	.home #widgets {
		margin-top: 40px;
	}

    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }

    /* font control for category */
    #music_example_title h3 {
		font-size: 20px;
	}

	.copyright, .scroll-top, .powered {
		float: none;
	}

}

/**
* 900px was not included in original - used to resize text on banner
*/
@media screen and (max-width: 900px) {

	/* Responsive menu */
	#wprmenu_bar .menu_title a {
	    width: 160px;
	    display: inline-block;
	    position: relative;
	    top: 0;
	}
	#wprmenu_bar .bar_logo {
		width: 100%;
	}
	html body div.wprm-wrapper {
		overflow: hidden;
	}
	html body div.wprm-overlay.active {
		display: none !important;
	}

	#top_banner_description {
		padding: 10%;
		line-height: 1;
		font-size: 10pt;
	}

	.home .full-slider .slide [class*="col-"] {
		width: 100%;
		top: 75%;
	}
	.full-slider .slide [class*="col-"], .full-slider .scroll-caret {
		text-shadow: 2px 2px 4px var(--overlay-medium);
	}
	.full-slider .slide h1 {
		font-size: 2rem;
	}
	.full-slider .slide h2 {
		font-size: 1rem;
		font-weight: 400;
		padding-left: 0.5rem;
		letter-spacing: 0.47rem;
	}
	.full-slider .slide h3 {
		font-size: 2rem;
	}

	.featured-projects-grid li {
	  width: 50%;
	  display: block;
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	}
	.featured-projects-grid .contribution-labels {
		margin-top: 0.5rem;
	}
	.contribution-labels li {
		width: auto;
		display: inline;
	}

	.sample_song_column {
		width: 100%;
		float: left;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	/* Projects Lists */
	.projects-list-item {
	width: 44%;
	padding: 10px 3%;
	}

	/**
	* Bio Page 850px Settings
	*/
	.services img {
		width: 47%;
	}
	.services p {
		width: 50%;
		margin: 0 auto;
	}
	.services ul {
		width: 100%
	}

	/* ------------------------------
	* Archive Customizations 900px
	-------------------------------*/
	#song_container {
	  width: 70%;
	}

}



/**
* 720px was not included in original - used to resize text on banner
*/
@media screen and (max-width: 768px) {

	/**
	# Headings
	-----------------------------------------------*/
	h1 { font-size: 2rem;}
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.2rem; }
	h4 { font-size: 1rem; }
	h5 { font-size: 0.8rem; }

	#single_wrapper {
		padding-top: 1rem;
	}

	/**
	# Modern Home Page Mobile
	-------------------------*/
	.service-tabs a.btn, .service-tabs a.btn:focus, .service-tabs a.btn:focus {
		font-size: 0.75rem;
		padding: 0.5rem 1rem;
	}

	.feature-section h4 {
		overflow: visible;
		white-space: initial;
	}
	.feature-section .sample_song_column li {
		  width: 100%;
		  float: left;
		  margin: 0 auto;
		  padding: 0;
	}

	#one {
          background-size: auto 100%;
	  background-position: 35% 20px;
	}

	.featured-projects-grid li {
		width: 50%;
	}
	.featured-projects-grid li a img,
	.projects-grid .grid-item img {
		max-width: 300px;
	}

	.inner-feature {
	  width: 100%;
	  max-width: 500px;
	  margin: 0 auto;
	  display:block;
	}

	#top_banner_description {
		padding: 5%;
		line-height: 1;
		font-size: 8pt;
	}
	#song_cat_lists {
		width: 93%;
		margin-top: 0px;
	}
	.sample_song_column {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}

	.album-cover-wrap {
		max-width: 300px;
	}

	/* Isotope Styles */
	.isotope-filters {
		width: 100%;
		display: block !important;
		border-bottom: 0;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.isotope-filters button {
		color: var(--color-hex-aaa);
		background-color: transparent;
	}
	.isotope-filters button.is-checked, .isotope-filters button:hover {
		color: var(--text-body);
		background-color: transparent;
	}
	.isotope-filters::-webkit-scrollbar {
		height: 5px;
	}
	.isotope-filters::-webkit-scrollbar-track {
		background-color: var(--surface-soft);
	}
	.isotope-filters::-webkit-scrollbar-thumb {
		background-color: var(--border-soft);
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		border-radius: 1rem;
	}
	.grid-item {
		width: 100%;
	}


	#content-archive, #content-search {
		width: 100%;
	}


	/**
	* Front page Portrait 720 pxPage Settings
	*/
	.portrait_spacer {
		width: 40%;
		height:400px;
		float: left;
		position: relative;
		background: red;
	}

	/* -- Single page styles 720px --*/
	.single-post-content {
          width: 90%;
          padding: 0;
	}

	/**
	* Custom Footer Bar 720px Settings
	**/

	#footbar {
		height: auto;
	}

	#foot_section_1 {
		width: 50%;
		float: left;
	}
	#foot_section_2 {
		width: 50%;
		float: left;
	}
	#foot_section_3 {
		width: 50%;
		float: left;
	}
	#foot_section_4 {
		width: 50%;
		float: left;
		display: inline;
	}

	/* Custom Store Settings 720px
	-------------------------------*/
	#store-item img {
	  width: 20%;
	}

	#store-item .song_player {
	  width: 70%;
	}

	#store-item .song-description {
	  width: 40%;
	}

	#store-item .price {
	  width: 10%;
	}

	/**
	* Custom Single Page Settings
	*/
	#single_wrapper {
		width: 100%;
		float: left;
	}


	/**
	* Credits/Archive Settings 720px
	*/
	#content-archive, #content-search {
    	margin-top: 0px;
    }

	/**
	* Bio Page 720px Settings
	*/
	.services img {
		width: 47%;
	}
	.services p {
		width: 50%;
	}
	.services ul {
		width: 100%;
	}


	#my_sidebar_wrapper {
		float: left;
		position: relative;
		width: 94%;
	}

	#content-full {
	  padding: 0 20px;
	}


	/* ------------------------------
	* Archive Customizations 720px
	-------------------------------*/
	.credits-wrapper h4, #content-archive h4, #content-search h4 {
	  margin-top: 0;
	}

	#song_container {
	  width: 70%;
	}

	/*
	.post-entry {
	  padding: 0;
 	}

	/* inherited features from theme's settings for 650px */
	body {}

	#logo {}

    .grid,
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }

    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }

    .top-widget .widget-title {
        text-align: center;
    }

    .js .menu,
	.js .sub-header-menu {
		display: none;
	}

	.top-menu,
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }

	.tinynav {
	    display: block;
		margin: 0 auto;
		width: 100%;
	}

	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		background: var(--text-inverse) url(images/bg-select.png) no-repeat right;
		border: 1px solid var(--border-medium);
        font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
	}

	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}

	.ie9 .tinynav  {
		padding-right: 8px;
	}


	.music-examples-wrapper {
	width: 50%;
	}

	.credits-wrapper {
		width: 100%;
	}
	#my_sidebar {
		width: 94%;
		position: relative; /* Allows sidebar to move to bottom on smaller screens */
	}

    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }

	/* end inherited settings */
}

@media screen and (max-width: 650px) {

	/**
	* My Customizations for @media 650px
	*/

	#top_banner_description_box, #top_banner_description_background {
		width: 45%;
		height: 100%;
		margin-left: 0%;
		float: left;
		position: absolute;
		overflow: hidden;
	}

	#top_banner_description {
		padding: 5%;
		line-height: 1;
		font-size: 7pt;
	}


	#song_cat_lists {
		width: 91%;
	}
	.sample_song_column {
		width: 100%;
		float: left;
		margin-right: 0%;
		margin-bottom: 20px;
	}


	/**
	* Front page Portrait 650px Page Settings
	*/
	#portrait {
		display: none;
	}
	.portrait_spacer {
		width: 0%;
		height: 0px;
		float: none;
		position: relative;
		background: red;
	}
	.music-examples-wrapper {
		width: 100%;
		float: none;
	}
	.sample_song_column {
		width: 100%;
	}
	#music_example_title {
	width: 100%;
	}

	/* featured project height */
        .my-featured-project {
		height: auto%;
		float: none;
	}

	#portrait_song_list {
		height: 100%;
		float: none;
		position: relative;
		/* overflow: auto; */
	}


	/* Sub Features
	-------------------*/
	.sub-feature-1 {
		width: 100%;
		float: none;
	}

	.head-feature {
	float: none;
	min-height: 0px;
	background: var(--color-hex-444);
	font-size: 14px;
	}

	.call-to-action-text {
		width: 100%;
		float: none;
		margin: 1em auto;
	}
	.call-to-action-button {
		width: 100%;
		float: none;
		margin: 1em auto;
	}

	/*----------------------
	* Quote Form Settings
	----------------------*/
	.ninja-forms-cont {
		width: 100%;
	}

        /*-- Single page 650px settings --*/
		.single-post-image {
		  width: 100%;
		  margin-bottom: 15px;
		}

		.single-post-image img {
			width: 100%;
		}

        .single-post-content .post-entry {
          width: 100%;
        }

	/**
	* Credits/Archive Page Settings 650px
	*/
	.credits-wrapper h4, #content-archive h4, #content-search h4 {
		margin-top: 0px;
	}


	/**
	* Projects List Page Settings
	**/
	.recent-featured-projects-list {
		width: 100%;
	}
	.projects-list {
		width: 100%;
	}


	/**
	* Custom Footer Bar 650px Settings
	**/
	#footbar {
		height: auto;
	}

	#foot_section_1 {
		width: 50%;
		float: left;
	}
	#foot_section_2 {
		width: 50%;
		float: left;
	}
	#foot_section_3 {
		width: 50%;
		float: left;
	}
	#foot_section_4 {
		width: 50%;
		float: left;
		display: inline;
	}


	/**
	* Custom Single Page Settings
	*/
	#single_wrapper {
		width: 100%;
		float: left;
	}


	/**
	* Bio Page 650px Settings
	*/
	.services img {
		width: 100%;
		max-width: 300px;
		padding: 0;
		margin: 0 auto;
	}
	.services p {
		width: 100%;
		margin-top: 10px;
	}
	.services ul {
		width: 100%
	}

	/*
	* Testimonials Settings 650px
	-----------------------------*/
	.testimonials {
		font-size: 16pt;

	}
	/* .testimonials p {
		padding: 0px 40px;
	}
	.testimonials li p + p {
		padding-right; 40px;
	} */

	/* end my customizations for 650px */


    body {}

    .grid,
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }

    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }

    .top-widget .widget-title {
        text-align: center;
    }

    .js .menu,
	.js .sub-header-menu {
		display: none;
	}

	.top-menu,
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }

	.tinynav {
	    display: block;
		margin: 0 auto;
		width: 100%;
	}

	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		display: none !important;
		background: var(--text-inverse) url(images/bg-select.png) no-repeat right;
		border: 1px solid var(--border-medium);
        font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
	}

	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}

	.ie9 .tinynav  {
		padding-right: 8px;
	}

	#store-item {
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-direction: normal;
		-moz-box-orient: vertical;
		flex-direction: column;
	}
	#store-item .price {
	    width: auto;
	    margin-left: 0;
	}
	#store-item .call-to-action-button {
	    width: auto;
	}

    #footer {
	    text-align: center;
    }
}

@media screen and (max-width: 480px) {

	/**
	* My customizations for max-width 480px
	*/

	/* -----------------------------------
	* My Custom HTML5 Player Customizations 480px
	--------------------------------------*/
	.html5-player-song-title {
		width: 98%;
	}
	.floating-html5-player audio {
		width: 100%;
		padding: 5px 0 5px;
	}

	.top-menu {
		margin: 0 0;
	}

	#top_banner_description_box, #top_banner_description_background {
		width: 50%;
		height: 100%;
		margin-left: 0%;
		float: left;
		position: absolute;
		overflow: hidden;
	}
	#top_banner_description {
		padding: 5%;
		line-height: 1;
		font-size: 6pt;
	}

	.featured-projects-grid li {
		width: 100%;
	}

	/**-----------------------
	* Modern Home Page Mobile
	-------------------------*/
	.inner-feature #song_container .song_player .song-link .song-title {
  	  font-size: 3.5vw;
	}


	/* -----------------------------------
	* Call To Action Customizations 480px
	--------------------------------------*/
	.call-to-action-container {
		padding: 1px 0px;
	}

	#song_cat_lists {
		width: 88%;
	}
	.sample_song_column {
		width: 100%;
		float: left;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	/* Projects Lists */
	.projects-list-item {
	width: 94%;
	padding: 20px 3%;
	}

	/* ------------------------------------
	* Newsletter Form Customizations 480px
	--------------------------------------*/
	.email-signup p {
		width: 90%;
		float: none;
	}
	.email-signup p + p {
		width: 40%;
		margin: 0 auto;
	}
	.mc4wp-form form, form.mc4wp-form {
		float: none;
	}

	/**
	* Credits/Archive Page Settings 480px
	*/
	.credits-wrapper h4, #content-archive h4, #content-search h4 {
		margin-top: 0px;
	}


	/**
	* Front page Portrait 480px Page Settings
	*/

	.portrait_spacer {
		width: 0%;
		height: 0px;
		float: none;
		position: relative;
		background: red;
	}
	#music_example_title {
		width: 100%;
		float: none;
		position: relative;
	}
	#portrait_song_list {
		width: 100%;
		float: none;
		position: relative;
	}

	/* JS Audio Album Player */
	.js-audio-album .album-thumb, .js-audio-album .album-thumb img  {
		width: 100%;
		height: auto;
	}
	.js-audio-album .album-thumb img, .js-audio-album .audio-controls {
		position: relative;
	}
	.js-audio-album .song-filters, .js-audio-album .audio-controls {
		padding-left: 0;
	}
	.js-audio-album .audio-controls {
		position: relative;
		top: 20px;
	}
	.js-audio-album .song-text {
		position: absolute;
		top: auto;
		bottom: 12px;
		left: 45px;
	}
	.js-audio-album .clear-tags {
		top: 10px;
		background-color: var(--text-inverse);
	}

	/* ------------------------------------
	* Music Store Customizations 480px
	--------------------------------------*/
	#music-store-wrapper {
	  width: 100%;
	  float: none;
	}

        #music-store-heading {
          width: 90%;
 	  margin: 0 auto;
        }

	#free-track-of-the-month {
	  padding: 20px;
	}

	#free-track-of-the-month img {
	  width: 100%;
	  margin: 0 auto;
	}

	/* Custom Store Settings 480px
	-------------------------------*/
	#store-item img {
	  width: 20%;
	  margin-left: 10px;
	}

	#store-item .song_player {
	  width: 70%;
	}

	#store-item .song-description {
	  width: 70%;
	}

	ul li.portfolio-cover {
		width: 97%; /* enables folio covers to cover full width of screen on mobile */ */
	}
	#store-sidebar-wrap {
		width: 90%;
		height: auto;
		float: none;
	}

	/* ------------------------------
	* Archive Customizations 480px
	-------------------------------*/
	#song_container {
	  width: 50%;
	}

        /*-- Single page 480px --*/
        .single-post-image {
	  width: 100%;
        }

	/* ------------------------------------
	* Music Player Customizations 480px
	--------------------------------------*/
	.song_player {
		width: 96%;
	}
	.mp3-play-button {
		padding: 0;
	}
	.song_description {
		width: 100%;
	}


	/**
	* Custom Footer Bar 480px Settings
	**/

	#foot_section_1 {
		width: 100%;
		float: none;
	}
	#foot_section_2 {
		width: 100%;
		float: none;
	}
	#foot_section_3 {
		width: 100%;
		float: none;
	}
	#foot_section_4 {
		width: 100%;
		float: none;
		display: inline;
	}


	/*
	* Testimonials Settings 480px
	-----------------------------*/
	.testimonials {
		font-size: 14pt;

	}
	/* .testimonials p {
		padding: 0px 40px;
	}
	.testimonials li p + p {
		padding-right; 40px;
	} */


	/* ----------------------------
	* Custom Video Settings 480px
	------------------------------*/
	.video-play-button {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 20px solid var(--text-strong);

		top: 10px;
		left: 10px;
	}

	.video-image-container:hover .video-play-button {
		border-left: 20px solid var(--text-body);
	}

	.custom-social-icons {
    	  width: 100%;
	}

    body {}

    .grid,
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}

	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }

    .navigation .next,
    .navigation .previous {
        text-align: center;
    }

    .menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }

}

@media screen and (max-width: 375px) {

    /**
	* My customizations for max-width 375px
	*/

	#top_banner_description_box, #top_banner_description_background {
	width: 50%;
	height: 100%;
	margin-left: 0%;
	float: left;
	position: absolute;
	overflow: hidden;

	}
	#top_banner_description {
		padding: 5%;
		line-height: 1;
		font-size: 4pt;
	}
	.sample_song_column {
		width: 100%;
		float: left;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	/* Modern home page settings */
	.feature-section .music-archive-thumbnail {
	  width: 50%;
 	  float: none;
	  margin: 20px auto 0;
	}

	.feature-section .music-archive-thumbnail img {
	  width: 100%;
	}

    .feature-section #song_container {
	  width: 100%;
	}

	.featured-projects-grid li img {
		width: 50%;
		max-width: 200px;
	}
	ul.contribution-labels li span.tooltip {
		width: 240px;
		left: -100px;
	}
	ul.contribution-labels li span.tooltip::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	/* End my customizations for 375px */

    body {}

	#featured p {
	    font-size: 12px;
		line-height: 1.2em;
    }

    .featured-title {
	    font-size: 35px;
    }

	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
		font-size: 14px;
		font-weight: 800;
	    padding: 7px 17px;
    }
}

@media screen and (max-width: 240px) {

	/**
	* My customizations for max-width 240px
	*/


	#top_banner_description_box, #top_banner_description_background {
	width: 50%;
	height: 100%;
	margin-left: 0%;
	float: left;
	position: absolute;
	overflow: hidden;

	}
	#top_banner_description {
		padding: 3%;
		line-height: 1;
		font-size: 4pt;
	}


	.sample_song_column {
		width: 100%;
		float: left;
		margin-right: 0%;
		margin-bottom: 20px;
		}


	/* End my customizations for 240px */

    body {}

	#featured p {
	    font-size: 11px;
		line-height: 1.1em;
    }

    .featured-title {
	    font-size: 20px;
    }

	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
		font-size: 14px;
		font-weight: 800;
	    padding: 5px 15px;
    }

    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"],
    .top-widget input[type="password"] {
        width: 75%;
    }

    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: center;
    }
}

/*
--------------------------------------------------------------
Single Project Case Study Template
-------------------------------------------------------------- */
.single-projects-wrapper .project-case-study {
	margin: 0;
	padding: 0 0 60px;
}

.single-projects-wrapper .project-hero {
	position: relative;
	padding: 100px 0 100px;
	background-color: var(--color-hex-16181d);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

#single_wrapper .project-hero p.project-kicker {
	font-weight: 800;
	color: var(--color-hex-bbbce0);
	margin-bottom: 0;
}

.single-projects-wrapper .project-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(17deg, var(--color-rgba-65-12-89-0-8) 10%, var(--color-rgb-97-120-227-80) 56%, var(--color-rgb-77-228-245-80) 100%)
}

.single-projects-wrapper .project-hero-content {
	position: relative;
	z-index: 2;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 50px;
	color: var(--text-inverse);
	min-height: 100%;
	top: -1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.single-projects-wrapper .project-kicker {
	margin: 0 0 8px;
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-hex-ff8db4);
}

.single-projects-wrapper .project-hero h1 {
	margin: 0;
	font-size: clamp(2.1rem, 4vw, 3.2rem);
	line-height: 1.1;
	color: var(--text-inverse);
}

.single-projects-wrapper .project-hero-subtitle {
	margin: 10px 0 0;
	font-size: clamp(1rem, 2.1vw, 1.28rem);
	line-height: 1.3;
	font-weight: 500;
	color: var(--color-rgba-255-255-255-0-92);
	text-shadow: 0 2px 12px var(--overlay-medium);
}

.single-projects-wrapper .project-hero-meta {
	margin-top: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
	color: var(--color-rgba-255-255-255-0-92);
}

.single-projects-wrapper .project-page-container {
	max-width: 1180px;
	margin: -40px auto 0;
	padding: 0 24px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	position: relative;
	z-index: 5;
	width: 100%;
}

.single-projects-wrapper .project-page-container.has-sidebar {
	grid-template-columns: minmax(0, 1fr) 280px;
}

.single-projects-wrapper .project-content-shell {
	max-width: none;
	margin: 0;
	padding: 34px 30px 40px;
	background: var(--text-inverse);
	border-radius: 6px;
	box-shadow: 0 18px 60px var(--color-rgba-10-10-10-0-12);
	width: 100%;
	min-width: 0;
}

.single-projects-wrapper .project-post-entry {
	float: none;
	width: 100%;
	margin: 0;
}

.single-projects-wrapper .project-section {
	margin: 0 0 36px;
}

.single-projects-wrapper .project-section h2 {
	margin: 0 0 14px;
	font-size: 1.75rem;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--color-hex-242733);
}

.single-projects-wrapper .project-section h3 {
	margin: 22px 0 10px;
	font-size: 1.2rem;
	line-height: 1.2;
	color: var(--color-hex-2f3343);
}

#single_wrapper.single-projects-wrapper .project-section p,
#single_wrapper.single-projects-wrapper .project-section li {
	font-size: 1.16rem;
	line-height: 1.68;
	color: var(--color-hex-454a59);
}

.single-projects-wrapper .project-section ul {
	margin: 0;
	padding-left: 24px;
}

.single-projects-wrapper .project-video-embed {
	margin-top: 0;
	background: var(--color-hex-f3f3f3);
}

.single-projects-wrapper .project-embed-frame {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	border-radius: 10px;
	aspect-ratio: 16 / 9;
	background: var(--color-hex-111);
}

.single-projects-wrapper .project-video-embed--portrait .project-embed-frame {
	aspect-ratio: 9 / 16;
	max-width: 420px;
	margin: 0 auto;
}

.single-projects-wrapper .project-video-embed iframe,
.single-projects-wrapper .project-video-embed video,
.single-projects-wrapper .project-audio-embed iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	border: 0;
	border-radius: 0;
}

/* Neutralize FitVids/oEmbed wrappers so 16:9 videos stay vertically centered. */
.single-projects-wrapper .project-embed-frame > .fluid-width-video-wrapper {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.single-projects-wrapper .project-embed-frame > .fluid-width-video-wrapper iframe {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.single-projects-wrapper .project-embed-frame > .fluid-width-video-wrapper video {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.single-projects-wrapper .project-gallery-slider {
	margin-top: 8px;
}

.single-projects-wrapper .project-gallery-slider,
.single-projects-wrapper .project-gallery-slider * {
	box-sizing: border-box;
}

.single-projects-wrapper .project-gallery-slider .slick-list,
.single-projects-wrapper .project-gallery-slider .slick-track {
	margin: 0;
	padding: 0;
}

.single-projects-wrapper .project-gallery-slide {
	display: block;
	padding: 0 8px;
}

.single-projects-wrapper .project-gallery-slide img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	border: 1px solid var(--border-soft);
	border-radius: 10px;
}

.single-projects-wrapper .project-gallery-slider .slick-prev,
.single-projects-wrapper .project-gallery-slider .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--text-strong);
	background: var(--color-rgba-255-255-255-0-8);
	border: 0;
	padding: 0;
	line-height: 40px;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.single-projects-wrapper .project-gallery-slider .slick-prev:hover,
.single-projects-wrapper .project-gallery-slider .slick-next:hover {
	background: var(--text-inverse);
}

.single-projects-wrapper .project-gallery-slider .slick-prev {
	left: 12px;
}

.single-projects-wrapper .project-gallery-slider .slick-next {
	right: 12px;
}

.single-projects-wrapper .project-gallery-slider .slick-prev:before,
.single-projects-wrapper .project-gallery-slider .slick-next:before {
	display: block;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 18px;
	line-height: 40px;
	text-indent: 0;
	color: var(--color-hex-aaa);
	opacity: 1;
}

.single-projects-wrapper .project-gallery-slider .slick-prev:before {
	content: "\f104"; /* fa-angle-left */
}

.single-projects-wrapper .project-gallery-slider .slick-next:before {
	content: "\f105"; /* fa-angle-right */
}

.single-projects-wrapper .project-gallery-slider .slick-dots {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	bottom: -34px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-projects-wrapper .project-gallery-slider .slick-dots li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

.single-projects-wrapper .project-gallery-slider .slick-dots li button {
	width: 14px;
	height: 14px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.single-projects-wrapper .project-gallery-slider .slick-dots li button:before {
	font-size: 10px;
	color: var(--color-hex-9197a8);
	opacity: 1;
}

.single-projects-wrapper .project-gallery-slider .slick-dots li.slick-active button:before {
	color: var(--color-primary);
}

.single-projects-wrapper .project-taxonomy-tags {
	padding: 16px 18px;
	border-radius: 10px;
	background: var(--color-hex-f7f7fa);
	margin-top: 12px;
}

.single-projects-wrapper .project-back-link {
	margin-top: 26px;
	font-size: 1.05rem;
}

@media all and (max-width: 991px) {
	.single-projects-wrapper .project-content-shell {
		margin-top: -22px;
		padding: 24px 20px 30px;
		overflow-x: hidden;
	}

	.single-projects-wrapper .project-gallery-slide img {
		height: 300px;
	}

	.single-projects-wrapper .project-section h2 {
		font-size: 1.8rem;
	}
}

@media all and (max-width: 767px) {
	.single-projects-wrapper .project-hero-content {
		padding: 0 36px;
	}

	.single-projects-wrapper .project-content-shell {
		border-radius: 10px;
		padding: 20px 16px 26px;
		overflow-x: hidden;
	}

	.single-projects-wrapper .project-section h2 {
		font-size: 1.52rem;
	}

	.single-projects-wrapper .project-section p,
	.single-projects-wrapper .project-section li {
		font-size: 1.02rem;
		line-height: 1.62;
	}

	.single-projects-wrapper .project-gallery-slide {
		padding: 0 4px;
	}

	.single-projects-wrapper .project-gallery-slide img {
		height: 220px;
	}

	.single-projects-wrapper .project-video-embed--portrait .project-embed-frame {
		max-width: 100%;
	}
}

.single-projects-wrapper .project-main-content {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

.single-projects-wrapper .project-post-entry,
.single-projects-wrapper .project-video-embed,
.single-projects-wrapper .project-audio-embed {
	min-width: 0;
	max-width: 100%;
	overflow-x: hidden;
}

/* Prevent mobile inner vertical scrollbars on project slider sections. */
.single-projects-wrapper .project-section,
.single-projects-wrapper .project-gallery-slider,
.single-projects-wrapper .project-related-slider,
.single-projects-wrapper .project-gallery-slider .slick-list,
.single-projects-wrapper .project-related-slider .slick-list,
.single-projects-wrapper .project-gallery-slider .slick-track,
.single-projects-wrapper .project-related-slider .slick-track {
	overflow: visible !important;
}

.single-projects-wrapper .project-video-embed iframe,
.single-projects-wrapper .project-video-embed video,
.single-projects-wrapper .project-audio-embed iframe,
.single-projects-wrapper .project-video-embed .fluid-width-video-wrapper,
.single-projects-wrapper .project-audio-embed .fluid-width-video-wrapper {
	max-width: 100% !important;
}

.single-projects-wrapper .project-sidebar {
	position: sticky;
	top: 2rem;
	padding: 1.5rem;
	border-radius: 10px;
	background: var(--text-inverse);
	box-shadow: 0 10px 30px var(--color-rgba-20-24-35-0-08);
}

#single_wrapper .project-sidebar-item img {
	width: 100%;
}

#single_wrapper .project-sidebar-item:last-of-type p {
	margin-bottom: 0;
}

.single-projects-wrapper .project-sidebar h2 {
	font-size: 1.1rem;
	line-height: 1.1;
    letter-spacing: -0.02rem;
	font-weight: 600;
	color: var(--color-hex-333333);
}

#single_wrapper.single-projects-wrapper p.project-sidebar-subtitle {
	margin: -8px 0 16px;
	font-size: 0.95rem;
	line-height: 1.35;
	font-weight: 500;
	color: var(--color-hex-5d667a);
}

.single-projects-wrapper .project-sidebar h3 {
	margin: 0 0 4px;
	font-size: 0.82rem;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--color-secondary);
}

.single-projects-wrapper .project-sidebar p {
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.45;
	color: var(--color-hex-252a38);
}

.single-projects-wrapper .project-sidebar-item a,
.single-projects-wrapper .project-sidebar-item a:active,
.single-projects-wrapper .project-sidebar-item a:focus {
    color: var(--color-hex-4e5d7e);
}

.single-projects-wrapper .project-sidebar-item a:hover {
    color: var(--color-secondary);
}

.single-projects-wrapper .project-meta-stack p {
	margin: 0 0 10px;
	font-size: 1rem;
	line-height: 1.55;
}

.single-projects-wrapper .project-meta-stack p:last-child {
	margin-bottom: 0;
}

.single-projects-wrapper .project-section ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.single-projects-wrapper .project-section li {
	margin: 0 0 8px;
}

@media all and (max-width: 991px) {
	.single-projects-wrapper .project-page-container {
		margin-top: -22px;
		padding: 0 14px;
		gap: 16px;
	}

	.single-projects-wrapper .project-page-container.has-sidebar {
		grid-template-columns: 1fr;
	}

	.single-projects-wrapper .project-content-shell {
		padding: 24px 20px 30px;
		overflow-x: hidden;
	}

	.single-projects-wrapper .project-sidebar {
		position: static;
		order: -1;
	}
}

/*
--------------------------------------------------------------
Projects Archive Cards
-------------------------------------------------------------- */
.projects-archive-page {
	padding: 24px 0 56px;
}

.projects-archive-container {
	margin: 3rem auto 0;
	padding: 0 2rem;
}

.projects-archive-header {
	margin-bottom: 22px;
}

.projects-archive-title {
	margin: 0;
	font-size: clamp(1.9rem, 3.2vw, 2.6rem);
	line-height: 1.1;
	color: var(--color-hex-252a38);
}

.projects-archive-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 26px;
	align-items: start;
}

.projects-archive-grid > .project-archive-card {
	flex: 0 1 calc((100% - (26px * 2)) / 3);
	max-width: calc((100% - (26px * 2)) / 3);
}

.project-archive-card {
	background: var(--text-inverse);
	border-radius: 10px;
	box-shadow: 0 10px 28px var(--color-rgba-22-28-45-0-10);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: 1px solid var(--color-hex-e7ebf3);
	box-sizing: border-box;
}

.project-archive-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 36px var(--color-rgba-22-28-45-0-14);
}

.project-archive-card-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.project-archive-card-media {
	position: relative;
	aspect-ratio: 16 / 9;
	background: var(--surface-dark);
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	line-height: 0;
}

.project-archive-card-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0 !important;
	vertical-align: middle;
}

.project-archive-card-fallback {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--surface-dark) 0%, var(--color-hex-3b4158) 100%);
}

.project-archive-card-body {
	padding: 1.2rem 1.5rem 1.65rem;
	text-align: left;
}

.project-archive-card-heading {
	display: flex;
	align-items: baseline;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 1.15rem;
	text-align: left;
}

.project-archive-card-title, .project-archive-card-year {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.15;
	color: var(--color-hex-50515a);
	font-weight: 600;
	flex: 1 1 auto;
	min-width: 0;
}

.project-archive-card-year {
	color: var(--color-hex-a3a3a8);
	flex: 0 0 auto;
}

.project-archive-card-subtitle {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.25;
	font-weight: 700;
	color: var(--color-secondary);
}

.project-archive-card-roles {
	margin: 0.15rem 0 0;
	font-size: 0.95rem;
	line-height: 1.3;
	font-weight: 500;
	color: var(--color-hex-4f5566);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.project-archive-card-summary {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.55;
	color: var(--color-hex-3f4559);
}

.projects-archive-pagination {
	margin-top: 28px;
}

.projects-archive-pagination.is-js-hidden {
	display: none;
}

.projects-archive-load-sentinel {
	height: 1px;
}

.projects-archive-load-status {
	margin-top: 14px;
	min-height: 0;
	max-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	overflow: hidden;
	background: var(--text-inverse);
	border: 1px solid var(--color-hex-e7ebf3);
	border-radius: 10px;
	box-shadow: 0 8px 18px var(--color-rgba-22-28-45-0-06);
	transition: max-height 0.24s ease, opacity 0.2s ease, padding 0.24s ease, margin 0.24s ease;
	padding: 0;
	margin-bottom: 0;
	pointer-events: none;
}

.projects-archive-load-status.is-loading {
	opacity: 1;
	max-height: 78px;
	padding: 18px;
	margin-bottom: 10px;
}

.projects-archive-load-status.is-done {
	opacity: 0;
	max-height: 0;
	padding: 0;
	margin-bottom: 0;
}

.projects-archive-loader {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid var(--color-hex-ffffff);
	border-top-color: var(--color-primary);
	animation: projects-archive-spin 0.8s linear infinite;
}

@keyframes projects-archive-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.projects-archive-grid .project-archive-card.is-loading-enter {
	opacity: 0;
	transform: translateY(18px);
}

.projects-archive-grid .project-archive-card.is-loading-enter.is-visible {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

@media all and (max-width: 1080px) {
	.projects-archive-grid > .project-archive-card {
		flex-basis: calc((100% - 26px) / 2);
		max-width: calc((100% - 26px) / 2);
	}
}

@media all and (max-width: 767px) {
	.projects-archive-container {
		padding: 0 14px;
	}

	.projects-archive-grid {
		gap: 16px;
	}

	.projects-archive-grid > .project-archive-card {
		flex-basis: 100%;
		max-width: 100%;
	}

	.project-archive-card-title {
		font-size: 1.15rem;
	}

	.project-archive-card-year {
		font-size: 1.15rem;
	}

	.project-archive-card-subtitle {
		font-size: 0.94rem;
	}

	.project-archive-card-roles {
		font-size: 0.9rem;
	}
}


/* Archive card media title overlay */
.project-archive-card-media::after {
	display: none;
}

.project-archive-card-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 14px 14px 12px;
	color: var(--text-inverse);
}

/* Legacy in-image overlay styles removed; cards now use shared body text styles. */

.project-archive-summary-toggle {
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	padding: 2rem;
	border: 0;
	background: transparent;
	font-size: 1.15rem;
	line-height: 1;
	color: transparent;
	cursor: pointer;
	transition: color 0.2s ease, transform 0.25s ease;
	z-index: 3;
}

.project-archive-summary-toggle:hover {
	color: var(--color-hex-7f8898);
	background: var(--color-rgba-255-255-255-0-6);
}

.project-archive-summary-toggle i {
	display: inline-block;
	transition: transform 0.28s ease;
}

.project-archive-card-summary-wrap.is-expanded .project-archive-summary-toggle i {
	transform: rotate(180deg);
}

.project-archive-card-summary-wrap {
	position: relative;
	padding-bottom: 0.25rem;
}

.project-archive-card-summary-wrap .project-archive-card-summary {
	max-height: 6.5em;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.project-archive-card-summary-wrap:not(.is-expanded)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2rem;
	background: linear-gradient(180deg, var(--color-rgba-255-255-255-0) 0%, var(--color-rgba-255-255-255-0-92) 68%, var(--text-inverse) 100%);
	pointer-events: none;
}

.project-archive-card-summary-wrap.is-expanded .project-archive-card-summary {
	max-height: 40em;
	padding-bottom: 1rem;
}

.project-archive-card-summary-wrap.is-expanded::after {
	display: none;
}

/*
--------------------------------------------------------------
Single Project Audio Player
-------------------------------------------------------------- */
.project-audio-playlist {
	border: 1px solid var(--color-hex-d7e2f0);
	border-radius: 14px;
	padding: 18px;
	background: linear-gradient(180deg, var(--surface-elevated) 0%, var(--color-hex-f8fbff) 100%);
	box-shadow: 0 10px 28px var(--color-rgba-40-56-88-0-08);
}
.project-audio-player-main {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 16px;
}
.project-audio-now-cover-wrap {
	aspect-ratio: 1 / 1;
	height: auto;
	flex: 0 0 clamp(120px, 18vw, 190px);
	width: clamp(120px, 18vw, 190px);
	min-width: 120px;
	max-width: 190px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--color-hex-eef3fb);
	border: 1px solid var(--color-hex-d8e2f1);
	display: flex;
	align-items: center;
	justify-content: center;
}
.project-audio-now-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.project-audio-now-cover-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--color-rgba-47-174-233-0-14) 0%, var(--color-rgba-123-43-216-0-14) 55%, var(--color-rgba-214-30-138-0-14) 100%);
	color: var(--color-hex-6e7894);
	font-size: 1.25rem;
}
.project-audio-now-cover-fallback[hidden] {
	display: none !important;
}
.project-audio-main-content {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.project-audio-toprow {
	display: flex;
	align-items: center;
	gap: 16px;
}
.project-audio-transport {
	display: flex;
	align-items: center;
	gap: 8px;
}
.project-audio-btn {
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-hex-d2dff0);
	border-radius: 999px;
	background: var(--text-inverse);
	color: var(--color-hex-4e5d7e);
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
}
.project-audio-btn i {
	display: block;
	line-height: 1;
}
.project-audio-btn:hover {
	border-color: var(--color-accent);
	color: var(--color-accent);
	background: var(--color-hex-f4fbff);
}
.project-audio-play-toggle {
	background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 55%, var(--color-hex-d61e8a) 100%);
	color: var(--text-inverse);
	border: 0;
	box-shadow: 0 6px 16px var(--color-rgba-123-43-216-0-3);
}
.project-audio-play-toggle:hover {
	filter: brightness(1.03);
	transform: translateY(-1px);
}
.project-audio-now-playing {
	display: flex;
	flex-direction: column;
	justify-content: center; /* vertical center */
	flex: 1 1 auto;
	min-width: 0;
}
.project-audio-now-title, #single_wrapper p.project-audio-now-title {
	margin: 0;
	font-weight: 700;
    text-align: left;
	color: var(--color-hex-24324a);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.project-audio-time {
	display: flex;
	gap: 6px;
	font-size: 0.9rem;
	color: var(--color-hex-5a6784);
}
.project-audio-waveform {
	margin-top: 10px;
	padding: 8px 2px 2px;
	border-top: 1px solid var(--color-hex-e5edf7);
	position: relative;
	overflow: hidden;
}
.project-audio-loading-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-rgba-255-255-255-0-90);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}
.project-audio-loading-overlay i {
	font-size: 1.5rem;
	color: var(--color-accent-2);
	animation: project-audio-spin 0.85s linear infinite;
}
.project-audio-playlist.is-loading .project-audio-loading-overlay {
	opacity: 1;
}
@keyframes project-audio-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.project-audio-status {
	margin: 0;
	font-size: 0.86rem;
	font-weight: 600;
	color: var(--color-accent-2);
	min-height: 0;
}
.project-audio-tracklist {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	max-height: 300px;
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-hex-d8e2f1) var(--color-hex-edf3fb);
}
.project-audio-tracklist::-webkit-scrollbar {
	width: 10px;
}
.project-audio-tracklist::-webkit-scrollbar-track {
	background: var(--color-hex-edf3fb);
	border-radius: 999px;
}
.project-audio-tracklist::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-2) 55%, var(--color-hex-d61e8a) 100%);
	border-radius: 999px;
	border: 2px solid var(--color-hex-edf3fb);
}
.project-audio-tracklist::-webkit-scrollbar-thumb:hover {
	filter: brightness(1.05);
}
.project-audio-track {
	margin-top: 6px;
}
.project-audio-track button {
	width: 100%;
	display: flex;
	gap: 10px;
	align-items: center;
	text-align: left;
	padding: 10px 12px;
	border: 1px solid var(--color-hex-dce6f3);
	border-radius: 8px;
	background: var(--surface-elevated);
	color: var(--color-hex-293750);
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
}
.project-audio-track button:hover {
	border-color: var(--color-accent);
	background: var(--color-hex-f7fcff);
}
.project-audio-track.is-active button {
	border-color: var(--color-accent-2);
	background: linear-gradient(90deg, var(--color-rgba-47-174-233-0-08) 0%, var(--color-rgba-123-43-216-0-08) 100%);
}
.project-audio-track-index {
	font-weight: 700;
	color: var(--color-hex-6e7894);
	line-height: 1;
	margin-top: 1px;
}
.project-audio-track-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 1.25rem;
	min-width: 0;
	flex: 1 1 auto;
}
.project-audio-track-title {
	display: block;
	font-size: 0.96rem;
	font-weight: 700;
	line-height: 1.3;
}
.project-audio-track-duration {
	margin-left: auto;
	padding-left: 10px;
	flex: 0 0 auto;
	font-size: 0.88rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: var(--color-hex-6c7690);
	line-height: 1.2;
	white-space: nowrap;
}
.project-audio-track-tags {
	margin-left: 10px;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 38%;
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-hex-8a92a8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.project-audio-track-subtitle {
	display: block;
	font-size: 0.86rem;
	color: var(--color-hex-707892);
	line-height: 1.3;
}

.single-projects-wrapper .project-related-slider {
	margin-top: 8px;
	position: relative;
}
.single-projects-wrapper .project-related-slider .slick-list {
	margin: 0;
	overflow-x: hidden;
	overflow-y: visible;
}
.single-projects-wrapper .project-related-slider .slick-track {
	display: flex;
	gap: 16px;
	overflow-y: visible;
}
.single-projects-wrapper .project-related-slide {
	padding: 0;
	height: auto;
}
.single-projects-wrapper .project-related-slide article,
.single-projects-wrapper .project-related-slide {
	outline: none;
}
/* Unify related-project cards with archive card design system */
.single-projects-wrapper .project-related-slide.project-archive-card {
	display: flex;
	flex-direction: column;
	box-shadow: none;
	transition: none;
}
.single-projects-wrapper .project-related-slide.project-archive-card:hover {
	transform: none;
	box-shadow: none;
}
.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-link {
	height: 100%;
}
.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-media {
	border-radius: 10px 10px 0 0;
}
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-body {
	padding: 1.2rem 1.5rem 1.65rem;
}
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 1.25rem;
}
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-title,
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-year {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.15;
	font-weight: 600;
	color: var(--color-hex-50515a);
}
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-year {
	color: var(--color-hex-a3a3a8);
	flex: 0 0 auto;
}
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-subtitle {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.25;
	font-weight: 700;
	color: var(--color-hex-8594c1);
}
#single_wrapper.single-projects-wrapper .project-related-slide.project-archive-card .project-archive-card-roles {
	margin: 2px 0 0;
	font-size: 0.95rem;
	line-height: 1.3;
	font-weight: 500;
	color: var(--color-hex-4f5566);
}

.single-projects-wrapper .project-related-slider .slick-prev,
.single-projects-wrapper .project-related-slider .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--text-strong);
	background: var(--color-rgba-255-255-255-0-8);
	border: 0;
	padding: 0;
	line-height: 40px;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.single-projects-wrapper .project-related-slider .slick-prev:hover,
.single-projects-wrapper .project-related-slider .slick-next:hover {
	background: var(--text-inverse);
}
.single-projects-wrapper .project-related-slider .slick-prev {
	left: 15px;
}
.single-projects-wrapper .project-related-slider .slick-next {
	right: 15px;
}
.single-projects-wrapper .project-related-slider .slick-prev:before,
.single-projects-wrapper .project-related-slider .slick-next:before {
	display: block;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 18px;
	line-height: 40px;
	text-indent: 0;
	color: var(--color-hex-aaa);
	opacity: 1;
}
.single-projects-wrapper .project-related-slider .slick-prev:before {
	content: "\f104";
}
.single-projects-wrapper .project-related-slider .slick-next:before {
	content: "\f105";
}
.single-projects-wrapper .project-related-slider .slick-dots {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	bottom: -34px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.single-projects-wrapper .project-related-slider .slick-dots li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.single-projects-wrapper .project-related-slider .slick-dots li button {
	width: 14px;
	height: 14px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.single-projects-wrapper .project-related-slider .slick-dots li button:before {
	font-size: 10px;
	color: var(--color-hex-9197a8);
	opacity: 1;
}
.single-projects-wrapper .project-related-slider .slick-dots li.slick-active button:before {
	color: var(--color-primary);
}

@media all and (max-width: 767px) {
	.project-audio-player-main {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}
	.project-audio-now-cover-wrap {
		width: 100%;
		max-width: none;
		min-width: 0;
		flex-basis: auto;
		aspect-ratio: 1 / 1;
		margin: 0;
		border-radius: 10px;
	}
	.project-audio-now-cover,
	.project-audio-now-cover-fallback {
		width: 100%;
		height: 100%;
	}
	.project-audio-main-content {
		width: 100%;
	}
	.project-audio-toprow {
		flex-wrap: wrap;
		gap: 10px;
	}
	.project-audio-now-playing {
		flex: 1 1 auto;
		min-width: 0;
	}
	.project-audio-time {
		width: auto;
		margin-left: auto;
	}
	.project-audio-track-tags {
		display: none;
	}
	.single-projects-wrapper .project-related-title-in-image {
		font-size: 1.6rem;
	}
	.single-projects-wrapper .project-related-subtitle-in-image {
		font-size: 0.88rem;
	}
	.single-projects-wrapper .project-related-body {
		padding: 11px 12px 13px;
	}
}

/* Voiceover page: align intro copy to container rhythm and normalize embedded video ratios. */
.voiceover-reel-section {
	padding: 72px 0 80px;
}

.voiceover-reel-section h2 {
	margin: 0 0 14px;
}

.voiceover-reel-intro {
	margin: 0 auto 26px;
	max-width: 760px;
	font-size: 1.1rem;
	line-height: 1.68;
	color: var(--color-hex-454a59);
}

.voiceover-reel-grid .voiceover-video-embed {
	background: var(--color-hex-f3f3f3);
}

.voiceover-reel-grid .project-embed-frame {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	border-radius: 10px;
	aspect-ratio: 16 / 9;
	background: var(--color-hex-111);
}

.voiceover-reel-grid .project-embed-frame iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	border: 0;
}

@media all and (max-width: 767px) {
	.voiceover-reel-section {
		padding: 56px 0 64px;
	}

	.voiceover-reel-intro {
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
}
/* Projects archive filter + sidebar layout */
.projects-archive-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
}

.projects-archive-layout > * {
	min-width: 0;
}

.projects-archive-layout .projects-archive-grid {
	justify-content: flex-start;
	min-width: 0;
}

.projects-archive-layout .projects-archive-grid > .project-archive-card {
	flex-basis: calc((100% - 26px) / 2);
	max-width: calc((100% - 26px) / 2);
}

.projects-archive-sidebar {
    position: sticky;
    top: 1.5rem;
	overflow: auto;
	min-width: 0;
}

.projects-archive-filter {
    margin: 0;
	padding: 1rem 0.5rem 0rem;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.projects-archive-filter fieldset {
    border: 0;
    margin: 0;
    padding: 1.1rem 1rem 1rem;
}

.projects-archive-filter__toggle {
	width: 100%;
	background: transparent;
	border: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	text-align: left;
	cursor: pointer;
}

@media (min-width: 992px) {
	.projects-archive-filter__toggle-icon {
		display: none;
	}
}

.projects-archive-filter__title {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.projects-archive-filter__toggle .projects-archive-filter__title {
	margin-bottom: 0;
}

.projects-archive-filter__toggle-icon {
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--color-hex-50515a);
	border-bottom: 2px solid var(--color-hex-50515a);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.projects-archive-filter.is-expanded .projects-archive-filter__toggle-icon {
	transform: rotate(225deg);
}

.projects-archive-filter__panel {
	margin-top: 0.85rem;
	overflow: hidden;
	transition: max-height 0.28s ease, opacity 0.2s ease;
	max-height: none;
	opacity: 1;
}

.projects-archive-filter__help {
    font-size: 0.9rem;
    opacity: 0.7;
    margin: 0 0 0.9rem;
}

.projects-archive-filter__group-title {
	margin: 0 0 0.65rem;
	font-size: 0.95rem;
	font-weight: 700;
}

.projects-archive-filter__group-title--role {
	margin-top: 1rem;
}

.projects-archive-filter__group {
	padding: 0;
	margin-top: 1.5rem;
}

.projects-archive-filter__group .projects-archive-filter__group-title--role {
	margin-top: 0;
}

.projects-archive-filter__options {
    display: grid;
    gap: 0.15rem;
    padding-right: 0.25rem;
}

.projects-archive-filter__option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-weight: 600;
	line-height: 1.15rem;
	cursor: pointer;
}

.projects-archive-filter__option input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.projects-archive-filter__checkbox {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	border-radius: 4px;
	border: 1.5px solid var(--color-hex-a3a3a8);
	background: #fff;
	position: relative;
	transition: all 0.16s ease;
}

.projects-archive-filter__checkbox::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 1px;
	width: 4px;
	height: 9px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(40deg) scale(0.2);
	opacity: 0;
	transition: transform 0.16s ease, opacity 0.16s ease;
}

.projects-archive-filter__option input[type="checkbox"]:checked + .projects-archive-filter__checkbox {
	background: var(--color-primary);
	border-color: var(--color-primary);
}

.projects-archive-filter__option input[type="checkbox"]:checked + .projects-archive-filter__checkbox::after {
	opacity: 1;
	transform: rotate(40deg) scale(1);
}

.projects-archive-filter__option input[type="checkbox"]:focus-visible + .projects-archive-filter__checkbox {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

.projects-archive-filter__label {
	display: inline;
    font-size: 0.9rem;
	font-weight: 500;
	white-space: normal;
}

.projects-archive-filter__count {
	display: inline;
	margin-left: 4px;
	white-space: nowrap;
	font-size: 0.88em;
	font-weight: 700;
	opacity: 0.65;
}

.projects-archive-filter__actions {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.projects-archive-filter__apply,
.projects-archive-filter__reset {
    min-width: 92px;
}

.projects-archive-filter__apply {
	border: 0;
}

.projects-archive-empty-message {
    margin: 1.25rem 0 0;
    font-weight: 600;
}

@media (max-width: 991px) {
    .projects-archive-layout {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .projects-archive-sidebar {
        position: static;
    }

    .projects-archive-filter__options {
        max-height: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem 0.8rem;
    }

	.projects-archive-layout .projects-archive-grid {
		justify-content: center;
	}

	.projects-archive-layout .projects-archive-grid > .project-archive-card {
		flex-basis: calc((100% - 26px) / 2);
		max-width: calc((100% - 26px) / 2);
	}

	.projects-archive-filter__panel[hidden] {
		display: none;
	}

	.projects-archive-filter:not(.is-expanded) .projects-archive-filter__panel {
		max-height: 0 !important;
		opacity: 0;
		margin-top: 0;
	}
}

@media (max-width: 575px) {
	.projects-archive-layout .projects-archive-grid {
		justify-content: center;
	}

	.projects-archive-layout .projects-archive-grid > .project-archive-card {
		flex-basis: 100%;
		max-width: 100%;
	}

    .projects-archive-filter__options {
        grid-template-columns: 1fr;
    }
}

.projects-archive-content {
	position: relative;
	min-width: 0;
}

.projects-archive-content::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(245, 245, 247, 0.72);
	backdrop-filter: blur(1px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	z-index: 4;
}

.projects-archive-content::after {
	content: '';
	position: absolute;
	top: 120px;
	left: 50%;
	width: 42px;
	height: 42px;
	margin-left: -21px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.9);
	border-top-color: var(--color-primary);
	animation: projects-archive-spin 0.8s linear infinite;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	z-index: 5;
}

.projects-archive-content.is-filter-loading::before,
.projects-archive-content.is-filter-loading::after {
	opacity: 1;
}

/*-------------------
* 404 Page
--------------------*/
.error-404-page {
	padding-bottom: 0;
}

.error-404-container {
	max-width: 860px;
}

.error-404-panel {
	background: var(--surface-elevated);
	border: 1px solid var(--border-subtle);
	border-radius: 14px;
	box-shadow: var(--shadow-soft);
	padding: clamp(2rem, 4vw, 3rem);
}

.error-404-code {
	color: var(--color-primary);
	font-size: clamp(2.75rem, 8vw, 5rem);
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1;
	margin: 0 0 2rem;
}

.error-404-panel h2 {
	margin-bottom: 0.75rem;
}

.error-404-message {
	color: var(--text-muted);
	margin-bottom: 1.5rem;
}

.error-404-search-wrap {
	max-width: 560px;
	margin: 0 auto 1.75rem;
}

.error-404-search-wrap .search-form,
.error-404-search-wrap form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	justify-content: center;
}

.error-404-search-wrap input[type="search"],
.error-404-search-wrap input[type="text"] {
	flex: 1 1 280px;
	min-height: 48px;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border-default);
	border-radius: 999px;
}

.error-404-search-wrap input[type="submit"],
.error-404-search-wrap button[type="submit"] {
	min-height: 48px;
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--text-inverse);
	background: var(--color-primary);
}

.error-404-search-wrap input[type="submit"]:hover,
.error-404-search-wrap button[type="submit"]:hover {
	background: var(--color-primary-dark);
}

.error-404-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.error-404-actions .btn-primary,
.error-404-actions .btn-hollow {
	margin: 0;
}

@media (max-width: 768px) {
	.error-404-actions {
		flex-direction: column;
		align-items: center;
	}

	.error-404-actions .btn-primary,
	.error-404-actions .btn-hollow {
		width: 100%;
		max-width: 260px;
		text-align: center;
	}
}