body {
  background-color: #f8f9fa;
}

/* places api modal fix */
.pac-container {
    z-index: 1051 !important;
}

/* alert material icon fix */
.alert-dismissible .close {
  padding: 0.75rem 0.75rem;
}

/* material icon fix */
.material-symbols-outlined {
  line-height:unset;
}

/* summernote classes */
.note-toolbar.card-header {
  min-height:60px;
}

.note-editor .note-toolbar, .note-popover .popover-content {
  padding: 20px 0 5px 5px !important;
}
/* end of summernote */
.required:before {
  content: '* ';
  color: #F00;
  font-weight: bold;
}

.errors ul {
  padding-left: 0;
  margin-bottom: 0;
}

.errors li {
  list-style: none;
  width: 100%;
  text-align: center;
}

/* tiles */
.tile {
  margin-bottom: 15px;
  border-radius: 3px;
  transition: all 1s;
}

.tile-heading {
  padding: 5px 8px;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0);
}

.tile-footer {
  padding: 5px 8px;
  background: rgba(0, 0, 0, 0);
}

.tile-green {
  background-color: #205F39;
  color: #FFFFFF;
}

.tile-brown {
  background-color: #735236;
  color: #FFFFFF;
}

.tile-red {
  background-color: #9C2838;
  color: #FFFFFF;
}

.tile-blue {
  background-color: #2E566B;
  color: #FFFFFF;
}

.tile-black {
  background-color: #020202;
  color: #FFFFFF;
}


/* input icon */
.input-icon {
  position: absolute;
  top: 0.125rem;
  right: 0.5rem;
}
.input-icon > span {
	font-size: 2rem;
}

.icon-red {
  color: #9C2838;
}

.icon-green {
  color: #28A745;
}

.icon-blue {
  color: #2E566B;
}

.icon-black {
  color: #020202;
}

.icon-brown {
  color: #735236;
}

.icon-gray {
  color: #CCCCCC;
}

/* navbar */
nav .nav-item {
  border-right: 1px solid grey;
}

nav .nav-item:last-of-type {
  border-right:none;
}

nav .nav-item:hover {
  background-color:#9C2838;
}

/* background colors */
.bg-black {
  background-color:#1C1E1E;
}

/* td colors active or not */
.td-green {
  background: #28A745;
  color: #FFFFFF;
}

.td-red {
  background: #CC1622;
  color: #FFFFFF;
}
/* preview event view */
main {
  font-size: 1em;
  color: #e9e9e9;
  font-family: 'Lato', sans-serif;
}

/* table styling */
main th {
  border-bottom: 1px solid #A40D3D;
}

main th, main td {
  padding: 15px;
  text-align: left;
}

main tr {
  border-bottom: 1px solid #A40D3D;
}

main tr:last-of-type {
  border-bottom: none;
}

main tbody tr:hover {
  background-color: #716C6D;
}

main .btn {
  text-align: center;
  padding: 8px 12px;
  color: #FEFEFE;
  background-color: #E50B43;
  border: 0px solid #E50B43;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

hr.red {
  border: 1px solid transparent;
  border-bottom: 1px solid #CD0142;
}

.event-title {
  color: #E50B43;
  text-transform: uppercase;
  margin-bottom:5px;
  font-size: 2rem;
  font-weight: 600;
}

.event-lead {
  font-size: 0.9rem;
  color:white;
  margin-top:5px;
}

.event-desc {
  position:relative;
  margin-top: 15px;
  padding: 10px 0px;
  overflow-y:auto;
  height: 280px;
  color: #D9D9D9;
}

.age-limit {
  float: right;
  margin: 3px 10px;
  color: black;
  background-color: #FFCB03;
  border: 2px solid black;
  border-radius: 25px;
  padding: 3px 3px 2px 2px;
  font-size: 9px;
  font-weight: bolder;
}

.age-limit-red {
  background-color: #BD1C1C;
}

pre {
  font-family: 'Lato', sans-serif!important;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

pre p {
  color: #E9E9E9!important;
}

pre a {
  color: #4499EE;
}

pre img {
  width:unset;
  height:unset;
  /* padding: 1rem; */
}

.event-link {
  padding:1rem;
}

.dates-view {
  margin: 0 auto;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top:25px;
}

.event-dates {
  width: 100%;
  margin-left: 25px;
  margin-right: 25px;
}

.event-dates h3 {
  text-transform: uppercase;
  font-size: 1rem;
}

.event-dates small {
  color: #716C6D;
}

.btn-prevent {
  display: inline-block;
}

/* embed custom switch */
.embed-switch {
  position: absolute;
  right: 0.75rem;
  top: 1.25rem;
}

/* animations */
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.fromLeft {
  animation: 0.5s ease-out 0s 1 slideInFromLeft;
}
.fromRight {
  animation: 0.5s ease-out 0s 1 slideInFromRight;
}

/* media queries */
@media (max-width: 768px) {
  .form-wrapper .text-right {
    text-align: center !important;
  }

  .form-wrapper .btn-primary {
    display: block;
    margin: 0 auto;
  }
}