/* PeterDoolittle.org Website        */
/* Custom CSS                        */

/* Site Level CSS                    */
/*---------------------------------- */
.site-font-family {
  font-family: 'Raleway', sans-serif;	
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  background-color: #FFFFFF;
}


/* Site Font PRIMARY Colors          */
/*---------------------------------- */
.white-font {
  color: #ffffff;
}
.black-font {
  color: #000000;
}
.dark-grey-font {
  color: #403F3F;
}
.medium-grey-font {
  color: #767676;
}
.lite-grey-font {
  color: #A2A2A2;
}
.maroon-font {
  color: #550000;
}
.dark-slate-blue-font {
  color: #3C5B6F;
}
.ted-red-font {
  color: #e7352c;
}


/* Site Background PRIMARY Colors    */
/*---------------------------------- */
.white-bg {
  background-color: #FFFFFF;
}
.black-bg {
  background-color: #000000;
}

.dark-grey-bg {
  background-color: #403F3F;
}
.med-grey-bg {
  background-color: #767676;
}
.lite-grey-bg {
  background-color: #A2A2A2;
}
.vlite-grey-bg {
  background-color: #E8E7E7;
}
.super-lite-grey-bg {
  background-color: #E8E8E8;
}

.dark-vt-maroon-bg {
  background-color: #330000;
}
.med-vt-maroon-bg {
  background-color: #660000;
}
.lite-vt-maroon-bg {
  background-color: #990000;
}

.alert-green-bg {
  background-color: #D9ECDB;
}
.alert-red-bg {
  background-color: #F2D8DA;
}


/* Site Progress Bar Colors          */
/*---------------------------------- */
.dark-slate-bg {
  background-color: #153347;
}
.medium-slate-bg {
  background-color: #AE9759;
}
.lite-slate-bg {
  background-color: #AE6F59;
}
 

/* Boldness/Font-Weight              */
/*---------------------------------- */
.weight-300 {
  font-weight: 300;	
}
.weight-400 {
  font-weight: 400;	
}
.weight-500 {
  font-weight: 500;	
}
.weight-600 {
  font-weight: 600;	
}
.weight-700 {
  font-weight: 700;	
}


/* Font Sizes                        */
/*---------------------------------- */
.text-08 {	
  font-size: 8px;
}
.text-10 {	
  font-size: 10px;
}
.text-12 {
  font-size: 12px;
}
.text-14 {
  font-size: 14px;
}
.text-16 {	
  font-size: 16px;
}
.text-18 {	
  font-size: 18px;
}
.text-20 {;	
  font-size: 20px;
}
.text-22 {	
  font-size: 22px;
}
.text-24 {	
  font-size: 24px;
}
.text-26 {	
  font-size: 26px;
}
.text-28 {	
  font-size: 28px;
}
.text-30 {	
  font-size: 30px;
}
.text-32 {	
  font-size: 32px;
}
.text-34 {	
  font-size: 34px;
}
.text-36 {	
  font-size: 36px;
}
.text-38 {	
  font-size: 38px;
}
.text-40 {
  font-size: 40px;
}
.text-50 {	
  font-size: 50px;
}
.text-60 {	
  font-size: 60px;
}
.text-70 {	
  font-size: 70px;
}
.text-80 {	
  font-size: 80px;
}
.text-90 {	
  font-size: 90px;
}
.text-100 {	
  font-size: 100px;
}


