@charset "UTF-8";


body {
	font-family: 'Montserrat', serif;
	background-color: #ebebeb;
	padding: 0;
	/* margin: 0 50px 0 50px; */
	margin: 0;
	font-size: 14px;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:link, a:visited a:active {
	color: #2D7AB7;
	text-decoration: none;
}

h2 {
	margin-bottom: 20px;
}

h3 {
	margin-bottom: 20px;
   margin-top: 20px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.news-item {
	padding: 5px;
}

.news-item-highlight {
	/* background-color: #c8e3f4; */
	background-color: #c7d6e3;
	border-top: 3px solid #9ecdeb;
	color: #255f8e;
}

.header-grid {
	display: grid;
	gap: 10px;
	padding-top: 10px;
	grid-template-columns: 1fr;
	grid-template-areas:
		'one'
		'two'
		'three'
		'four';
		
	background-color: #fff;
	justify-items: center;
}
.navbar{
  margin-bottom: 0px;
}
footer {
	background: rgba(34, 118, 172, 0);
}

.footer {
	background-color: #030321;
	color: #fff;
}

.full-width-container-no-grid {
	max-width: 1600px;
	margin: auto;
}

.full-width-container {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 1600px;
   width: 100%;
	margin: auto;
}


@media (min-width: 1200px){
 .container {
   width: inherit;
 }
}
@media (min-width: 992px){
 .container {
   width: inherit;
 }
}
@media (min-width: 768px){
 .container {
   width: inherit;
 }
}

@media (min-width: 898px){
 .container {
   width: inherit;
 }
}

.header-item:nth-child(1) {
	grid-area: one;
}

.header-item:nth-child(2) {
	grid-area: two;
}

.header-item:nth-child(3) {
	grid-area: three;
}

.header-item:nth-child(4) {
	grid-area: four;
}


.header-obdaac {
	justify-content: left;
	height: 100%;
}

.header-earthdata {
	justify-content: center;
	height: 100%;
}

.header-nasalogo {
	/* background-color: teal; */
}

.obdaac-logo {
	display: grid;
	height: 100%;
	align-items: center;
	justify-content: left;
	flex-direction: column;
	/* border: 5px solid yellow; */
}

.obdaac-logo-image {
	height: 78px;
	border: 0px;
	padding-right: 15px;
	padding-left: 0px;
}

.obdaac-logo-name {
	display: inline-block;
	line-height: 1em;
	font-size: 2.2em;
	letter-spacing: .2em;
	font-weight: bold;
	align-content: center;
	align-items: center;
	/* border: 5px solid white; */
}

.earthdata-logo {
	display: grid;
	height: 100%;
	line-height: .5em;
	font-size: 1em;
	align-items: center;
	justify-content: right;
	flex-direction: column;
	/* border: 5px solid teal; */
}


.earthdata-logo-name {
	display: inline-block;
	line-height: 1em;
	font-size: 1.4em;
	font-weight: bold;
	align-content: right;
	align-items: right;
	/* border: 5px solid white; */
}


.earthdata-logo-name-powered-by {
	font-size: .6em;
	text-align:justify;
	text-justify:auto;
}



.home-content-grid {
	display: grid;
	background-color: white;
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 20px;
	grid-template-areas:
		'welcome'
		'news';
}

.home-content-item:nth-child(1) {
	grid-area: welcome;
	/* padding-left: 20px; */
}

.home-content-item:nth-child(2) {
	grid-area: news;
	/* padding-right: 20px; */
}

.oc-header-grid {
	display: grid;
	background-color: white;
	grid-template-columns: 1fr minmax(22vw, 100px);
	/* gap: 20px; */
	width: 100%;
	grid-template-areas:
		'obdaac-logo-left nasa-logo-right';
}


.oc-obdaac-logo-image {
	padding: 5px;
   border: 0;
	max-height: 84px;
	max-width: 345px;
	width: calc(75vw);
}

.oc-nasa-logo-image {
	padding: 5px;
   border: 0;
	max-height: 80px;
	max-width: 100px;
	width: calc(22vw);
}


.oc-header-item:nth-child(1) {
	display: grid;
	grid-area: obdaac-logo-left;
	justify-content: start;
}
.oc-header-item:nth-child(2) {
	display: grid;
	grid-area: nasa-logo-right;
	justify-content: end;
}


.header-grid {
	display: grid;
	gap: 10px;
	padding-top: 10px;
	grid-template-columns: 1fr;
	grid-template-areas:
		'one'
		'two'
		'three'
		'four';
		
	background-color: #fff;
	justify-items: center;
	align-items: center;
}

.path-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	grid-template-areas:
		'get-started'
		'browse-sections'
		'get-data';
	background-color: #fff;
	margin: 20px 0;
}
.path-item:hover{
 opacity: .9;
}
.path-item div{
background: rgba(245,245,245,.7);
position: relative;
display: inline-block;
width: 100%;
}

.path-item div a{
color: black;
}

.path-item:nth-child(1) {
	grid-area: get-started;
	background-color: #f2f2f2;
	/*padding: 10px;*/
	border: 1px solid #dbdbdb;
	border-radius: 3px;
/*	text-align: justify;*/
   /*background: url(/beta/images/kimberly-farmer-lUaaKCUANVI-unsplash.jpg);
   */background-position: center;
   background-size: cover;
}

.path-item:nth-child(2) {
	grid-area: browse-sections;
	background-color: #e6e6e6;
	/*padding: 10px;*/
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	/*text-align: justify;*/
   /*background: url(/beta/images/lars-kienle-r3pIy-3Xgmg-unsplash.jpg);
  */ background-position: top;
   background-size: cover;
}

.path-item:nth-child(3) {
	grid-area: get-data;
	background-color: #d9d9d9;
	/*padding: 10px;*/
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	/*text-align: justify;*/
  /* background: url(/beta/images/nasa-6-jTZysYY_U-unsplash.jpg);
   */background-position: center;
   background-size: cover;
}

.header-bar {
	font-size: 2em;
	margin: 20px 0 0 0;
	padding: 0px 8px 0px 8px;
	/* background-color: #52ACE4; */
	background-color: #25295E;
	/* color: #2C3B92; */
	color: #ffffff;
	/* font-weight: bold; */.
	width: 100%;
	/* outline: 1px solid #25295E; */
	outline: 1px solid #25295E;
	/* outline: 1px solid #52ACE4; */
	outline-offset: 1px;
}

.header-bar:hover {
	transition: all ease-in-out 300ms;
	outline: 1px solid #ffffff;
	outline-offset: -4px;
}

.nav-header-link {
	color: #2D7AB7;
	font-weight: bold;
}
.navbar-default {
  background-color: #C7D6E3;
  border-color: #;
}
.navbar-default .navbar-nav > li > a {
  color: #355E8A;
  font-weight: 500;
}
.nav .dropdown-menu>.disabled>a,
.nav .dropdown-menu>.disabled>a:focus,
.nav .dropdown-menu>.disabled>a:hover {
   color: #C7D6E3;
}
.dropdown-menu li {
  padding-left: 0px;
}
.descriptor{
color: gray;
display: block;
margin: 0 1.2em;
}

.descriptor a {
color: inherit;
border-bottom: 1px dotted gray;
}

.descriptor a:hover{
color: darkgray;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  list-style-position: outside;
}

li {
  padding-left: 16px;
  /* margin-bottom: 20px; */
}
.nav > li{
  padding-left: 0px;
}
.hanging-indent ul > li {
	padding-left: 18px;
	text-indent: -18px;
}

ul > li::before {
  content: "»";
  padding-right: 8px;
  font-size: 20px;
  color: #999999;
}
.nav > li::before,
.dropdown-menu > li::before{
  content: none;
}
.pagination li::before {
   content: none;
   padding-right: 0;
   font-size: unset;
   color: #000;
}

#earthdata-tophat2{
  position: relative;
}

