@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

#ranchCampPopup {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #2f3b44;
  padding: 0 22px;
  border: 1px solid #ff7864;
  z-index: 1000;
  width: calc(100vw - 60px);
  max-width: 720px;
}

#ranchCampPopup h2 {
  color: #ffffff;
  margin-bottom: 22px;
  font-size: 28px;
}
#ranchCampPopup .location-logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
  margin-top: 22px;
}
.sePageLayout #ranchCampPopup .btn-default {
  border-color: transparent;
}
#ranchCampPopup hr {
  margin: 22px -22px;
  border: 0;
  border-top: 1px solid #ff7864;
}

.sePage .sePageLayout a.btn.btn-primary,
.sePage .sePageLayout a.btn.btn-default,
.sePage .sePageLayout .btn.btn-primary,
.sePage .sePageLayout .btn.btn-default {
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.sePage .sePageLayout .se-btn-group,
.sePage .sePageLayout .content-block-column .se-btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sePage .sePageLayout .se-btn-group .btn:not(:last-child),
.sePage
  .sePageLayout
  .content-block-column
  .se-btn-group
  .btn:not(:last-child) {
  margin-bottom: 3px;
}
.sePage .sePageLayout .se-btn-group .btn,
.sePage .sePageLayout .content-block-column .se-btn-group .btn {
  margin-top: 0;
  width: 100%;
  margin-bottom: 22px;
}
.sePage .sePageLayout .se-btn-group .btn.btn-link:not(:last-child),
.sePage
  .sePageLayout
  .content-block-column
  .se-btn-group
  .btn.btn-link:not(:last-child) {
  border-bottom: 1px solid #d2d2d2;
}

.sePage .sePageLayout .se-btn-group.top .btn,
.sePage .sePageLayout .content-block-column .se-btn-group.top .btn {
  margin-bottom: 3px;
}
.sePage .sePageLayout .se-btn-group.full-width .btn,
.sePage .sePageLayout .content-block-column .se-btn-group.full-width .btn {
  flex: 1;
}
.sePage .sePageLayout ul.se-btn-group,
.sePage .sePageLayout .content-block-column ul.se-btn-group {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
.sePage .sePageLayout ul.se-btn-group li,
.sePage .sePageLayout .content-block-column ul.se-btn-group li {
  flex: 1;
  width: 100%;
}
.sePage .sePageLayout ul.se-btn-group li .btn,
.sePage .sePageLayout .content-block-column ul.se-btn-group li .btn {
  display: list-item;
  margin-bottom: 22px;
  flex: 1;
}
.sePage .sePageLayout ul.se-btn-group li:not(:last-child) .btn,
.sePage
  .sePageLayout
  .content-block-column
  ul.se-btn-group
  li:not(:last-child)
  .btn {
  margin-bottom: 3px;
}
.sePage .sePageLayout ul.se-btn-group li:not(:last-child) .btn.btn-link,
.sePage
  .sePageLayout
  .content-block-column
  ul.se-btn-group
  li:not(:last-child)
  .btn.btn-link {
  border-bottom: 1px solid #d2d2d2;
}

.sePage .sePageLayout .sePageBanner {
  padding-top: 0;
  border: 0;
}
.sePage .sePageLayout .sePageBanner .container {
  width: 100%;
  padding: 0;
}
.sePage .sePageLayout .sePageBanner p {
  margin: 0 auto;
}
.sePage .sePageLayout .sePageBanner .btn,
.sePage .sePageLayout .sePageBanner a.btn-default,
.sePage .sePageLayout .sePageBanner a.btn-primary {
  width: 100%;
  white-space: normal;
  margin: 0 auto;
  border-radius: 0;
}

@media (min-width: 768px) {
  #ranchCampPopup h2 {
    font-size: 38px;
  }
  .sePage .sePageLayout .se-btn-group,
  .sePage .sePageLayout .content-block-column .se-btn-group {
    display: flex;
    flex-direction: row;
  }
  .sePage .sePageLayout .se-btn-group.left,
  .sePage .sePageLayout .content-block-column .se-btn-group.left {
    justify-content: flex-start;
  }
  .sePage .sePageLayout .se-btn-group .btn:not(:last-child),
  .sePage
    .sePageLayout
    .content-block-column
    .se-btn-group
    .btn:not(:last-child) {
    margin-right: 3px;
    margin-bottom: 22px;
  }
  .sePage .sePageLayout .se-btn-group .btn,
  .sePage .sePageLayout .content-block-column .se-btn-group .btn {
    margin-bottom: 22px;
    width: auto;
  }
  .sePage .sePageLayout .se-btn-group .btn.btn-link:not(:last-child),
  .sePage
    .sePageLayout
    .content-block-column
    .se-btn-group
    .btn.btn-link:not(:last-child) {
    margin-right: 0;
    border-bottom: none;
    border-right: 1px solid #d2d2d2;
  }
  .sePage .sePageLayout .se-btn-group.top .btn,
  .sePage .sePageLayout .se-btn-group.btn.btn-link:not(:last-child),
  .sePage .sePageLayout .content-block-column .se-btn-group.top .btn,
  .sePage
    .sePageLayout
    .content-block-column
    .se-btn-group.btn.btn-link:not(:last-child) {
    margin-bottom: 3px;
  }
  .sePage .sePageLayout ul.se-btn-group li:not(:last-child) .btn,
  .sePage
    .sePageLayout
    .content-block-column
    ul.se-btn-group
    li:not(:last-child)
    .btn {
    margin-right: 3px;
    margin-bottom: 22px;
  }
  .sePage .sePageLayout ul.se-btn-group.top .btn,
  .sePage .sePageLayout ul.se-btn-group.top li:not(:last-child) .btn,
  .sePage .sePageLayout .content-block-column ul.se-btn-group.top .btn,
  .sePage
    .sePageLayout
    .content-block-column
    ul.se-btn-group.top
    li:not(:last-child)
    .btn {
    margin-bottom: 3px;
  }
  .sePage .sePageLayout ul.se-btn-group li:not(:last-child) .btn.btn-link,
  .sePage
    .sePageLayout
    .content-block-column
    ul.se-btn-group
    li:not(:last-child)
    .btn.btn-link {
    margin-right: 0;
    border-bottom: none;
    border-right: 1px solid #d2d2d2;
  }
}