/* BOOTSTRAP OVERWRITES--------------------------------------------------- */
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1280px;
}
.btn {
	font-family: Oswald;
	text-transform: uppercase;
	text-align: right;
	border-radius: 0;
	border: none;
	padding: 3px 7px;
	font-size: 13px;
}
.btn-info, a.bg-info {
	background-color: #38A4CA !important;
	border-color: #38A4CA;
}
.btn-info:hover, .btn-info.active, a.bg-info:hover, a.bg-info:focus, a.bg-info.active {
	background: #057296 !important;
	/*background: linear-gradient(0deg, rgba(19,65,101,1) 0%, rgba(39,130,203,1) 100%) !important;*/
	border: none;
}
.btn-default {
	background: #f1f1f1;
	color: #3a3f64;
}
.btn-default:hover, .btn-default.active {
	background: rgb(225,225,225);
	background: linear-gradient(0deg, rgba(225,225,225,1) 0%, rgba(241,241,241,1) 100%);
}
.btn-warning, a.bg-warning {
	color: #FFF;
	background-color: #FFA240 !important;
	border-color: #FFA240;
}
.btn-warning:hover, .btn-warning.active, a.bg-warning:hover, a.bg-warning:focus, a.bg-warning.active {
	background: #F17B00 !important;
	/*background: linear-gradient(0deg, #FF8000 0%, #FFC415 100%) !important;*/
	border: none;
	color: #FFF !important;
}
.text-warning {
	color: #FFA240 !important;
}
a.text-warning:focus, a.text-warning:hover {
	color: #F17B00 !important;
}
.bg-primary {
	background-color: #28367D !important;
}
.bg-success {
	background-color: #25B57A !important;
}
body {
	font-family: Poppins, serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.9em;
	color: #666;
}
body.home {
	background: url(../img/rcc-circle-grey.png) center 50vh fixed no-repeat;
	background-size: contain;
}
h1 {
	font-size: 60px
}
h2 {
	font-size: 45px
}
h3 {
	font-size: 35px
}
h4 {
	font-size: 25px
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	color: #0d0d0d;
	font-family: Oswald, sans-serif;
	font-weight: 500;
	line-height: 1.3em;
	margin: 20px 0;
	text-transform: uppercase
}
a {
	color: #0d0d0d;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover {
	color: #26ccca
}
p {
	margin: 10px 0
}
/*COLORS--------------------------------------------------------------------------------*/
.bg-black {
	background: #000;
}
.bg-dark {
	background: #0F0F1E !important;
}
.bg-color1 {
	background: rgb(255, 230, 37);
	background: #FDC927;
}
.bg-color2 {
	background: rgb(38, 204, 202);
	background: #29377E;
	background: #38A4CA;
}
.text-black {
	color: #000;
}
.text-white {
	color: #FFF;
}
.header-nav a:hover, .header-nav .active a, .header-nav a.active, .header-nav .header-social a, .header-numbers, .text-color1, .text-warning {
	color: #FFC414;
	color: rgb(255, 230, 37);
	color: #FDC927;
}
.text-color2 {
	color: rgb(38, 204, 202);
	color: #38A4CA;
}
/*TOP MENU------------------------------------------------------------------------------*/
.header-nav {
	z-index: 1000;
	background: #000;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.home .header-nav {
	background: rgba(0,0,0,.8);
}
.header-nav a {
	color: #FFF;
}
.header-menu a {
	font-family: Oswald;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}
