/* === Custom code for my own theme. === */

/*** Theme for the navbar. ***/
.navbar .nav >  li {
	font-size: 100%;
}

/* For some reason the default navbar text is too dark. */
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: MediumTurquoise;
  background-color: transparent;
}

.captioned-container {
	position: relative;
	/*width: 100%;*/
	display: inline-block;
}

.vertical-align {
    display: flex;
    align-items: center;
    flex-wrap: nowrap wrap;
}

.column-panel-padding {
  padding-right:20px;
  padding-left:20px;
}

.panel-padding {
	padding-top: 20px;
	padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

/* A quick hack to deal with spurious lines in sub-panels */
.sub-panel {
	background:  #FFFFFF;
	/*box-shadow: 4px 4px 2px #888888;*/
	padding: 20px 20px 20px;
	margin: 0px;
	
	border: solid 0px #808080;
	border-radius: 2px;
}

.sub-panel p {
	font-size: 110%;
	line-height: 1.5;
}

/* Style inside a landing page panel. */
.panel-content {
	background:  #FFFFFF;
	/* background: #F8F8F4; */
	/*box-shadow: 4px 4px 2px #888888;*/
	padding: 20px 40px 40px;
	margin: 0px;
	
	border: solid 0px #808080;
	border-radius: 2px;
}

.panel-content p {
	font-size: 110%;
	line-height: 1.5;
}

/* Add padding under panel title. */
.panel-content h1, h2 {
	padding-bottom: 20px;
}

.panel-content .fa {
	padding-left: 10px;
	padding-right: 10px;
}

.panel-content h1.panel-header {
	font-variant: small-caps;
}

.panel-content img {
	border: solid 1px black;
	width: 95%;
	margin: 0px;
}

.panel-content hr {
	width: 50%;
	color: #7f8c8d;
	background-color: #7f8c8d;
	border-color: #7f8c8d;
	margin-bottom: 20px;
	margin-top: 20px;
	/*border: solid 1px #7f8c8d;*/
}

/* Add to a panel which is not the first panel to add proper margins. There's a better way to do this. */
.panel-not-first {
	margin-top: 40px;
}

.panel-content .img-wrapper {
	padding: 1%;
}

.text-box {
	padding: 10px;
    position: absolute;
    height: 100%;
    text-align: right;
    width: 100%;
    vertical-align: center;
}

/*.text-box:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}
*/
h2 {
/*   display: inline-block;
   background: rgba(0, 0, 0, 0.7);
   color: #EEEBEB;
   padding: 10px;
*/}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
	color: DodgerBlue;
}

a:visited {
	color: MediumGreen;
}

/*** Style for other pages. ***/
#page-title {
	padding: 40px 0px;
	text-align: center;
}

.page-wrapper p {
	font-size: 110%;
}