/* Padding and Margins                */
/*---------------------------------- */
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-25 {
  padding-left: 25px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-35 {
  padding-left: 35px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-45 {
  padding-left: 45px;
}
.pl-50 {
  padding-left: 50px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-70 {
  padding-left: 70px;
}
.pl-80 {
  padding-left: 80px;
}
.pl-90 {
  padding-left: 90px;
}
.pl-100 {
  padding-left: 100px;
}

.pr-5 {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-25 {
  padding-right: 25px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-35 {
  padding-right: 35px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-45 {
  padding-right: 45px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-70 {
  padding-right: 70px;
}
.pr-80 {
  padding-right: 80px;
}
.pr-90 {
  padding-right: 90px;
}
.pr-100 {
  padding-right: 100px;
}

.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-35 {
  padding-top: 35px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-45 {
  padding-top: 45px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-100 {
  padding-top: 100px;
}
.pt-150 {
  padding: 150px;
}

.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-35 {
  padding-bottom: 35px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-45 {
  padding-bottom: 45px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-150 {
  padding: 150px;
}

.p-5 {
  padding: 5px;
}
.p-10 {
  padding: 10px;
}
.p-15 {
  padding: 15px;
}
.p-20 {
  padding: 20px;
}
.p-25 {
  padding: 25px;
}
.p-30 {
  padding: 30px;
}
.p-35 {
  padding: 35px;
}
.p-40 {
  padding: 40px;
}
.p-45 {
  padding: 45px;
}
.p-50 {
  padding: 50px;
}
.p-60 {
  padding: 60px;
}
.p-70 {
  padding: 70px;
}
.p-80 {
  padding: 80px;
}
.p-90 {
  padding: 90px;
}
.p-100 {
  padding: 100px;
}

.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-150 {
  margin-top: 150px;
}


.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-150 {
  margin-bottom: 150px;
}

.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-35 {
  margin-left: 35px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-45 {
  margin-left: 45px;
}
.ml-50 {
  margin-left: 50px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-70 {
  margin-left: 70px;
}
.ml-80 {
  margin-left: 80px;
}
.ml-90 {
  margin-left: 90px;
}
.ml-100 {
  margin-left: 100px;
}

.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-45 {
  margin-right: 45px;
}
.mr-50 {
  margin-right: 50px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-70 {
  margin-right: 70px;
}
.mr-80 {
  margin-right: 80px;
}
.mr-90 {
  margin-right: 90px;
}
.mr-100 {
  margin-right: 100px;
}


/* Thin Vertical or Horizontal Lines */
/*---------------------------------- */
.vertical-line-right {
	padding-right:15px; 
	border-right: 1px solid #cccccc;
}
.vertical-line-left {
	padding-left:15px; 
	border-left: 1px solid #cccccc;
}
.horizontal-line-bottom {
	border-bottom: 1px solid #cccccc;
}
.horizontal-line-top {
	border-top: 1px solid #cccccc;
}


/*-------------------------------------- */
/* creating a thin line as a divider,    */
/* a dark version for a light bg and     */
/* a lite version for a dark bg.         */
/*-------------------------------------- */
/* https://codepen.io/Oddgson/pen/VPrYbv */

.divider
{
	position: relative;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 1px;
}
.div-transparent-dark:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}
.div-transparent-lite:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(255,255,255), transparent);
}


/*-------------------------------------- */
/* two line dividers, one with a chevron */
/* and one with a colored dot            */
/*-------------------------------------- */
.divider-2
{
	position: relative;
	margin-top: 0px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: #770000;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}


/*-------------------------------------- */
/* allows an image or button to grow     */
/* slightly when hovered upon            */
/* from  Hover.css (http://ianlunn.github.io/Hover/)*/
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}


/*-------------------------------------- */
/* Margin Adjustments                    */
/*                                       */
/*-------------------------------------- */
.no-margins {
	margin: 0px !important;
	padding: 0px !important;
}
.no-margin-right {
	margin-right: 0px !important;
	padding-right: 0px !important;
}
.no-margin-left {
	margin-left: 0px !important;
	padding-left: 0px !important;
}


/*-------------------------------------- */
/* Standard Button Sizes                 */
/*                                       */
/*-------------------------------------- */
.standard-button-width-sm {
    width: 100px !important;
}
.standard-button-width {
    width: 120px !important;
}
.standard-button-width-lg {
    width: 140px !important;
}
.standard-button-width-xl {
    width: 180px !important;
}
.standard-button-width-xxl {
    width: 300px !important;
}

/*-------------------------------------- */
/* Truncate a String                     */
/* followed by an elipsis                */
/*-------------------------------------- */
.truncate-short {
  width: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*-------------------------------------- */
/* Textarea will fill container    */
/*  and be responsive       */
/*-------------------------------------- */
.textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}


/*-------------------------------------- */
/* Custominzed Link Colors               */
/* for Download Buttons                  */
/*-------------------------------------- */
.dark-red-btn {
     color: #FFFFFF;
     background-color: #660000; }  
.dark-red-btn:hover {
     background-color: #B53333; 
     color: #FFFFFF; }

.dark-orange-btn {
     color: #FFFFFF;
     background-color: #C64600; }  
.dark-orange-btn:hover {
     background-color: #ED8B00; 
     color: #FFFFFF; }

.dark-slate-btn {
     color: #FFFFFF;
     background-color: #153347; }  
.dark-slate-btn:hover {
     background-color: #597484; 
     color: #FFFFFF; }

.dark-green-btn {
     color: #FFFFFF;
     background-color: #004B00; }  
.dark-green-btn:hover {
     background-color: #00C500; 
     color: #FFFFFF; }



/*-------------------------------------- */
/* Background Image, plus                */
/* Text Overlay for All Site Menu Items  */
/*-------------------------------------- */
/* Place text in the middle of the image */
.title-image {
  
  /* Use "linear-gradient" to add a darken background effect to the image. */
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://historicalinquiry.com/images/title-main.jpg");

  /* Set a specific height */
  height: 300px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.title-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

/* Picture Images & Text for Large   */
/*---------------------------------- */
.picture-1-image { 
  position: relative;  
}
.picture-1-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* Banner Images & Text for Large    */
/*---------------------------------- */
.banner-image {
  /* Set a specific height */
  height: 400px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/*-------------------------------------- */
/* EDEP 6224: Constructivism             */
/* Title Image .                         */
/*-------------------------------------- */
/* Place text in the middle of the image */
.edep-6224-title-image {
  
  /* Use "linear-gradient" to add a darken background effect to the image. */
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://peterdoolittle.org/courses/constructivism-and-education/images/course-6224-wide.jpg");

  /* Set a specific height */
  height: 300px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.edep-6114-title-image {
  
  /* Use "linear-gradient" to add a darken background effect to the image. */
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://peterdoolittle.org/courses/cognitive-processes/images/course-6114-wide.jpg");

  /* Set a specific height */
  height: 300px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.edep-5114-title-image {
  
  /* Use "linear-gradient" to add a darken background effect to the image. */
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://peterdoolittle.org/courses/learning-and-cognition/images/course-5114-wide.jpg");

  /* Set a specific height */
  height: 300px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.edep-6644-title-image {
  
  /* Use "linear-gradient" to add a darken background effect to the image. */
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://peterdoolittle.org/courses/college-teaching/images/course-6644-wide.jpg");

  /* Set a specific height */
  height: 300px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/*-------------------------------------- */
/* Control the Accordian Buttons         */
/*                                       */
/*-------------------------------------- */
#btnColor1[aria-expanded="true"] {
     background-color:#330000;
     color:#ffffff;
     border-color:#cccccc;
}
#btnColor1[aria-expanded="false"] {
     background-color:#ffffff !important;
     color:#000000 !important;
     border-style: solid;
     border-width: thin;
     border-color: #cccccc;
}
#btnColor1:hover[aria-expanded="false"] {
     color:#FFFFFF !important;
     background-color:#330000 !important;

}


/*-------------------------------------- */
/* Position Back-to-Top Button .          */
/*                                       */
/*-------------------------------------- */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 1000;
}


/*-------------------------------------- */
/* Image Format for Non-Title Images     */
/*                                       */
/*-------------------------------------- */
.image-darken {
    filter: brightness(50%);
}
.image-format {
    border-radius: 8px; 
    max-width: 100%; 
    height: auto;
}


/*-------------------------------------- */
/* place a 'child' div at the bottom of  */
/* a 'parent' div                        */
/*-------------------------------------- */
div.parent-div {
  position: relative;
}
div.child-div {
  position: absolute;
  bottom: 0px;
}


/*-------------------------------------- */
/* Gradient Light to Dark for Backgrounds*/
/*                                       */
/*-------------------------------------- */
.background-gradient-1 {
  background: linear-gradient(#FFFFFF, #EAEAEA);
}
.background-gradient-2 {
  background: linear-gradient(#EAEAEA, #FFFFFF);
}




/*-------------------------------------- */
/* Center Everything*/
/*                                       */
/*-------------------------------------- */
.center-everything {
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:auto;
}


/*-------------------------------------- */
/* Center Div */
/*                                       */
/*-------------------------------------- */
.center-div-1 {
   margin: 0 auto;	
}










/* ========================= */
/* Old Stuff Below this Line */
/* If used, move above line  */
/* ========================= */


/* Curved Corners                    */
/*---------------------------------- */
.curved-corners {
	border-radius: 25px;
}


/* Standard Size for buttons */
/*---------------------------------- */
.standard-button-width {
    width: 120px !important;
}


/* Buttons for Main Menu             */
/*---------------------------------- */
.btn.btn-light.custom-btn:active,
.btn.btn-light.custom-btn { 
  color: #ffffff; 
  background-color: #000000; 
  border: none; 
} 
.btn.btn-light.custom-btn:hover { 
  color: #D0BC86; 
  background-color: #000000; 
  border: none;
} 
.dropdown-item.custom-background:hover {
  background-color: #cccccc; 	
}
.dropdown-item.custom-background-all:hover {
  background-color: #000000; 	
  color: #ffffff;
}

/* Buttons for Icon Menu             */
/*---------------------------------- */
.btn.btn-light.custom-btn-icon:active,
.btn.btn-light.custom-btn-icon { 
  color: #000000; 
  background-color: #ECECEC; 
  border: none; 
} 
.btn.btn-light.custom-btn-icon:hover { 
  color: #000000; 
  background-color: #E2E2E2; 
  border: none;
} 


/*-------------------------------------- */
/* This section stylizes the About and   */
/* Subscribe buttons                     */
/*-------------------------------------- */

/* Main Title About and Subscribe    */
/*---------------------------------- */
.button-1-text {
  left: 10%;
  position: absolute;
  top: 90%;
}
.button-2-text {
  right: 10%;
  position: absolute;
  top: 90%;
}



/*-------------------------------------- */
/* darkening an image, sometimes in      */
/* conjunction with overlayed text       */
/*-------------------------------------- */
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.darken-image:hover .image {
  opacity: 0.5;
}





/*-------------------------------------- */
/* centers the entire text div           */
/* for full-width-1 and                  */
/* full-width-2                          */
/*-------------------------------------- */
.center-div {
     display: inline-block;
}


/*-------------------------------------- */
/* prevents text from wrapping within    */
/* a div, in this case the intro bullets */
/*-------------------------------------- */
.no-wrap {
  white-space: nowrap;
}





/*-------------------------------------- */
/* provides a shadow under an image      */
/* or div                                */
/*-------------------------------------- */
/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5);
}




/*-------------------------------------- */
/* color article titles black with       */
/* maroon on roll over                   */
/*-------------------------------------- */
a.title-link:link {color: #000000;}
a.title-link:hover {color: #770000; text-decoration: none;}


/*-------------------------------------- */
/* link colors for main menu's           */
/* sub-menu                              */
/*-------------------------------------- */
a.submenu-link:link {color: #FFFFFF;}
a.submenu-link:hover {color: #A2A2A2; text-decoration: none;}



/*-------------------------------------- */
/* Show/Hide Main Menu                   */
/*                                       */
/*-------------------------------------- */
.menu-hide-show-1 {
    position: fixed;
    top: 0;
    width: 100%;
	height: 64px;
    z-index: 1000;
	background-color: rgba(0, 0, 0, 0.7);
}
.semi-transparent-black-bg {
	background-color: rgba(0, 0, 0, 0.7);	
}


/*-------------------------------------- */
/* Image a Max Width                     */
/*                                       */
/*-------------------------------------- */
.responsive-image {  width: 100%;  height: auto; } 


/*-------------------------------------- */
/* No Underline/Decoration Link          */
/*                                       */
/*-------------------------------------- */
.no-underline { text-decoration-line: none; } 


/*-------------------------------------- */
/* Not Currently Being Used              */
/* Not Currently Being Used              */
/* Not Currently Being Used              */
/* Not Currently Being Used              */
/* Not Currently Being Used              */
/*-------------------------------------- */

/* Light & dark background whitewash */
/*---------------------------------- */
.white-translucent-bg {
  background-color: rgba(255, 255, 255, 0.7);
}
.black-translucent-bg div {
  background-color: rgba(0, 0, 0, 0.7);
}

/* Clear an Image                    */
/*---------------------------------- */
.clear {  clear: both; }