/** Colors */

/** Box Model  */

/*
MAIN SPACING MIXIN - PLEASE USE FOR CONSISTENCY
This mixin is for responsive spacing. 
It is designed to replicate the basic usage for padding and margin except will not take %. 
You otherwise can use variables, px values, or auto (margin type only).
At smaller sizes the mixin will compare the calculated value to a minimum value variable and make sure there is a minimum of space (unless set to 0).
USAGE:
default: setting the type to padding or margin is the only required info.
The amount of space will default to $spaceBase unless otherwise set.
The rate of decrease per breakpoint change will default to $respRatio.
@include space(padding);
@include space(margin);
Examples:
@include space(margin,$halfSpaceBase,auto);
Note: to customize the ration you will need to supply all of the preceding options?
@include space(padding,100px,60px,100px,60px,.7);
See more use cases below the mixin declaration when we set some custom classes to use this.
*/

/* line 2, resources/assets/styles/common/_a11y.scss */

:focus-visible {
  outline: 0;
}

/* line 7, resources/assets/styles/common/_a11y.scss */

html[data-whatintent="keyboard"] :focus {
  outline: #c89432 solid 4px !important;
  outline-offset: 4px;
}

/* line 12, resources/assets/styles/common/_a11y.scss */

html[data-whatintent="keyboard"] [type="checkbox"]:focus + label {
  border: 3px solid #c89432 !important;
}

/* line 18, resources/assets/styles/common/_a11y.scss */

.sr-only {
  height: 1px;
  left: rem-calc(-10000);
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

/* line 28, resources/assets/styles/common/_a11y.scss */

.show-for-sr,
.show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

/* line 37, resources/assets/styles/common/_a11y.scss */

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/* line 5, stdin */

.single-tribe_events main.main {
  padding: 0;
}

/* line 8, stdin */

.single-tribe_events main.main > div {
  margin: 0;
}

/* line 11, stdin */

.single-tribe_events main.main .singleEventWrap {
  padding: 50px 50px 100px 50px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1599px) {
  /* line 11, stdin */

  .single-tribe_events main.main .singleEventWrap {
    padding: 40px 40px 80px 40px;
  }
}

@media (max-width: 1199px) {
  /* line 11, stdin */

  .single-tribe_events main.main .singleEventWrap {
    padding: 32px 32px 64px 32px;
  }
}

@media (max-width: 991px) {
  /* line 11, stdin */

  .single-tribe_events main.main .singleEventWrap {
    padding: 25.6px 25.6px 51.2px 25.6px;
  }
}

@media (max-width: 767px) {
  /* line 11, stdin */

  .single-tribe_events main.main .singleEventWrap {
    padding: 20.48px 25px 40.96px 25px;
  }
}

@media (max-width: 599px) {
  /* line 11, stdin */

  .single-tribe_events main.main .singleEventWrap {
    padding: 40px 20px 40px 20px;
  }
}

@media (min-width: 992px) {
  /* line 11, stdin */

  .single-tribe_events main.main .singleEventWrap {
    max-width: 1400px;
  }
}

/* line 15, stdin */

.single-tribe_events main.main #singleEvent {
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

@media (max-width: 991px) {
  /* line 15, stdin */

  .single-tribe_events main.main #singleEvent {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}

/* line 30, stdin */

#seContent {
  padding: 0 50px 0 0;
  flex-grow: 1;
}

@media (max-width: 1599px) {
  /* line 30, stdin */

  #seContent {
    padding: 0 40px 0 0;
  }
}

@media (max-width: 1199px) {
  /* line 30, stdin */

  #seContent {
    padding: 0 32px 0 0;
  }
}

@media (max-width: 991px) {
  /* line 30, stdin */

  #seContent {
    padding: 0 25.6px 0 0;
  }
}

@media (max-width: 767px) {
  /* line 30, stdin */

  #seContent {
    padding: 0 25px 0 0;
  }
}

