@import url(css/core.css);
@import url(css/measurements.css);
@import url(css/colors.css);
@import url(css/utils.css);
@import url(css/customs.css);

@font-face {
  font-family: "New York";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../../../fonts/NewYork.woff2);
}


@font-face {
    font-family: 'Golos Text';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/GolosText-Regular.woff2);
}

@font-face {
    font-family: 'Golos Text';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/GolosText-Medium.woff2);
}

@font-face {
    font-family: 'Golos Text';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/GolosText-DemiBold.woff2);
}

@font-face {
    font-family: 'Golos Text';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/GolosText-Bold.woff2);
}


@font-face {
    font-family: 'POI Carbonic Trial';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/POICarbonicTrial-SemiBold.otf);
}

@font-face {
    font-family: 'PT Sans Narrow';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/PTSansNarrow-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'PT Sans Narrow';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../../../fonts/PTSansNarrow-Bold.woff2) format('woff2');
}


.font-newyork {
    font-family: "New York";
}

.font-golos {
    font-family: "Golos Text";
}

.font-carbonic {
    font-family: 'POI Carbonic Trial';
}

.font-sans-narrow {
    font-family: 'PT Sans Narrow';
}

#clc-hero {
  background-image: url(/assets/events/gilgal-worship/media/bg-hero.jpg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8em 1em 4em 1em;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 100dvh;
}

#section-2 {
    padding: 40px 0 0 0;
    background-color: #000000;
    background-image: url(/assets/events/gilgal-worship/media/section-2.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

footer {
    background-color: #000000;
    background-image: url(/assets/events/gilgal-worship/media/bg-footer-gilgal.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

}
#desc {
    padding: 24px 0;
}

@media screen and (min-width: 768px) {
    #desc {
        padding: 90px 60px;
    }
}

.ticket-section {
    margin-bottom: 256px;
}

.section-4 {
    width: 100%;
    padding: 100px 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0 300px 300px 0;
}

@media screen and (max-width: 575px) {
    .ticket-section {
        margin-bottom: 40px;
    }

}

.img-speaker-wrapper {
    flex-shrink: 1;
    flex-basis: 215px;
}

.img-speaker-wrapper img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top center;
}

.btn-dark {
  background: #000;
}

.btn-gold {
  background: #CCBB96;
}

.img-about {
  max-height: 100px;
  width: 100%;
  margin-bottom: 1em;
}

@media (max-width: 991px) {
  img {
    width: 100%;
  }
  .img-about {
    height: 40px;
  }
  .icon-socmed {
    width: 22px;
  }
}

.avatar {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  background: #CCBB96;
}

.avatar.xs {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.avatar.sm {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}

.avatar.md {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}

.bp-card .bp-card_label {
  background: #CCBB96;
}

.bp-card .bp-card_content {
  background-image: unset;
  background: white;
}

.bp-card .bp-card_content .bp-card-price {
  background-image: unset;
  background: white;
  border: 1px solid #CCBB96;
}

.bp-card .bp-card_content .bp-card-price .bp-card-qty {
  background-color: #CCBB96;
}

.proj-radio2 + label:before {
  border: 1px solid #CCBB96;
}

.proj-radio2 + label:after {
  background: #CCBB96;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 0 8px rgba(0, 0, 0, 0.4) !important;
  outline: 0 none;
}

footer {
  padding: 48px 16px;
}


.logo-hero {
    width: 100%;
    max-width: 500px;
    margin-bottom: 400px !important;
}

@media screen and (max-width: 575px) {
    .logo-hero {
        margin-bottom: 48px !important;
    }

}


.logo-box {
    background: #fff;
    width: 100%;
    max-width: 280px;
    padding: 36px;
}

#mainNav.navbar-shrink {
    background-color: #000;
}