﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

* {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

/* custom styles*/
.content-section {
  min-height: 2000px;
}
.sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}


.sidebar-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Position the items */
	/* &:nth-child(2) { top: 25%; }*/
	/* &:nth-child(3) { top: 50%; }*/
	/* &:nth-child(4) { top: 75%; }*/
}


.make-me-sticky {
  position: -webkit-sticky;
	position: sticky;
	top: 0;
    
  padding: 0 15px;
}

rticle {
	background: #f1f1f1;
	border-radius: 12px;
	padding: 25px 0 600px;
}


.title-section, .content-section, .sidebar-section {
	background: #fff;
	/*border-radius: 12px;*/
	/* border: solid 10px #f1f1f1;*/
}

.title-section {
	text-align: center;
	padding: 50px 15px;
	margin-bottom: 30px;
}

.content-section h2 {
	text-align: center;
	margin: 0;
	padding-top: 200px;
}

.sidebar-item {
	text-align: center;
}

/* custom end*/

/*.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
    */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}