@media (max-width: 599px) {
  /* line 30, stdin */

  #seContent {
    padding: 0 20px 0 0;
  }
}

@media (max-width: 991px) {
  /* line 30, stdin */

  #seContent {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
}

/* line 41, stdin */

#seContent:after {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
}

/* line 47, stdin */

#seContent #tribe-events {
  margin-top: 0;
}

/* line 50, stdin */

#seContent .alert-danger {
  background-color: red;
  color: white;
  padding: 15px;
  margin-bottom: 20px;
  opacity: .7;
}

/* line 57, stdin */

#seContent time {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 15px;
}

/* line 62, stdin */

#seContent h1 {
  font-size: 45px;
  margin-bottom: 35px;
}

/* line 66, stdin */

#seContent #eInfo {
  padding: 50px;
  display: flex;
}

/* line 70, stdin */

#seContent #eInfo > * {
  flex-basis: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 66, stdin */

  #seContent #eInfo {
    flex-wrap: wrap;
  }

  /* line 75, stdin */

  #seContent #eInfo > * {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  /* line 66, stdin */

  #seContent #eInfo {
    flex-wrap: wrap;
  }

  /* line 82, stdin */

  #seContent #eInfo > * {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}

/* line 87, stdin */

#seContent #eInfo h4 {
  margin-bottom: 15px;
}

/* line 91, stdin */

#seContent #eInfo .tribe-events-meta-group-details dt:not(:first-of-type) {
  margin-top: 30px;
}

/* line 95, stdin */

#seContent #eInfo .tribe-events-gmap {
  display: block;
}

/* line 101, stdin */

#eventsBack {
  margin: 0 0 20px;
}

/* line 104, stdin */

#eventsBack.fontSans a {
  font-family: "Cormorant Garamond", serif !important;
}

/* line 108, stdin */

#eventsBack.fontScript a {
  font-family: "Montserrat", sans-serif !important;
}

/* line 112, stdin */

#eventsBack a {
  background-color: #387F97;
  border: 2px solid #387F97;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 24px 34px 22px;
}

/* line 121, stdin */

#eventsBack a:hover {
  background-color: #ffffff;
  box-shadow: none !important;
  color: #387F97;
  text-decoration: none;
}

/* line 131, stdin */

#seMobileHeadline time {
  display: inline-block;
  font-size: 18px;
}

/* line 135, stdin */

#seMobileHeadline h1 {
  font-size: 45px;
  margin-bottom: 35px;
}

/* line 142, stdin */

#seSide {
  flex-grow: 1;
  position: relative;
  padding: 36px 36px 36px 36px;
  flex-basis: 35%;
  max-width: 35%;
  border-left: none;
}

@media (max-width: 1599px) {
  /* line 142, stdin */

  #seSide {
    padding: 28.8px 28.8px 28.8px 28.8px;
  }
}

@media (max-width: 1199px) {
  /* line 142, stdin */

  #seSide {
    padding: 23.04px 23.04px 23.04px 23.04px;
  }
}

@media (max-width: 991px) {
  /* line 142, stdin */

  #seSide {
    padding: 20px 20px 20px 20px;
  }
}

@media (max-width: 767px) {
  /* line 142, stdin */

  #seSide {
    padding: 40px 25px 40px 25px;
  }
}

@media (max-width: 599px) {
  /* line 142, stdin */

  #seSide {
    padding: 40px 20px 40px 20px;
  }
}

/* line 150, stdin */

#seSide h3,
#seSide .notice {
  margin: 0 0 20px;
}

/* line 153, stdin */

#seSide h1,
#seSide h2,
#seSide h3,
#seSide h4,
#seSide h5,
#seSide h6,
#seSide a {
  text-align: center;
  display: block;
}

@media (max-width: 991px) {
  /* line 142, stdin */

  #seSide {
    height: auto !important;
    flex-basis: 100%;
    max-width: 100%;
  }
}