/* Custom Scrollbar */

/* For the "inset" look only *
html {
    overflow: auto;
}
body {
    position: absolute;
    top: 50px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
	height: 100%;
}

/* Let's get this party started *
::-webkit-scrollbar {
    width: 6px;
}
 
/* Track *
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle *
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(55,55,55,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(55,55,55,0.8); 
}

/* End Custom Scrollbar */
/* unvisited link */
a:link {
    color: white;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #c0c0c0;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: white;
}

/* Other Styles */
.name {
	font-family: 'Raleway', sans-serif;
	color: white;
	font-size: 4rem;
}

.subName {
	font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 1.5rem;
}

.regFont {
	font-family: 'Montserrat', sans-serif;
}

.fancyFont {
	font-family: 'Raleway', sans-serif;
}

.portHead {
	font-family: 'Raleway', sans-serif;
	color: white;
	font-size: 2rem;
}

.nav-link, .dropdown-item {
	font-size: .75rem;
}

.subHead {
	font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 1.5rem;
}

.iconFont {
	color:white;
}

.iconFont:hover {
	color: #c0c0c0;
	text-decoration: none;
}

.iconFont:active {
	color: #c0c0c0;
	text-decoration: none;
}

.modal-header {
	padding: 2px;
	border-bottom: 1px solid #333;
}

.modal-title {
	font-family: 'Raleway', sans-serif;
	font-size: 2rem;
	color: white;
	padding-left: 12px;
}

.modal-header .close {
	margin-top:0px;
	margin-right:12px;
	padding: 0rem;
}

.modal-content {
	background-color: rgba(0,0,0,0.7);
	border-radius: 0px;
}

button.close {
	color: white;
	opacity: .8;
}

button.close:hover {
	color: #ccc;
	opacity: .8;
}

button.close:active {
	color: white;
	opacity: 1;
}

.modal-footer {
	border-top:  1px solid #333;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	color: #eee;
}