#earthdata-tophat2 li::before {
  content: "";
  /* padding-right: 8px; */
  padding-right: 0;
  /* font-size: 20px; */
  /* color: #999999; */

}

#earthdata-tophat2 .th-menu-section a {
	vertical-align: top !important;
	padding-top: 0 !important;
	font-size: unset !important;
}

.th-wrapper {
	max-width: 1600px;
	margin: auto;
}

/*
.footer-item:nth-child(1) {
	grid-area: about;
}

.footer-item:nth-child(2) {
	grid-area: learn;
}

.footer-item:nth-child(3) {
	grid-area: help;
}

.footer-item:nth-child(4) {
	grid-area: social-media;
}

.footer-item:nth-child(5) {
	grid-area: copyright;
}
*/
.footer-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	grid-template-areas:
		'about'
		'learn'
		'help'
		'social-media'
		'copyright';
	background-color: #fff;
	justify-items: normal;
	/* margin: 20px 0;*/
	padding: 20px;
	background-image: linear-gradient(#01001a, #000);
}


.footer-item:nth-child(1) {
	grid-area: about;
	/* background-color: #f2f2f2; */
	padding: 10px;
	/* border: 1px solid #dbdbdb; */
	border-radius: 3px;
	text-align: justify;
}

.footer-item:nth-child(2) {
	grid-area: learn;
	/* background-color: #e6e6e6; */
	padding: 10px;
	/* border: 1px solid #dbdbdb; */
	border-radius: 3px;
	text-align: justify;
}

