html, body {font-family: 'Roboto Condensed', sans-serif;}
h2 {font-weight: 700;color:#A8D0E6;}
table tr td:last-child a{margin-right: 15px;}
.rr-title-block h1 a, .rr-title-block h1 a:hover {color:#000;text-decoration:none;}

p a {text-decoration:none;color:#004582;}
p a:hover {text-decoration:underline;}

#covid-footer {background-color:#002962;color:#FFF;padding:0 15px 15px 15px;margin:15px 0 0 0 0;width:100%;}

#head-home {position:absolute;top:10px;right:38px;text-decoration:none;text-transform:uppercase;color:#000;display:none;}
#head-home:hover {color:#004582;}

#about-area p a {color:#FFF;text-decoration:none;}
#about-area p a:hover {text-decoration:none;color:#F3D742;}
.wrapper-reco p a {color:#000;text-decoration:none;}
.wrapper-reco p a:hover {text-decoration:none;color:#F3D742;}

.planes {transition: all .9s ease;}
#blue-plane {position:absolute;height:90px;width:90px;top:-10px;left:10px;background-image:url(images/plane-blue.png);background-size:cover;z-index:-1;}
#yellow-plane {position:absolute;height:90px;width:90px;top:50px;left:40px;background-image:url(images/plane-yellow.png);background-size:cover;z-index:-1;}
#blue-plane.fly {top:-200px;left:200px;} 
#yellow-plane.fly {top:0;left:-200px;}

h1 {font-size:38px;font-weight:400;}
h2 {font-size:28px;font-weight:700;}
h3 {font-size:16px;font-weight:700;margin-top:55px;}
h4 {font-size:1.25rem;}
h4 a {color:#004582;}
h4 a:hover {text-decoration:none;color:#EFC53D;}
.row {margin-bottom:0px;}
.feature {font-weight:800;}

.inactive_img {opacity:0.25;}

#rr-column-menu {width:100vw;position:fixed;top:0;left:0;height:100px;display: flex;align-items: right;justify-content: center;z-index:10;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {transition: all .35s ease;width:50px;border-radius:0px;background-color:#000000;}
.hamburger-box {width:50px;cursor:pointer;}
.hamburger-inner:after {bottom:-10px;}
.hamburger-inner:before {top:-10px;}
.hamburger-box:hover .hamburger-inner, .hamburger-box:hover .hamburger-inner:after, .hamburger-box:hover .hamburger-inner:before {background-color:#002962;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {background-color:#FFF;}

.content {padding:15px 15px 50px 15px;max-width:1100px;padding-bottom:50px;}
.rr-nav-icons {text-align:center;}

/* Custom Select Dropdown */
.wrapper-state {width:100%;border:1px solid #002962;border-radius:2px;margin-bottom:40px;}
.wrapper-state .input-field {margin-bottom:0;}
.wrapper-state .select-wrapper input.select-dropdown {border-bottom:none;font-weight:700;font-size:28px;padding-left:10px;text-transform:uppercase;}
.wrapper-state .dropdown-content li>span {font-weight:700;font-size:28px;color:#005495;}
.wrapper-state .select-wrapper input.select-dropdown {height:2rem;}
.wrapper-state .input-field label {padding-left:10px;color:#0070B4;}

input {font-family: 'Roboto Condensed', sans-serif !important;}
/* The container must be positioned relative: */
.state-select {
  position: relative;
}

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

/* Style the arrow inside the select element: */
.state-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.state-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.state-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* 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);
}

.demo-width-class {
  width: 400px;
}

/* Top Bar */
#yellow-pane {background-color:#F2F2F2;border-bottom:1px solid #D8D8D8;width:100%;height:100px;position:absolute;top:0;left:0;z-index:-1;}
#paperclip {position:absolute;top:61px;left:19px;z-index:21;}
body.menu-active #paperclip {z-index:0;}
#paperclip img {width:40px;height:auto;}
#icon-search {display:block;position:absolute;top:0px;right:15px;width:50px;height:auto;z-index:21;}
body.menu-active #icon-search {z-index:0;}
#icon-search:hover {cursor:pointer;}
.hamburger-search {margin-top: 0;margin-left: calc(50vw - 30px);}

/* Map */
.nyt-credit {display:none;}
.map-deaths .nyt-credit {display:block;}
.nyt-credit p {font-size: 12px;}
.nyt-credit p a {text-decoration:none;color:#004582;}
.nyt-credit p a:hover {text-decoration:underline;}

/* Search Flyout */
#search-area {position:fixed;width:100vw;height:100vh;top:0;left:-101vw;background-color:#2C96C6;transition: all .35s ease;z-index:25;overflow:scroll;display:relative;}
#search-area.is-active {left:0;}

/* Icon Nav */
.rr-title-block {margin-top:47px;margin-left:60px;}
.rr-title-block p {font-size:16px;}
.rr-title-block .note, .note {font-size:12px;color:#9B9B9B;margin-bottom:0px;}
.rr-title-block h1 {font-size:32px;}

.rr-content-nav {margin:25px 0 50px 0;}
.rr-content-nav img {width:80%;max-width:120px;height:auto;transition: all .35s ease;}
.rr-content-nav a:hover img {transform: scale(1.2);}

/* Data Sets */
.set-wrapper {border:1px solid #D8D8D8;border-radius:2px;padding:15px 15px 0 15px;width: 100%;margin-top:20px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.request-wrapper {border:1px solid #F3D742;border-radius:2px;padding:15px;width: 100%;margin-top:20px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}
.set-footer {border-top:1px solid #D8D8D8;margin-top:10px;padding:0 0;}

.tags a {display:inline-block;background-color:#A8D0E6;padding:3px 5px;margin:0 5px 5px 0;border-radius:3px;font-size:12px;color:#000;text-transform:uppercase;}
.tags a:hover {text-decoration:none;background-color:#002962;color:#FFF;}

a.btn-access-files {text-align:center;padding:10px 0;border-bottom:1px solid #D8D8D8;color:#000;font-weight:700;}
a.btn-access-files:hover {background-color:#A8D0E6;text-decoration:none;}

.btn-more-info {text-align:center;padding:10px 0;color:#000;font-weight:700;background-color:#DCEDF5;}
.btn-more-info.collapsed {background-color:#FFF;}
.btn-more-info.collapsed:hover, .btn-more-info:hover {background-color:#DCEDF5;text-decoration:none;cursor:pointer;}
.btn-more-info.collapsed i {color:#A8D0E6;}
.btn-more-info i {color:#000;}
a.btn-access-files i {color:#A8D0E6;}
a.btn-access-files:hover i, .btn-more-info:hover i {color:#000;}

.ds-label {font-weight:700;}
.set-more {padding:15px;background-color:#DCEDF5;}
.set-more a {color:#E07120;}
.set-more a:hover {text-decoration:none;color:#002962;}

.hfiles {vertical-align:top;}
.hfiles .ds-label {display:block;margin-top:6px;}
.hfiles a {border-radius:2px;vertical-align:top;text-align:center;padding-top:38px;background-repeat: no-repeat;background-position:center top;background-size:auto 40px;display:block;width:49%;color:#004582;display:inline-block;}
.hfiles a:hover {background-color:#D8D8D8;text-decoration:none;}

/* News */
.card-deck {width: 100%;margin-top:25px;}
.card-deck .card {max-width:100%;overflow:hidden;}
.card-deck .card img {transition: all .35s ease;}
.card-deck .card img:hover {transform: scale(1.1);}

/* About Flyout */
#about-area {position:fixed;width:100vw;height:100vh;top:0;left:-101vw;background-color:#002962;transition: all .35s ease;z-index:2;overflow:scroll;}
#about-area.is-active {left:0;}
.about-hold {color:#FFF;padding:25px;}

.about-hold .nav-link {padding-left:0px;}
.about-hold .nav li {width:100%;font-weight:700;}
.about-hold .nav li a {color:#FFF;}
.about-hold .nav li a:hover {color:#F6E17B;}

/* Search Flyout */
#fly-search {position:absolute;left:10px;top: calc(50vh - 35px);width:100%;}
#fly-search .form-group {width:100%;}
#fly-search .form-control {color:#000;border:1px solid #002962;border-radius:2px;font-size:28px;font-weight:700;width: calc(100% - 21px);max-width:900px;}
#fly-search .btn {display:none;}

.search-results .rr-content-nav h2 {margin-top:45px;}
.search-results .rr-content-nav {margin-bottom:15px;}

/** CC Modal **/
#cc-wrapper {position:fixed;z-index:1500;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items: center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,41,98,0.75);backdrop-filter: blur(3px);}
#cc-wrapper.confirmed {display:none;}
#cc-form {-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;max-width:800px;background-color:#FFF;padding:20px;max-height:90vh;width:90vw;border-radius:3px;overflow:scroll;}
#cc-form img {width:45px;height:auto;}
#cc-form h2 {color:#002962;text-align:center;font-size:16px;}
#cc-form h3 {color:#000;text-align:center;font-size:22px;}
#cc-form p a {text-decoration:underline;color:#002962;}
#cc-form p a:hover {text-decoration:none;}
.cc-accept {text-transform:uppercase;border-radius:2px;background-color:#002962;color:#FFF;border:2px solid #002962;}
.cc-accept:hover {background-color:#FFF;color:#002962;}

@media (min-width: 576px) { 
	.card-deck .card {flex: 1 1 30%;margin-bottom:25px;}
}

@media (min-width: 768px) { 
	#about-area {position:fixed;width:300px;height:100vh;top:0;right:-301px;background-color:#002962;transition: all .35s ease;z-index:2;overflow:scroll;}
	#about-area.is-active {right:0;left:auto;}
	
	#head-home {display:block;}
	.hfiles a {width:19%;} 
	#blue-plane {height:160px;width:160px;top:-10px;left:10px;}
	#yellow-plane {height:160px;width:160px;top:90px;left:50px;}
	#blue-plane.fly {top:-200px;left:200px;} 
	#yellow-plane.fly {top:0;left:-200px;}
	
	#rr-column-menu {width:50px;position:fixed;top:10px;right:10px;left:auto;height:50px;display: flex;align-items: center;justify-content: center;z-index:10;}
	.rr-title-block {margin-top:85px;margin-left:0px;}
	.rr-title-block h1 {font-size:48px;}
	
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {transition: all .35s ease;width:50px;border-radius:0px;background-color:#000;}
	.hamburger-box {width:50px;cursor:pointer;}
	.hamburger-inner:after {bottom:-10px;}
	.hamburger-inner:before {top:-10px;}
	.hamburger-box:hover .hamburger-inner, .hamburger-box:hover .hamburger-inner:after, .hamburger-box:hover .hamburger-inner:before {background-color:#002962;}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {background-color:#FFF;}
	
	.content {padding-left:130px;max-width:1100px;padding-bottom: 0 0 50px 0;}
	h1 {font-size:48px;font-weight:400;}
	
	.wrapper-state {max-width:60%;}
	.set-wrapper {width: calc(100% - 30px);}
	a.btn-access-files {border-right:1px solid #D8D8D8;border-bottom:none;}
	.card-deck .card {max-width:32%;overflow:hidden;margin-bottom:25px;}
	.request-wrapper {width: calc(100% - 30px);}
	
	.wrapper-reco {max-width:90%;}
	#about-area {display: flex;align-items: center;justify-content: center;}
	
	#yellow-pane {height:162px;}
	#paperclip {top:93px;left:25px;}
	#paperclip img {width:70px;}
	#icon-search {top:100px;right:10px;width:60px;}
	.hamburger-search {margin-top: calc(50vh - 35px);margin-left: 0;}
	.search-results .rr-content-nav h2 {margin-top:25px;}
	#fly-search {left:150px;}
	#fly-search .form-control {width: calc(100% - 200px);}
}