@charset "UTF-8";

/* Small devices (phones, tablets) */
/*@media (max-width: 768px) {
	.fs-4 {
		font-size: .7rem;*/
		/* Adjust the font size as needed */
	/*}
}*/
body {
	
	background-color: #edf0fd;
}
.nav-search-control {
	background-color: #3d648e;
	color: #9fc0e2;
}
.home {
	margin-top: 100px;
}
.homeh1 {
	margin-top: 150px;
}
.btn-primary, .btn-primary:active, .btn-primary:visited {

	background-color: #3d648e !important;
	color: #fff !important;
}
.btn-primary:hover {
	background-color: #4e7fb2 !important;
}

.container-sub {
	padding-top: 100px;
}
.h1blog {
	font-size: 1.5rem;
}
.h2blog {
	font-size: 1.2rem;
	margin-top: .5rem;
}
.h3blog, .h4blog {
	font-size: 1rem;
}
.h4blog {
	
	text-decoration: underline
}
.blogdate {
	font-size: .8rem;
	font-style: italic;
}
ul.samples-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
ul.samples-list li {
	padding-bottom: .5rem;
}
footer {
	background-color: #2f4d6e;
	color: white;
	font-weight: bold;
	font-size: .8rem;
	padding: 25px 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
footer a {
	color: rgb(185, 186, 191);
}
/* unvisited link */
footer a:link {
	color: rgb(185, 186, 191);
  }

  /* mouse over link */
  footer a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
  }
  
  /* selected link */
  footer a:active {
	color: rgb(103, 103, 106);
  }
.btn-primary {
	color: #fff;
	background-color: #75aae2;
	border-color: #75aae2;
}

.btn-secondary {
	color: #19416b;
	background-color: #75aae2;
	border-color: #75aae2;
}

.jumbotron {
	background-image: url("../images/home-page.png");
	background-size: cover;
	background-position: center center;
	margin-top: 50px;
}

.code-block {
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #f8f8f8;
	margin: 30px 0;
  }
  .code-block-short {
	overflow-y: auto; /* Enable scrolling within the code block */
    max-height: 150px;
  }
.code-block button {
	background-color: #939395;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 0.8em;
	padding: 2px 2px;
	cursor: pointer;
	float: right; /* For IE6-9 */
  	text-align: right; /* For IE6 and IE7 */
  }
  .navbar-dark {
	background-color: #2f4d6e !important
  }
  .nav-item .nav-link {
	font-weight: 600;
  }
  .bg-dark {
	background-color: #2f4d6e !important;
  }

p {
	padding-bottom: .3rem;
	padding-top: .3rem;
}
.blogimg {
	margin-bottom: .5rem;
}
.form-label {
	font-size: .75rem;
	font-weight: 600;
}
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
  }
th, td {
	padding: 10px;
	text-align: left;
}
th {
	background-color: #4773a3;
	color: white;
	font-weight: bold;
}
.ulblog li {
	padding-bottom: .5rem;
}