/*************************DEFAULTS AND ZERO-OUTS HAVE BEEN MOVED TO SUBFUNDAMENTAL.CSS***********************/

/****THIS CSS PAGE IS FOR GENERAL STUFF THAT EFFECTS almost EVERYTHING. PUT INDIVIDUAL DIFFERENCES ON THE OTHER CSS PAGES.****/

/************BACKGROUND TRANSITIONS CONTENTS.HTML AND CHAPTERS*******************/


.starttransitionop {background-color: rgba(5, 23, 91, .25); transition: background-color 2s ease-in;
    padding: 25px 0px; max-width: 770px;} 
.endtransitionop {background-color: rgb(255, 239, 213);
    background-color: rgb(255, 239, 213, 1);}
    
/***********************PICTURE SIZING PROPORTIONAL**************************/

.pic-container {
    margin: 1.5rem auto 1.5rem auto;
    height: auto;
}   

.pic-size {
    width: 100%; 
    height: 100%;
}

/****************************TUTOREALIS**********************************************************/

.tutor     {background-color: black; color: white; font-size: .75em; padding: 5px; 
    border: 5px solid gray; z-index: 200; display: none; 
}
    
.mousey {
    width: 50%; height: 20px; position: fixed; top: 20px; left: 25%;
    z-index: 500;/*this is needed so the fixed pos. hovertip overlaps the fixed background*/
}

.greenmouse {
    color: #3FBB3F;
    font-weight: bold;
}

.fader {
  position:relative;
  height:32px;
}

.fader > ul {
  list-style-type:none;  position:absolute;
}

#fading > ul {
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

#fading:hover > ul {
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}

/****TITLES****/

.titlearea000 {     
    color: transparent;
    background-color: transparent;
    height: 770px;  
}/*invisible version of "unworlding, the art form formerly known as..."*/

.titlearea001 { 
    margin: 0 0 20px 0; /*no top margin allowed because it shifts the background pic down */
    color: #DDCCBA;
    max-width: 100%; 
    padding: 20px;
    background-color: rgb(5, 23, 91); /* Fallback for non-compliant browsers, use same color */
    background-color: rgba(5, 23, 91, 0.5);
    height: auto;
    border: 10px solid #272731;
    border-radius: 10px;
}/*blue-transparent area with border and words... used for "unworlding, the art form formerly known as..." in chapters and journal chapters and also used for chapter titles in journal chapters.*/

.titlearea002 { 
    margin: 0 auto; /*2017-08-10 changed from 0 to 0 auto; so the select menu backdrop would center on page*/
    color: #DDCCBA;
    max-width: 250px; 
    padding: 0.5%;
    background-color: rgb(5, 23, 91); /* Fallback for non-compliant browsers, use same color */
    background-color: rgba(5, 23, 91, 0.5);
    height: auto;
    border: 2px solid #272731;
    border-radius: 10px;}
    
/*same as titlearea001 but used only for the small screen select top menu*/    

h2.subheading {
    font-size: 1.25rem;
    font-weight: bold;
    margin-left: 32px;
}

/*******TABLE OF CONTENTS LIST**********/    
 
.contentstable {
    padding: 10px;
    background-color: #A49180;     
} /*changed from id to class 2017-07-10 bec. it's included several times on contents.html*/ 
 

 
 .header-margin {margin: 40px 0 15px 0;}
 
/*.BACKMARGPAD has to appear above .menuheading so menuheading cancels some of its stuff*/
.backmargpad {
    background: #d1d1e0;
    margin:1px 20px 1px 20px;
    padding: 4px 5px 4px 10px;}    
    
.menuheading {
    margin-left: 0; 
    margin-right: 0; 
    float: none;
    font-weight: bold;} 

.contentsheader {
    background-color: rgb(5, 23, 91); /* Fallback for non-compliant browsers, use same color */
    background-color: rgba(5, 23, 91, 0.3); 
    padding: 20px; 
    border: 1px solid black;
 }
 
 .table-header {
     background-color: #9D8FB9; 
     padding: 20px; 
     border: 1px solid black;
 } 
 
.contentlinks {    
    color: black;
    text-align: left;
    display: inline;
}

a.contentlinks:link { color: black; text-decoration:none; font-weight:normal; }
a.contentlinks:visited { color: purple; text-decoration:none; font-weight:normal; }
a.contentlinks:hover { color: red; text-decoration:underline; font-weight:normal; }
a.contentlinks:active { color: blue; text-decoration:none; font-weight:normal; } 

.horiz-ctr {
    display: block; margin-left: auto; margin-right: auto;
} 

.longquote {
    width: 94%;
    padding-left: 35px;
    font-weight: normal;
    font-style: italic;
    font-family: arial;
    font-size: .8em;
}

.standard-margin {
     margin: 20px 0 20px 0;
 }

.indented {
    margin-left: 50px; }
 
.smallcapsbold {
    font-size: .77em;
    font-weight: bold; }
    
.patronlinks {
    font-size: 1.2em;
    font-style: italic;
    text-shadow:0 0 4px yellow;
    }

a.patronlinks:link { color: #DDCCBA; text-decoration:none; font-weight:bold;}
a.patronlinks:visited { color: #DDCCBA; text-decoration:none; font-weight:bold;}
a.patronlinks:hover { color: red; text-decoration:underline; font-weight:normal; }
a.patronlinks:active { color: blue; text-decoration:none; font-weight:bold; }
    
.nofloat {
    float: none; 
}

/*********************FOR RESPONSIVENESS MAKE CHANGES THIS COPY ************************/

.mainmenu {
    overflow: hidden;
    background-color: rgb(5, 23, 91); 
    background-color: rgba(5, 23, 91, 0.3); 
     
}

/*before box-sizing, width was 96px and height was not set*/
.mainmenu a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  height: 48px; 
  font-size: .94em;
  font-weight: bold; 
  width: 128px; 
  background-color: rgb(255, 255, 255); 
  background-color: rgba(255, 255, 255, 0.5); 
} 

.mainmenu a:hover {
    background-color: #272731; 
    color: gray; 
}  

.mainmenu .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .mainmenu a:not(:first-child) {display: none;}
  .mainmenu a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .mainmenu.responsive {position: relative;}
  .mainmenu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .mainmenu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


/***FOR TRANSLUCENT WHITENESS OVER DARKISH BACKGROUNDS***/
.whitish {
    background-color: rgb(255, 255, 255); 
    background-color: rgba(255, 255, 255, 0.5);
}
/*****/

.quotestyle {
    font-style: normal;
}

/***********FOOTER*****************/

#footercaption {
    text-shadow:5px 3px 4px black; font-weight: bold;
    margin-top: 125px;
} 

.booter {
    background: url(../images/noisenoise.jpg) center bottom no-repeat;
    margin-bottom: -32px; /*this got rid of an ugly bottom space under the footer background pic 2017-12-07*/
    width: 100%; 
    height: auto;
    color: #ddccba;
    padding: 10px 0;
}