/** Put EVERYTHING in this file.
*   Do not forget ANYTHING.
*   This way, there will not be multitudes of custom files to keep organized.
*   Just this one!
*   Be sure to comment what and where you are stylizing.
*   Different sections are delineated with comments beginning and ending each section.
*/

/* links August 16, 2023 */
a:link {
  color: #39665f;
}

a:visited {
  color: #39665f;
}

a:hover {
  color: #879c8e;
}

a:active {
  color: #39665f;
}

/* Banner text container & lines of text */

#main-wrapper body .main-wrapper {
	color: #000000;
	background-color: #f4f4ef;
}

.home-slider {
	width: 100%;
}

.slider-text-container {
	margin:0 auto;
	width: 100%;
}

.slider-text {
	width: 100%;
	margin: auto;
}

.slider-text .banner-site-name {
	width: 100%;
 color:  #d4ac0d; 
 /* color: #c0564a;*/
	font-size: 7em !important;
	text-align: center;
	font-family: 'Satisfy', cursive !important;
   text-shadow:
    6px -6px 0 #000,
    -3px 3px 0 #000,
    -3px -3px 0 #000,
    3px -3px 0 #000;
}

.slider-text .banner-site-sub-title {
	width: 100%;
	 color: #d4ac0d;
	font-size: 2em;
	font-style: italic;
	text-align: center;
	font-family: 'Crete';
	outline: 3.5px #000;
	text-shadow: 2px 2px  #2e4053;
}
/* End Banner text styling */



/* Block styling for display on the About Us page. */
.teaser-title {
	font-size: 1.5em;
	font-weight: 600;
}
/* End Block Styling for display on the About Us page. */


/* Styling for Front Page Play teasers */
.teaser-title {
  background-color: #8e7344 !important;
  color: #FFFFFF;
  border-radius: 3% 3% 0% 0%;	
	padding-left: 3%;
}

.fp-play-teaser-blocks {
  background-color: #d1d5cb !important; 
  color: #000000;
  padding-bottom: 3%;
  margin-bottom: 5%;
  padding-left: 3%;
  border-radius: 0 0 0 17px;
  box-shadow: -22px 22px 20px 0 rgba(0, 0, 0, 0.2);
}

/*End styling for Front Page Play teasers */

/* Styling for footer */
.copyright {
	float: left;
	width:45%;
}
.lott-logo {
	float: right;
	padding-right: 3%;
}
/* end footer styling */



/* About Us and other similar pages styling */
.general-text {
	background-color: #FFF;
	color: #000;
}

.general-article-title {
	color: #000000;
	background-color: #FFFFFF;
}

.play-page-block {
	padding-bottom: 3em;
	margin-bottom: 3em;
}

  
/* Styling For the About Us page */
.about-us-title-block {
  text-align: center;
  font-size: 2em;
  color: #000;
}

.block-styling-about-us-page {
  margin-bottom: 6.5em;
}

.jewell-bio-teaser-block {
  min-width: 600px;
	border-collapse:collapse;
}

.jewell-teaser-picture {
  width: 1rem;
  min-width: 100px;
  max-width: 200px;
}

.jewell-title{
	font-size: 1.8em;
	color: #000;
  background-color: rgba(209,213,203,0.0);
}
  
.jewell-teaser-body-text {
  background-color: rgba(209,213,203,0.0);
  color: #000;
  width: 2rem;
  font-size: 1em;
}
/* End Styling For About Us and other similar pages styling */


/*play pages display blocks */
.easter-play-page-display .christmas-play-page-display{
	background-color: #d1d5cb;
  box-shadow: -22px 22px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius: 0 0 20px 20px;
	margin-bottom: 3em;
  color: #000;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

/*	padding: 2.5em 3%; */
.easter-play-title-display .christmas-play-title-display{
  display: inline-block;
  width: 100%;
  background-color: #8e7344 !important;
  padding-left: 2.5em;
  padding-right: 2.5em;
  padding-bottom: 3%;
}

.instructions {
  display: inline-block;
  width: 100%;
  background-color: #8e7344 !important;
  color: #000;
  font-size: .75em;
  font-style: italic;
}

.easter-page-title {
/*  font-size: 2em; */
	font-weight: 600;
  display: inline-block;
  width: 100%;
  background-color: #8e7344 !important;
  color: #FFFFFF;
  border-radius: 3% 3% 0% 0%;	
  padding-left: 3%;
}

.christmas-page-title{
/*  font-size: 2em; */
	font-weight: 600;
  display: inline-block;
  width: 100%;
  background-color: #8e7344 !important;
  color: #FFFFFF;
  border-radius: 3% 3% 0% 0%;	
  padding-left: 3%;
}

/*  
.easter-page-body .play-details .christmas-page-body{
  display: inline-block;
  width: 100%;
}
*/

.easter-play-footer .christmas-page-footer{
  padding-bottom: 3%;
}





.classification-title-block {
  background-color: #8e7344 !important;
  color: #FFFFFF;	
	padding-left: 3%;
}
/* End Styling For play pages display blocks */


/* Styling For Individual Plays Full Content */
  .term-title {
  margin: 0;
  font-size: 1.8em;
  line-height: 1;
}

.play-title {
  text-align: center;
  font-size: 4em;
  font-family: 'lucida-calligraphy', cursive, serif;
}

#base {
  background: red;
  display: inline-block;
  height: 55px;
  margin-left: 20px;
  margin-top: 55px;
  position: relative;
  width: 100px;
}
    
 #base:before {
  border-bottom: 35px solid red;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -35px;
  width: 0;
}

.blank-block-plays {
  width: 100%;
  min-height: 100px;
  opacity: 0.0;
}

.field--name-body.field_label{
  font-size: 1.78em;
}

.layout--threecol-section--33-34-33 {
  padding-left:2%;
}

.details {
  width: 50%;
  margin-left: 1.5%;
  margin-right: 1.5%;
} 

/*Styling For Donation Information */
.donation-text {
    color: #000;
    font-size: 1.5em;
    padding-left: 25%;
    padding-right: 25%;
    margin-bottom: 4.5em;
}

.donation-button {
    display: grid;
    width: 50%;
    color: #000;
    font-size: 1.5em;
    margin-left: auto;
    margin-right: auto;    
}

.paypal-button {
    display: grid;
    width: 60%;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.disclaimer-text {
    font-size: .90em;
    font-family: Georgia;
    font-style: italic;
    color: #000000;
}

/* Styling For Donation Information Block */
.block-donation-text {
    color: #000;
    font-size: 1em;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 1em;
}

.block-donation-button {
    display: grid;
    width: 50%;
    color: #000;
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;    
}

.block-paypal-button {
    display: grid;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.block-disclaimer-text {
    font-size: .90em;
    font-family: Georgia;
    font-style: italic;
    color: #000000;
}