@CHARSET "UTF-8";

/*-- global reset --*/
html {
	font-family: "Segoe UI", Tahoma, Arial, Verdana, Sans-serif;
}

body {
	font-family: inherit;
	font-weight: normal;
	line-height: 1.2;
	background-color: rgb(245, 248, 250);
}

.with-top-navbar {
  padding-top: 60px;
}

html.with-bottom-navbar {
	position: relative;
	min-height: 100%;
}

body.with-bottom-navbar {
	margin-bottom: 50px;
}

/* jumbotron */
.jumbotron-rotunda-bg {
	background-image: url('../images/matheson_rotunda_muted.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 1rem;
}

.btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(17, 101, 156);
    border-color: rgb(42, 136, 189);
}

.btn-primary:focus {
	box-shadow: 0 0 0 0.1rem rgb(0 0 0);
}

.btn-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(37, 121, 169);
    border-color: rgb(31, 100, 139);
}

h2{
	font-weight: 700;
}
.heading{
	margin-bottom: 1.5rem;
}

.btn-information{
	font-size: 14px; 
	font-weight: 700; 
	color: rgb(30, 57, 72);
}

@media (min-width: 576px) {
	#getStartedContainerId .card{
		max-width: 244px;
	}
}

@media (min-width: 768px) {
	.jumbotron-rotunda-bg {
		padding-bottom: 3rem;
	}
}

@media only screen and (max-width: 595px) and (min-width: 578px) {
	.card-body{
		padding: 1rem;
	}
}

.accordion-button-wrapper .btn-primary:disabled {
    background-color: rgb(17, 101, 156);
    border-color: rgb(42, 136, 189);
    pointer-events: none;
}

#getStartedContainerId .card-body a {
	margin-top: auto;
}

#mainContainer .bg-info {
    background-color: #d9edf7 !important;
}

#mainContainer .text-info {
    color: #31708f !important;
}

@media (max-width: 576px) {
	.heading{
		margin-bottom: 1rem;
		font-size: 1.5rem;
	}
	.aboutApp{
		font-size: 16px;
	}
}