@charset "ISO-8859-1";

em {
	color: #1871E6;;
}

.masthead {
	margin-top: -70px;
	/*height: 50vh;*/
	width: 100%;
	padding: 0%;
	/* 	background: url('../imgs/landing-page-img.png'); */
	background: linear-gradient(180deg, #0188FE 0%, #63CBFF 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	display: flex;
	flex-direction: column;
}

/* navbar */
#mainNav {
	background-color: #FFFFFF;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.navbar-light {
	background-color: #FFFFFF;
}

.bg-light {
	background-color: #FFFFFF !important;
}

.landing-page #mainNav {
	background-color: transparent !important;
}

#mainNav a {
	color: #242F65;
}

.navbar-logo {
	width: 240px;
	height: 48px;
}

.signup-button {
	width: 97px;
	height: 48px;
	background-color: #FFFFFF;
	color: #091133 !important;
	font-weight: 500;
	font-size: 16px;
	border-radius: 8px;
	background-color: #FFFFFF;
}

.signin-button-navbar {
	width: 97px;
	background-color: #FFFFFF;
	color: #091133;
	font-weight: 500;
	font-size: 16px;
	border-radius: 8px;
}

.landing_page_container {
	padding-top: 100px;
}

.join-network-form {
	padding: 30px;
	border: 1px solid #E2E2E2;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
}

.join-network-container {
	background-color: #FFFFFF;
	padding: 24px;
}

.sdg-color-bar {
	background: url('../imgs/sdgbg.png');
	/*margin-top: -10px;*/
	width: 100%;
	height: 10px;
	background-repeat: repeat;
}

body {
	background: #F3F5F8;
	font-family: 'Roboto';
}

.search-area {
	display: block;
	text-align: center;
}

.full-width {
	width: 100% !important;
}

.main {
	margin-bottom: 40px;
}

#landing-page-search-form {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	height: 56px;
}

/*landing page search bar*/

.input-group.mb-3 {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: white;
	border-radius: 0 8px 8px 8px;
}

.search-navbar {
	border: 1px solid #E2E2E2;
	/* 	padding: 2px;*/
	border-radius: 8px;
}

#search-icon-right, #search-icon-right:hover {
	background-color: transparent;
	color: #6c757d;
	border: none;
}

#navbar-search-icon::before {
	position: absolute;
	z-index: 2;
	top: 14px;
	right: 12px;
	color: rgba(80, 95, 152, 0.8);
}

.divider {
	height: 20px;
}

.header-1 {
	font-size: 32px;
	font-weight: 500;
}

.header-2 {
	font-size: 18px;
	font-weight: 500;
}

.header-note {
	font-size: 14px;
	font-weight: 500;
}

/* .landing_page_container {
	padding-top: 55%;
} */
#landing-page-search-form {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 343px;
	height: 72px;
}

#landing-page-search-button {
	display: none;
}


.dropdown-toggle::after {
	display: none;
}
.fa-chevron-down {
	margin-left: 8px;
}

/*#landing-page-search-input {*/
/*	flex-grow: 2;*/
/*	padding: 2px;*/
/*	border: none;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	padding-left: 18px;*/
/*	border-radius: 8px;*/
/*	!* 	color: rgba(80, 95, 152, 0.5); *!*/
/*}*/

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}

/* category card */
.category-card {
	background-color: #FFFFFF;
	min-height: 255px;
	border-radius: 8px;
	position: relative;
	text-align: center;
	margin: 10px 5px;
	width: 100%;
}

.category-image {
	width: 65px;
	height: 65px;
	/* margin-top: 40px; */
	left: 37%;
}

.category-title {
	font-size: 16px;
	font-weight: 500;
	margin-top: 29px;
}

.category-button {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 8px;
	border: 0px;
}

.category-note {
	font-size: 12px;
	margin-top: 24px;
	color: #989FAF;
	padding: 4px;
}