.footer-item:nth-child(3) {
	grid-area: help;
	/* background-color: #d9d9d9; */
	padding: 10px;
	/* border: 1px solid #dbdbdb; */
	border-radius: 3px;
	text-align: justify;
}

.footer-item:nth-child(4) {
	grid-area: social-media;
	/* background-color: #d9d9d9; */
	padding: 10px;
	/* border: 1px solid #dbdbdb; */
	border-radius: 3px;
	text-align: justify;
}

.footer-item:nth-child(5) {
	grid-area: copyright;
	border-top: 1px solid #fff;
	color: #fff;
	/* background-color: #d9d9d9; */
	padding: 10px;
	/* border: 1px solid #dbdbdb; */
	/* border-radius: 3px; */
	text-align: center;
	width: 80%;
	/* min-width: 400px; */
	font-weight: normal;
}

.grid-cols-2 {
   display: grid;
   margin: 1em 0;
   gap: 20px;
   grid-template-columns: 1fr;
   grid-template-areas:
      'left'
      'right'
}

.grid-cols-2:nth-child(1) {
   grid-area: left;
   background-color: #f2f2f2;
   border: 1px solid #dbdbdb;
   border-radius: 3px;
   text-align: justify;
   background-position: center;
   background-size: cover;
}

.grid-cols-2:nth-child(2) {
   grid-area: right;
   background-color: #fafafa;
   border: 1px solid #dbdbdb;
   border-radius: 3px;
   text-align: justify;
   background-position: center;
   background-size: cover;
}

.pace {
  padding: 20px;
}
.pace-timeline{

}
@media screen and (min-width: 800px) {

   .grid-cols-2 {
      grid-template-columns: 1fr 1fr;
      grid-template-areas:
         'left right'
   }

}

.responsible-party-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		'copyright-tag'
		'responsible-party';
	justify-items: center;
}

.responsible-party-item:nth-child(1) {
	grid-area: copyright-tag;
	/* background-color: #f2f2f2; */
	padding: 10px;
	/* justify-items: start; */
	text-align: left;
}

.responsible-party-item:nth-child(2) {
	grid-area: responsible-party;
	/* background-color: #e6e6e6; */
	padding: 10px;
	/* border: 1px solid #dbdbdb; */
	/* justify-items: end; */
	text-align: right;
}


