/* Generated by less 3.11.1 */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Serif Text';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('DM Serif Text Italic'), local('DMSerifText-Italic'), url(https://fonts.gstatic.com/s/dmseriftext/v4/rnCw-xZa_krGokauCeNq1wWyWfGFWA.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Serif Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('DM Serif Text Regular'), local('DMSerifText-Regular'), url(https://fonts.gstatic.com/s/dmseriftext/v4/rnCu-xZa_krGokauCeNq1wWyafM.ttf) format('truetype');
}
html,
body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  overflow-x: hidden;
  text-transform: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
  text-transform: none;
  color: inherit !important;
  text-decoration: none !important;
}
a:-webkit-any-link {
  text-decoration: none;
  color: inherit;
  text-transform: none;
}
a:-moz-any-link {
  text-decoration: none;
  color: inherit;
  text-transform: none;
}
a:any-link {
  text-decoration: none;
  color: inherit;
  text-transform: none;
}
a:focus,
a:focus p,
input:focus,
textarea:focus,
button:focus {
  outline: none !important;
  outline-style: none !important;
}
.padding {
  padding: 3%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'DM Serif Text', serif;
}
h1 {
  font-size: 4em !important;
}
p {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}
.navbar-brand {
  position: absolute;
  top: -15px;
}
.navbar-brand img {
  max-width: 60px;
}
.navbar {
  background-color: #171717;
}
.navbar-dark .navbar-nav .nav-link {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7) !important;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: white !important;
  font-weight: 700;
}
.navbar-dark .navbar-toggler {
  border-color: rgba(0, 0, 0, 0) !important;
}
input.wpcf7-form-control.wpcf7-submit,
.btn {
  font-weight: 700 !important;
  color: white !important;
  font-size: 14px !important;
  border: 2px solid transparent !important;
  min-width: 100px;
  width: auto;
  height: 40px;
  transition: transform 0.2s !important;
  margin: 10px 5px;
	border-radius: 0px !important;
}
input.wpcf7-form-control.wpcf7-submit:focus,
.btn:focus {
  box-shadow: unset !important;
}
input.wpcf7-form-control.wpcf7-submit:hover,
.btn:hover {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari 3-8 */
  transform: scale(1.1);
}
input.wpcf7-form-control.wpcf7-submit {
  text-transform: uppercase;
}
input.wpcf7-form-control.wpcf7-submit,
.btn-primary {
  background-color: #CE012F !important;
  border-color: #CE012F !important;
}
input.wpcf7-form-control.wpcf7-submit:hover,
.btn-primary:hover,
input.wpcf7-form-control.wpcf7-submit:active,
.btn-primary:active {
  background-color: #a20024 !important;
  color: white !important;
  border-color: #a20024 !important;
}
.btn-outline-primary {
  border-color: white !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
  background-color: white !important;
  color: #CE012F !important;
}
#intro {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: 100% !important;
  background-position: top center !important;
  background-attachment: fixed;
}
#intro h1 {
  font-size: 4em;
  color: white;
}
#intro h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}
#intro .container-fluid {
  z-index: 1;
}
#intro:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0b00af40;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
}
#events {
  background-color: #171717;
}
#events h2,
#events h4,
#events p {
  color: white;
}
#events img {
  width: 100%;
  height: auto;
}
#about {
  background-size: cover;
  background-attachment: fixed;
  padding: 10% 3%;
}
#about .col-md-6 {
  z-index: 1;
  color: white;
}
.event-id h4,
.event-id p {
  margin: auto;
  color: #171717;
}
.event-id p {
  color: #171717;
}
#downloadtheapp {
  background-color: #CE012F;
  height: 500px;
}
#downloadtheapp h2,
#downloadtheapp p {
  color: white;
}
#downloadtheapp img.icon {
  max-height: 40px;
  width: auto;
}
#downloadtheapp img.djoshawnapp {
  position: absolute;
  max-width: 300px;
  width: 100%;
  top: 110%;
  height: auto;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#listenmusic {
  margin-top: 1em;
}
.music {
  border: 0.5em solid white;
  background-size: cover !important;
  background-position: 50% 20% !important;
  padding: 20%;
}
.music h2 {
  color: white;
}
.music .col-md-12 {
  z-index: 1;
}
.music:after,
#about:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00052e40;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
}
.inside-pages-head {
  margin-top: 3em;
  background-size: cover !important;
  background-position: 50% 40% !important;
  min-height: 50vh;
  background-attachment: fixed;
}
.inside-pages-head .container-fluid {
  z-index: 1;
  color: white;
}
#archiveevents h1,
#archiveevents h4,
#archiveevents p {
  color: #171717;
  margin: auto;
}
#archiveevents img {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
.areventsheader:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00052e40;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
}
.sfsi_shortcode_container,
.norm_row {
  float: unset !important;
  margin: 0 auto;
}
.norm_row.sfsi_wDiv {
  text-align: center !important;
}
.single-work h1,
page h1,
.single-work h2,
page h2 {
  color: #171717;
}
.single-work h2,
page h2 {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 1em;
}
img.flyer {
  margin-bottom: 0.5em;
}
.service {
  background-color: #171717;
}
.service h2,
.service p {
  color: white;
}
.service-id .fas,
.service-id .far {
  color: #CE012F;
}
.service-type {
  margin-bottom: 1em;
}
.service-type img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  margin-bottom: 0.5em;
}
.service-type p {
  color: #171717;
}
div#wpcf7-f126-o1 {
  width: 100%;
}
.wpcf7 label,
.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
}
.wpcf7 textarea {
  height: 100px;
}
footer {
  background-color: #171717;
}
footer p {
  color: #ababab;
  font-size: 12px;
}
footer h5 {
  color: #ababab;
}
.social-icon {
  padding: 0px 4px;
}
footer img.icon {
  height: 30px;
}
footer ul#menu-footer {
  list-style: none;
  padding: unset;
  color: #ababab;
  font-size: 12px;
}

.fbx-modal.fbx-phone.fbx-portrait .fbx-close, .fbx-modal.fbx-phone.fbx-portrait .fbx-next, .fbx-modal.fbx-phone.fbx-portrait .fbx-prev{bottom:0 !important; top: auto !important;}

.foogallery.fg-thumbnail.fg-float-left, .foogallery.fg-thumbnail .fg-image,.foogallery.fg-thumbnail .fg-item {width:100% !important;}

@media only screen and (max-width: 1024px) {
  #intro {
    background-size: 110% !important;
	}
}
@media only screen and (max-width: 992px) {
  .event-id {
    margin-top: 3%;
    margin-bottom: 1em;
  }
  .event-id h4 {
    margin-top: 1em !important;
  }
}
@media only screen and (max-width: 767px) {
  div#bs-example-navbar-collapse-1 {
    padding-top: 3em;
  }
  .navbar-collapse li {
    border-top: 1px solid;
    text-align: center;
  }
  #intro {
    background-size: 200% !important;
    background-position: 58% 0% !important;
  }
  .event-id,
  .service-id {
    margin-bottom: 1em;
  }
  .event-id h4,
  .service-id h4 {
    margin-top: 1em !important;
  }
  footer [class*='col-'] {
    margin: 1em 0em;
	 padding-bottom:2em;
    border-bottom: 1px solid #333333;
  }
}