p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}


/* _____ Custom Boxes _____ */

.customBox {
  padding: 1em 1em 0.5em 4.5em;
  margin-bottom: 10px;
  background: #f5f5f5;
  position:relative;
  border-radius: 15px;
}

.customBox:before {
    font-family: FontAwesome;
    left:15px;
    position:absolute;
    top:5px;
    font-size: 45px;
 }

.customBox.message {
    background-color: #f6f8fa;
    border-color: #0969da;
    border-left-width: 4px;
    border-left-style: solid;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.customBox.message:before {
    content: "\f075";
    color: #0969da;
}
.customBox.thumbtack {
    border: 1px solid #566471;
}
.customBox.thumbtack:before {
    content: "\f08d";
    color: #566471;
}
.customBox.warning {
    background-color: #fff0b3;
    border: 1px solid #ffad00;
}
.customBox.warning:before {
    content: "\f071";
    color: #ffad00;
}



/* _____ FOOTER _____ */

.license {
  font-size: 0.7em;
	background-color: #f6f8fa !important;
  border-radius: 6px;
  padding:10px;
  margin-top: 10px;
}

.container {
	display: table;
	table-layout: fixed; /*equal column width*/
	width: 100%;
}

.site-footer p {
  font-size: 0.8em;
}

.footer-button {
	color:#24292f;
	background-color: #f6f8fa !important;
	border: 1px solid #0969da;
	position: relative;
	display: inline-block;
	padding: 5px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 6px;
	text-decoration: none !important;
}

.footer-button .icon {
	width: 16px;
	height: 16px;
	padding-right: 3px;
	display:inline-block;
	user-select:none;
	vertical-align:text-bottom;
	overflow:visible
}

.footer-section {
	display: table-cell;
}

@media (max-width: 768px) { /*breakpoint*/
	.footer-section {
		display: block;
	}
}

/* Fancy */

/* The next two rules make the horizontal line go straight across in top navbar */

.summary > li:first-child {
    height: 50px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}

.book .book-summary ul.summary li.divider {
    height: 0px;
}

/*____Code Chunks____*/

.sourceCode pre {
  margin: 0 !important; /* makes space above and below symmetrical*/
}

.sourceCode {
  margin-bottom: 0.85em; /* adds same amount of margin as a <p> would */
}