* {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-decoration:none;
  /* color:#f2f2f2; */
}

body, html {
  max-width: 100vw;
  height: 100%;
  /* overflow: hidden; */
  margin: 0;
  font: 400 17px/1.5 "Lato", sans-serif;
  /* font: 500 15px/1.8 "Lato", sans-serif; */
  color: #777;
}
body {
  overflow-x: hidden;
}

.admin {
  font-size: 1.5em;
}

.adminTN {
  width: 100%;
  height: 100%;
  border: 1px solid #1e1e1e;
}

.pbta {
  margin-top: 20px !important;
}

.imgInput {
  font-size: 1em;
  border: 1px solid #1e1e1e;
  width: 144px;
  margin-bottom: 7px;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.captionInput {
  font-size: .8em;
  border: 1px solid #1e1e1e;
  width: 244px;
  margin-bottom: 9px;
  padding: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.imgUpdate {
  margin-bottom: 1px;
}

.imgDelete {
  margin-top: 7px;
  /* margin-bottom: 5px; */
}

.archive-restore {
  margin-top: 7px;
}

.zoom2top {
  margin-top: 6px;
}

#slideCaption,
#formatOpt,
#pixelOffset {
  border: 1px solid #1e1e1e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#slideCaption {
  width: 240px;
  padding: 5px;
  margin-bottom: 7px;
}
#formatOpt {
  position: relative;
  top: -1px;
  width: 154px;
  padding: 4px;
  margin-top: -3px;
  margin-bottom: 5px;
}
#pixelOffset {
  width: 142px;
  padding: 5px;
}
#uploadBtn {
  width: 155px !important;
}

#uploadOutcome {
  color: #f2f2f2;
  position: absolute;
  top: 418px;
  width: 313px;
  left: 0px;
  text-align: center;
  /* background: lime; */
}

#saveFileOpt {
  font-size: 0.8em;
  border: 1px solid #1e1e1e;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

/*******************************/
/***  CUSTOM CHECKBOX START  ***/
/*******************************/
.cbContainer {
  display: block;
  position: relative;
  top: 5px;
  left: -10px;
  padding-left: 35px;
  margin-left: 5px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cbContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.cbContainer.arch {
  margin-bottom: 5px !important;
}

.cbContainer.mon-con {
  text-align: center;
  font-size: 1.1em;
  left: -5px !important;
  color: #000;
}

#mon-con-con {
  position: relative;
  width: 210px;
  margin: 0px auto 12px auto;
}

.sort-con {
  position: relative;
  top: -7px;
}

.cbContainer.mon-con span.checkmark {
  top: 1px;
  left: 0px !important;
}

#news-lbl {
  display: inline-Block;
  position: relative;
  top: -0px;
  left: 6px
}

/* Create a custom checkbox */
.checkmark {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 5px;
  height: 23px;
  width: 23px;
  border: 1px solid #1e1e1e;
  background-color: #eee;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.postTitle {
  font-weight: bold;
  border-bottom: 1px solid #1e1e1e;
  margin: 5px auto;
}

#textFRC {
  cursor: default;
  left: -39px;
  font-size: 15px;
}

.checkmark.arch {
  left: 53px !important;
}

/* On mouse-over, add a grey background color */
.cbContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cbContainer input:checked ~ .checkmark {
  /* background-color: #2196F3; */
  background-color: #282E34;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cbContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cbContainer .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*****************************/
/***  CUSTOM CHECKBOX END  ***/
/*****************************/


#sle, 
#sce,
#ce,
#sche,
#le {
  width: 600px;
  border: 1px solid black;
  /* min-height:116px;
  max-height:300px;
  resize:none; */
}

.post-TA {
  width: 247px;
  border: 1px solid black;
  padding: 3px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.post-date-input {
  color: #f2f2f2;
  background: #aaa;
  /* background: #989898 */
}

.news-save {
  margin-top: 10px;
}


/* #fileToUpload {
  position: relative;
  top: -3px;
  height: 30px;
  border: 1px solid #1e1e1e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
} */

#fileToUpload {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}

#dropzone {
  position: absolute;
  text-align: center;
  top: 0;
  bottom: 0;
  width: 245px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #ccc;
  border: 3px dotted #bebebe;
  border-radius: 10px;
  cursor: pointer;
}
#dzLabel {
  display: inline-block;
  position: relative;
  height: 100px;
  width: 246px;
}

