@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/* ----------global changes---------- */

body {
	font-family: 'Montserrat', sans-serif;
}

.lighter {
	font-weight: lighter !important;
}

.text-primary {
	color: #4F345A !important;
}

.btn {	
	padding: 12px 24px;
}
.btn-lg{	
	padding: 16px 24px !important;
}
.btn-primary {
	background: rgba(79,52,90,1);
	border: none !important;
	color: #ffffff !important;
}
.btn-primary:hover {
	background: rgba(79,52,90,0.9);
	border: none !important;
	color: #ffffff !important;
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1), inset -1px -9px 0px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.15), inset -1px -9px 0px -4px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.15), inset -1px -9px 0px -4px rgba(0,0,0,0.25);
}

.btn-muted {
	background-color: white;
	border: 2px solid #9A9A9A;
	color: #686868;
}

.btn-muted:hover {
	background: rgba(0,0,0,0.05);
	transform: 250ms;
	color: #686868;
	border: 2px solid #9A9A9A;
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1), inset -1px -6px 0px -4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1), inset -1px -6px 0px -4px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1), inset -1px -6px 0px -4px rgba(0,0,0,0.15);
}

.btn-secondary {
	background: white;
	font-weight: 600;
	border: 2px solid #4F345A;
	color: #4F345A;
	transform: 250ms;
}

.btn-secondary:hover {
	background: rgba(255, 255, 255,1);
	transform: 250ms;
	color: #4F345A;
	border: 2px solid #4F345A;
	-webkit-box-shadow: 0px 0px 0px 4px rgba(79,52,90,0.2), inset -1px -8px 0px -4px rgba(147, 134, 155,.5);
	-moz-box-shadow: 0px 0px 0px 4px rgba(79,52,90,0.2), inset -1px -8px 0px -4px rgba(147, 134, 155,.5);
	box-shadow: 0px 0px 0px 4px rgba(79,52,90,0.2), inset -1px -8px 0px -4px rgba(147, 134, 155,.5);
}

.btn > img {
	box-shadow: 0px 9px 4px -8px rgba(0,0,0,0), 0px 5px 8px 1px rgba(0,0,0,0);
	transition: .15s ease-in-out;
}

.btn > img:hover {
	box-shadow: 0px 9px 4px -8px rgba(0,0,0,.5), 0px 5px 8px 1px rgba(0,0,0,.1) !important;
	transition: .15s ease-in-out !important;
}

.btn-link {
	color: #1551C6 !important;
	font-weight: 500;
}

a.btn.btn-link {
	padding: 0px !important;
	text-decoration: none;
}

a.btn.btn-link:hover {
	text-decoration: underline;
}

.nav-link.disabled {
	opacity: .35;
}

.nav-link.disabled:hover {
}

a.nav-link {
	color: #202020;
}

.navbar a.nav-link {
	color: #202020;
	font-weight: 500 !important;
	border-bottom: 2px solid #ffffff;
}

.navbar a.nav-link.active {
	color: #754D85;
	font-weight: 500 !important;
	border-bottom: 2px solid #754D85;
}

.navbar a.nav-link:hover {
	color: #202020;
	border-bottom: 2px solid #dddddd;
}

.details-panel {
	background-color: rgba(241,241,241,.9) !important;
}

.nav-bg {
	background: rgb(7,143,85);
	background: linear-gradient(45deg, rgba(45,32,53,1) 15%, rgba(80,50,90,1) 85%);
}

.nav-bg a {
	color: white !important;
}

.navbar-nav-scroll {
	height: 100% !important;
	max-height: 100vh;
}

.navbar-toggler:focus {
	border: none !important;
	box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.15), inset 0px 0 0px 3px rgba(79,52,90,1);
}

