/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

section {
  padding: 30px 0;
}

.my_photo_bg {
	background-image: url(../images/my_photo_bg.jpg);
	background-size: cover;
	background-color: lightgrey;
	background-repeat: no-repeat;
	background-position: center;
}

.header-div {
	height: 60vh;
	min-height: 400px;
	position: relative;
}

.header-div p {
	margin-bottom: 0px;
}

.header-content {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 0px;
}

.shadow-text {
	text-shadow: 1px 1px 14px #949494;
}

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#social_icons {
	position: fixed;
	z-index: 99999;
	right: 3vw;
	bottom: 0px;
}

li.details {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.main-group {
	padding-left: 44px;
}

.sub_title {
	font-weight: bold;
}

span.bar:empty:before {
	content: "\200b";
}

div.progress_bar {
	background-color: #f1f1f1;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
}

div.progress_bar span {
	background-color: #d2e3c5;
	border-radius: 10px;
	padding: 2px;
	display: inline-block;
	min-height: 20px;
	font-weight: bold;
}