html,
body {
    /* overflow-x: hidden;  Prevent scroll on narrow devices */
	min-height: 100%;
	position: relative;
	font-family: Verdana;
	color: #050517;
	font-size: 14px;
	letter-spacing: 0.02em;
}

body {
    padding-top: 250px;
}

.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    padding: 20px 0 20px 0;
}

.navbar {
	background-color: #050517;
	height: 250px;
	border-bottom: 7px solid #00A8E8;
	overflow: hidden;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #050517;
    border-bottom: 5px solid #00A8E8;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
	height: 100px;
}


.navbar-brand.fixed-theme {
    font-size: 24px;
}

.navbar-container.fixed-theme {
    padding: 20px 0 20px 0;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.3s;
    -webkit-transition:  0.4s;
}


.navbar-fixed-top .active li {
	background-color: red;
}


#navbar-hide .black-band-title {
	line-height: 140px;
	font-size: 40px;
	color: white;
}


#navbar-hide .black-band-buttons {
	line-height: 130px;
	float: right;
}

.main-left {
	padding-right: 40px;
}


.post {
	margin-bottom: 40px;
}


.img-frame {
	padding: 5px;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	max-width: 90%;
	max-height: 400px;
	width: auto;
	height: auto;
}


.post-preview {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: justify;
    text-justify: inter-word;
}

.post-date {
	margin-top: 20px;
	padding-top: 24px;
}

.post-content {
	margin-top: 20px;
	
}

.post-date .day {
	background: #007EA7;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFF;
	font-size: 0.9em;
	display: block;
	padding: 2px;
	text-align: center;
	letter-spacing: 0em;
}

.post-date .month {
	background: #F4F4F4;
	border-radius: 2px 2px 0 0;
	color: #CCC;
	display: block;
	font-size: 16px;
	font-weight: 500;
	font-weight: bold;
	padding: 10px 5px;
	text-align: center;
	letter-spacing: 0em;
}


.post-info {
	display: inline;
	margin-left: 0px;
}


.post-info span {
	margin-left: 30px;
}

.input-search input, button {
	height:50px;
}



ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 32px;
}



.footer {
	border-top: 7px solid #00A8E8;
	position: relative;
	bottom: 0px;
	height: 250px;
	width: 100%;
	margin-top: 100px;
	background-color: #050517;
	color: white;
	padding-top: 20px;
	font-size: 14px;
}





.admin-input {
	width: 464px;
	height: 45px;
}

.admin-select {
	height: 45px;
}


.comment-text {
	width: 100%;
	height: 130px;
}

.comment-input {
	width: 250px;
	height: 45px;
}



























a:link {
    text-decoration: none;
	color: #007EA7;
}

a:visited {
    text-decoration: none;
	color: #007EA7;
}

a:hover {
    text-decoration: none;
	color: #00A8E8;
}

a:active {
    text-decoration: none;
	color: #00A8E8;
}




 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none !important;
	color: #FFFFFF !important;
}
 
.btn-primary {
    background: #007EA7 !important;
	color: #FFFFFF !important;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #00A8E8 !important;
	color: #FFFFFF !important;
}
 
.btn-primary:active, .btn-primary.active {
    background: #007299 !important;
    box-shadow: none;
	color: #FFFFFF !important;
}




.modal-open {
  position: fixed;
  overflow: scroll;
  width: 100%;
  padding-right: 0!important;
}

.modal-backdrop
{
    opacity:0.8 !important;
}



.blur {
    -webkit-filter: blur(2px) grayscale(50%);
}





#myModal {
	margin-top: 200px;
}


.modal-header {
	background-color: #050517;
	height: 100px;
	border-bottom: 5px solid #00A8E8;
	color: white;
}


.login-input {
	height: 50px !important;
	width: 300px !important;
}