/*!
* Start Bootstrap - Blog Post (https://startbootstrap.com/template-overviews/blog-post)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-blog-post/blob/master/LICENSE)
*/
body {
padding-top: 54px;
}
/*html, body{
*background-image: url("img/post-bg.jpeg");
background-color: #333;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-position: fixed;
height: 100%;
}*/
@media (min-width: 992px) {
body {
padding-top: 56px;
}
}
@font-face{
font-family: "lightning";
src: url("fonts/Lightning.ttf");
}
span.orange{
color:#F35D00;
}
div.sticky {
position: -webkit-sticky;
position: sticky;
top: 80px;
}
div.sticky2 {
position: -webkit-sticky;
position: sticky;
top: 340px;
}
div.sticky3 {
position: -webkit-sticky;
position: sticky;
top: 400px;
}
a.buttoncolor{
background-color: #092134 !important;
color: white;
height: 40px;
width: 200px;
}
.button-scheme:hover{
color: #F35D00 !important;
}
a.unavailable:hover{
background-color: red !important;
}
li.sidebutton, li.quickstart-text{
/*padding: 30px;*/
list-style-type: none;
}
li.quickstart-text{
width: 300px;
}
/*------------------------------------------------------------------------------*/
.pic-hover {
/*position: relative;*/
/*width: 50%;*/
}
.image-hover {
display: block;
/*width: 100%;
height: auto;*/
}
.overlay-hover {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(9, 33, 52, .8);
/*opacity: 0.4;*/
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.pic-hover:hover .overlay-hover {
width: 100%;
}
.text-hover {
color: white;
font-size: 20px;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
}
/*INDEX PROPERTIES*/
div.min{
line-height: 10px !important;
}
.card-header{
background-color: #092134;
background-color: rgb(9, 33, 52, .70);
color: white;
}
.footer-index{
background-color: #092134 !important;
}
a.nav-link:hover, li.active{
background-color: #F35D00;
}
/*FOR THE PROGRESS BAR*/
.progress-container {
width: 100%;
height: 8px;
background: #ccc;
}
.progress-bar {
height: 8px;
background: #F35D00;
width: 0%;
}
.progress-header {
position: fixed;
top: 10px;
z-index: 1;
width: 100%;
background-color: #f1f1f1;
}
.border-container{
background: #F35D00;
}
/*
For slides
*/
.slide{
display: none;
height: 400px;
width: auto;
}
/*
Slide in Overlay from the Left
Hover over the image to see the effect.
*/ 