.social-media-icons {
	text-align: right;
}

.footer-grid .social-media-icons {
	text-align: left;
}

.social-media-icons i {
	/* padding: 0px 3px 8px 13px; */
	margin:  0px 3px 8px 10px;
}

.footer-grid .social-media-icons i {
	/* padding: 0px 3px 8px 13px; */
	margin:  0px 10px 0px 0px;
}

.footer-grid .social-media-icons a {
	vertical-align: middle;
	color: #fafafa;
}

.footer-title {
	font-weight: bold;
	color: #fafafa;
	margin-bottom: 20px;
}

.footer-links a {
	/* font-weight: bold; */
	color: #fafafa;
}

.content-full {
	background-color: #fff;
	padding: 20px;
}

.inside_page_header_image {
	display: grid;
	grid-template-columns: 1fr;
	height: 200px;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	justify-items: center;
	align-content: center;
}

.inside_page_header_text {
	font-size: 3em;
	text-align: center;
}

.inside_page_subheader_text {
	font-size: 2em;
	color: #fff;
}



.mission-grid {
	display: grid;
	gap: 20px;
	padding-top: 10px;
	grid-template-columns: 1fr;
	grid-template-areas:
		'mission-image'
		'mission-body';
	background-color: #fff;
	justify-items: unset;
}

.mission-item:nth-child(1) {
	grid-area: mission-image;
   align-items: center;
}

.mission-item:nth-child(2) {
	grid-area: mission-body;
}




.overview-grid {
	margin: 30px 0;
	display: grid;
	gap: 20px;
	/* grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); */
}



.card {
	color: #fafafa;
	background-color: #fafafa;
	/* background-image: url(images/code.png); */
	background-size: cover;
	/* padding: 10rem 0 0; */
	/* max-width: 35ch; */
	border-radius: .5rem;
	border-radius: 3px;
	overflow: hidden;
	transition: transform 500ms ease;
}

.card:hover,
.card:focus-within {
	/* transform: scale(1.01);*/
}

.card-content {
	padding: 1.5rem;
	height: 100%;
	position: relative;
	/* background-color: black; */
	/*
	background: linear-gradient(
		hsl(0 0% 0% / 0),
		hsl(20 0% 0% / 0.3) 20%,
		hsl(0 0% 0% / 1)
	);
	*/
}

.card-title {
	position: relative;
	/* outline: 1px solid blue; */
	width: max-content;
	width: 100%;
	color: #323232;
	text-align: center;
	margin-top: 40px;
}

/*
.card-title::after {
	content: "";
	position: absolute;
	height: 4px;
	background-color: red;
	width: calc(100% + 1.5rem);
	left: calc(1.5rem * -1);
	bottom: -6px;
	/* margin-bottom: -6px; * /
	transform-origin: left;
	transition: transform 500ms ease;
}
*/

#usr-journeys .card .card-title{
   font-size: inherit;
}

.card:hover .card-title::after,
.card:focus-within .card-title::after {
	transform: scaleX(1);
}

.card-body {
	/* color: rgb(0 0 0 / 0.85); */
	color: #323232;
}


