/*COLOR SCHEME */
/* CSS HEX */
/*--space-cadet: #2d3142ff;
  --silver: #bfc0c0ff;
  --white: #ffffffff;
  --mandarin: #ef8354ff;
  --independence: #4f5d75ff;*/

/* CSS rbga */
/*space-cadet: rgba(45, 49, 66, 1);
  silver: rgba(191, 192, 192, 1);
  white: rgba(255, 255, 255, 1);
  mandarin: rgba(239, 131, 84, 1);
  independence: rgba(79, 93, 117, 1);*/


html {
	font-size: 16px;
	scroll-behavior: smooth;
}

body {
	background-color: #2d3142ff;
}

h1 {
	font-size: 3.2rem;
	color: #bfc0c0ff;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
}

h3 {
	color: #bfc0c0ff;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
	text-decoration: none;
}

h4{
	color: #bfc0c0ff;
	font-size: 1.2rem;
}

hr{
	display: inline-block;
}

a {
	text-decoration: none;
}

.spacer {
	min-height: 50px;
}




/*FONT AWESOME!!*/
i.fab {
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
	color: #bfc0c0ff;
}
i.fa-print {
	color: #2d3142ff !important;
}
i.fa-mobile-alt {
	color: #2d3142ff !important;
}
i.fas {
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
	color: #bfc0c0ff;
}
i.far {
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
	color: #bfc0c0ff;
}
i.fas:hover, i.far:hover {
	color: #ef8354ff;

}
i.fab:hover {
	color: #ef8354ff;
}
i.fa-spin-reverse {
  -webkit-animation: fa-spin-reverse 2s infinite linear;
  animation: fa-spin-reverse 2s infinite linear;
  color: #4f5d75ff;
}
i.fa-spin-reverse:hover {
	color: #4f5d75ff;
}
i.dark {
	color: #2d3142ff;
}
@-webkit-keyframes fa-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(-359deg);
  }
}
@keyframes fa-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(-359deg);
  }
}
i.noHover:hover {
	color: #bfc0c0ff;
}
i.orangeBgSilver:hover {
	color: #bfc0c0ff;
}




/*NAV BAR!!*/
/* change the background color */
.navbar-custom {
    background-color: #4f5d75ff;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	
}
/* change brand text */
.navbar-brand {
	font-weight: bolder;
	color: rgba(191, 192, 192, 1) !important;
	font-size: 1.5rem;
}
/*change brand hover color*/
.navbar-brand:hover {
	color: #ef8354 !important;
}
/* change text color */
.navbar-text {
    color: rgba(191, 192, 192, 1);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(191, 192, 192, 1);
}
/*change the hover color*/
.navbar-custom .navbar-nav .nav-link:hover {
    color: #ef8354;
}
/*change the active link color*/
a.nav-link.active {
	color: #ffffff !important;
}
nav a:focus {
	color: #ffffff !important;
}
nav h3:hover {
	color: #ef8354ff;
}

/*smart scroll*/

nav {
  transition: background 0.8s ease-in-out;
  background: #010101;
}
.is-hidden {
  opacity: 0;
  transition: transform 0.8s, opacity 0.2s;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}




/*CUSTOM FULL-VH JUMBOTRON*/
.jumbotron {
 width:100%;
  height: 100vh;
  display:table;
}
.bg-image {
  background: url('') no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-color: rgba(239, 131, 84, 1);
   background-size: cover;
}
.jumbotron .container {
  display:table-cell;
  vertical-align:middle;
  text-align: center;
}
.center {
	text-align: center;
}
.jumbotron h1 {
	color: #fff;
	font-weight: bolder;
	font-size: 3.5rem;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
  }
