/* CSS Style for the Home/Management Internal Portal */

/* Split body is the main class that contains content on Flashframe, it typically consists of a left rail and right body
contained within it. These are balanced at 30/70% of the view width with some padding in between */
.split-body{
  /* Set the maximium page size to ensure we keep content above the fold */
  max-height:75vh;
  margin-bottom:10px;
}
/* Left rail refers to the vertical rail of content native to new internal pages */
.left-rail{
  margin-left:2vw;

}

/* In conjunction with left rail, the right body is the main body section of the site */
.right-body{
  margin-bottom:30px;
  border-top: 4px solid #F26225;
  background: #F7F7F7 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;

  /* Set margin left to 5% to space from left rail. This requires a 7 column width rather than 8. */
  margin-left: 5vw;

}
.right-body .overflow-scroll {
  /* Set the scroll within the right-body */
  max-height:75vh;
  overflow-y: auto;

}

.event-tile-row {
/* Refers to the Home/galleries page right hand section where we see a list of events in a scrolling section */
  /* include a thin line atop row to split up and ensure space between line and text */
  border-top: 1px solid #878787;
  padding-top:10px;

  /* ensures the tile is properly spaced within the div and doesn't overflow right */
  max-width:95%;
  margin-left:15px;
  margin-top:10px;
}




/* Alternative to split body, this is a single body */
.single-body{
  margin-bottom:30px;
  border-top: 4px solid #F26225;
  background: #F7F7F7 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;

  max-height: 75vh;

/* Set margin left to 5% to space from left rail. This requires a 11 column */
  margin-left: 5vw;
  margin-right: 5vw;

}

.internal-single-body{
  padding-top:10px;
}

.bottom-half{
  overflow-y: auto;
  max-height: 49vh;
}

p {
font-family: forma-djr-micro, sans-serif;

}

p {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: rgba(0,0,0,1);
  letter-spacing: 0.3px;
  line-height: 2;
  text-align: center;
}

h3{
  font-size:16px;
  text-align: center;
}

a{
  color:#337ab7;
  text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a.subheader{
  color:#212529;
}