/* agency.css overrides     ***/

  a {
	  color:#a07e09;
  }

  #mainNav {
    background-color: #212529;
  }
  
  .intro-bg {
    background: rgba(5,5,5,.5);
    padding: 1em;
  }
  
  .portfolio-modal .btn-secondary {
    margin-top: 1em;
    font-size: 80%;
  }
 
 /* restores natural p margin, which agency stylng suppresses */
.timeline .timeline-body>p {
	margin-bottom:1rem;
}

section {
	padding:50px 0;
}
/* restored padding when section is at top of page (no masthead) */
section.section-topmost {
	padding:75px 0;
}
@media only screen and (min-width: 768px) {
section {
	padding:75px 0;
}
/* restored padding when section is at top of page (no masthead) */
section.section-topmost {
	padding:150px 0;
}


}
  
  /* for regular forms, labels appear to left of fields, right-justified. this left-aligns them when they stack */
  .col-form-label {
    text-align: left;
  }
@media only screen and (min-width: 576px) {
  
  /* for regular forms, labels appear to left of fields, right-justified. this left-aligns them when they stack */
  .col-form-label {
    text-align: right;
  }
  
}
  
 
 /**** general styling ****/
  
  #flash-bar {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
  }
  
  form {
	  margin-bottom:1em;
  }
  
  .portfolio-modal .modal-content
   {
    text-align: left;
  }
  
/* limits non-modal form widths */
section .container-form {
	max-width:900px;
}

/*** theatre companies ***/
.theatre-list .row,
.people-list .row {
	border-top: 1px solid #ddd;
}

/* small screens, the wrapped header looks odd so just don't show it */
.theatre-list-header .theatre-list-links {
	display:none;
}
@media only screen and (min-width: 992px) {
  
  /* re-display col header when screen wide enough */
.theatre-list-header .theatre-list-links {
	display:auto;
}
  
}

.list-header {
	font-weight:bold;
	background:#dee2e6;
}

/**** carousel  **** */

  #carousel .modal-content {
	  padding:10px;
  }
  
  #carousel .close-modal {
	  z-index:5;
  }
  
  #carousel .carousel-control-prev-icon {
	background: url(/img/lt.png);
    background-size: cover;  
  }
  
  #carousel .carousel-control-next-icon {
	background: url(/img/rt.png);
    background-size: cover;  
  }
  
/*****   profile     *******/  


  #headshotCarousel {
	  height:250px;
	  overflow:hidden;
  }
  
/* makes the profile more compact than a normal modal */
  #profileblank .modal-dialog {
    max-width: 750px;
	margin:1rem auto;
  }
  
/*positions the pagination div */
  #profileblank .profile-pagination {
    position:absolute;
	width:100%;
	top:-60px;
	left:0; /* not sure why this is necessary but it is */
  }
  
/*pagination list title */
  #profileblank .profile-pagination small {
    display: block;
    text-align: center;
    font-style: italic;  
}
  
/*removes the standard close toggle */
  #profileblank .close-modal {
    display:none;
  }
  
/* profile badges */

.profile-badges {
    float: right;
}
  
.profile-badge {
    padding: .2rem;
    border: 1px solid;
}
  
.profile-badge-mta {
    color: white;
    background-color: red;
}
  
.profile-badge-mta::before {
    content: 'member MTA';
}
  
/* normally fixed height, this prevents emty carousel from taking up space */  
  #headshotCarousel.carousel-empty {
	  height:auto;
  }
  
  /* used to prevent empty profile elements from showing   */
  #profileblank .profile-element-hidden {
	  display:none;
  }
  
/***    profile edit  *****/

.shader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shaded {
    background: rgba(0,0,0,.75);
}

  .img-status-text {
    color: #fff;
    position: absolute;
    top:10%;
    text-align: center;
	font-style:italic;
    width: 100%;
    height: 100%;
    /* right: 50%; */
}

/* helps make headshot list more readable */
.headshot-list .form-row {
    border-bottom: 1px solid #dee2e6;
    padding: .5rem 0;
}

/* used for the shading effect in headshot list */
  .headshot-edit-container {
    position: relative;
}


  .cfdebug {
	  display:none;
  }
 
/***    bulk add table styling ***/
  .CSV-table {
	  font-size:80%;
  }
  .CSV-table td,
  .CSV-table th{
	  border: 1px solid #dee2e6;
  }
  .CSV-table caption {
		font-size:110%;
		font-weight:bold;
		caption-side:top;
		text-align:center;
  }