.dropdown-menu {
	-webkit-box-shadow: 0px 9px 4px -8px rgba(0,0,0,.2), 0px 5px 8px 1px rgba(0,0,0,.75);
	-moz-box-shadow: 0px 9px 4px -8px rgba(0,0,0,.2), 0px 5px 8px 1px rgba(0,0,0,.75);
	box-shadow: 0px 10px 7px 1px rgba(0,0,0,.125), 0px 9px 7px -8px rgba(0,0,0,1);
	background: rgb(117,77,133);
	background: -webkit-linear-gradient(bottom left, rgba(117,77,133,1) 50%, rgba(154,106,173,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(117,77,133,1) 50%, rgba(154,106,173,1) 100%);
	background: linear-gradient(to top right, rgba(117,77,133,1) 50%, rgba(154,106,173,1) 100%);
}

.dropdown-item {
	color: #ffffff;
	text-shadow: 1px 1px rgba(0,0,0,.5);
}

.dropdown-item:focus, .dropdown-item:hover {
	background: rgba(0,0,0,.2);
	color: #ffffff;
}

a.dropdown-item.disabled {
	text-shadow: none;
}

.secondary-tabs a.nav-link {
	color: #686868;
	font-weight: 500;
}

.secondary-tabs a.nav-link {
	border-bottom: 3px solid #ffffff;
	color: #686868;
	padding: 24px 16px;
	font-weight: 500;

}
.secondary-tabs a.nav-link.active {
	border-bottom: 3px solid #754D85;
	color: #754D85;
	font-weight: 500;
}

.secondary-tabs a:hover {
	color: #202020;
	border-bottom: 3px solid #E9E9E9;
}

/* ---------- bg colors ---------- */
.gray-1 { background-color: #F4F4F4;}
.gray-2 { background-color: #E9E9E9;}
.text-gray-2 { color: #E9E9E9 !important;}
.gray-3 { background-color: #CCCCCC;}
.text-gray-3 { color: #CCCCCC !important;}
.gray-4 { background-color: #9A9A9A;}
.text-gray-4 { color: #9A9A9A !important;}
.gray-5 { background-color: #686868;}
.text-gray-5 { color: #686868 !important;}
.gray-6 { background-color: #333333;}
.text-gray-6 { color: #333333 !important;}
.gray-7 { background-color: #202020;}
.text-gray-7 { color: #202020 !important;}

.purple-1 { background-color: #93869B;}
.text-purple1 { color: #93869B;}
.purple-2 { background-color: #754D85;}
.text-purple2 { color: #754D85;}
.purple-3 { background-color: #4F345A;}
.text-purple3 { color: #4F345A;}
.purple-4 { background-color: #2D2035;}
.text-purple4 { color: #2D2035;}

.teal-1 { background-color: #C8D8C8;}
.teal-2 { background-color: #9CBFa7;}
.teal-3 { background-color: #617365;}

.blue-1 { background-color: #C9E0EE;}
.blue-2 { background-color: #A5CCE2;}
.blue-3 { background-color: #637A88;}

.alert-1 { background-color: #D97AAC;}
.alert-2 { background-color: #BF2274;}
.alert-3 { background-color: #731446;}

.warning-1 { background-color: #FBCC95;}
.warning-2 { background-color: #F8AA4E;}
.warning-3 { background-color: #95662F;}

.success-1 { background-color: #A1F5C2;}
.success-2 { background-color: #62EE9A;}
.success-3 { background-color: #3B8F5C;}

.info-1 { background-color: #A1E0F5;}
.info-2 { background-color: #62CCEE;}
.info-3 { background-color: #3B7A8F;}

.dark-gray { background-color: #202020;}
.default-blue { background-color: #1551C6;}

/* ---------- font ---------- */

p {
	font-size: 17px;
	font-weight: 400;
	color: #3a3a3a;
}

p.support {
	font-size: 14px;
	font-weight: 400;
	color: #686868;
}

p strong {
	letter-spacing: .01em;
	font-weight: 700;
}

.btn-link {
	font-weight: 600;
	letter-spacing: .02em;
	text-decoration: underline;
	color: #1551C6 !important;
}

.text-medium {
	font-weight: 500;
}

p.quotes {
	font-size: 33.2px;
	font-weight: bold;
	font-family: 'Cormorant Garamond', serif;
}

h1 {
	font-size: 67.3px;
	font-weight: 700;
	font-family: 'Cormorant Garamond', serif;
}

h1.primary {
	color: #754D85;
}

h2 {
	font-size: 33.2px;
	font-weight: bold;
}
h3 {
	font-size: 27.6px;
	font-weight: 600;
}
h4 {
	font-size: 23px;
	font-weight: 500;
}

h5 {
	font-size: 18px;
	font-weight: 500;
}

.lead {
	font-size: 24px;
	margin-bottom: 0.2em;
}

.medium {
	font-weight: 500;
}


.border-dashed {
	border-top: 1px #686868 dashed !important;
}

/* ---------- layout stuff ---------- */

.left-bar {
	min-height: 100vh;
}


.footer {
	border-top: 2px solid #4F345A;
}

.footer p {
	font-weight: 500;
	color: #4F345A !important;
}

/* ----------changes to the components---------- */

.nav-link {
	padding: 4px 16px;	
}

.studies-links {
	background-color: rgba(255,255,255,.98);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
}

.accordion-button {
	font-size: .75em;
	border-radius: 4px !important;
}

.accordion-button:not(.collapsed) {
	color: white !important;
	border-radius: 0 !important;
	box-shadow: none;
	background: rgba(117,77,133,.1);
}

.accordion-button:focus {
	box-shadow: none;
}
.list-group-item-action:hover {
	box-shadow: none;
	background: rgba(117,77,133,.05);
}

.list-group-item {
	color: #9A9A9A;
}

.list-group-item.active {
	color: white;
	background-color: rgba(79, 52, 90,.25);
	border-color: #4F345A;
}

.dropdown-item.active {
	background: rgba(255,255,255,.1);
	
	text-shadow: none;
}

a.list-group-item:hover {
	color: white;
	/*background-color: rgba(255,255,255,.025);*/
}

.card {
	box-shadow: 0px 9px 4px -8px rgba(0,0,0,.5), 0px 5px 8px 1px rgba(0,0,0,.1);
}

h3.card-title {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
	margin: .4em 0 .8em;
}


.icon {
	display: inline-block;
    text-align: center;
    width: 28px;
}
.btn.btn-muted.dropdown-toggle {
	padding: 6px 12px !important;
}
/* ----------changes to the footer section---------- */
footer {
	background-color: #f4f4f4 !important;
}

footer a {
		font-size: 1em !important;
}