#filename {
  position: relative;
  top: 11px;
  width: 244px;
  text-align: center;
}

#dropzone.dragover {
  background-color: #aaa;
}

#uploadForm {
  position: relative;
}

#uploadForm, #loginForm {
  color: #f2f2f2;
  background: #7d7d7d;
  padding: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#loginForm .textInput {
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.topzoom, .topzoom.our, .topzoom.bios, .topzoom.duo, .topzoom.era {
  display: none;
}

.logo {
  opacity: 1 !important;
  -webkit-border-radius:30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  border-radius: 30px !important;
  width: 260px;
  height: 118px;
}
.logo img {
  position: relative;
  top: 10px;
  width: 260px;
}
#homePageLogo {
  cursor: pointer;
}

.bookus-logo {
  background-color: #0e0e0e;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 255px;
  height: 100px;
  padding: 20px;
}
.bookus-logo img {
  width: 255px !important;
}
.logo-col {
  text-align: left;
  width: 50%;
}
.contact-info {
  /* background-color: lime; */
  /* background-color: #0e0e0e; */
  /* border-radius: 10px; */
  width: 255px;
  height: 200px;
  padding: 10px 20px;
}
.contact-info img {
  width: 255px !important;
}
.contact-info-text a,
.contact-info-text a i  {
  color: #d4612d !important;
  /* color: #7d7d7d !important; */
}
.contact-info-text a:hover,
.contact-info-text a i:hover  {
  color: #f2f2f2 !important;
  cursor: pointer;
}


.fluid-container-2 {
	display: flex;
	/* background-color: #fff; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
  width: 100%;
	z-index: 5;
}

#mbLogo {
  width: 150px;
  margin-top: -20px;
  margin-bottom: 5px;
}

#eventTitle {
    color: #000;
    font-weight: normal;
}

#eventForm{
	max-width: 300px;
  height: auto;
  background-color: #1e1e1e;
	/* background-image: url(../img/message-bottle.png); */
	background-size: cover;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
}
.eventForm {
  width: unset;
  /* justify-content: center; */
  align-items: center;
  margin-left: 0px !important;
}
.eventForm input {
  width: 94% !important;
  margin-bottom: 40px !important;
  font-size: 0.9em;
}
.eventForm select {
font-size: 0.9em;
}
.eventForm a {
  margin: 10px auto 30px auto;
  padding: 0px !important;
}
.eventForm button {
  font-size: 0.9em;
}
.eventForm a, button {
  border: 1px solid #f2f2f2;
  width: 154px;
  background: #000;
  padding: 5px;
  -webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.eventForm a:hover, button:hover {
  background: #d4612d;
}

.setartist {
  padding-top: 0px !important;
  margin-bottom: -20px;
}

.return-btn {
  border: 1px solid #f2f2f2;
  background: #000;
  padding: 5px;
  -webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.return-btn:hover {
   background: #d4612d;
}

.sle-btn {
  border: 1px solid #000;
  color: #f2f2f2;
  background: #282E34;
  padding: 5px;
  -webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.sle-btn:hover {
  color: #fff;
  background: #d4612d;
}

#response {
  margin-top: 20px;
}

/* #event{
	color: #fff;
	font-size: 16px;
	width: 300px;
	height: 100%;
	display: flex;
	flex-direction: column;
	resize: none;
	margin-left: 10px;
} */

#eventForm #mailgun select{
  color: #1e1e1e;
	/* padding-left: 5px; */
	/* margin-bottom: 40px; */
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	line-height: 25px;
}


.fluid-container {
	display: flex;
	/* background-color: #fff; */
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
  width: 100%;
	z-index: 5;
}

#setToAdd {
  color: #1e1e1e;
  border: 1px solid black;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}


#contactForm{
	width: 740px;
  height: 540px;
  background-color: #1e1e1e;
	/* background-image: url(../img/message-bottle.png); */
	background-size: cover;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
}

#mailgun{
	color: #fff;
	font-size: 16px;
	width: 300px;
	height: 100%;
	display: flex;
	flex-direction: column;
	resize: none;
	margin-left: 10px;
}

#mailgun input{
  color: #1e1e1e;
	padding-left: 5px;
	margin-bottom: 40px;
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	line-height: 25px;
}

#message{
  color: #1e1e1e;
  font-size: 14px;
	width: 715px;
	height: 150px;
	min-height: 150px;
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
  resize: none;
	padding-left: 5px;
	margin-right: -5px;
}

