/*
	File       : style
    Created on : 24.2.2018
    Author     : Tomas Sommer
	Project	   : letci-vlasim
*/

/*žlutá #FFCB00*/

/*
 * Base structure from cover.css
 */

html,
body {
	/*height: 100%;*/
	background-color: #333;
	/*padding-top: 10px;*/
}
body {
	color: #fff;
	text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
}

/* Links */
a,
a:focus {
	color: #fff;
}
a:hover {
	color: #FFCC00;
}

main {
	margin-top: 20px;
	/*margin-bottom: 10px;*/
}

/*
 * Cover
 */

.cover-container {
	margin-right: auto;
	margin-left: auto;
}

.cover {
	padding: 0 1.5rem;
	text-align: center;
}

/* Padding for spacing */
.inner {
	padding: 2rem;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 80px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #313D42;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
	padding: 60px 15px 0;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}

.jumbotron {
	color: #000;
}

.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #eee;
	border-left-width: .25rem;
	border-radius: .25rem;
}
.bd-callout h4 {
	margin-top: 0;
	margin-bottom: .25rem;
}
.bd-callout p:last-child {
	margin-bottom:0;
}
.bd-callout code {
	border-radius: .25rem;
}
.bd-callout+.bd-callout {
	margin-top: -.25rem;
}
.bd-callout-info {
	border-left-color: #5bc0de;
}
.bd-callout-info h4 {
	color: #5bc0de;
}
.bd-callout-warning {
	border-left-color: #FFCC00;
}
.bd-callout-warning h4 {
	color: #FFCC00;
}
.bd-callout-danger {
	border-left-color: #d9534f;
}
.bd-callout-danger h4 {
	color: #d9534f;
}

.btn-outline-warning {
	color: #FFCC00;
	background-image: none;
	background-color: transparent;
	border-color: #FFCC00;
}
.btn-outline-warning:hover {
	color: #fff;
	background-color: #FFCC00;
	border-color: #FFCC00;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(240,173,78,.5);
	box-shadow: 0 0 0 2px rgba(240,173,78,.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	color: #FFCC00;
	background-color:transparent;
}
.btn-outline-warning.active,
.btn-outline-warning:active,
.show > .btn-outline-warning.dropdown-toggle {
	color: #fff;
	background-color: #FFCC00;
	border-color: #FFCC00;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color:#fff;
	background-color: #FFCC00;
}

.gallery {
	max-height: 248px;
	margin-bottom: 10px;
}

.note {
	color: #FFCC00;
}

.notes-list {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}
.notes-list > li {
    counter-increment: step-counter;
}
.notes-list > li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color: #FFCC00;
    color: #fff;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 3px;
}

#letci {
	margin-bottom: 10px;
}