.jumbotron h3 {
	color: #2d3142ff;
}
.btn {
	background-color: #4f5d75ff;
	border-color: transparent;
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
.btn:hover, .btn:focus, .btn:active{
	background-color: #4f5d75ff !important;
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16)!important;
	border-color: #4f5d75ff;
}
.avatar{
	border-radius: 100px;
	border: solid #363635 3px;
	width: 12rem;
	height: auto;
}
.masthead {
	width: 25%;
	border-top: 2px solid #2d3142ff;
}
.subhead {
	width: 25%;
	border-top: 2px solid #bfc0c0ff;
}
#stopButton {
	border: none;
	background-color: transparent;
	
}
#stopButton:focus {
	background: transparent;
    border: none !important;
    outline: none;
  	
}





/* GOT - GRID OF THINGS!!*/
#got {
	text-align: center;
	background-color: rgba(45, 49, 66, 1);
}
.gotIcon {
	background-color: transparent;
	border: none;
}
.collapseText {
	color: #bfc0c0ff;

}
.fa-facebook-square {
	transform: translate(20px)!important;
}
.fa-twitter-square {
	transform: translate(-20px)!important;
}
#got a {
	color: unset;
}
#grow1 a:hover, #grow2 a:hover, #grow3 a:hover, #grow4 a:hover, #grow5 a:hover, #grow6 a:hover {
	text-decoration: none;
}
.reveal{
	background-color: #ef8354ff;
	border-radius: 1em;
	color: #2d3142ff;
	font-weight: 600;
	padding: 0.8em;
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.35)
}
.reveal:active {
  box-shadow: none;
  transform: translate(0px, 1px);
}




/*ABOUT!!*/
#about {
	background-color: #ef8354ff;
}
#about h1 {
	color: #2d3142ff;
}
.lead {
	text-align: justify;
}




/*RESUME BLOCK*/
.resumeBlock {
	background-color: lightgrey;
	color: #000000;
	border-radius: 10px;
	border: 2px solid #000000;
	margin-bottom: 2rem;
}
.resumeBlock h1 {
	color: #2d3142ff;
}

.resumeBlock h3 {
	font-size: 2em;
	color: #4f5d75ff;
}
.resumeBlock h4 {
	color: #2d3142ff;
}
.resumePic {
	height: 14em;
	border-radius: 100%;
	transform: scaleX(-1);
	border: 2px solid #000000;
}
hr.resume {
	width: 30vw;
	color: #bfc0c0ff;
	border: 1px solid;
}
hr.resumeSubhead {
	width: 90%;
	color: #bfc0c0ff;
	border: 1px solid;
	text-align: center;
}
#printThisPage {
	width: 10rem;
	height: 3rem;
	min-height: 3rem;
	background-color: #ef8354ff;
	border-radius: 1rem;
}
#contactMeResume {
	width: 10rem;
	height: 3rem;
	min-height: 3rem;
	background-color: #ef8354ff;
	border-radius: 1rem;
}





/*IMAGE GALLERY!!*/
.gallery {
	width: 100%;
}



/*ANIMATION!!*/
.smiley{
	display: inline-block;
	background-color: black;
	height: 160px;
	width: 160px;
	border-radius: 15px;
	transition: 1.0s ease-in;
	text-align: center;
	color: #000000;
	
}
.smiley:hover {
	transform: rotate(360deg); 
	border-radius: 50%;
	background-color: yellow;
	color: #000000;
}




/*CONTACT!!*/
#contact {
	background-color: #4f5d75ff;
}
#contact h4{
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.16);
}
#contact p {
	font-weight: 400;
	color: #bfc0c0ff;
}
#contact a {
	text-decoration: none;
}
#contact h4:hover {
	color: #ef8354ff;
}
#tel {
	text-decoration: none;
	color: #bfc0c0ff;
}
#tel:hover {
	color: #ef8354ff;
}
.address {
	font-weight: 400;
	color: #bfc0c0ff;
}
.address:hover {
	color: #ef8354ff;
}
.address a {
	font-weight: 400;
	color: #bfc0c0ff;
}
.address a:hover {
	color: #ef8354ff;
}



/*FOOTER!!*/
footer {
	background-color: #2d3142ff;
}

footer p {
	font-variant: small-caps;
	font-size: 0.8em;
	color: #bfc0c0ff;
}