/*================================================
Shedd BASIC

Site:   The Shedd Institute  -  theshedd.org

Author:     Jim Ralph
Edited:     10/01/2020
Usage:      complete site
===================================================*/

/* Image styles */
.ImageStandard, .ImageArtwork, .ImageListView,
.ImageLeft, .ImageRight, .ImageTop {
    border: none;
    background: white;
    cursor: pointer;
}
.ImageStandard
{	width: 400px;}
.ImageSmall
{	width: 200px;}
.ImageBanner
{	width: 676px;
     z-index: 9;
}

.cNone { cursor:none; }
.cDefault { cursor:default; }

.ImageLeft
{	margin-right: 6px;
	float: left;}	
.ImageRight
{	margin-left: 6px;
	float: right;}
.ImageTop
{	margin-top: 0px;
	padding-bottom: 8px;
}

/* Basic text block */
.Text, .TextBlock, .TextBlock1
{
    margin-top: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    font-size: 10pt;
    margin-bottom: 6pt;
    line-height: 123%;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0px;
    text-align: left;
}
.Text
{   font-size: 8pt;
	margin-bottom: 0pt;}

.TextBlock1:first-letter 
{	font-size: 400%; 
	line-height: 90%;
	font-weight: bold;
	elevation: above;
	float: left;
	color: #212547;
}
.SectionHeadline
{   font-size:	20pt;
    font-family: 'ITCKabelStdBook';
	 margin-left: 0 !important;
    text-align:	left !important;
}
.SectionHeadlineCenter
{   font-size: 24pt;
    font-family: 'ITCKabelStdBook';
    text-align: center;
}

.sh-HalfLine{line-height:50%;}

.PersonGroupTitle  {
	font-family: 	'ITCKabelStdBook';
	font-size:		12pt;
	font-weight:	normal;
	line-height: 	14pt;
	margin: 	    0;
	font-style: 	normal;
	}
.PersonTitle  {
	font-family: 	'ITCKabelStdBook', Arial;
	font-size:		24pt;
	font-weight:	normal;
	font-style: 	normal;
	line-height: 	24pt;
	margin: 	    0;
	color: 			Navy;
	}
.PersonSubtitle  {
	font-family: 	'ITCKabelStdBook', Arial;
	font-size:		14pt;
	font-weight:	normal;
	line-height:	16pt;
	margin:		    0;
	}

.Mission {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .Mission {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.Mission .container {
  max-width: 40rem;
}
.MissionHeading {
  font-size: 24pt;
  font-family: 'ITCKabelStdBook', sans-serif;
  text-align:center;
}
.MissionBody {
  font-family: 'ITCKabelStdBook', Arial;
  font-size: 16pt;
  text-align: center;
  margin: 1rem 3rem 1rem 3rem;
}

/*================================================
    Shedd CSS responsive elements
==================================================*/

:root {
  --jumbotron-padding-y: .3rem;
}

.MemberTitle, .MemberSubtitle{
    margin: .2rem 0 .2rem 4px;
    padding: 0;
    color: black;
    font-family: ITCKabelStdBook, sans-serif;
    font-size: 12pt;
    text-align: left;
    line-height: 105%;
}
.MemberSubtitle{
    padding: 0;
    font-size: 9pt;
}

@media screen and (min-width: 20em)  {.MemberTitle{font-size: 11pt;}}   /* 320px    xs  */
@media screen and (min-width: 36em)  {.MemberTitle{font-size: 12pt;}}   /* 576px    sm  */
@media screen and (min-width: 48em)  {.MemberTitle{font-size: 13pt;}}   /* 768px    md  */
@media screen and (min-width: 62em)  {.MemberTitle{font-size: 14pt;}}   /* 992px    lg  */
/* @media screen and (min-width: 75em)  {.MemberTitle{font-size: 14pt;}}   1200px   xl  */
/* @media screen and (min-width: 87.5em){.MemberTitle{font-size: 14pt;}}   1400px   xxl */


.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: .2rem;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: .2rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
  font-size:medium;
}

.jumbotron .container {
  max-width: 40rem;
}

.album {
    margin-bottom: 0;
    padding-bottom: 0;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.sidebarLeft {
    -ms-flex:  0 0 130px;
    flex: 0 0 130px;
} 

.sidebarRight {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
} 

@media (max-width: 690px) {
  .my-sidebar {
    display: none; 
  } 
}

.pull-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.AuditionForm {
    background: white;
    padding: .4rem; 
    margin: .4rem;
    color: black;
    font-size: 11pt;
    text-align: left;
    border:0.5px solid gray;
    border-radius: 5px;
}