/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }


/* ===== Basic styles ===== */

body {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.3px;
	line-height: 1.5;
	
	position: relative; /* for ScrollSpy */
}

h1, h2, h3, h4, h5 {
	text-align: center;
}

h2 {
	font-size: 2.5em;
	margin-bottom: 30px;
}

.jumbotron {
	height: 100vh;
	background-color: #505050;
	background-image: url('/images/programming_01_resized.jpeg');
	background-position: center center;
	background-size: cover;
	margin-bottom: 0;
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
.navbar a {
	color: white;
}

.navbar .active a{
	color: orange;
}

.navbar li:hover a
{
	background-color: transparent;
	text-decoration: underline;
	/* text-shadow: 1px 1px 2px white; */
}

.navbar li.active:hover a
{
	background-color: transparent;
	/* text-shadow: 1px 1px 2px orange; */
}

.navbar.non-transparent-menu li:hover a
{
	text-shadow: none;
	text-decoration: underline;
}

.navbar.non-transparent-menu li.active:hover a
{
	text-shadow: none;
	text-decoration: underline;
}

.non-transparent-menu {
	background-color: white;
	border-bottom: 1px solid #e7e7e7;
}
.non-transparent-menu a {
	color: #337ab7;
}
.non-transparent-menu .active a {
	color: orange;
}

.navbar-toggle {
	border-color: orange;
}
.navbar-toggle .icon-bar {
	background-color: orange;
}



/* ===== Custom theme styles ===== */
.welcome-block {
	width: 100%;
	height: 100%;
	padding-top: 10%;
	position: relative;
}

.welcome-block__bg {
    position: absolute;
    background-color: black;
    width: 100%;
	height: 450px;
    opacity: .7;
}

.welcome-block__titles {
	position: relative;
}
	
.my-button {
	padding: 0;
	display: inline-block;
	width: 150px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid orange;
	background-color: transparent;
	color: orange;
	vertical-align: bottom;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}
.my-button:hover {
	background-color: orange;
	border: 1px solid orange;
	color: white;
	text-decoration: none;
}
.my-button span {
	vertical-align: middle;
}
.my-button[disabled] {
	cursor: default;
	color: #c0c0c0;
	border-color: #c0c0c0;
}

.my-button_color_white {
	color: white;
	border-color: white;
}
.my-button_color_white:hover {
	background-color: white;
	border: 1px solid white;
	color: orange;
	text-decoration: none;
}

h1.main-header {
	font-size: 6.5em;
	color: orange;
}
@media (max-width: 767px) {
	h1.main-header {
		font-size: 4.5em;
	}
}

h2.main-subheader {
	font-size: 3.5em;
	color: white;
}
@media (max-width: 767px) {
	h2.main-subheader {
		font-size: 2.5em;
	}
}

.main-headers-subtext,
.main-headers-subtext p {
	color: orange; /* #ff8800 */
	font-weight: normal;
}

.footer__content {
	min-height: 100px;
	width: 100%;
	display: table;
}

.footer__copyright-text {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

.person-block {
	text-align: center;
}
@media (max-width: 767px) {
	.person-block {
		margin-bottom: 50px;
	}	
}


.person-block__portrait_small {
	height: 200px;
	width: 200px;
}

.my-quote {
	font-style: italic;
	font-size: 0.9em;
}
.about-me {
	
}

.about-me__img-container {
	margin-bottom: 15px;
}
.about-me__img {
	width: 200px;
	border-radius: 100%;
}

.about-me__desc { }

@media (min-width: 992px) {
	.left-border {
		border-left: 1px solid #e0e0e0;
		padding-left: 35px;
	}
}




.paragraph-with-image {
	/* margin-bottom: 50px; */
}
@media (min-width: 992px) {
	.paragraph-with-image__image {
		margin: 0 auto 20px;
	}
}	



@media (min-width: 992px) {
	.text-block-wrapper {
		display: table;
		min-height: 300px;
	}
	.text-block {
		display: table-cell;
		vertical-align: middle;
		/*display: flex;
		align-items: center;
		min-height: 300px; */
	}
}


.section {
	padding-top: 30px;
    margin-bottom: 20px;
}
.section_last {
	margin-bottom: 80px;
}

.section__title-subheader {
	display: block;
	text-align: center;
	font-size: 1.2em;
	margin-top: -20px;
	margin-bottom: 30px;
}

.full-screen-section {
	min-height: 300px;
	height: 100vh;
}

.my-dotted-bottom {
	border-bottom: 3px dotted #e0e0e0;
	padding-bottom: 30px;
}


.full-width-bar {
	padding-top: 25px;
	padding-bottom: 25px;
}

.full-width-bar_color_orange {
	background-color: orange;
}


.full-width-bar__inner-block {

}


.required-mark {
	font-weight: 500;
	color: red;
}


/* ===== Footer ===== */
.footer {
	color: orange;
	background-color: #404040;
}
.footer-bg {
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: .7;
}
.footer-content {
	position: relative;
}

/* #9acccd */