/*!
 * Start Bootstrap - Blog Home HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color: #000000;
	font-family: "Times New Roman";
}

.card-header:first-child {
    background: crimson;
    color: white;
}

h1.page-header {
	border-bottom: 1px solid #A1A1A1;
	margin-top: 0px;
	margin-bottom: 10px;
}

.pager li>a {
	background-color: #f5f5f5;
}

.pager li>a:hover {
	background-color: #e8e8e8;
}

.pager li>a {
	color: black;
}

.navbar-brand i {
    color: #62bf05;
    font-weight: bold;
}

.navbar-inverse {
    background-color: #fff;
	box-shadow: 0 1px 5px #dcdddd;
	border-color: white;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #f5f5f5;
	color: #9d9d9d;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #f5f5f5;
	color: #007eff;
    font-weight: 700;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-inverse .navbar-toggle:hover span, .navbar-inverse .navbar-toggle:focus span {
    background-color: #fff !important;
}

hr {
  border-top: 1px solid #A1A1A1;
}

pre {
  background-color: white;
}

div.container#main-content {
  background-color: white;
  border-radius: 5px;
  padding-top: 10px;
  margin-bottom: 5px;
}

footer {
    margin: 12px 0;
}

div#my_favorite_latin_words {
	width: 255px;
	height: 200px;
	border: 1px solid #dcdcdc;
	background-color: white;
}

p {
	text-align: justify;
}

/***** ADMIN *****/

input[type=text]
{
	width: 100%;
}

textarea
{
	width: 100%;
	height: 85px;
	resize: vertical;
}

label[required="required"]:after
{
	content: " *";
	color: red;
}

code.hljs {
	overflow-x: auto;
	word-wrap: normal;
	white-space: pre;
}

span.select_code {
    font-family: times;
    font-size: 15px;
	cursor: pointer;
}

div#highlight_js_admin_show {
	width: 450px;
}

ul.tagit input[type="text"] {
	color: #da9d0c !important;
}

div#presentation_text
{
	margin-bottom: 20px;
}

table.dataTable tbody tr.even {
	background-color: #D5E0ED;
}

table.admin_show {
	padding-right: 20px;
}
table.admin_show th {
	padding-right: 7px;
}
/***** ARTICLE *****/
div.notice {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	padding-right: 35px;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

img.wp-post-image:hover {
	cursor: pointer;
}

img.plugin_logo {
	max-width: 350px;
}

/***** SOCIAL NETWORK *****/
table#socialNetwork tbody tr td {
    padding-right: 5px;
}

td.socialNetwork#twitter {
    padding-top: 11px;
}

td.socialNetwork#googlePlus {
    padding-top: 6px;
}

/***** GENERIC *****/
.center {
	text-align: center;
}

.right {
	text-align: right;
}

.middle {
	vertical-align: middle;
}

.circle {
	list-style-type: circle;
}

.italic {
	font-style: italic;
}

.float-right {
	float: right;
}

i.menu-icon {
	color: crimson;
}

/*** COMMENT ***/
div.comment {
    border: 1px #b3adad solid;
    padding: 10px;
    border-radius: 6px;
	margin-top: 7px;
}

div.comment hr {
	margin-top: initial;
	margin-bottom: initial;
}

/**** HTML EDIT ****/
textarea#html_in, div#html_out {
	height: 200px;
}

div#html_out {
	overflow-y: scroll;
	overflow-x: hidden;
}

div.card {
	background-color: white;
}

.card-header a {
	color: white;
}

a.github {
	color:black
}

.card-header small {
	color: #cecece
}

a:not(.btn) { text-decoration: none; }
a:hover:not(.btn):not(.page-link):not(.nav-link) { text-decoration: underline; }

#error_explanation {
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	margin-bottom: 1rem;
	padding: .75rem 1.25rem;
}