.image-box {
	position: relative;
	text-align: center;
	vertical-align: center;
	margin: 10px 5px;
	height: 161px;
	background-color: #FFFFFF;
}

.image-button {
	height: 100%;
	width: 100%;
	background-color: transparent;
	border: 0px;
	padding: 0;
}

/* search page */
[data-toggle="collapse"] .fa:before {
	margin-right: 0px;
	content: "\f077";
}

[data-toggle="collapse"].collapsed .fa:before {
	content: "\f078";
}

.custom-control-input {
	width: 18px;
	height: 18px;
	background-color: #F3F5F8 !important;
}

.custom-control-label {
	font-size: 15px;
}

.result-info-row {
	display: flex;
	justify-content: space-between;
	font-size: 17px;
	/* font-weight: 500; */
	margin-left: 0px;
}

.sortby {
	display: flex;
	flex-direction: row;
}

.dropdown button {
	background-color: transparent;
	color: #1871E5;
	border: none;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 17px;
}

.single-result {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 4px;
	/* 	margin-top: 17px; */
	border-left: 5px solid #0C75FF;
	padding: 16px;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15)
}

.result-title {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
}

.result-title, a {
	color: #000000;
}

.result-organization {
	color: #0C75FF;
	font-size: 14px;
}

.result-year {
	color: #989FAF;
}

.result-text {
	margin-top: 8px;
	color: #989FAF;
	font-size: 13px;
}

.container-pagination {
	display: flex;
	justify-content: center;
}