.navbar-expand-md .navbar-nav.header-menu .nav-link {
	padding-right: 7px;
	padding-left: 7px;
}
.navbar-expand-md .navbar-nav.header-social .nav-link {
	padding-right: 4px;
	padding-left: 4px;
}
.header-nav .header-social a {
	font-size: 15px;
}
.navbar-brand {
	position: relative;
	padding-left: 140px;
	font-size: 13px;
}
.navbar-brand img {
	position: absolute;
	width: 120px;
	top: -30px;
	left: 10px;
}
.header-nav li.dropdown:hover > .dropdown-menu {
    display: block;    
}
.header-nav .dropdown-menu {
	font-size: 11px;
	background: rgba(0,0,0,0.7);
	top: 30px;
	padding: 30px 0;
}
.header-nav .dropdown-item {
	color: #FFF;
	font-size: 15px;
}
.header-nav .dropdown-item:hover {
	color: #FFA240;
	background: none;
}
/*FOOTER---------------------------------------------------------------------------*/
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 50px;
	min-height: 100%;
}
main {
	margin-bottom: 100px;
	padding-top: 70px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFF;
}
.footer a {
	color: #FFF;
}
/*HEADER------------------------------------------------*/
header {
	background: #0F0F1E;
	z-index: 900;
	position: relative;
	margin-bottom: 150px;
}
header > .container {
	height: 100vh;
	max-height: 700px;
	position: relative;
	overflow: hidden;
}
.header-video {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -500px;
	max-width: 62%;
}
.header-video .fa {
	position: absolute;
	left: 40%;
	bottom: 40%;
	z-index: 1000;
	font-size: 100px;
	color: #FFF;
	opacity: .7;
	text-shadow: 0 5px 10px rgba(0,0,0,.5);
	margin-top: -50px;
	transition: all .2s ease-out;
}
.header-video:hover .fa {
	opacity: .95;
}
header h1 {
	font-size: 85px;
	line-height: 85px;
	color: #FFF;
}
header h2 {
	font-size: 29px;
	color: #FFF;
}
.header-numbers {
	font-family: Oswald;
	font-size: 34px;
	font-weight: 500;
	margin-top: 50px;
}
.header-numbers small {
	display: block;
	font-size: 15px;
	color: #B3B3B3;
}
.database .header-banners {
	margin: 0 -15px 50px;
}
.header-banner {
	height: 250px;
	margin-bottom: -125px;
	font-size: 16px;
	line-height: 20px;
}
.header-banner {
	height: auto; 
	min-height: 250px;
}
.database .header-banner {
	margin: 0;
}
.header-banner a {
	font-family: Oswald;
	color: #FFF;
	text-decoration: underline;
	display: inline-block;
	padding: 0 10px;
	opacity: .9;
}
.header-banner a:hover {
	opacity: 1;
	color: #FFF;
}
.sentiment-wrapper {
	position: relative;
	min-height: 100px;
	background: linear-gradient(180deg, rgb(255, 142, 23) 0%, rgb(255, 162, 64) 100%);
	margin-top: 40px;
}
.sentiment-wrapper {
	background: linear-gradient(180deg, rgb(253, 180, 2) 0%, rgb(253, 201, 39) 100%);
}
.bg-color2 .sentiment-wrapper {
	background: linear-gradient(180deg, #1793BC 0%, #38A6CA 100%);
}
.sentiment-title {
	position: absolute;
	width: 100px;
	font-size: 13px;
	font-weight: 500;
	border: 2px solid #FDC927;
	border-radius: 100px;
	height: 100px;
	padding-top: 12px;
	right: 15px;
	top: -50px;
	background: rgb(253, 180, 2);
	line-height: 18px;
}
.bg-color2 .sentiment-title{
	background: #1793BC;
	border-color: #38A6CA;
}
.sentiment-content {
	font-size: 15px;
	text-align: left;
	padding: 20px;
	line-height: 16px;
}
.sentiment-number {
	font-family: Oswald;
	font-size: 44px;
	font-weight: 500;
	margin-bottom: 10px;
}
.sentiment-number small {
	font-size: 16px;
	margin-left: 3px;
}
/*HOME-----------------------------------------------------------------------------------------*/
.home header {
	margin-bottom: 0;
}
.home main {
	padding-top: 0;
}
.home-about {
	padding-top: 150px;
	padding-bottom: 100px;
}
.news-slider-wrapper {
	position: relative;
}
.home-more {
	position: absolute;
	right: 0;
	bottom: 10px;
	line-height: 20px;
	font-family: Oswald;
}
.home-more a {
	color: #DADAEA;
	text-decoration: underline;
}
.home-more a:hover {
	color: #FFF;
}
.home-highlights {
	/*margin-top: 100px;*/
	position: relative;
}
.database .home-highlights {
	margin-bottom: 50px;
}
/*
.home-highlights::before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 200px;
	height: 40%;
	border-left: 1px solid #FFF;
}
*/
.home-highlights h5 {
	margin-bottom: 5px;
	text-transform: none;
	font-weight: 400;
	margin-top: 20px;
	opacity: .9;
}
.home-highlights p {
	line-height: 1.4em;
}
.home-highlights .progress {
	height: 10px;
	border-radius: 0;
	background: #000;
}
.home-highlights .item {
	min-height: 272px;
}
.video-link {
	position: relative;
	display: block;
	margin: 10px 20px 50px;
}
.video-link:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.video-link img {
	border: 1px solid #FFF;
}
.video-link span {
	display: block;
	background: #000;
	color: #FFF;
	font-family: Oswald;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 25px;
	border-radius: 40px;
	position: absolute;
	right: 20px;
	bottom: -40px;
	box-shadow: 2px 2px 5px rgba(0,0,0, .5);
}
.covid-link {
	position: relative;
	display: block;
	margin: 10px 20px 50px;
}
.covid-link:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.covid-link span {
	display: block;
	background: #000;
	color: #FFF;
	font-family: Oswald;
	width: 150px;
	height: 40px;
	line-height:40px;
	font-size: 16px;
	position: absolute;
	right: 20px;
	bottom: -20px;
	text-align: center;
	 text-transform: uppercase;
}
.home .video-link span.video-covid {
  line-height: 17px;
  border-radius: 0;
  font-size: 18px;
  padding-top: 10px;
}
/*SUBPAGES------------------------------------------------------------------------------------*/
.page-text {
	font-size: 16px;
	background-color: #FFF;
	padding: 20px 20px 20px 0;
}
.pub-wrapper {
	margin-bottom: 50px;
}
.year-cat {
	font-family: Oswald;
	font-size: 100px;
	font-weight: 600;
	line-height: 200px;
	opacity: .3;
}
.pub-img {
	display: block;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.pub-img:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.pub-download {
	position: absolute;
	z-index: 1000;
	bottom: -50px;
	left: 50%;
	width: 150px;
	text-align: center;
	background: #000;
	padding: 10px;
	color: #FFF;
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
	margin-left: -75px;
	transition: all .2s ease-out;
	opacity: 0;
}
.pub-img:hover .pub-download {
	bottom: 40%;
	opacity: 1;
}
.videos .pub-img img {
	margin: -50px 0;
}
/*RESULTS--------------------------------------------------------------------------------------*/
.results-wrapper {
	line-height: 1.1em;
	color: #000E26;/*font-family: 'B612', sans-serif;*/
}
.tab-results {
	padding: 0;
	background: #f6f6f6;
}
/*navigation pane*/
.nav-pane {
	/* height: 500px; */
	/* overflow: auto; */
	float: left;
	width: 260px;
	padding: 15px;
	font-size: 12px;
}
.nav-pane h2 {
	font-size: 18px;
	color: #111;
	font-weight: 300;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
.nav-pane h2:first-child {
	margin-top: 0;
}
.nav-pane input[type="text"] {
	border: 1px solid #666;
	padding: 4px 5px;
	font-size: 12px;
	width: 195px;
}
.nav-pane .btn {
	border-radius: 0;
	margin-top: -1px;
	padding: 4px 7px 5px;
}
.nav-pane a {
	text-decoration: none;
	outline: none;
}
.indic-heading {
	display: block;
	padding: 7px 5px 7px 22px;
	background: #111;
	background: #2782CB;
	margin-bottom: 5px;
	position: relative;
	text-transform: uppercase;
	font-family: Oswald;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5em;
	color: #FFF;
}
.indic-heading:hover, .indic-heading:focus {
	background: #000;
	background: #0F0F1E;
	color: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.indic-heading .fa {
	position: absolute;
	left: 7px;
	top: 20px;
	margin-top: -10px;
	font-size: 12px;
	color: #FFF;
}
/*
.orange .indic-heading .fa {
	color: #f6b41b;
}
.light .indic-heading .fa {
	color: #1aa7e4;
}
.dark .indic-heading .fa {
	color: #265286;
}
*/
.indic-wrapper {
	/*display: none;*/
	/*border: 1px solid #CDD4DD;
	box-shadow: inset 0 0 3px #FFF;*/
	padding: 3px 5px;
	margin-bottom: 5px;
	background: #FFF;
}
.indic-wrapper ul, .indic-wrapper li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.indic-wrapper a {
	color: #3B4657;
	display: block;
	border-bottom: 1px solid #CDD4DD;
	padding: 5px;
}
.indic-wrapper a:hover, .indic-wrapper a:focus, .indic-wrapper a.selected {
	color: #333;
	background: #FFF;
}
.indic-wrapper li:last-child a {
	border-bottom: none;
}
/*results pane*/
.results-pane {
	background: #FFF;
	margin-left: 260px;
	margin-top: 0;
	min-height: 903px;
	padding-left: 20px;
}
.results-nav {
	font-size: 11px;
	line-height: 18px;
	text-align: right;
	float: none;
	margin: 10px 0;
}
.results-nav li {
	float: none;
	display: inline-block;
	margin-right: 0;
	margin-left: 5px;
}
.results-nav a {
	/*
	padding: 0 5px;
	border-radius: 0;
	display: inline-block;
	*/
	min-width: 100px;
	font-size: 13px;
}
.results-pane .tabs-wrapper {
	clear: none;
}
.results-pane .tab {
	min-height: 50px;
	border: none;
	padding: 0;
}
.results-table {
	font-size: 11px;
	/*table-layout: fixed;*/
	min-width: 100%;
}
.results-table th, .results-table td {
	border-bottom: 2px solid #FFF;
	font-weight: normal;
}
.results-table .year-label td {
	background-color: #6a6f75 !important;
	background-color: #2782CB !important;
	background-color: #0F0F1E !important;
	color: #fff !important;
	text-align: left !important;
	text-transform: uppercase;
	font-family: Oswald;
	font-size: 14px;
	padding: 5px 7px;
	font-weight: 300;
}
.results-table .year-label td:hover {
	background-color: #134165 !important;
	cursor: pointer;
}
.results-table .year-label .fa {
	margin-left: -3px;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 0px;
	font-size: .9em;
}
.results-table thead th {
	background: #AFB8C1;
	background: #e6e6f6;
	background: #F1F1F1;
	padding: 5px;
	/*color: #FFF;*/
	text-align: center;
	font-size: 10px;
	font-size: 11px;
}
.hidden-year tr {
	display: none;
}
.hidden-year tr.year-label {
	display: table-row;
}
.results-table.three-cells th {
	width: 33%;
}
.results-table.four-cells th {
	width: 25%;
}
.results-table.five-cells th {
	width: 20%;
}
.results-table.six-cells th {
	width: 16%;
}
.results-table.seven-cells th {
	width: 14%;
}
.results-table.eight-cells th {
	width: 12.5%;
}
.results-table.more-cells th {
	min-width: 100px;
}
.results-table th:first-child {
	text-align: left;
	white-space: nowrap;
	padding-left: 20px;
}
.results-table thead td, .highcharts-title {
	padding-bottom: 5px;/*padding-left: 35px ;
	text-indent: -35px ;*/
}
.results-table thead td span, .highcharts-title span {
	width: 35px;
	text-align: right;
	display: inline-block;
	display: none;
}
.results-table tbody td, .results-table tbody th {
	background: #F8F9F9;
	padding: 5px;
	font-size: 10px;
	font-size: 11px;
}
.results-table tbody td {
	text-align: right;
	text-align: center;
}
.results-table tbody tr:first-child td, .results-table tbody tr:first-child th {
	background: #EDEFEF;
}
.results-table th br {
	display: none;
}
.results-pane .chart {
	margin-bottom: 20px;
}
.table-wrapper {
	overflow: auto;
	margin-bottom: 10px;
}
.disclaimer {
/*
	font-size: 12px;
	color: #999;
	margin-top: 10px;
	*/
}
/*MISC--------------------------------------------------------------------------------*/
.hidden {
	display: none;
}
.progress-bar {
	background-color: #38A4CA;
}
.picto-wrapper span {
 display: block;
}
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 70px;
	/* border: 1px solid #f1f1f1; */
	perspective: 1000px;
}
/* This container is needed to position the front and back side */
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
/* Style the front side (fallback if image is missing) */
.flip-card-front {
	background-color: #FFF;
	background-color: #f8f9fa;
	color: black;
	/*box-shadow: 0 0 10px rgba(0,0,0,.05);*/
}
/* Style the back side */
.flip-card-back {
	background-color: #000;
	color: white;
	transform: rotateY(180deg);
	line-height: 70px;
	font-family: Oswald;
	text-transform: uppercase;
}
/*2023 -----------------------------------------------------*/
header {
	background: #293043;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Poppins, sans-serif;
	font-weight: 800;
}
header h1 {
	font-size: 74px;
	line-height: 72px;
	color: #FFF;
}
header h2 {
	font-size: 25px;
	color: #293043;
	background: white;
	font-weight: normal;
	padding: 0 10px;
	text-align: center;
}
.home .header-nav {
	background: rgba(39,46,68,.6);
}
.header-nav {
	background: rgb(39,46,68);
}
.header-nav a:hover, .header-nav .active a, .header-nav a.active, .header-nav .header-social a, .header-numbers {
	color: #2ED585;
}
.header-menu a {
	font-family: Poppins;
	font-size: 17px;
	font-weight: 700;
}
.header-video {
	margin-top: -454px;
}
.header-video .fa {
	left: 50%;
	bottom: 50%;
	font-size: 120px;
}
.header-numbers {
	font-family: Poppins;
	font-size: 34px;
	font-weight: 700;
	margin-top: 50px;
	color: #2ED585;
}
.header-numbers small {
	display: block;
	font-size: 15px;
	color: #B3B3B3;
	text-transform: uppercase;
}

.bg-color1 {
	background: #F6C63E;
}
.bg-color2 {
	background: #F75C3E;
}

.sentiment-wrapper {
	background: #F4BD20;
}
.sentiment-title {
	border: 2px solid rgba(255,255,255,.3);
	background: #F4BD20;
}

.header-banner.bg-color2 {
	position: relative;
}

.header-banner .label {
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
	padding: 20px 30px;
	text-transform: uppercase;
	/* font-size: 30px; */
	font-size: 14px;
	filter: none;
	/* transform: rotate(10deg); */
	margin-left: -66px;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}

/*
.header-banner.bg-color2 * {
	opacity: .7;
	filter: blur(1px);
}
*/

.header-banner .label {
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
	padding: 20px 30px;
	text-transform: uppercase;
	font-size: 30px;
	font-size: 14px;
	filter: none;
	/* transform: rotate(10deg); */
	margin-left: -66px;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	margin-top: -25px;
}


.bg-color2 .sentiment-wrapper {
	background: #F54220;
}
.bg-color2 .sentiment-title {
	border: 2px solid rgba(255,255,255,.3);
	background: #F54220;
}

.header-banner a {
	font-family: Poppins;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px;
}

.covid-link span {
	font-family: Poppins;
}

.bg-dark {
	background: #293043 !important;
}
.bg-light {
	background: #FFFBFA;
}
.progress-bar {
	background-color: #57FFFF;
}

/*2024------------------------------------------------------*/
.header-video {
	max-width: 63%;
}
.home header {
	position: relative;
	background: #0071BC;
}
.home header::before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	height: 50%;
	background: #4B8FCE;
	border-bottom: 5px solid #FBB03B;
}
header h1 {
	font-size: 74px;
	line-height: 72px;
	color: #FFF;
	margin-bottom: 0;
	margin-top: -20px;
}
header h2 {
	font-size: 27px;
	color: #FFF;
	background: none;
	padding: 0;
	text-align: center;
	letter-spacing: 1px;
	font-weight: lighter;
	margin-top: 0 !important;
}
.header-video .fa {
	left: 50%;
	bottom: 50%;
	font-size: 120px;
	margin-bottom: -125px;
	margin-left: 40px;
}
.header-numbers {
	font-weight: normal;
	color: #FBB03B;
}
.header-numbers small {
	display: block;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
}
.header-nav a:hover, .header-nav .active a, .header-nav a.active, .header-nav .header-social a, .header-numbers {
	color: #FBB03B;
}
.navbar-expand-md .navbar-nav.header-menu .nav-link {
	padding-right: 12px;
	padding-left: 12px;
	font-weight: normal;
}
.navbar-brand {
	padding-left: 0;
}
.navbar-brand img {
	position: static;
	width: 230px;
	top: -12px;
	left: 10px;
}
.powered-by {
	position: absolute;
	top: 85px;
	width: 100px;
	right: 50px;
}