/*
Theme Name: Rwanda Cooperation
Text Domain: rci
Version: 1.83
Requires at least: 4.7
Requires PHP: 5.2.4
Description: This is the theme for RCI Website
Author: Aegis
Author URI: https://dokuma.digital/
License:
License URI:
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,600;0,700;1,100;1,300;1,600&display=swap");
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}
body {
	box-sizing: border-box;
	/* font-size: 1.5rem; */
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: justify;
}
html {
	scroll-behavior: smooth;
	font-family: "Poppins", sans-serif;
	font-size: 100%;
	text-align: justify;
}
a {
	text-decoration: none;
	color: inherit;
}
.test {
	border: 1px solid black;
}
.green {
	color: #054c54;
	/* color:  #538693; */
}
.lime {
	color: #f58232;
}
.orange-yellow {
	color: #e9c46a;
}
.white-ish {
	color: #f3f3f3;
}
.light-gray {
	color: #e1ebf1;
}
.gray {
	color: #999999;
}
.white {
	color: #ffffff;
}
.bg-white-ish {
	background-color: #f2f2f2;
}
.bg-white {
	background-color: #ffffff;
}
.bold {
	font-weight: 600;
}
.bolder {
	font-weight: 900;
}
.italic {
	font-style: italic;
}
.text-big {
	font-size: 3.5rem;
	line-height: 1;
}
.text-xl {
	font-size: 4.5rem;
}
.text-medium {
	font-size: 2.3rem;
}
.text-small {
	font-size: 1.1rem;
}
.full-width {
	flex: 1;
}
.full-height {
	height: 100%;
}
.half-width {
	width: 50%;
}
.mtb-2 {
	margin: 2rem 0;
}
.mtb-5 {
	margin: 5rem 0;
}
.pdtb-2 {
	padding: 2rem 0;
}
.flex {
	display: flex;
}
.flex-end {
	align-self: flex-end;
}
.row {
	display: flex;
	flex-direction: row;
}
.column {
	display: flex;
	flex-direction: column;
}
.wrap {
	flex-wrap: wrap;
}
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.flex-row-start {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.flex-row-end {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	/* align-items: flex-end; */
}
.flex-col-start {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.flex-col-end {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
}
.grid {
	display: grid;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.justify-text {
	text-align: justify;
}
.rounded-small {
	border-radius: 1rem;
}
.relative {
	position: relative;
}
.icon {
	font-size: 2rem;
}
i {
	cursor: pointer;
}
.home-top-section {
	background-color: rgba(242, 242, 242, 0.8);
	padding: 0 0 2rem 0;
	position: relative;
	height: 100vh;
	/* background: url("images/RCI-Logo-lines-color.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50rem;
    background-position-x: 93%; */
}
.home-section-container {
	background-image: url("./assets/images/RCI-Logo-lines-color.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 51rem;
	background-position-x: 92.5%;
}
header {
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999999;
	box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.3);
}
.header {
	padding: 0 10rem 0 15rem;
}
.header-top-company {
	margin: 0 0.5rem 0 0;
	padding: 0 1rem 0.5rem 0;
}
.top-nav {
	justify-content: space-between;
}
.top-nav-logo {
	width: 10rem;
}
.top-nav-logo-image {
	width: 100%;
}
.top-nav-menu li,
.dropbtn {
	list-style: none;
	display: inline;
	padding: .6rem 1rem;
	text-transform: uppercase;
	color: #054c54;
	font-size: 0.8rem;
}
.top-nav-menu a :hover,
.dropbtn:hover {
	color: #e9c46a;
}
li.top-dropdown {
	display: inline-block;
}
.top-dropdown {
	position: relative;
}
.top-dropdown-content {
	display: none;
	position: absolute;
	z-index: 1;
	background-color: #054c54;
	padding: 0 1rem;
	width: 15rem;
}
.top-dropdown-content a {
	color: white;
	font-size: 0.8rem;
	font-weight: 300;
	padding: 1rem 2rem;
	text-decoration: none;
	text-transform: none;
	display: block;
	text-align: left;
	border-bottom: 1px solid white;
}
.top-dropdown-content a:hover {
	color: #e9c46a;
}
.top-dropdown:hover .top-dropdown-content {
	display: block;
}
.footer-menus li a {
	color: #999999;
}
.footer-menus li {
	list-style: none;
	display: inline;
	padding: 1rem 1.5rem;
	text-transform: uppercase;
	color: #999999;
	font-size: 0.8rem;
}
.footer-menus a .active,
.footer-menus * :hover {
	color: #ffffff;
}
.top-nav-menu-item.active {
	border-bottom: 0.2rem solid #e9c46a;
}
.dropbtn.active {
	border-bottom: 0.2rem solid #e9c46a;
}
.top-nav-menu-item :active {
	color: inherit;
}
footer {
	background-color: #054c54;
	padding: 2rem 5rem 2rem 5rem;
}
.footer-logo img {
	width: 10rem;
}
.footer-logo,
.footer-menus {
	margin: 0 0 4rem 0;
}
.footer-icons {
	/* background-color: white; */
	padding: 0.5rem 4rem 0.5rem 1rem;
	justify-content: space-between;
	position: absolute;
	margin-top: -2rem;
	right: 0;
}
.footer-icons i {
	margin: 0 0.5rem;
	color: #ffffff;
	font-size: 1.5rem;
}
.article-icons i {
	margin-right: 1.5rem;
	color: #054c54;
	font-size: 1.5rem;
}
.header-icons {
	align-items: flex-end;
	justify-content: flex-end;
}
.header-icons i {
	margin: 0.3rem;
	color: #054c54;
	font-size: 1.3rem;
}
.home-intro {
	padding: 4rem 0;
}
.line {
	width: 10rem;
	margin-left: 2rem;
	border-bottom: 0.1rem solid #e9c46a;
}
.thick-line {
	width: 30%;
	margin-left: 2rem;
	border-bottom: 0.3rem solid #e9c46a;
}
.long-line {
	width: 80%;
	border-bottom: 0.1rem solid #e9c46a;
}
.medium-line {
	width: 5rem;
	border-bottom: 0.1rem solid #e9c46a;
}
.thick-medium-line {
	width: 18%;
	border-bottom: 0.3rem solid #e9c46a;
}
.scroll {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.text-section {
	/* margin: 0 10rem 0 15rem; */
	padding: 10rem 20rem 10rem 22rem;
}
.about-text {
	font-size: 1rem;
}
.about-quote-green {
	background-color: rgb(5, 76, 84, 0.8);
}
.services-item {
	margin: 0 0 2rem 2rem;
	/* padding: 2rem; */
	/* height: 30rem; */
	/* position: relative; */
	width: 100%;
}
.service-icon img {
	height: 3rem;
	width: 3rem;
}
.service-icon {
	padding: 0 1rem;
}
.service-name {
	align-self: flex-start;
}
.service-read {
	position: absolute;
	bottom: 0;
}
.service-short {
	justify-content: space-between;
	align-items: center;
	margin: 1rem 0;
	width: 100%;
}
.values-short {
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.values-short p {
	font-size: 1.2rem;
}
/* .rw-pedia-section{
	min-height: 30rem;
} */
.rw-pedia-home {
	height: 40rem;
}
.flag {
	height: 100%;
}
.flag img {
	width: 100%;
	height: 100%;
}
.rw-pedia {
	background-image: url("./assets/images/RCI-Logo-lines-color.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}
.rw-pedia-paragraph {
	padding: 5rem 8rem 5rem 5rem;
}
.rw-pedia-find {
	background-color: #e9c46a;
	padding: 1.5rem 3rem;
}
.news-carousel {
	flex: 2;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin: 0 1rem;
}
.news-card {
	height: 100%;
	/* margin: 0 0 0 2rem; */
	padding: 2rem;
	position: relative;
}
.news-paragraph-content {
	/* min-height: 5rem;
	max-height: 10rem; */
	overflow: hidden;
	margin-bottom: 4rem;
}
.news-paragraph p {
	font-size: 1rem;
	line-height: 1.5;
}
.news-read-more {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2rem;
}
.read-more-less-1 {
	align-items: center;
}
.newsletter-form {
	margin: 1rem 0 0 0;
}
.newsletter-input {
	padding: 0.5rem 1rem;
	height: 2rem;
	border: none;
	border-radius: 0.5rem 0 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
}
.newsletter-button {
	padding: 0.5rem 1rem;
	height: 2rem;
	background-color: #e9c46a;
	border: none;
	font-size: 1rem;
	border-radius: 0 0.5rem 0.5rem 0;
	text-align: center;
}
.about-logo img {
	width: 70%;
}
.about-dancers {
	height: 40rem;
	background-image: url("./assets/images/image--002.jpg");
	background-position-y: 35%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.about-mission-vision-text {
	flex: 2;
	padding: 0 2rem;
}
.about-mission-vision {
	width: 100%;
}
.values {
	padding: 0 2rem;
}
*.mouseover {
	cursor: pointer !important;
}
.team-section,
.partners-section {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.senior-team {
	/* grid-template-columns: 1fr 1fr; */
	display: flex;
	flex-direction: row;
	/* justify-content: center; */
	height: fit-content;
	gap: 0.5rem;
}
.senior-team-member-info {
	height: 100%;
	width: 20rem;
}
.senior-team-member-card {
	width: 100%;
	min-height: 25rem;
	max-height: 25rem;
	height: fit-content;
	overflow: hidden;
}
.senior-team-member-card img {
	width: 100%;
	height: 25rem;
	transition: transform ease-in-out 0.5s;
}
.senior-team-member-card img:hover {
	transform: scale(1.1);
	transition: transform ease-in-out 0.5s;
}
.team-members {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 2rem;
	width: 100%;
}
.team-member-info {
	/* width: 15rem; */
	/* margin: 0 1.5rem 3rem 1.5rem; */
	height: fit-content;
}
.team-member-card {
	width: 100%;
	min-height: 22rem;
	max-height: 22rem;
	overflow: hidden;
}
.team-member-card img {
	max-width: 100%;
	height: 22rem;
	transition: transform ease-in-out 0.5s;
}
.team-grid {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.wrapper {
	width: calc(100% / 4.5);
	margin: 0.5rem;
	position: relative;
}
.padded-container {
	height: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 130%;
}
.img {
	width: 100%;
	height: auto;
	transition: transform ease-in-out 0.5s;
}
.img:hover {
	transform: scale(1.1);
	transition: transform ease-in-out 0.5s;
}
.wrapper:hover .team-bio {
	display: flex;
	transition: 0.5s ease;
}
.centered {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}
.team-member-card img:hover {
	transform: scale(1.1);
	transition: transform ease-in-out 0.5s;
}
.team-member-details {
	width: 100%;
}
.team-position {
	font-size: 0.9rem;
}
.partner-logo {
	height: 5rem;
	margin: 1rem 2rem;
}
.partner-logo img {
	/* width: 100%; */
	height: 100%;
	/* overflow: auto; */
	/* border-radius: 50%; */
}
.detailed-services {
	padding-top: 5rem;
	padding-bottom: 2rem;
}
.service-details {
	min-height: 25rem;
}
.service-details-left {
	padding: 0 3rem 0 0;
}
.service-details-image {
	position: relative;
}
.service-details-image img {
	height: 100%;
	width: 100%;
}
.service-details-yellow {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(242, 199, 92, 0.5);
	/* background-color: rgba(215, 200, 38, 0.4); */
}
.service-read-more {
	align-items: center;
	justify-content: space-between;
}
.rw-pedia-visit-btn {
	padding: 1rem 3rem;
	background-color: #054c54;
	border: none;
}
.detailed-expertise-section {
	padding: 5rem 10rem;
	text-align: left !important;
}
.expertise-details {
	padding: 2rem 10rem;
}
.expertise-details-image {
	min-height: 20rem;
	border-radius: 1rem;
	transition: ease 0.5s;
}
.expertise-details-image:hover {
	transform: scale(1.05);
}
.expertise-area {
	width: 100%;
	align-items: center;
}
.expertise-area-find {
	align-items: center;
}
.expertise-area-find p {
	margin: 0 2rem 0 0;
}
.newsroom-section {
	padding: 2.5rem 10rem 2.5rem 15rem;
}
.news-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 50% 50%;
	gap: 1.5rem;
	height: 50rem;
}

.news-grid > div {
	position: relative;
}
.news-grid-left {
	grid-row: 1/3;
	grid-column: 1/3;
}
.news-grid-right {
	height: 100%;
}
.news-green-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70%;
	background-image: linear-gradient(
		to top,
		rgba(5, 76, 84, 1) 50%,
		rgba(255, 0, 0, 0)
	);
}
.news-text {
	position: absolute;
	height: 60%;
	bottom: 0;
	padding: 2rem 5rem 2rem 3rem;
}
.news-text-right {
	position: absolute;
	height: 60%;
	bottom: 0;
	padding: 0 3rem 1rem 1rem;
}
.news-text-title {
	font-size: 1.5rem;
	margin-top: 100rem;
}
.news-text-title-right {
	font-size: 1rem;
}
.news-text-intro {
	font-size: 1.2rem;
	margin: 1rem 0;
}
.news-text-intro-right {
	font-size: 0.7rem;
	margin: 0.5rem 0;
}
.news-view-btn {
	border: 1px solid #e9c46a;
	width: fit-content;
	padding: 1rem 3rem;
	text-transform: uppercase;
	border-radius: 1.5rem;
}
.news-view-btn-right {
	border: 1px solid #e9c46a;
	width: fit-content;
	padding: 0.5rem 1.5rem;
	text-transform: uppercase;
	font-size: 0.7rem;
	border-radius: 1.5rem;
}
.newsroom-tab-item {
	padding: 0 2rem 1rem 0;
	font-size: 1.3rem;
	cursor: pointer;
}
.newsroom-tab-item:hover {
	color: #054c54;
	border-bottom: 0.125rem solid #e9c46a !important;
}
.newsroom-cards {
	grid-template-columns: 1fr 1fr 1fr;
	/* height: auto; */
	gap: 5rem;
}
.newsroom-card {
	position: relative;
}
.newsroom-card-image {
	height: 15rem;
}
.newsroom-card-image img {
	width: 100%;
	height: 100%;
}
.newsroom-card-text {
	padding: 1rem 2rem 0 2rem;
}
.newsroom-intro-paragraph {
	margin-bottom: 5rem;
}
.newsroom-read-more {
	justify-content: space-between;
	align-items: center;
	position: absolute !important;
	bottom: 0 !important;
	padding: 0 2rem;
}

.article-section {
	margin: 7rem 0 2rem 0;
}
.article-featured-image {
	background-color: white;
}
.article-featured-image img {
	width: 100%;
	border-radius: 1rem;
}
.article-author {
	padding: 3rem 4rem 2rem 4rem;
	border-radius: 0 0 1rem 1rem;
	margin: -1rem 5rem 1rem 0;
	z-index: -1;
}
.article-body {
	padding: 2rem 15rem;
}
.article-body-text * {
	font-size: 1.3rem;
	line-height: 1.5;
}
.article-body-text * {
	width: 100% !important;
	height: 100% !important;
}
.article-body-split {
	height: auto;
}
.article-body-split-image {
	padding: 0 3rem;
	justify-content: center;
	align-self: center;
}
.article-body-split-image img {
	width: 100%;
}
.contact-section {
	padding: 5rem 12rem;
	justify-content: center;
}
.contact-form {
	width: 100%;
}
.contact-input,
.contact-textarea,
.contact-submit-btn {
	margin: 0 1rem;
	width: 100%;
}
.contact-input input,
textarea,
select {
	width: 100%;
	padding: 1rem 2rem;
	font-size: 1rem;
	background-color: #f2f2f2;
	border: 2px solid #cccccc;
}
#country-code {
	width: 50% !important;
	padding: 1rem 0 1rem 1rem;
	border-right: none;
}
.contact-textarea textarea {
	min-height: 10rem;
}
.contact-submit-btn {
	padding: 1rem;
	background-color: #054c54;
	color: #ffffff;
	border: 1px solid #054c54;
	border-radius: 1rem;
	min-width: fit-content;
	cursor: pointer;
}
/* .contact-submit-btn:hover {
	border: 1px solid #054c54;
	color: #054c54;
	background-color: #ffffff;
} */
.contact-input input.check {
	font-size: 1.5rem;
}
.contact-address {
	padding: 13rem 0 2rem 2rem;
}
.booking-section {
	padding: 0 15rem 5rem 15rem;
}
.booking {
	width: 80%;
	align-self: center;
	padding: 0 3rem;
}
.booking-form {
	width: 100%;
}
.booking-tab {
	background-color: #054c54;
	width: fit-content;
	align-self: center;
}
.booking-tab-item {
	padding: 1rem 0;
}
.booking-tab-item.active {
	background-color: #e9c46a;
}
.booking-tab-item.active a {
	color: #054c54;
}
.booking-tab-text a {
	padding: 0 3rem;
	color: #ffffff;
	text-transform: uppercase;
	border-right: 2px solid #ffffff;
}
.booking-btn {
	padding: 0.5rem 3rem;
	margin: 0 1rem 0 0;
	background-color: #054c54;
	color: #ffffff;
	border: 1px solid #054c54;
	border-radius: 0.5rem;
	min-width: fit-content;
	cursor: pointer;
}
.drpzn {
	border: 2px dashed black;
	padding: 0.2rem;
	width: 100%;
}
.drpzn form {
	height: 15rem;
	padding: 5rem;
}
.checkboxes {
	padding: 0 5rem;
	justify-content: space-between;
	align-items: center;
}
table {
	border-collapse: collapse;
	border: 1px solid #dddddd;
	margin: 1rem 0;
}
tr:nth-child(odd) {
	background-color: #f2f2f2;
}
td,
th {
	text-align: left;
	padding: 2rem;
}
.add-member-form {
	border: 1px solid #f2f2f2;
	border-radius: 1rem;
	box-shadow: -0.5rem -0.5rem 4rem 2rem rgba(0, 0, 0, 0.1);
	padding: 3rem 1rem;
}
.role-radio-btns {
	margin: 0 0 0 5rem;
}
.cars-select {
	padding: 1rem 3rem;
	border: 1px solid #dddddd;
	font-size: 1.5rem;
}
.selected-car {
	min-height: 10rem;
	justify-content: space-between;
	margin: 1rem 0;
}
.car-photo img,
.hotel-photo img {
	height: 10rem;
	width: 15rem;
}
.car-details,
.hotel-details {
	margin: 1rem 0 1rem 1rem;
	flex: 2;
	justify-content: space-between;
}
.car-info {
	margin: 0 2rem;
}
.car-availability select,
.hotel-availability select {
	padding: 0.7rem 2rem;
	width: 15rem;
	border: none;
	font-size: 1.5rem;
}
.car-availability select:nth-child(odd),
.hotel-availability select:nth-child(odd) {
	margin: 0 0 1rem 0;
}
.car-cost {
	background-color: #054c54;
	margin: 1rem;
	padding: 1rem 2rem;
}
.selected-hotel {
	min-height: 10rem;
	justify-content: space-between;
	margin: 1rem 0;
	border: 1px solid #dddddd;
}
.hotel-name {
	width: fit-content;
	max-width: 100%;
	padding: 0 0 1rem 0;
	border-bottom: 2px solid #dddddd;
}
.hotel-stars i {
	color: #e9c46a;
	font-size: 1.1rem;
}
.hotel-info p {
	text-align: left;
	font-size: 1.2rem;
}
.hotel-info-space {
	justify-content: space-between;
}
.hotel-cost {
	background-color: #054c54;
	margin: 1rem;
}
.hotel-price {
	height: 60%;
	width: 100%;
	padding: 0.5rem 2rem;
}
.cost-unit {
	height: 40%;
	width: 100%;
	padding: 0.7rem 2rem;
	background-color: #e9c46a;
}
.booking-terms {
	margin: 1rem 2rem 4rem 2rem;
	padding: 1rem 0 4rem 0;
	border-bottom: 2px solid #dddddd;
}
.review button {
	background-color: #e9c46a;
	border: none;
	font-size: 1.3rem;
	padding: 1.2rem 3rem;
}
img {
	max-width: 100%;
}

.top-nav-hamburger {
	display: none;
	transition: display ease-in-out;
}
.mobile-menu {
	display: none;
	flex-direction: column;
	width: 100%;
	position: absolute;
	left: 0;
	margin-top: 0.7rem;
	background-color: #ffffff;
	box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.3);
	padding: 1rem;
	transition: display 0.5s ease-in-out;
}
.mobile-nav-menu li {
	list-style: none;
	display: flex;
	justify-content: center;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
	color: #054c54;
}
#close,
#closeCat {
	display: none;
	font-size: 1.5rem;
	transition: display ease-in-out;
}
#open,
#openCat {
	font-size: 1.5rem;
}
.show-categories {
	display: none;
	transition: display ease-in-out;
}
.newsletter-name {
	border-radius: 0.5rem;
	margin: 0 0 0.5rem 0;
}
.with-labels {
	align-items: flex-end;
}
input,
textarea,
select,
button {
	font-family: FontAwesome, "Poppins", sans-serif;
}
*:focus {
	outline: none;
}
.newsroom-search-bar {
	width: 100%;
	padding: 1rem 2rem;
	border-radius: 2rem 0 0 2rem;
	font-size: 1.1rem;
	text-align: center;
	border: 1px solid #cccccc;
	border-right: none;
}
.newsroom-filters {
	align-self: center;
}
.newsroom-filters div {
	text-align: center;
	margin: 0.5rem 0.5rem 0 0.5rem !important;
}
.content {
	background-color: transparent !important;
}
.yellow-hover :hover {
	color: #e9c46a !important;
}
.green-hover :hover {
	color: #054c54 !important;
}

/* Custom select menus */

/* The container must be positioned relative: */
.custom-select {
	position: relative;
	font-family: inherit;
	width: 100%;
}

.custom-select select {
	display: none; /*hide original SELECT element: */
}

.select-selected {
	background-color: #f2f2f2;
	width: 100%;
}

/* Style the arrow inside the select element: */
.select-selected:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 1.5rem;
	width: 0;
	height: 0;
	border: 0.5rem solid transparent;
	border-color: #054c54 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #054c54 transparent;
	top: 30%;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
	color: #ffffff;
	padding: 0.5rem 1rem;
	border: 1px solid transparent;
	border-color: transparent transparent white transparent;
	cursor: pointer;
}
.select-selected {
	border: 1px solid #cccccc;
	border-radius: 1rem;
	color: black;
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: #054c54;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	max-height: 25rem;
	overflow-y: scroll;
	width: 100%;
}

/* Hide the items when the select box is closed: */
.select-hide {
	display: none;
}
.select-items div:hover,
.same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}
.rw-pedia-join-btn {
	padding: 1rem 2rem;
	background-color: #e9c46a;
	width: fit-content;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
}
.rw-pedia-join-btn:hover {
	background-color: #054c54;
	color: #e9c46a;
}
.service-body-text {
	padding: 0 0 0 3rem;
}
.exhibition-body {
	margin: 0 0 5rem 0;
}
.exhibition-icon {
	min-width: 5rem;
	min-height: 5rem;
	max-width: 5rem;
	max-height: 5rem;
}
.exhibition-icon img {
	width: 100%;
	width: 100%;
}
.exhibition-body-text {
	padding: 0 0 0 4rem;
}
.exhibition-body-text ul {
	list-style-position: inside;
}
/* Study visits page testimonies slideshow */

.mySlides1 {
	display: none;
}
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
	padding: 1rem 5rem;
}
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 10%;
	width: auto;
	font-size: 3rem;
	transition: 0.6s ease;
	user-select: none;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.prev:hover,
.next:hover {
	color: #054c54;
}
.testimony-avatar {
	min-width: 10rem;
	min-height: 10rem;
	max-width: 10rem;
	max-height: 10rem;
}
.testimony-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.testimony-text {
	padding: 0 2rem;
}
.testimony-quotes {
	font-family: sans-serif;
	font-size: 8rem;
	color: gray;
	font-weight: bold;
	margin: -2rem 0 -5rem 0;
}
.article-controls {
	background-color: #054c54;
	position: fixed;
	top: 7rem;
	left: 0;
	right: 0;
	z-index: 9;
}
.all-articles {
	padding: 1rem 5rem;
	width: fit-content;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.prev-article:hover,
.all-articles:hover,
.next-article:hover {
	cursor: pointer;
	color: #e9c46a;
}
.article-year {
	padding: 0.2rem 1rem;
	background-color: #e9c46a;
	width: fit-content;
	border-radius: 0.3rem;
}
.article-likes {
	padding: 0 1rem;
	border: 1px solid #e9c46a;
	border-radius: 1rem;
	margin: 0 0 0 1rem;
	cursor: pointer;
}
.article-likes:hover {
	color: #054c54;
}
.gallery-section {
	padding: 2rem 10rem;
}
.gallery-menu,
.resources-menu {
	justify-content: center;
}
.gallery-menu-item,
.resources-menu-item {
	padding: 0.5rem 0;
	margin: 0 2rem;
}
.gallery-menu-item:hover,
.resources-menu-item:hover {
	color: #e9c46a;
	cursor: pointer;
}
.gallery-menu-item.active,
.resources-menu-item.active {
	font-weight: bold;
	border-bottom: 0.2rem solid #e9c46a;
}
.videos,
.publications {
	display: none;
}
.albums,
.videos-library,
.reports-library,
.publications-library {
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
.publications-library {
	justify-content: center;
}
.reports-library {
	gap: 5rem !important;
}
.album-thumb,
.video-thumb {
	position: relative;
	height: 20rem;
	width: 30rem;
	border-radius: 0.7rem;
}
.video-thumb iframe {
	height: 100%;
	width: 100%;
	border: none;
	border-radius: 0.7rem;
}
.album-year {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	background-color: #e9c46a;
	padding: 0.1rem 0.5rem;
	border-radius: 0.3rem;
}
.active-tab {
	color: #054c54;
	font-weight: bold;
	border-bottom: 0.125rem solid #e9c46a !important;
}
.tablink {
	border-bottom: 0.125rem solid #cccccc;
	width: 100%;
}
.document-card {
	position: relative;
	padding: 1rem;
	border: 1px solid #cccccc;
	border-radius: 1rem;
	box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
.document-type {
	width: 8rem;
}
.document-type img {
	width: 100%;
}
.document-download {
	padding: 1.2rem;
	background-color: #054c54;
	border: 5px solid #cccccc;
	border-radius: 50%;
	height: fit-content;
	width: fit-content;
	position: absolute;
	bottom: -2rem;
	right: -2rem;
}
.publication-card {
	align-items: center;
	cursor: pointer;
	width: fit-content;
}
.publication-card.active {
	border: 1.5px solid #054c54;
}
.publication-type {
	width: 4rem;
	margin: 0 1rem 0 0;
}
.research-papers {
	display: none;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
	justify-content: center;
}
.research-paper-card {
	position: relative;
	width: 25rem !important;
}
.paper-icon {
	width: 5rem;
	position: absolute;
	top: -2rem;
	left: 1.5rem;
}
.paper-icon img {
	width: 100%;
}
.paper-title {
	margin: 4rem 0 0 0;
}
.paper-content {
	padding: 0 2rem;
	margin: 0 0 4rem 0;
}
.paper-footer {
	background-color: #e9c46a;
	padding: 1rem 2rem;
	align-items: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	justify-content: space-between;
}
.paper-download {
	background-color: #054c54;
	padding: 0.8rem;
	border-radius: 50%;
	margin: 0 0 0 2rem;
}
.policy-briefs {
	display: none;
}
.team-bio {
	display: none;
	position: absolute;
	width: 100%;
	border-radius: 1rem 1rem 0 0;
	z-index: 10;
	bottom: 0;
	background-color: rgb(5, 76, 84, 0.9);
	padding: 1rem;
	transition: 0.5s ease;
}
.home-video {
	padding: 0 3rem;
}
.home-video .home-video-thumb {
	width: 100%;
}
.home-video-thumb iframe {
	width: 100%;
	height: 25rem !important;
	border: none;
	border-radius: 1rem;
	height: 100%;
}
.home-animation-container {
	background-color: transparent !important;
	/* background-color: #EEEDEF; */
}
.home-animation {
	height: calc(100%);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* margin: 5rem 0 0 0; */
	z-index: -1;
	background-color: rgb(240, 238, 240);
}
#home-animation-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	max-height: 100%;
	max-width: 100%;
}
button {
	cursor: pointer;
}
.home-slideshow-container {
	background-color: #054c54;
	padding: 0.5rem 3rem;
	justify-content: center;
	align-items: center;
	min-height: 25rem;
	max-height: 35rem;
}
.home-slideshow-container img {
	max-height: 32rem;
}
.home-prev,
.home-next {
	cursor: pointer;
	position: absolute;
	top: 30%;
	width: auto;
	font-size: 3rem;
	transition: 0.6s ease;
	user-select: none;
}
.home-prev {
	left: 2rem;
}
.home-next {
	right: 2rem;
}
.home-prev:hover,
.home-next:hover {
	color: white;
}
.newsroom-search-btn {
	background-color: #054c54;
	/* border: 1px solid #cccccc; */
	font-size: 1.1rem;
	padding: 0 1rem;
	border-radius: 0 2rem 2rem 0;
}
.ack-modal-container,
.contact-ack-modal-container {
	display: none;
	height: 100%;
	width: 100%;
	z-index: 9;
	padding: 8rem 0 0 0;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	justify-content: center;
}
.ack-modal,
.contact-ack-modal {
	align-items: center;
	max-width: 30rem;
	height: fit-content !important;
	border-radius: 1rem;
	box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
	padding: 0 2rem;
}
.ack-message{
	margin-bottom: 3rem;
}
.ack-close-btn,
.contact-ack-close-btn {
	position: absolute;
	bottom: 1rem;
	right: 2rem;
	cursor: pointer;
}
.ack-close-btn:hover {
	color: #e9c46a;
}
.inner-page-intro {
	padding: 0;
	height: 100%;
	justify-content: flex-end;
}
.study-visits-cards {
	gap: 2rem;
	height: max-content;
}
.card-top-left-badge {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #054c54;
	padding: 0.5rem;
	text-transform: uppercase;
}
.study-card-content{
	height: max-content;
}
/* For extra small devices */
@media only screen and (max-width: 600px) {
	.text-big {
		font-size: 2rem;
	}
	.text-xl {
		font-size: 2.5rem;
	}
	.text-medium {
		font-size: 1.5rem;
	}
	.line {
		width: 5rem;
	}
	.top-dropdown:hover .top-dropdown-content {
		display: none;
	}
	.scroll {
		display: none;
	}
	.dropbtn.active {
		border-bottom: none;
	}
	.dropbtn {
		padding: 0;
		font-size: 1rem;
	}
	.text-section {
		padding: 3rem 1rem 2rem 1rem;
		flex-direction: column;
	}
	.detailed-expertise-section {
		padding: 3rem 1rem 2rem 1rem;
		flex-direction: column;
	}
	.expertise-details {
		padding: 1rem !important;
	}
	.rw-pedia-section {
		flex-direction: column;
	}
	.half-width {
		width: 100%;
	}
	.top-nav-menu {
		display: none;
	}
	.header-icons i {
		display: none;
	}
	.top-nav-hamburger {
		display: block;
	}
	.header {
		padding: 0.5rem 1rem 0 0.5rem;
		max-width: 100%;
	}
	.top-nav-logo {
		width: 6rem;
	}
	footer * {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}
	.footer-newsletter {
		justify-content: center;
		align-items: center;
		margin-bottom: 2rem;
	}
	.footer-copyright {
		flex-direction: column;
	}
	.footer-icons {
		position: relative;
		margin: 0.5rem 0;
		padding: 0;
		align-self: center !important;
	}
	.home-top-section {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 10rem 1rem 2rem 1rem;
		height: fit-content !important;
	}
	.home-intro {
		padding: 0;
		margin: 0;
	}
	.home-section-container {
		background-image: none;
	}
	.services {
		flex-direction: column;
		margin: 1rem 0;
	}
	.services-item {
		margin: 0 0 2rem 0;
	}
	.rw-pedia-home {
		flex-direction: column;
		height: fit-content;
		max-width: 100%;
	}
	.flag {
		display: none;
	}
	.rw-pedia-paragraph {
		padding: 1rem;
	}
	.news-home {
		flex-direction: column;
	}
	.news-carousel {
		/* flex-direction: column; */
		grid-template-columns: 1fr;
		margin: 0;
	}
	.news-card {
		margin: 1rem 0;
		/* min-height: 25rem; */
	}
	.news-read-more {
		width: 100%;
		padding: 0 2rem;
		margin: 2rem 0;
	}
	.about-mission-vision {
		flex-direction: column;
		align-items: flex-start;
	}
	.values {
		padding: 0;
	}
	.senior-team {
		flex-direction: column;
		align-items: center;
	}
	.team-members {
		grid-template-columns: 1fr;
	}
	.team-member-info {
		align-self: center;
		justify-self: center;
	}
	.partner-logo {
		height: 5rem;
		width: 5rem;
		margin: 0 1rem 1rem 1rem;
	}
	.service-details {
		flex-direction: column;
		padding: 0;
	}
	.service-details-left {
		padding: 0;
	}
	.service-details-paragraph {
		width: 100%;
	}
	.expertise-area {
		flex-direction: column;
		align-items: flex-start;
	}
	.expertise-area-find p {
		margin: 0 2rem 0 0;
	}
	.newsroom-section {
		padding: 1rem 1rem 1rem 1rem;
	}
	.newsroom-filters {
		flex-direction: column;
	}
	.newsroom-filters div {
		margin: 0.5rem 0 0 0 !important;
		width: 100%;
	}
	.news-grid {
		grid-template-columns: 1fr;
		grid-template-rows: 25rem 20rem 20rem 20rem 20rem;
		gap: 1.5rem;
		height: auto;
	}
	.news-grid > div {
		position: relative;
	}
	.news-grid-left {
		grid-row: inherit;
		grid-column: inherit;
	}
	.news-grid-right {
		height: inherit;
	}
	.news-text {
		padding: 0 1rem 1rem 1rem;
	}
	.news-text-title {
		font-size: 1rem;
		margin-top: 0;
	}
	.news-text-intro {
		font-size: 0.8rem;
		margin: 0.5rem 0;
	}
	.news-view-btn {
		font-size: 0.8rem;
		padding: 0.5rem 2rem;
	}
	.show-categories {
		display: block;
	}
	.newsroom-tab {
		display: none;
		flex-direction: column;
	}
	.newsroom-cards {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.article-section {
		margin: 4rem 0 2rem 0;
	}
	.article-author {
		padding: 2rem 2rem 1rem 2rem;
		border-radius: 0 0 1rem 1rem;
		margin: -1rem 0 1rem 0;
	}
	.article-author p {
		font-size: 1rem;
	}
	.article-body {
		padding: 1rem;
	}
	.article-share {
		align-self: flex-start;
	}
	.contact-form-full {
		flex-direction: column;
	}
	.contact-section {
		flex-direction: column;
		padding: 1rem;
	}
	.contact-address {
		padding: 1rem;
	}
	.contact-input-group {
		flex-direction: column;
		margin: 0;
	}
	.contact-input,
	.contact-textarea {
		margin: 0.5rem 0;
	}
	.contact-input input,
	.contact-textarea textarea,
	.contact-input select {
		padding: 1rem;
		font-size: 1rem;
	}
	.service-body {
		flex-direction: column;
	}
	.service-body-image {
		min-height: 15rem;
	}
	.service-body-text {
		padding: 0;
	}
	.exhibition-icon {
		min-width: 2.5rem;
		min-height: 2.5rem;
		max-width: 2.5rem;
		max-height: 2.5rem;
	}
	.exhibition-body-text {
		padding: 0 0 0 1rem;
	}
	.slideshow-container {
		padding: 1rem;
	}
	.testimony {
		flex-direction: column;
		align-items: center;
	}
	.testimony-text {
		padding: 1rem 3rem;
	}
	.testimony-quotes {
		font-family: sans-serif;
		font-size: 4rem;
		color: gray;
		font-weight: bold;
		margin: -0.5rem 0 -2rem 0;
	}
	.article-controls {
		top: 5rem;
	}
	.gallery-section {
		padding: 2rem 1rem;
	}
	.albums,
	.videos-library {
		grid-template-columns: 1fr;
	}
	.resources-menu-item {
		margin: 0 0.5rem;
	}
	.reports-library {
		grid-template-columns: 1fr;
		gap: 3rem !important;
	}
	.document-download {
		bottom: -2rem;
		right: 0;
	}
	.album {
		margin: 0.5rem 0;
	}
	.album-thumb,
	.video-thumb {
		max-height: 12rem;
		width: 100%;
	}
	.newsroom-tab-item {
		margin: 0.1rem 0;
	}
	.active-tab {
		border-bottom: none !important;
	}
	.tablink {
		border-bottom: none !important;
	}
	.publications-library {
		flex-direction: column;
	}
	.publication-card {
		width: 100%;
	}
	.research-papers {
		grid-template-columns: 1fr;
	}
	.research-paper-card {
		width: 100% !important;
	}
	.wrapper {
		width: calc(90%);
		/* margin: 0.5rem; */
	}
	.home-about {
		flex-direction: column;
	}
	.home-video {
		padding: 0;
	}
	div#service-text {
		order: 2;
	}
	div#service-image {
		order: 1;
	}
	.home-slideshow-container {
		min-height: 20rem;
	}
	.home-next,
	.home-prev {
		top: 40%;
		font-size: 2rem;
	}
	.home-next {
		right: 0.5rem;
	}
	.home-prev {
		left: 0.5rem;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 601px) and (max-width: 992px) {
	html {
		font-size: 65%;
	}
	.text-medium {
		font-size: 2rem;
	}
	.line {
		width: 5rem;
	}
	.text-section {
		padding: 2rem 3rem 2rem 3rem;
	}
	.detailed-expertise-section {
		padding: 2rem 3rem 2rem 3rem;
	}
	.expertise-details {
		padding: 2rem 3rem !important;
	}
	.header {
		padding: 0.5rem 1rem 0 1rem;
		width: 100%;
	}
	.top-nav-logo {
		width: 6rem;
	}
	.top-nav-menu li,
	.dropbtn {
		padding: 1rem;
	}
	.home-top-section {
		padding: 10rem 3rem 5rem 3rem;
	}
	.home-intro {
		padding: 0;
		margin: 0;
	}
	.services {
		margin: 1rem 0;
	}
	.rw-pedia-home {
		height: 30rem;
	}
	.rw-pedia-paragraph {
		padding: 1rem;
	}
	.rw-pedia-find {
		padding: 1rem;
	}
	.news-home {
		flex-direction: column;
	}
	.news-carousel {
		margin: 0;
	}
	.about-mission-vision {
		flex-direction: column;
		align-items: flex-start;
	}
	.values {
		padding: 0;
	}
	.team-member-card {
		min-height: 18rem;
		max-height: 18rem;
	}
	.team-member-card img {
		width: 100%;
		height: 18rem;
	}
	.partner-logo {
		height: 10rem;
		width: 10rem;
		margin: 0 1rem 1rem 1rem;
	}
	.service-details {
		padding: 0;
		min-height: 20rem;
	}
	.service-details-left {
		padding: 0;
		padding: 0 1rem 0 0;
	}
	.service-details-paragraph {
		width: 100%;
	}
	.expertise-area-find p {
		margin: 0 2rem 0 0;
	}
	.newsroom-section {
		padding: 1rem 1rem 1rem 1rem;
	}
	.news-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 20rem 20rem 20rem;
		gap: 1.5rem;
		height: auto;
	}
	.news-grid > div {
		position: relative;
	}
	.news-grid-left {
		grid-row: 1/3;
		grid-column: 1/3;
		grid-column: inherit;
	}
	.news-text {
		padding: 0 1rem 1rem 1rem;
	}
	.news-text-title {
		font-size: 1.5rem;
		margin-top: 0;
	}
	.news-text-intro {
		font-size: 1rem;
		margin: 0.5rem 0;
	}
	.news-view-btn {
		font-size: 1rem;
		padding: 0.5rem 2rem;
	}
	.newsroom-cards {
		gap: 1rem;
	}
	.article-section {
		margin: 4rem 0 2rem 0;
	}
	.article-author {
		padding: 2rem 2rem 1rem 2rem;
		border-radius: 0 0 1rem 1rem;
		margin: -1rem 2rem 1rem 0;
	}
	.article-author p {
		font-size: 1rem;
	}
	.article-body {
		padding: 2rem 7rem;
	}
	.article-share {
		align-self: flex-start;
	}
	.contact-section {
		flex-direction: column;
		padding: 1rem;
	}
	.contact-address {
		padding: 1rem;
	}
	.article-controls {
		top: 5.5rem;
	}
	.research-papers {
		grid-template-columns: 1fr 1fr;
	}
}

/* large laptops and desktops, 1200px and up */
@media only screen and (min-width: 993px) and (max-width: 1440px) {
	html {
		font-size: 80%;
	}
	.text-medium {
		font-size: 2.3rem;
	}
	.line {
		width: 10rem;
	}
	.text-section {
		padding: 5rem 7rem;
	}
	.detailed-expertise-section {
		padding: 5rem;
	}
	.expertise-details {
		padding: 2rem 5rem !important;
	}
	.header {
		padding: 1rem 3rem 0 3rem;
	}
	.top-nav-logo {
		width: 10rem;
	}
	.top-nav-menu li,
	.dropbtn {
		padding: 1rem;
	}
	.home-top-section {
		padding: 10rem 5rem 5rem 10rem;
	}
	.home-intro {
		padding: 5rem 0;
	}
	.services {
		margin: 1rem 0;
	}
	.rw-pedia-home {
		height: 35rem;
	}
	.rw-pedia-paragraph {
		padding: 2rem;
	}
	.rw-pedia-find {
		padding: 1rem 2rem;
	}
	.team-member-card {
		min-height: 20rem;
		max-height: 20rem;
	}
	.team-member-card img {
		width: 100%;
		height: 20rem;
	}
	.service-details {
		padding: 0;
		min-height: 20rem;
	}
	.service-details-left {
		padding: 0 1rem 0 0;
	}
	.service-details-paragraph {
		width: 100%;
	}
	.newsroom-section {
		padding: 1rem 2rem;
	}
	.news-grid {
		gap: 1rem;
		height: 45rem;
	}
	.news-text-title {
		font-size: 1.5rem;
		margin-top: 0;
	}
	.newsroom-cards {
		gap: 1.5rem;
	}
	.article-body {
		padding: 2rem 10rem;
	}
	.contact-section {
		padding: 1rem;
	}
	.contact-address {
		padding: 12rem 1rem 0 1rem;
	}
	.article-controls {
		top: 8rem;
	}
}
@media only screen and (min-width: 1441px) {
	html {
		font-size: 100%;
	}
	.header {
		padding-right: 10rem;
		padding-left: 5rem;
	}
	.news-text-title {
		font-size: 1.5rem;
		margin-top: 0;
	}
	.news-text-intro {
		font-size: 1rem;
		margin: 1rem 0;
	}
}