.form-register {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

/* Request and Profile*/
.form-container {
	margin-right: -15px;
	margin-left: -15px;
	max-width: 730px;
	background-color: #FFFFFF;
	margin-top: 15px;
}

/*  Common */
.form-section-header {
	width: 100%;
	font-size: 16px;
	/* margin-top: 24px; */
	/* font-weight: 500; */
}

.center-flex {
	display: flex;
	justify-content: center;
}

.padding-bottom-space {
	padding-bottom: 30px;
}

.form-container select, .form-container input, .form-container textarea,
	.form-container .custom-radio {
	margin-top: 15px;
}

.note-14 {
	font-size: 14px;
	color: #989FAF;
}

/* Mobile view */
.form-container {
	background-color: #FFFFFF;
}

.form-container-inner-box {
	padding-top: 4%;
	padding-left: 2%;
	padding-bottom: 2%;
	padding-right: 2%;
}

.input-group-categories .custom-checkbox {
	width: 45%;
}

.flex-input-group {
	display: flex;
	flex-wrap: wrap;
}

.organizaiton-checkbox {
	/* width: 132px; */
	height: 100px;
	position: relative;
	text-align: center;
	vertical-align: center;
	border-radius: 8px;
	/* 	margin: 24px 12px 0 12px;
 */
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}

.horizontal-center {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* height: 50px; */
	height: 90px;
}

.organizaiton-checkbox .checkbox {
	position: absolute;
	top: 10px;
	right: 10px;
}

.organization-selected {
	border: 1px solid #1BBC78;
}

.organization-checked {
	display: none;
}

.organization-selected .organization-checked {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #1BBC78;
}

.footer {
	/*todo check across site*/
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	background: #FFFFFF;
	padding-top: 30px;
}

.initiative-footer-note {
	font-size: 14px;
	line-height: 24px;
}

.footer-link-row {
	margin-top: 48px;
	border-top: 1px solid #E2E2E2;
	padding: 26px;
}

.input-form {
	background: #F0F4F8;
	border-radius: 8px;
}

.single-horizontal-line {
	border: 1px solid #E5EAEF;
}

.white-background {
	background-color: #FFFFFF;
}

.result-organization-name {
	color: #0C75FF;
	font-size: 14px;
	font-weight: 500;
}

.result-document-type {
	color: #169FF1;
	font-size: 14px;
	font-weight: 500;
	background-color: #E8F5FD;
	padding: 5px 10px;
	border-radius: 8px;
}

.filter-count {
	color: #1871E5;
	font-size: 12px;
	font-weight: 500;
	padding: 5px;
	background-color: #D9E6F9;
	border-radius: 4px;
}

.header-3 {
	font-size: 16px;
	font-weight: 500;
}

.page-container {
	position: relative;
	min-height: 100vh;
}

section {
	/*todo check across site*/
	padding-bottom: 10%;
}

.padding-zero {
	padding: 0px;
}

.note {
	color: #989FAF;
}

.16font {
	font-size: 16px;
}

.google-social-color {
	background-color: #1871E5;
	color: #FFFFFF;
}

.search-input {
	height: 56px;
}

.page-item:first-child .page-link {
	margin-left: 5px;
}

.topic-notes {
	color: #989FAF;
	font-size: 14px;
}

.horizontal-center-sdg {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 122px;
}

.custom-pt-3 {
	padding-top: 3px;
}

.font-14 {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.font-20 {
	font-size: 20px;
}

.explanation-text {
	/* display: flex;
	flex: 1; */
	/* 	flex-direction: column-reverse;
 */
	max-width: 950px;
	font-weight: 500
}

a.library-active {
	background-color: white;
	color: black;
	float: left;
	border: 2px white solid;
	border-radius: 8px 0 0 0;
	font-family: 'Roboto';
	font-weight: 500;
}
a.library-inactive {
	background-color: linear-gradient(180deg, #0188FE 0%, #63CBFF 100%);
	color: white;
	float: left;
	border: 2px white solid;
	border-radius: 0 8px 0 0;
	font-family: 'Roboto';
	font-weight: 500;
}

.flex-1 {
	display: flex;
	flex: 1;
}

.footer-text li a {
	color: #989FAF;
}

.greyish-color {
	color: #989FAF;
}

.tag-tech-compendium {
	font-weight: 500;
	font-size: 18px;
	color: #00ACFF !important;
}

.tag-tech-compendium a {
	color: #00ACFF !important;
}

.with-border {
	border: 1px solid #E2E2E2;
}

.red-tag {
	background: #FEE2DE;
	color: #FF3A21;
}

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

.stories-bg-image {
	background-image: url("/resources/imgs/feature-stories-bg-image.png");
	background-size: cover;
	height: 700px;
}

.bg-image {
	background-image: url("/resources/imgs/tech-compendium-page-2.png");
	background-size: cover;
	height: 700px;
}

.tech-compendium-container {
	padding-top: 400px;
	color: white;
}

table, th, td {
	border: 1px solid #E2E2E2;
}

table td, th {
	height: 56px;
	padding: 10px;
}

.dataTables_filter, .dataTables_info {
	display: none;
}

table.dataTable.no-footer {
	border-bottom: 0px !important;
}

table.dataTable thead th, table.dataTable thead td {
	border-bottom: 0px !important;
}

.red-type {
	color: #FC573B;
}

.green-type {
	color: #72CA76;;
}

.blue-type {
	color: #6EADF9;;
}

.yellow-type {
	color: #F4D8860;
}

.purple-type {
	color: #AA5DDB;
}

.brown-type {
	color: #A33131;
}

.dark-blue-type {
	color: #1054AE;
}

.covid-page-image {
	height: 250px;
}

.covid-page-image-2 {
	height: 35px;
}

.bluesh-text {
	color: #1871E5;
}

.connect-title {
	height: 30px;
}
.font-18 {
	font-size: 14px;
}

.card-featured-stories {
	height: 350px;
}

.card-featured-stories img {
	width: 50%;
	align-self: flex-start;
}

.lh-2 {
	line-height: 2;
}

@media only screen and (max-width: 768px) {
	/*left search icon*/
	#search-icon {
		display: none;
	}
	.large-display-only {
		display: none !important;
	}
}

@media only screen and (max-width: 768px) {
	/*left search icon*/
	#search-icon {
		display: none;
	}
	.large-display-only {
		display: none !important;
	}
}