.service-with-image .service-block .number {
    border-radius: 75px;
    color: #fff;
    height: 75px;
    font-size: 30px;
    left: 50%;
    line-height: 75px;
    position: absolute;
    top: -37.5px;
    width: 75px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.service-with-image .service-block .number {
    background-color: #333333;
    text-align: center;
    /* border: 3px solid #555555; */
    outline: 2px solid #555555;
    outline-offset: -6px;
    /* background-color: #01001a; */
}

.service-with-image .ovrly-img-block:before {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: auto;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 0;
}

.before_method {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.before-method-container {
  position: relative;
  /* width: 50%; */
}

.before-method-container:hover .before_method {
  opacity: 0.8;
}


.image_overlay {
    /* background: url('http://cdn1.iconfinder.com/data/icons/round-simple-social-icons/58/facebook.png');
    width: 58px;
    height: 58px; */
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	filter: brightness(100%);
	transition: all 0.3s ease 0s;
}

.image_overlay:hover{
    -webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	-o-filter: brightness(70%);
	-ms-filter: brightness(70%);
	filter: brightness(70%);
	transition: all 0.3s ease 0s;
}


.hanging-indent li {
	padding-left: 18px;
	text-indent: -18px;
	line-height: 22px;
}




.tools-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
}

.tools-item {
	/* border: 1px solid red; */
	display: grid;
	gap: 0;
	grid-template-columns: 1fr;
	grid-template-areas:
		'tools-card-id'
		'tools-hr'
		'tools-description-id';
	border: 1px solid #dbdbdb;
	border-radius: 3px;
}


.tools-card {
	grid-area: tools-card-id;
}

.tools-description {
	padding: 20px;
	grid-area: tools-description-id;
}


.tools-item .card-content {
	/* border: 10px solid blue; */
}


.tools-hr {
	visibility: visible;
	margin: 0 auto;
	/* margin-top: 40px; */
	width: 90%;
	border: 0;
	height: 1px;
	/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(21, 74, 106, 0.75), rgba(0, 0, 0, 0)); */
	/* background-image: linear-gradient(to right, rgba(21, 74, 106, 0), rgba(21, 74, 106, 0.75), rgba(21, 74, 106, 0)); */
	/* background-image: linear-gradient(to right, rgba(245, 174, 5, 0), rgba(245, 174, 5, 0.75), rgba(245, 174, 5, 0)); */
	background-image: linear-gradient(to right, rgba(234, 128, 0, 0), rgba(234, 128, 0, 0.75), rgba(234, 128, 0, 0));
}


.wide-screen-filler {
	visibility: hidden;
	height: 0;
	width: 0;
}


@media (hover) {

	.card-content {
		transform: translateY(1%);
		transition: transform 500ms ease;
		background-color: #fff;
	}

	.card:hover .card-content,
	.card:focus-within .card-content {
		transform: translateY(0);
		/* transition-delay: 500ms; */
	}

	.card:focus-within .card-content {
		transition-duration: 0ms;
	}

	.card-content > *:not(.card-title) {
		/* opacity: 0; */
		transition: opacity 500ms linear;
	}

	.card:hover .card-content > *:not(.card-title),
	.card:focus-within .card-content > *:not(.card-title) {
		opacity: 1;
		/*transition-delay: 1000ms;*/
	}

	.card-title::after {
		transform: scaleX(0);
		background-color: rgba(0, 0, 0, 0.6);
	}

	.dim-image {
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 0;
	}

}

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		transition-delay: 0ms !important;
	}

}



@media (min-width: 35em) {

	body {
		margin: 0 25px 0 25px;
	}

	.header-grid1 {
		grid-template-columns: 100px 1fr 125px;
		grid-template-areas:
			'one two two'
			'three three four';
	}

	.header-grid {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
			'one two two'
			'four three three';
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'about learn'
			'help social-media'
			'copyright copyright';
		justify-items: normal;
	}

	.footer-item:nth-child(5) {
		width: 100%;
	}


	.oc-obdaac-logo-image {
		margin: 10px 5px 10px 5px;
	}

	.oc-nasa-logo-image {
		margin: 10px 5px 10px 5px;
	}


	.obdaac-logo-image {
		height: 78px;
		border: 0px;
		padding-right: 15px;
		padding-left: 0px;
	}


	.mission-grid {
		grid-template-columns: 400px 1fr;
		grid-template-areas:
			'mission-image mission-body';

	}


	.wide-screen-filler {
		visibility: hidden;
		height: 0;
		width: 0;
	}


	.overview-grid {
		margin: 30px 0;
		display: grid;
		gap: 20px;
		/* grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); */
		grid-template-columns: 1fr 1fr 1fr;
	}


	.home-content-grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			'welcome'
			'news';
	}

}


