/*---------- Website Color Pallet ------------*/
/* go to https://www.toptal.com/designers/subtlepatterns/ for webpage patterns */
/* They do ask for a reference in the html or css code to use them */
/*Color Pallet*/
.jumbotron
{
	background-image: url("images/backgrounds/jumbotron.jpg");
	min-height: 300px;
	background-size: cover;
}
.bg-body
{
	/*background-image: url("images/backgrounds/knitted-netting.png");*/
	background-color: #0047ab;
}
.card-body
{
	background-image:url("images/backgrounds/dust_scratches.png");
}
.navbar, footer, .tab
{
	background-image: url("images/backgrounds/carbonFiber.png");
	/*background-color: #1d2731;
	border-color: #1d2731;*/
}
.btn
{
	background-color: #328cc1;
}
a:hover, a:visited, a:active
{
	color: white;
}
a
{
	color: #D98310;
}
/*---------- Website Font Changes ------------*/
.jombotron, button, h1, h2, h3, h4, h5,h6,
{
	font-family: 'Raleway:400,800', sans-serif;
}
p
{
	font-family: 'Roboto', sans-serif;
}

/*---------- Website Style Changes ------------*/
.jumbotron
{
	padding-top: 5em;
	margin-bottom: 0em;
	border-radius:0em;
}
.new-section
{
      padding-top: 5em;
}
body
{
	position: relative;
}
img
{
	padding:1rem;
}
.navbar, .navbar-brand
{
	padding-top: 0em;
	padding-bottom: 0em;
	
}
.card-body
{
	padding:2em;
}
.tab
{
	padding: 1rem;
	border-radius: 10px;
	margin-bottom: 0px;
}
.btn-like
{
	display: inline-block;
	color: white;
    padding: 10px 14px;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
	background-color: #328cc1;
	border-radius: 5px;
	margin-bottom:20px;
}
.btn{
    white-space:normal !important;
}
@supports (position: sticky) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
li
{
	padding-top: 15px;
}