#send{
	margin-top: 40px;
	/* margin-left: 10px; */
	width: 150px;
	height: 30px;
	color: #fff;
	border: solid 1px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: #000;
	cursor: pointer;
}

#send:hover{
	background-color: #d4612d;
}

.bookmark {          /* KEEP */
  position: relative;
}
.song-bookmark {
  position: relative;
  top: -105px;
}
.our-bookmark {
  position: relative;
  top: -65px;
}
.bios-bookmark {
  position: relative;
  top: -50px;
}
.duo-bookmark {
  position: relative;
  top: -80px;
}
.logozoom {
  top: -105px !important; /* TOP OF FILE */
}

.hidden {
  visibility: hidden;
}

.not-displayed {
  display: none;
}

.block-displayed {
  display: block;
}

#sectOpt {
  font-size: 1em;
  color: #f2f2f2;
  background: #7d7d7d;
  border: 1px solid #1e1e1e;
  padding: 3px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

/* .admin-pd {
  min-width: 300px;
  margin-left: unset !important;
} */

.vertically-centered {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.centered {
  display: flex;
  justify-content: center;  
}

.page_content {
  color: #D1D1D1;
  background-color: #0e0e0e;
}

.page_body {
   /* background: lime; */
   margin-top: -20px;
}

.page_main {
  position:relative;
  max-width: 800px;
  /* background-color: #282E34; */
  /* background-color: #0e0e0e; */
  /* background-color: #181818; */
  padding: 0px 30px 30px 30px;
}

.featured {
  width: 1020px;
  margin-top: 50px;
  padding: 0px;
  background-color: #0e0e0e;
}

.page_heading {
  text-align: center;
}

.page_col {
  flex-direction: column;
}

.page_divider {
  width: 92.5%;
  margin-left: 30px;
  height: 0px;
  border-bottom: 1px solid lightgray;
}

.page_col_content {
  width: 92.5%;
  padding: 30px;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.justify {
  text-align: right;
}

.page_col_content li {
  color: #fff;
  margin: 30px 0;
  font-size: 1.2em;
}

.page_col_content img {
  width: 100%;
  height: auto 
}

blockquote {
	margin: 2em 0em;
  padding: 1em 2em;
  background-color: #000;
  border-left: 5px solid #d4612d;
}
blockquote p em {
    color: #a2a2a2;
}
blockquote .source {
  margin-top: 0.5em;
  color: #fff;
  text-align: right;
}

.bullets ul {
  position: relative;
  left: 30px;
  margin-left: 20px;
  list-style: none;
  list-style-position: outside;
}
/* .bullets li {
  margin-right: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #565656;
} */
.bullets li::before {
  content: "•";
  font-size: x-large;
  color: #d4612d;
  /* color: #FFD700; */
  display: inline-block;
  width: 2em;
  margin-left: -2em;
}
.bullets.ms li {
  margin-right: 40px;
  padding-bottom: 5px;
  /* border-bottom: 1px solid #7f3a1a */
  /* background-color: #1e1e1e; */
  border-bottom: 1px solid #565656;
}
.bullets.ms li::before {
  content: ' \235F';
  font-size: x-large;
  color: #d4612d;
  /* color: #FFD700; */
  display: inline-block;
  width: 2em;
  margin-left: -2em;
}
.ms-img {
  position: relative;
  top: 30px;
}
/* .ms-spacer {
  display: inline-block;
  padding-left: 20px;
} */
.schedule li {
  margin: 0px;
}

.warning {
  color: #d4612d;
  font-weight: bold;
  font-size: 2em;
}

.video-responsive {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; /* This should be changed to match the aspect ratio of your video */
  overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed,
.video-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*==================*/
/*===  SET LIST  ===*/
/*==================*/
.songtable-container {
  /* padding: 30px; */
}
table.songtable {
  table-layout: fixed;
  width: 100%;
  border:0px;
  color:#FFF;
  border-collapse:collapse;
  padding: 30px;
}
.songera {
  position: relative;
  /* font-size:22px; */
  color:#000;
  font-weight:normal;
  letter-spacing:0px;
  padding-top:30px;
  border-bottom: 1px solid #A2A2A2;
}
.songartist {
  vertical-align:top;
  width: 40%;
  padding-top:15px;
  padding-left:0px;
  color:#000;
  font-size:16px;
  /* font-weight:bold; */
}
.songtitle {
  vertical-align:bottom;
  /* padding-left:15px; */
  color:#000;
  font-size:16px;
  /* font-weight:bold; */
}
.newartist {
  padding-top:15px;
}


/*==================*/
/*===  Parallax  ===*/
/*==================*/
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-sl {
  position: relative;
  /* opacity: 0.65; */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-position: bottom !important;
  background-image: url("../../assets/images/money-confetti.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../../assets/images/wedding-party.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("../../assets/images/drum-set.jpg");
  min-height: 400px;
}

.bgimg-4 {
  background-position: center top;
  background-image: url("../../assets/images/outdoors.jpg");
  min-height: 400px;
}

.bgimg-5 {
  background-position: center top;
  background-image: url("../../assets/images/live.jpg");
  min-height: 400px;
}

/* ===  SET LIST BG  ===*/
/* .bgimg-sl {
  background-position: center top;
  background-image: url("../../assets/images/setlist.jpg");
  min-height: 400px;
} */


.caption {
  position: absolute;
  left: 0;
  top: 48%;
  margin-top: -5%;
  width: 100%;
  text-align: center;
  color: #000;
}
.caption .logo {
  position: relative;
  top: -50px;
}
.bomc {
  /* display: none; */
  position: absolute;
  width: 170px !important;
  height: 141px;
  top: -35px !important;
  left: -95px;
}

.caption span.border {
  background-color: #000;
  opacity: 0.75;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.caption div.border {
  display: inline-block;
  background-color: #000;
  opacity: 0.75;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 10px;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

h2 {
  font-size: 2em
}

/* h4 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
} */

/* Turn off parallax scrolling for tablets and phones */
/* @media only screen and (max-device-width: 1024px) { */
@media (max-width: 952px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
}

.fully-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .top-centered {
  display: flex;
  align-items: flex-start;
  justify-content: center;
} */

.row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.row img {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
}
.page_main img {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
}

.col {
  flex: 1;
  max-width: 520px;
  padding: 20px;
}

.width-340 {
  max-width: 340 !important;
}

.section {
  width: 266px;
  /* background-color: darkgray; */
  box-sizing: border-box;
  padding: 20px;
}
.section img {
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
 
.for-featured {
  width: 340px;
}

.section-title {
  font-size: 1.5em;
  margin-bottom: 5px;
}
.section ul {
  list-style: none;
}
.section li {
  border-bottom: 1px solid #565656;
  padding: 5px 0px 3px 0px;
}
.section a {
  color: #d4612d !important;
  /* color: #7d7d7d !important; */
  cursor: pointer;
}
.section a:hover {
  color: #f2f2f2 !important;
}
.section .booking-text {
  color: #7d7d7d !important;
}
footer {
  /* background-color: #282E34; */
  background-color: #1e1e1e;
}
.copyright {
  width: 100%;
  padding: 10px;
  text-align:center;
  background-color: #0e0e0e;
}
.copyright-character {
  color: #7d7d7d; 
  /* color: #d4612d; */
   
}

.thumbnail {
  display: inline-block;
  width: 24% !important;
}


/* ========================= */
/* ===  Accordion Slider  ===*/
/* ========================= */
.slider-link {
  pointer-events: none;
  cursor: default;
  position:relative;
  top: -30px;
}

.accordion {
  /* width: 100%; */
  /* width: 430px; */
  height: 350px;
  overflow: hidden;
  margin: 0px auto;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease-in-out;
}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion ul li div a div {
  display: block;
  height: 370px;
  width: 100%;
  position: relative;
  top: -140px;
  z-index: 3;
  /* vertical-align: bottom; */
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  /*filter: invert(100%);*/
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 300ms ease-in-out;
}

.accordion ul li div a div * {
  opacity: 0;
  margin: 0;
  width: 100%;
  /* text-overflow: ellipsis; */
  position: relative;
  z-index: 5;
  /* white-space: nowrap; */
  white-space: narmal;
  /* overflow: hidden; */
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.accordion ul li div a div h2 {
  font-family: Montserrat, sans-serif;
  text-overflow: clip;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.accordion ul li div a div p {
  top: 160px;
  font-size: 18px;
  padding-left: 1em;
}

.accordion ul li:nth-child(1) { 
  background-image: url("../../assets/images/1.jpg"); 
  background-position: 50% 15%;
}

.accordion ul li:nth-child(2) { 
  background-image: url("../../assets/images/2.jpg"); 
  background-position: 70% 0%;
}

.accordion ul li:nth-child(3) { 
  background-image: url("../../assets/images/3.jpg"); 
  background-position: 50% 0%;
}

.accordion ul li:nth-child(4) { 
  background-image: url("../../assets/images/4.jpg"); 
  background-position: 30% 10%;
}

/* .accordion ul li:nth-child(5) { 
  background-image: url("http://dev.fjwestcott.com/media/wysiwyg/home/home_ind_enthusiast_portrait_photography_little_studio_basics_lights.jpg"); 
  background-position: 60% 64%;
}

.accordion ul li:nth-child(6) { 
  background-image: url("http://dev.fjwestcott.com/media/wysiwyg/home/home_ind_flex_enthusiast_portrait_photography.jpg"); 
  background-position: 70% 25%;
} */

.accordion ul li { background-size: cover; }
.accordion ul:hover li { width: 10%; }
.accordion ul:hover li:hover { width: 90%; }

/*.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }*/

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.accordion-container {
  color: #d4612d;
  background-color:#0e0e0e;
  /* background-color: #282E34; */
  text-align: left;
  padding:50px;
}


/* @media screen and (max-width: 680px) { */
@media screen and (max-width: 952px) {
  .songtable-container {
    padding: 0px;
  }

/* TOPZOOMS OLD */

  .slider-link {
    /* width: 80%; */
    word-spacing: normal !important;
    overflow-wrap: normal;
  }

  .accordion-container {
    padding:30px;
  }

  body { margin: 0; }
  .accordion {
    height: auto;
  }

  .accordion ul li,
  .accordion ul li:hover,
  .accordion ul:hover li,
  .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
  .accordion ul li div a * {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

}


/* ============== */
/* ===  MENU  ===*/
/* ============== */
.menu-buffer {
  /* background-color: #fff; */
  background-color: lime;
  width: 100%;
  height: 70px;
}
.core-menu-logo {
  position: relative;
  top:25px;
  padding-right: 50px;
  cursor: pointer;
}
.hamburger-menu-logo {
    position: relative;
    top: -5px;
    cursor: pointer;
}
.main-menu {
  display:block;
  position:relative;
  background:#0e0e0e;
  z-index: 1000;
}
.container-menu {
  width:80%;
  margin:0 auto;
}
.main-menu {
  position: fixed;
  top: -20px;
  width: 100%;
  height: 90px;
}
.main-menu:before,.main-menu:after{
  display: table;
  line-height: 0;
  content: "";
}
.core-menu {
  text-align:center;
  font:normal normal normal 1em/1 Roboto, sans-serif;
  overflow:hidden;
}
.core-menu li {
  list-style:none;
  display:inline-block;
  cursor:pointer;
}
.core-menu li a {
  display:inline-block;
  padding: 1em;
}
.inactiveLink {
  cursor: default;
}
.core-menu li a:hover {
  /* background:#38a201; */
  background: #d4612d;
}
li span.toggle {
  padding-left:1em;
}
.toggle:before {
  content:"\f107";
  font:normal normal normal 16px/1 FontAwesome;
}
.dropdown {
  position:absolute;
  width:230px;
  background:#1a1a1a;
  text-align:left;
  display:none;
}
.dropdown li {
  display:block;
  }
.dropdown li a {
  display:block;
}
.dropdown2 {
  position:absolute;
  width:230px;
  background:#2d2d2d;
  text-align:left;
  display:none;
  right:-100%;
  top:0;
}
.dropdown2 li {
  display:block;
}
/* .dropdown2:focus-within li {
  display: none;
} */
.dropdown2 li a {
  display:block;
}
/* .dropdown2:focus-within li a {
  display: none;
} */
li span.toggle2 {
  position:absolute;
  right:0;
  margin-right:20px;
}
.toggle2:before {
  content:"\f105";
  font:normal normal normal 16px/1 FontAwesome;
}
.hamburger-menu {
  padding:1em;
  display:none;
  font:normal normal normal 16px/1 Roboto;
  text-transform:uppercase;
}

.rm-lr-padding {
  padding-left: 0px;
  padding-right: 0px;
}


/*==================*/
/*===  LIGHTBOX  ===*/
/*==================*/

.lightbox {
	/** Default lightbox to hidden */
  display: none;
  
  touch-action: none;

	/** Position and style */
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	/* max-width: 640px;
  max-height: 480px; */
  width: auto;
  height: auto;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
  display: flex;
  justify-content: center;
  align-items: center;
}

.map-container {
  position: relative;
}

.mapclose {
  position: absolute;
  padding: 0px 2px;
  top: 6px;
  right: 7px;
}
.mapclose:hover {
  background: #1e1e1e !important;
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}


#sk::before {
  width: 0px;
  height: 0px;
  position: absolute;
  left: -5000px;
  content: "IjE5MjgzNzQ2NSI=";
}


/*=================*/
/*===  SPINNER  ===*/
/*=================*/
#preloader {
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 48%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  -webkit-border-radius:50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f2f2f2;
  /* border-top-color: #97CAEA; */
  /* border-top-color: #00C; */
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-border-radius:50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #7d7d7d;
  /* border-top-color: #2D95D4; */
  /* border-top-color: #93F; */
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #D46C2D;
  /* border-top-color: #F0F; */
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
}@keyframes spin {
    0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}


@media (min-width:953px) {
  .core-menu {
    display: block !important;
    height: 90px;
  }

  .float-left {
    float:left;
    padding-right: 50px !important;
  }
  
  .float-right {
    float:right;
    padding-left: 50px !important;
  } 
  /* ENND OF @media (min-width:953px) */
}


@media (max-width:952px) {
  .main-menu {
    height:80px;
  }
  .menu-buffer {
    /* background-color: #fff; */
    background-color: lime;
    widows: 100%;
    height: 59px;
  }

  .logozoom {
    top: -75px !important; /* @media (max-width:952px) */
  }

  .float-right, .float-left {
    float:none;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .core-menu-logo {
    display: none;
  }
  .hamburger-menu-logo {
    position: relative;
    top:24px;
    left: -25px;
  }
  .container-menu {
    width:100%;
    position: relative;
    top: -20px;
  }
  .navigation {
    float:left;
    display:block;
    width:100%;
  }
  .core-menu {
    position: relative;
    top:20px;
    float:right;
    width:100%;
    background:#1a1a1a;
    margin:auto;
    display:none;
  }
  .core-menu li {
    width:100%;
    display:block;
  }
  .core-menu li a{
    display:block;
    margin:auto;
  }
  /* @media (orientation:landscape) {
    .core-menu li a {
      padding: 0.4em;
    } 
  } */
  .hamburger-menu {
    display: block;
    text-align:center;
    padding-right:60px;
    float:none;
    width:100%;
    height: 48px;
  }
  .burger-container {
     display: flex;
     position: absolute;
     cursor: pointer;
     /* background: lime; */
     width: 20px;
     height: 19px;
     right: 23px;
     top: 60px;
  }
  .burger-1, .burger-2, .burger-3 {
  display:block;
  position: absolute;
  width:20px;
  height:3px;
  border-radius:30px;
  /* top: -80px;
  right:20; */
  margin-right:25px;
  background:#fff;
    -webkit-transition:.2s ease;
    -ms-transition:.2s ease;
    -moz-transition:.2s ease;
    -o-transition:.2s ease;
  transition:.2s ease; 
  }
  .burger-1 {
    top: 0px;
    }
    .burger-2 {
    top: 8px;
    }
    .burger-3 {
    top:16px;
    }
  .burger-1.open, .burger-2.open, .burger-3.open {
  -webkit-transition:.2s ease;
  -ms-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
    transition:.2s ease;
    transform-origin:50% 50%;
  }
  .burger-1.open {
    top:8px;
    left:-3px;
    width: 26px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); 
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 
    -o-transform:rotate(45deg); 
  }
  .burger-2.open {
    opacity:0;
  }
  .burger-3.open {
    top:8px;
    left:-3px;
    width: 26px;
    transform:rotate(-45deg);
  }
  .dropdown {
    width:100%;
    /* background: darkslategray; */
    /* background: #022569; */
    /* background:#0e0e0e; */
    /* background: #234099; */
    /* background: #436252; */
    background: #3f1d0d;
    /* background: #542612; */
    /* background: #6a3016; */
    /* background: #00C; */
    text-align:center;
    position:relative;
  }
  .dropdown2 {
    right:0;
    top:0;
    width:100%;
    position:relative;
    padding:0 20px;
}

  .page_heading {
    text-align: center;
    padding: 10px 20px;
  }

  .page_col_content {
  margin-left: -5px;
  }

  .row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .col {
    flex: 1;
    width: 100%;
  }

  .col img, p, h4 {
    max-width: 100%;
  }

  .page_col_content {
    padding: 30px 20px;
  }

  .page_divider {
    width: 92.5%;
    margin-left: 15px; 
  }

  #contactForm{
    display: flex;
    width:100%;
    height: 540px;
    /* background-image: url(../img/message-bottle.png); */
    background-size: cover;
    background-position: top right -150px;
    /* -webkit-border-radius:30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px; */
    padding: 20px;
    box-sizing: border-box;
  }

  #send{
    margin: 20px auto 10px auto;
    width: 150px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 20px;
    color: #fff;
    border: solid 1px #fff;
    /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; */
    background-color: #000;
  }

  .logo-col {
    position: relative;
    left: -25%;
  }

  .copyright {
    font-size: 0.8em;
  }

  .rm-lr-padding-mobile {
    padding-left: 0px;
    padding-right: 0px;
  }


  .lightbox img,
  .lightbox iframe {
    /** Pad the lightbox image */
    width: 70vw !important;
    height: 52.5vw !important;
    /* margin-top: 180px !important; */
  }

  .tall img {
    /** Pad the lightbox image */
    width: 50vh!important;
    height: 70vh !important;
    /* margin-top: 150px !important; */
  }

  @media (max-height: 840px) {
    .tall img {
      /** Pad the lightbox image */
      width: 50vh !important;
      height: 70vh !important;
      /* margin-top: 150px !important; */
    }
  }

  @media (orientation:landscape) {
    #loader {
      left: 46%;
      top: 46%;
    }

    .songtable-container {
      padding: 30px;
    }

    .main-menu {
      position: absolute;
      /* top: -20px; */
      width: 100%;
      height: 90px;
    }

    .container-menu {
      top: -13px;
    }

    .menu-buffer {
      /* background-color: #fff; */
      /* background-color: lime; */
      width: 100%; 
      /* display: none; */
    }

    .our-bookmark, .bios-bookmark, .duo-bookmark {
      top: 0px;
    }
    .song-bookmark {
      top: -45px;
    }

    .logozoom {
      top: -25px !important; /* orientaion-landscape */
    }

    .topzoom {
      display: block !important;
      position: absolute;
      width: 50px;
      height: 70px;
      /* background: lime; */
    }
    .topzoom span {
      position: relative;
      font-weight: bold;
      top: -20px;
    }
    .topzoom.our {
      right: -15px;
      top: 35px;
    }
    .topzoom.bios {
      right: 7px;
      top: 55px;
    }
    .topzoom.duo {
      right: 15px;
      top: -65px;
    }
    .topzoom.era {
      right: 0px;
      top: -20px;
      opacity: 50%;
    }
    .topzoom.era i {
      position: relative;
      top: 8px;
    }

  }

}

@media (max-width:680x) {
  #sle, #sce, #ce, #sche, #le {
    max-width: 460px;
  }
}

@media (max-width:615px) {
  #sle, #sce, #ce, #sche, #le {
    max-width: 420px;
  }

  .lightbox img,
  .lightbox iframe {
    width: 90vw !important;
    height: 67.5vw !important;
  }
  .tall img {
    width: auto !important;
    height: auto !important;
  }
  @media (orientation:landscape) {
    .lightbox img,
    .lightbox iframe {
      width: 93vh !important;
      height: 70vh !important;
    } 
  }
}

@media (max-width:420px) {
  #sle, #sce, #ce, #sche, #le {
    max-width: 380px;
  }
}

@media (max-width:383px) {
   #sle, #sce, #ce, #sche, #le {
      max-width: 300px;
   }
  .tall img {
    width: 90vw !important;
    height: 126vw !important;
  }
  @media (orientation:landscape) {
    .tall img {
      width: 64vh !important;
      height: 90vh !important;
    } 
  }
}

@media (max-height:520px) {
  .lightbox img,
  .lightbox iframe {
    width: 120vh !important;
    height: 90vh !important;
  } 
  .tall img {
    width: 64vh !important;
    height: 90vh !important;
  }   
}



@media (max-width:450px) {

  .caption .logo {
    position: relative;
    top: -110px;
  }

  .copyright {
    font-size: 0.8em;
    position: relative;
    left: -15px;
  }
}

@media (max-width:380px) {
  .copyright {
    position: relative;
    left: -15px;
    font-size: 0.6em;
  }

  .thumbnail {
    width: 32% !important;
  }
}