/* Style the tab */
.tab {
  overflow: hidden;
  /* border: 1px solid #ccc; */
	background-color: #f1f1f1;
	/* border-bottom: 1px solid black; */
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	/* background-color: #ccc; */
	background-color: #e7e7e7;
	border-bottom: 2px solid #01001a;
	border-bottom: 2px solid #2E77B1;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /* border: 1px solid #ccc; */
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}



@media (min-width: 50em) {

	body {
		margin: 0 50px 0 50px;
	}

	.home-content-grid {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
			'welcome welcome news';
	}
	
	.header-grid {
		grid-template-columns: 100px 1fr 1fr 125px;
		justify-content: normal;
		justify-items: normal;
		padding-bottom: 10px;
		grid-template-areas:
			'one two two three three four';
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-areas:
			'about learn help social-media'
			'copyright copyright copyright copyright';
		/* justify-items: center; */
	}

	.navigation-grid {
		grid-template-areas:
			'about data learn resources community gallery forum';
	}

	.path-grid {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
			'get-started browse-sections get-data';
	}

	.responsible-party-grid {
		display: grid;
		gap: 20px;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'copyright-tag responsible-party';
		justify-items: stretch;
	}

	.obdaac-logo-image {
		height: 78px;
		border: 0px;
		padding-left: 20px;
	}

	.wide-screen-filler {
		visibility: hidden;
		height: 0;
		width: 0;
	}


	.overview-grid {
		margin: 30px 0;
		display: grid;
		gap: 20px;
		/* grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); */
		grid-template-columns: 1fr;
	}


}




@media (min-width: 30em) {

	.tools-item {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'tools-card-id tools-description-id';
		border: 0;
		gap: 20px;
	}

	.tools-hr {
		visibility: hidden;
	}
	
	.tools-card {
		border: 1px solid #dbdbdb;
	}
	
	.tools-description {
		padding: 0;
	}
	
	.tools-description h3 {
		text-decoration: underline;
	}

}



@media (min-width: 45em) {

	.tools-item {
		grid-template-columns: 1fr 2fr;
		grid-template-areas:
			'tools-card-id tools-description-id';
		border: 0;
		gap: 20px;
	}

	.tools-hr {
		visibility: hidden;
	}
	
	.tools-card {
		border: 1px solid #dbdbdb;
	}
	
	.tools-description {
		padding: 0;
	}
	
	.tools-description h3 {
		text-decoration: underline;
	}

}


@media (min-width: 60em) {

	.tools-item {
		grid-template-columns: 1fr 3fr;
		grid-template-areas:
			'tools-card-id tools-description-id';
		border: 0;
		gap: 20px;
	}

	.tools-hr {
		visibility: hidden;
	}
	
	.tools-card {
		border: 1px solid #dbdbdb;
	}
	
	.tools-description {
		padding: 0;
	}


	.overview-grid {
		margin: 30px 0;
		display: grid;
		gap: 20px;
		/* grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); */
		grid-template-columns: 1fr 1fr 1fr;
	}

}




@media (min-width: 70em) {

	.wide-screen-filler {
		visibility: visible;
		height: 50%;
		width: 100%;
	}

}

/* Style tutorials page */

.meta-icon__icon {
    color: #6f6e6e;
    font-size: .75rem;
}

svg.meta-icon__icon {
    max-height: 100%;
    max-width: 100%;
	overflow: hidden;
    vertical-align: middle;
    margin-bottom: .65rem;
}

.meta-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    color: #2c2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline;
    flex-shrink: 0;
    font-size: .825rem;
    font-weight: 500;
    letter-spacing: .01em;
    margin-right: .5rem;
    box-sizing: border-box;
}

.visually-hidden {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.meta-icon__metadata {
    background-color: #dcdee0;
    border-radius: 1rem;
    color: #424242;
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: .25rem;
    padding: .2rem .5rem .2rem .75rem;
}