@import url("https://use.typekit.net/mgu1mjk.css");
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {margin-bottom: 0;font-family: "Roboto",Arial,sans-serif;font-weight: 400;padding: 0;margin: 0;background-color: #fff;color: #333;}	

/* FOOTER */
.footer {position: absolute;width: 100%;overflow: hidden;color: #fff;background: url(../img/DSC_2537.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment:scroll;}
.footer h3 {color: #f05f40;}
.footer p {font-size: .9rem;}
.footer ul {font-size: .9rem;}
.footer a {color: #f05f40;}
.footer a:hover, footer a:focus {color: #f05f40;transition: all 0.3s ease-in-out 0s;}
.footerscim {background-color: rgba(35,31,32,.8);padding: 1.5rem 2rem;}
.footer .webby {color: rgba(255,255,255,.6);}
.footer .webby a {color: #f05f40;}

#copyrightstuff {margin-top: 2rem;}
#copyrightstuff p {font-size: .8rem;}

a {color: #f05f40;}
a:hover {text-decoration: none;color: #C04C03;}

h1,h2,h3,h4,h5,h6 {font-family: "league-gothic", sans-serif;font-weight: 400;font-style: normal;text-transform: uppercase;}
.h1, h1 {font-size: 2rem;}
.h2, h2 {font-size: 1.5rem;}
.h3, h3 {font-size: 2.4rem;}
.h4, h4 {font-size: 2rem;}
.h5, h5 {font-size: .8rem;}
.lead {font-family: adobe-text-pro, serif;font-weight: 400;font-style: normal;text-transform: uppercase;}

hr {max-width: 40px;margin: 15px 0;}

.btn-info, .btn-success, .btn-warning, .btn-danger, .btn-light, .btn-outline-light {padding: 2px 6px;border-radius: 4px;font-size: .9em;font-family: "Roboto",Arial,sans-serif;}
.btn-outline-success {color: #8bac53;border-color: #8bac53;}
.btn-outline-success:hover {background-color: #8bac53;}
.btn-light .btn-sm {padding: 0 .4rem;font-size: .5rem;}
.btn-info {background-color: #f05f40;border-color: transparent;}
.btn-info:hover {background-color: #D85539;border-color: transparent;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    background-color: #f05f40;
    border-color: #F69F8C;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(240,95,64,.5);box-shadow: 0 0 0 .2rem rgba(240,95,4,.5);background-color: #f05f40;
}
.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(240,95,64,.5);
    box-shadow: 0 0 0 .2rem rgba(240,95,4,.5);background-color: #f05f40;border-color: transparent;
}


.backtotop {display: none;position: fixed;right: 0;bottom: 0;padding: 0 15px 15px 0;z-index:1029;}
.backtotop a:hover, .backtotop a:focus {color: #f05f40;}

/* HEADER */
.navbar {padding: 1rem 2rem 0;z-index: 1029;text-transform: uppercase;}
#mainNav .navbar-brand {color: #fff;font-family: "league-gothic", sans-serif;font-size: 5rem;}
#mainNav .navbar-brand:hover {color: #fff;}
#mainNav.navbar-scrolled .navbar-brand:hover {color: #f05f40;}
#mainNav.navbar-scrolled .navbar-brand {color: #f05f40;}
#mainNav .navbar-brand {right: 0;left: 0;color: #f05f40;}
#mainNav {background-color: #fff;}
#mainNav.navbar-scrolled {background-color: #fff;}
#mainNav .navbar-nav {margin-bottom: 1.5rem;}
#mainNav .navbar-nav .nav-item .nav-link {font-family: "league-gothic", sans-serif;font-weight: 400;font-style: normal;font-size: 1.3rem;color: #000;padding: .5rem 1rem;}
#mainNav .navbar-nav .nav-item .nav-link:hover {background-color: #f05f40;color: #fff;transition: all 0.3s ease-in-out 0s;}
#mainNav .navbar-nav .nav-item:last-child .nav-link {padding: .5rem 1rem;}
#mainNav .navbar-nav .nav-item .nav-link.active {background-color: #f05f40;color: #fff !important;transition: all 0.3s ease-in-out 0s;}
#mainNav .navbar-nav {padding-top: 0;}
#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {color: #fff;}
#mainNav.navbar-scrolled {-webkit-box-shadow: 0 .25rem 1rem rgba(0,0,0,.15);box-shadow: 0 .25rem 1rem rgba(0,0,0,.15);}

.list-inline-item {margin-right: 1rem;}

.dropdown-menu {background-color: rgba(255,255,255,.65);font-size: 1.85rem;border-radius: 0;padding: 0;border: none;margin-bottom: 1rem;}
.dropdown-item {font-family: "league-gothic", sans-serif;color: #000;padding: .45rem 2rem .45rem 1.5rem;}
.dropdown-item.active, .dropdown-item:active {background-color: #fff;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #f05f40;color: #fff;transition: all 0.3s ease-in-out 0s;}

.navbar-toggler {background-color: #f05f40;padding: .25rem .4rem;font-size: .95rem;float: right;margin: 0;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-light .navbar-toggler {border-color: #fff;right: 0;margin-top: 60px;}

#mainHead .hideonmobile {position: fixed;display: none;z-index: 1030;width: 100%;text-align: right;padding: 1rem 3rem 0 0;font-family: adobe-garamond-pro, sans-serif;font-weight: 400;font-size:1.4rem;color: #fff;margin: 0;}
#mainHead .hideonmobile ul {margin: 10px 0 0;}
#mainHead .hideonmobile a {text-decoration:none;padding: .35rem .5rem;}
#mainHead .hideonmobile a:hover, #mainHead .hideonmobile a:focus {background-color: #f05f40;color: #fff;transition: all 0.3s ease-in-out 0s;}

#mainHead .showonmobile {position: fixed;z-index: 1136;padding-top: 15px;color: #000;width:100%;text-align: center;}
#mainHead .showonmobile a {text-decoration:none;padding: .25rem .5rem;}
#mainHead .showonmobile a:hover, #mainHead .showonmobile a:focus {background-color: #f05f40;color: #fff;transition: all 0.6s ease-in-out 0s;}
#mainHead .showonmobile .col {padding: 0;}

header.masthead {padding-top: 0;padding-bottom: 0;}

.changeColortext {color: #000;}

/* BX SLIDER */
.hideslider {display: none;}
.bx-wrapper {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: none;background: #fff;margin-bottom: 0;}

.jumbotron {border-radius: 0;background-color: transparent;color: #fff;width: 100%;height: 470px;z-index: 2;box-shadow: 0 0 150px rgba(0,0,0,.9) inset;text-align: center;margin-bottom: 0;padding: 4rem 1rem 2rem;}
.jumbotron h1 {font-weight: 400;font-size: 2rem;font-style: normal;color: #fff;text-shadow:  1px 1px #000;}
.jumbotron .lead {text-shadow:  1px 1px #000;}
.headtxt {position:absolute;bottom: 0;text-align: left;margin: 0 0 0 60px;display: none;}

.sub-slider {position: absolute;top: 190px;right: 100px;color: #fff;width: 40%;border: 1px solid #f8f9fa;padding: 15px;border-radius: 4px;}

.NJlogo {margin: 40px 0 0 10px;padding-left: 0 !important;z-index: 10250;}
.NJlogo img {width: 120px;}

.NJlogofoot {width: 190px;color: #fff;left: 15px;top: 15px;text-align: center;padding: 0 .3rem .2rem;text-transform:uppercase;z-index:10000;}
.NJlogofoot img {width: 80px;}
.NJlogofoot h1 {font-size: .875rem;margin: .5rem 0 0;}
.NJlogofoot h2 {font-size: .7rem;}

.checkavail {position:absolute;width: 100%;bottom: 0;background: rgba(255,255,255,.4);padding: 15px 0;z-index: 1029;font-size: .8rem;}
.checkavail .form-control {padding: .175rem .3rem;font-size: .8rem;}

.PEnews {position:absolute;width: 250px;top: 250px;right: 0;background: rgba(255,255,255,.8);padding: 4px;z-index: 1029;font-size: .8rem;}

/* CARDS */
.card {margin-bottom: 1.2rem;box-shadow: 0 1px 7px rgba(0,0,0,.05);}
.card-title {margin-top: 15px;}


/* EVENTS */
.card {margin: 20px 0;box-shadow: 0 1px 7px rgba(0,0,0,.05);}
.cardevent .card-title {padding: 0 20px;margin-top: 15px;}
.cardevent .card-body {padding: 0 0 20px;}
.cardevent .card-text {padding: 0 20px;}
.cardevent .btn-group {margin-left: 20px;}
.cardevent .fb-like {margin-right: 20px;}
.cardevent .FORMselectevent {position: relative;float:right;margin: 0 15px 0 10px;}

.gigdate {font-family: "league-gothic", sans-serif;font-weight: 400;width: 20%;height: 85px;float:left;border-right: 1px solid rgba(0,0,0,.125);border-bottom: 1px solid rgba(0,0,0,.125);-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;font-size: 1.5rem;line-height: 1.6rem;text-transform: uppercase;text-align: center;padding: .5rem 0;margin: 0 15px 0 0;}
.gigday {font-size: 4rem;font-weight: bold;margin: 12px 0;}

.gigvenue {width: 100%;height: 85px;padding-top: 15px;}
.venuetitle {text-transform: uppercase;}

.gigdatedetail {position:relative;top: 0;left: 0;color: #000;border: 1px solid rgba(0,0,0,.125);border-radius: 5px;width: 90px;font-family: "league-gothic";font-size: 2.4rem;line-height: 2.2rem;text-transform: uppercase;text-align: center;padding: .5rem .3rem;float: left;margin: 0 15px 15px 0;}

/* MAP */
#NJmap {height: 360px;}

/* HELPS */
#Help {background-color: #f8f9fa;padding: 3rem;color: #000;}

/* PageSection */
#PageSectionHome {background-color: #fff;color: rgba(0,0,0,.8);padding: 3rem 1rem;}
#PageSection {background-color: #fff;color: rgba(0,0,0,.8);padding: 220px 1rem 3rem;}

#SubPage {background-color: #fff;color: rgba(0,0,0,.8);padding: 190px 1rem 3rem;}

/* PanelSection */
#PanelSection {padding: 0;color: #fff;margin-top: 1px;}
#PanelSection .container-fluid {padding: 0;}
#PanelSection .row {padding: 0;margin: 0;}
#PanelSection .col-sm-6 {padding: 0;margin-bottom: 1px;}
#PanelSection .col-md-6 {padding: 0;}
.PSColScrim {position: relative;padding: 2rem 2rem 6rem;}
.PSColScrim h3 {text-shadow: 1px 1px #000;}

	.PSCol1 {margin-top: 154px;}
	.PSCol2 {margin-top: 0;}

/* GALLERY */
#Gallery {padding: 0;}
#Gallery .row {margin: 0;}
#Gallery .container-fluid {padding: 0;}
#Gallery .col-lg-3 {padding: 0;}
#Gallery .col-sm-12 {padding: 0;}

.opengallery {position: absolute;z-index: 1020;margin: 15px 0 0 15px;}

.desktopgallery {display: none;}
.mobilegallery {display: block;}

/* IMGS */
.thumbimgepk {width: 100%;height: 180px;background: center;background-size: cover;transition: all 0.3s ease-in-out 0s;margin: 0;}
.thumbimgdel {width: 300px;height: 180px;background: center;background-size: cover;transition: all 0.3s ease-in-out 0s;margin: 0 15px 0 0;}
.thumbnews {height: 130px;background: center;background-size: cover;transition: all 0.3s ease-in-out 0s;}
.thumbnewstmb {width: 100%;height: 210px;background: center;background-size: cover;transition: all 0.2s ease-in-out 0s;}
.thumbeventtmb {width: 100%;height: 210px;background: center;background-size: cover;transition: all 0.2s ease-in-out 0s;}

.thumbpagetmb {width: 100%;height: 170px;background: center;background-size: cover;transition: all 0.3s ease-in-out 0s;margin: 0;}
.thumbgallery {width: 100%;height: 340px;background: center;background-size: cover;transition: all 0.3s ease-in-out 0s;margin: 0;}
.thumbgalleryslider {width: 100%;height: 330px;background: center;background-size: cover;transition: all 0.3s ease-in-out 0s;margin: 0;}
.thumbbackground {background-color: #fff;border: 1px solid #ddd;border-radius: 0.25rem;padding: 0.25rem;margin-bottom: .25rem;}
.posterimg {width:26px;border-radius:100%;margin: .5rem .5rem 0 0;border: 1px solid #979719;}

.lb-container {padding: 2px;}
.lb-data .lb-details {margin-top: .35rem;}
.lb-data .lb-number {margin-top: .2rem;}

/* LOCATION */
#Attractions {padding: 3rem 1rem;}


/* LOCATION */
#Location {padding: 30px;}
#Location .container-fluid, #Location .row {padding: 0;margin: 0;}

/* ADMIN */
.adminmenu .btn {padding: 0;}
.adminmenu .btn-link {color: #f05f40;font-family: "Roboto",Arial,sans-serif;font-weight: 400;}
.adminmenu .btn-link:hover {color: #C04C03;text-decoration:none;}
.rounded-circle{width: 120px;margin: 0 auto;}


/* iPhone 8Plus */
 @media (min-width:414px){
	.h5, h5 {font-size: 1.1rem;}
 }

/* iPhone 8Plus */
 @media (min-width:480px){
 }

/* sm 576 */
 @media (min-width:576px){
	 .PSCol1 {margin-top: 186px;}
	 .PSCol2 {border-left: 1px solid #fff;margin-top: 186px;}
	 .PSCol4 {border-left: 1px solid #fff;}
 }
 
/* sm 768 */
 @media (min-width:768px){
	 
	.btn-info, .btn-success, .btn-warning, .btn-danger, .btn-light, .btn-outline-light {padding: 5px 10px;font-size: 1.1em;}
	.btn-sm {padding: .2rem .4rem;font-size: .9rem;}
	 
	.card-body {padding: .6rem 1.25rem 1.4rem;}
	 
	.NJlogo {margin: 20px 0 0 20px;float: left;}
	.NJlogo img {width: 130px;}
	
	.navbar {padding: 1rem 0 0 0;}
	#mainNav .navbar-brand {right: 0;left: 0;color: #fff;}
	#mainNav .navbar-nav {margin: 40px 0 0 0;}
	#mainNav .navbar-nav .nav-item .nav-link {color: #fff;font-size: 1.2rem;padding: .5rem .4rem;}
	#mainNav .navbar-nav .nav-item .nav-link:active, #mainNav .navbar-nav .nav-item .nav-link:hover {background-color: #f05f40;color: #fff;}
	#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {color: #000;}
	#mainNav {background-color:transparent;}
	#mainNav {box-shadow: none;}
	#mainNav.navbar-scrolled {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
	.navbar-light .navbar-toggler {margin-top: 35px;margin-right: 5px;}
	 
	#mainHead .showonmobile {color: #fff;text-align: right;right: 10px;}
	
	.headtxt {bottom: 45px;display: block;margin: 0 50px 0 30px;}
	 
	.list-inline-item:not(:last-child) {margin-right: .5rem;}
	
	.hideslider {display: block;} 
	
	#PageSection {padding: 3rem 1rem;}
	#SubPage {padding: 3rem 1rem;}
	
	.PSColScrim {padding: 2rem 2rem 14rem;}
	.PSCol1 {margin-top: 0;}
	.PSCol2 {border-left: 1px solid #fff;margin-top: 0;}
	.PSCol4 {border-left: 1px solid #fff;}
	 
	.thumbpagetmb {height: 140px;}
	.thumbgallery {height: 380px;}
	.thumbnews {height: 200px;}
	 
	.gigdate {width: 25%;}
	.gigvenue {width: 100%;}
	 
	#NJmap {height: 370px;}
 }
 
 /* lg */
 @media (min-width:992px){
	.footer {background: url(../img/DSC_2537.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment:scroll;}
	
	.h1, h1 {font-size: 3rem;}
	.h2, h2 {font-size: 2.25rem;}
	.h3, h3 {font-size: 1.75rem;}
	.h5, h5 {font-size: 1.5rem;}
	.lead {font-size: 1.25rem;}
	
	#mainNav .navbar-nav {margin: 45px 1rem 0 0;}
	#mainNav .navbar-nav .nav-item .nav-link {font-size: 1.3rem;padding: .25rem .5rem;}
	#mainNav .navbar-nav .nav-item:last-child .nav-link {padding: .25rem .75rem;}
	
	.NJlogo {width: 200px;margin-top: 25px;padding-left: 0 !important;}
	.NJlogo img {width: 150px;}
	 
	.headtxt {bottom: 70px;}
	
	#mainHead .showonmobile {display: none;}
	#mainHead .hideonmobile {display: inline;padding: .5rem 1rem 0 0;font-size: 1.2rem;}
	
	.thumbpagetmb {height: 180px;}
	 
	.desktopgallery {display: block;}
	.mobilegallery {display: none;}
		 
	#Location {padding: 0;}
	#NJmap {height: 370px;}
	 
	.jumbotron {box-shadow: 0 0 250px rgba(0,0,0,.9) inset;}
	.jumbotron h1 {font-size: 2.5rem;}
	 
	.PSCol1 {margin-top: 0;}
	.PSCol2 {border-left: 1px solid #fff;}
	.PSCol3 {border-left: 1px solid #fff;}
	.PSCol4 {border-left: 1px solid #fff;}
	 
	.gigdate {width: 25%;}
	.gigvenue {width: 100%;}
	 
	.card {margin: 0 0 20px;}	
	.cardevent .card-title {margin-top: 15px;}
 }
 
 /* xl */
 @media (min-width:1200px){	
	.footer {background: url(../img/DSC_2537.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment:scroll;}
	
	.NJlogo {margin: 30px 0 0 20px;padding-left: 20px !important;}
	.NJlogo img {width: 160px;} 
	
	#mainNav .navbar-nav {margin: 55px 1rem 0 0;}
	#mainNav .navbar-nav .nav-item .nav-link {font-size: 1.5rem;padding: .25rem .75rem;}
	#mainNav .navbar-nav .nav-item:last-child .nav-link {padding: .25rem .75rem;}
	 
	#mainHead .hideonmobile {font-size:1.5rem;}
	
	#NJmap {height: 390px;}
 }
 
  @media (min-width:1366px){
	.footer {background: url(../img/DSC_2537.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment:scroll;}
	#mainNav .navbar-nav .nav-item .nav-link {font-size: 2.2rem;padding: .2rem 1rem;}
	#mainNav .navbar-nav .nav-item:last-child .nav-link {padding: .2rem 1rem;}
	
	.NJlogo {padding-left: 0 !important;}
	.NJlogo img {width: 160px;}
	
	.thumbpagetmb {height: 240px;}
	
	#NJmap {height: 370px;}
	  
	.jumbotron {box-shadow: 0 0 350px rgba(0,0,0,.9) inset;}
 }
 
  @media (min-width:1600px){
	.jumbotron {box-shadow: 0 0 250px rgba(0,0,0,.9) inset;height: 550px;}
	  
	.NJlogo {width: 250px;margin: 30px 0 0 40px;}
	.NJlogo img {width: 200px;}
	
	.thumbpagetmb {height: 360px;}
 }

  @media (min-width:1920px){
	.jumbotron {box-shadow: 0 0 250px rgba(0,0,0,.9) inset;height: 670px;}
 }