/* CSS APPLYING TO PAGE AS A WHOLE */

.todo {   
  font-weight:800; 
  margin-top:100px;
  outline:3px solid orangered; 
}

.debug { background-color:pink;}

.s { /*margin-bottom: 1rem;*/ }

.sans { 
  font-family: Roboto, sans-serif; 
  font-style:normal; 
}

.marginblue { color:#8fc0db !important; }

.b612 { font-family:B612,monospace !important; }

.b612-large { font-size:1.3rem; }

.b612-small { font-size:1.05rem; }

.font-mono { font-family: 'Roboto Mono', monospace; font-weight:500; }
.font-mono-small { font-size:1rem !important; }

.font-small { font-size:1.05rem !important; font-weight:500; }
.font-large { font-size:1.6rem !important; font-weight:500; }

.font-weight-500 { font-weight:500; }

.small2 { 
  font-size:1rem; 
  line-height:1.6rem !important; 
}

.cal-icon { font-size:4rem !important; }

/*.screen-menu { 
  opacity:0.5; 
  border-radius:6px; 
  font-size:80%; 
  background-color:#00005020; 
  margin-top:2rem; 
  margin-bottom:2rem; 
  box-shadow: 0px 11px 0px -4px rgba(0,0,0,0.9); }

.screen-menu-header { font-weight:800; }

.screen-menu-section { 
  border:1px solid red;
  font-weight:700;   
}*/

.dropbase { box-shadow: 0 10px 10px -5px rgba(0,0,0,0.8); }

.hoverimg figure {
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.8); 
  margin:0 !important;
  margin-top:-1rem !important;
  overflow: hidden;  
  padding:0 !important;  	
}

.hoverimg figure:hover {
  border:1px solid #6B90A4; 
  border-bottom:none;  
}

.hoverimg a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hoverimg a :hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
 }


 .quotation{  
  font-family:"Source Serif Pro",serif;
  font-size:1.4rem;
  font-style: italic;  
  line-height: 1.4;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px 10px 0;  
}

.quotation:before {
  color: #ccc;
  content: open-quote;
  display: inline;
  font-family:'Source Serif Pro',serif;
  font-size: 3em;  
  font-style:normal;
  height: 0;
  left: -10px;
  line-height: 0;  
  position: relative;
  top: 25px;  
}

.quotation::after {
  color: #ccc;  
  content: close-quote;
  display: inline;
  font-family:'Source Serif Pro',serif;
  font-size: 3em;  
  font-style:normal;
  height: 0;
  left: 10px;
  line-height: 0;  
  position: relative;
  top: 30px;
}

div.bigfeature a { display:inline; font-weight:400; text-decoration:none;  }
div.bigfeature a:link { border-bottom:1px solid #ffffff20; color:#ffffff; }
div.bigfeature a:visited { border-bottom:1px solid #ffffff20; color:#ffffff;  }
div.bigfeature a:hover { border-bottom:1px solid #8fc0db; color:#8fc0db;  }

div.bigfeature a:link.noborder { border:none; }
div.bigfeature a:visited.noborder { border:none; }
div.bigfeature a:visited.noborder { border:none; }

.material-icons-small { font-size:110%; }

.caption-top {
  top: 7%;
  transform: translateY(-7%);
  bottom: initial;
}

.caption-bottom {
  top: 70%;
  transform: translateY(-70%);
  bottom: initial;
}

.carousel-caption h5 {
  font-family:Roboto,"Source Serif Pro",serif;
  font-style:normal;
  font-size:3.5rem;  
  font-weight:bold;
  margin-top:0;
  margin-bottom:0.5rem;
  padding-top:0;
  padding-bottom:0;
  color:#222;
}

.carousel-caption h6 {
  font-family:Roboto,"Source Serif Pro",serif;
  font-style:normal;
  font-weight:bold;
  letter-spacing:0.5px;
  font-size:2rem;   
  margin-top:0;
  margin-bottom:0.5rem;
  padding-top:0;
  padding-bottom:0;
  color:#222;
}


.carousel-caption h5 span {
  /*text-shadow: 0 2px 0 rgba(0, 0, 0, 0.8);
  text-shadow: 3px 3px 3px rgba(0,0,0,0.86);*/
  background-color:rgba(255,255,255,0.25);
}

.carousel-caption h6 span.pale {
  /*text-shadow: 0 2px 0 rgba(0, 0, 0, 0.8);
  text-shadow: 3px 3px 3px rgba(0,0,0,0.86);*/
  background-color:rgba(255,255,255,0.5);
}

.carousel-caption h6 span.translucent-white {
  /*text-shadow: 0 2px 0 rgba(0, 0, 0, 0.8);
  text-shadow: 3px 3px 3px rgba(0,0,0,0.86);*/
  background-color:rgba(255,255,255,0.8);
}

.carousel-caption h6 a { font-weight:500; text-decoration:none; }
.carousel-caption h6 a:link { color:#2E74BC; } 
.carousel-caption h6 a:visited { color:#2E74BC; opacity:0.9;  }
.carousel-caption h6 a:hover, .carousel-caption h6 span a:focus, .carousel-caption h6 span a:active { color:#EE1F2E; border-bottom:1px solid #EE1F2E; }

.uppercase {
  text-transform:uppercase;
}