/* stylelint-disable selector-list-comma-newline-after */
@font-face {font-family: 'Filosofia';src: url('../fonts/FilosofiaSmallCaps.woff2') format('woff2'),url('../fonts/FilosofiaSmallCaps.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'FilosofiaGrandCaps';src: url('../fonts/FilosofiaGrandCaps.woff2') format('woff2'),url('../fonts/FilosofiaGrandCaps.woff') format('woff');font-weight: 100;font-style: normal;font-display: swap;}
@font-face {font-family: 'Universe';src: url('../fonts/UniversLTStd-ThinUltraCn.woff2') format('woff2'),url('../fonts/UniversLTStd-ThinUltraCn.woff') format('woff');font-weight: 100;font-style: normal;font-display: swap;}

body,html {height: 100%;}
body{padding-top: 30px;}

a{color:#f00;text-decoration:none}
a:hover{text-decoration:none;color:#c71b1b}
body{font-family: 'Open Sans', serif;font-size:14px;}

/* .font-belle{font-family: 'Bellefair', serif;} */
.font-open{font-family: 'Open Sans', serif!important;}
.font-play{font-family: 'Playfair Display', serif!important;}
.font-sofia{font-family: 'Filosofia'!important;}
.font-grand{font-family: 'FilosofiaGrandCaps'!important;}
.font-universe{font-family: 'Universe'!important;}
.font-bench{font-family: 'BenchNine', sans-serif!important;font-weight: 300;}

.font-red{color:#e80505!important;}
.font-yellow{color: #F8FA32!important;}
.font-big{font-size: 28px!important;line-height: 1;}
.font-small{font-size:small!important;}
.font-mid{font-size:16px!important;}
.font-large{font-size:large!important;}

.blog-header {line-height: 1;border-bottom: 1px solid #e5e5e5;}
.header-logo {font-size:min(max(36px, 4vw), 4rem);line-height:0.75;}
.blog-header-logo:hover {text-decoration: none;}
/* h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display", Georgia, "Times New Roman", serif;font-family: 'Bellefair', serif;} */


/**** Player button ****/
.track-list-item h5, .track-list-item span{font-family: 'FilosofiaGrandCaps', serif;font-size:28px;margin:0;font-weight:400;display: inline-block;}
.track-details p{font-size:16px;}
.track-details:before{top:14px!important;}
.soundclip p{padding-top:5px;padding-left: 40px;}

svg.bi.bi-music-note {margin-left: -20px;}
.black-bar{width:100%;margin:10px 0;border-top:1px solid #000;border-bottom:1px solid #000;}
div.blank-space{height:35px;width:100%;display:block;background:#000;margin: 10px 0;}
.main-content img{width:100%}

.sidebar-navigation li, .page-navigation li {border-top:1px solid #000;padding: 10px 0;font-size:30px;line-height:1}
.sidebar-navigation li a{display: block;font-family: 'Open Sans', serif;font-size:14px;margin-top: 10px;}
.page-navigation li {display: flex;min-height: 100px;align-items: center;}
.page-navigation li img{display: inline-block;width:130px;padding-right: 20px;}


.row-border{padding: 20px;border: 1px solid #000;}
.btm-underline{border-bottom:1px solid #000;}
.album-title{font-size:85px;color: #1F4D9B;line-height: 0.85;font-size:min(max(4.5rem, 4vw), 5.35rem);font-size:clamp(3rem, 2.25vw + 2.5rem, 5.3rem)}

.ppbutton{font-size:30px;cursor: pointer;margin-top:-25px;display: block;width: 40px;}
.soundclip{width:100%;position:relative}
.soundclip:before{position:absolute;width:40px;height:35px;top:5px;}
.soundclip span{padding-left:40px;}

.splash-screen{color:#fff;}
.splash-screen .bgimage{background:url('../images/image3.jpg') no-repeat;margin:0 auto;background-position:right 100px;background-size: 80%;background-repeat: no-repeat;padding-bottom:10%}
.splash-content h2{font-size: 50px;}
.splash-content p{font-size: 36px;letter-spacing: 1px;line-height: 1;}
.splash-content a.performance{color:#fff;}
.splash-content a.performance span{display:block;font-size: 26px;line-height: 1;}
img.red-img {width: 200px;}
.height350{min-height:350px}

.txt-shadow{text-shadow: 4px 0 0 #d2d2d2;}

.page-title{font-size: min(max(36px, 4vw), 4rem);line-height: 1;margin: 15px 0;border-bottom: 1px solid #000;}
.spacer{display:block;margin-bottom:62px;}
.inner_sidebar:before {content: '';border-left: 1px solid #000;height: 100%;width: 1px;position: absolute;left: 10px;}

.slider-section{background:#000;padding:30px;padding-bottom:0;}
.slider-container{display:flex;align-items:center;height: 100%;}
.slider-container *{flex:1}
.slider-container p {font-size: 20px;margin: 0;line-height: 1.3;}
.slider-container .caption-container{flex:0 0 30%;text-align:left;color:#fff;font-family: 'FilosofiaGrandCaps';}
.slider-container .caption-container{font-size: 18px;}
.slider-container .img-container {max-width:100%;width: 100%;display: block;height:70vh;overflow: hidden;background-repeat: no-repeat!important;background-size: contain!important;background-position: left center!important;}
.carousel-nav{position:relative;height:50px;}
.carousel-control-prev {left:auto;right: 120px;}
.carousel-control-next, .carousel-control-prev{width:100px;font-family: 'FilosofiaGrandCaps';font-size: 18px;}

.carousel-fade .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}

.carousel-fade  .carousel-item.active,.carousel-fade  .carousel-item-next.carousel-item-left,.carousel-fade  .carousel-item-prev.carousel-item-right {opacity: 1;}
.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-right {opacity: 0;}
.carousel-fade  .carousel-item-next,.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}

/*
.carousel, .slider-section, .carousel-inner{height:100%;background:#000}
.carousel-item {height: 100%;max-height: 750px;margin:30px auto;box-sizing:border-box}
.carousel-item img{margin-bottom:20px;}
.carousel-caption{right:10%;left:10%;}
*/

#playlist{list-style-type: none;padding: 0;}
#playlist li{cursor:pointer;padding:8px;margin-bottom:20px}
#playlist li h4{font-size:18px;font-weight:bold;margin:0}
#playlist li p{margin:0}
#playlist li.playing{color:#e80505;}

.priceless{display:flex;margin-bottom:40px;}
.priceless-col{flex:1}

.llpage{padding-top:50px;}
.loveletterNY_page .main-content{background:url('../images/llny-bg.png') no-repeat top right;}
.loveletterimg {margin-top: -200px;transform: rotate(10deg);z-index: 1;position: relative;}

.gallery-top-nav p{margin-right:20px; font-family:'Times new Roman', sans-serif}
.gallery-top-nav p a{color:#000}
.gallery-top-nav p a.active{color:#f00}

.header-img{width:175px!important;position: absolute;right:50px;z-index: 1;transform: rotate(15deg);}
.header-img{width:150px!important;bottom: -30px;transform: rotate(0deg);}

.ug-lightbox .ug-lightbox-overlay{background:rgba(0,0,0,0.9)!important}
.ug-textpanel-title {font-size: 20px!important;text-align:center!important}
.ug-lightbox-top-panel{bottom:0; top:initial!important}


@media (min-width:1024px) and (max-width: 1199px)  {
	.inner_sidebar{width:33.3333333%;flex: 0 0 33.3333333%;max-width:33.3333333%;}
}
@media (min-width: 1200px) {
	.container {max-width: 1500px;}
	.splash-screen{width:1140px;}
	.inner_sidebar{width: 20.8333325%;flex: 0 0 20.8333325%;max-width: 20.8333325%;}
}
@media (max-width: 1199px) {
	.container {max-width: 100%;}
	.loveletterimg{margin-top:0;transform:rotate(0deg);}
	.loveletter_right_col{margin:20px auto 0!important}
	.track-list-item h5, .track-list-item span,
	.sidebar-navigation li, .page-navigation li,
	.font-big{font-size: 24px!important;}
	
	.priceless{flex-wrap:wrap;}
	.priceless-col{flex:0 0 50%;}
	.priceless-col:first-child{flex:0 0 100%}
}
@media (max-width: 1024px) {
	.slider-container {flex-direction: column-reverse;height: 500px;}
	.slider-container .img-container {background-position:center!important}
	.slider-container .caption-container{text-align:center;flex:0}
	.carousel-control-prev {left:auto;right: auto;}
	/* .album-title{font-size:min(max(36px, 4vw), 4rem);} */
}

@media (max-width: 991px) {
	.main-content{margin: 0 20px;}
}
@media (max-width: 768px) {
	.inner_sidebar{width:100%;flex: 0 0 100%;max-width:100%;}
	.carousel-item {height:100%}
	.splash-screen .bgimage {background-size: cover;background-position: center;}
	.inner_sidebar:before{border:0}
}
@media (max-width: 640px) {
	.llpage{padding-top:0}
	.header-img{display:none;}
}
@media (max-width: 480px) {
	.splash-content p{font-size:28px;}
	.main-content{margin-left:15px;margin-right:15px;}
	/* .album-title{font-size:62px;} */
	.track-list-item h5, .track-list-item span{font-size: 22px;}
	.track-details p {font-size: 14px;}
	.track-list-item{padding: 0!important;}
	.soundclip span, .soundclip p{padding-left:30px;}
	.priceless-col{flex:0 0 100%;}
}