/***
* Hubble Space Telescope CSS
***/

.type-stma .entry-content .stma-image-wrapper,
.type-stma .entry-content .stma-custom-fields-wrapper,
.type-stma .entry-content .stma-color-info-wrapper {
	max-width: 100% !important;
}

/* Embargoed stamp */

.type-stma.status-draft::before,
.hubble-science-release .status-draft::before {
	content: 'embargoed';
	position: fixed;
	top: 50%;
	z-index: 100000;
	transform: translateY(-50%) rotate(-15deg);
	color: rgba(246, 65, 55, 0.5);
	font-size: calc(15.25vw);
	font-weight: 900;
	text-transform: uppercase;
}

/* Image */
.stma-image-wrapper {
	max-width: 100%;
	display: flex;
	justify-content: center;
}

.stma-image-wrapper .hds-media-inner {
	height: 100%;
}

.type-stma .stma-video {
	max-width: 83rem;
}

/* Extended Description Accordion */
.stma-extended-description {
	border: solid #58585b;
	border-width: 1px 0;
	margin-top: 2rem;
}

.stma-extended-description summary {
	padding: 1rem 2rem 1rem 0;
	position: relative;
	cursor: pointer;
}

.stma-extended-description summary::marker {
	content: '';
}

.stma-extended-description h2 {
	margin: 0;
	font-size: 1.375rem;  /* 22px */
	line-height: 1.090909090909;  /* 24px (matching height of icon) */
	font-weight: 600;
}

.stma-extended-description summary svg {
	position: absolute;
	right: 0;
	top: 1rem;
}

.stma-extended-description[open] summary svg {
	transform: rotate(180deg);
}

.stma-extended-description .content {
	padding: 1rem 0;
}

.stma-extended-description h3 {
	font-size: 1.25rem;  /* 20px */
}

/* Custom Fields */
.stma-custom-fields-wrapper {
	max-width: 100%;
}

.stma-custom-fields-wrapper .grid-container {
	margin: 0 auto;
}

.stma-custom-field-list a {
	color: #FFFFFF;
	border-bottom: 1px dashed #959599 !important;
	text-decoration: none !important;
	cursor: pointer;
}

.stma-custom-field-list h4 a {
	text-decoration: none !important;
	cursor: pointer;
}

.stma-custom-field-list .data-table-title {
	font-size: 18px !important;
	font-weight: 600 !important;
}

.stma-custom-field-list .data-table-body {
	font-size: 14px !important;
	line-height: 18px !important;
}

/* Tooltip */
.stma-tooltip {
	position: relative;
	display: inline-block;
	padding-bottom: 1px;
	border-bottom: 1px dashed #959599 !important;
}

.stma-tooltip .stma-tooltiptext {
	visibility: hidden;
	background-color: #FFFFFF;
	color: #000000 !important;
	text-align: left;
	padding: 25px;
	margin-left: 15px;
	width: 280px;
	border-radius: 0px;
	bottom: 25px;
	position: absolute;
	z-index: 1;
	white-space: pre-line;
}

.stma-tooltip:hover .stma-tooltiptext {
	visibility: visible;
}

/* Bottom arrow */
.stma-tooltip .stma-tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	margin-left: 0px;
	border-width: 5px;
	border-style: solid;
	border-color: #FFFFFF transparent transparent #FFFFFF;
}

.stma-tooltip-title {
	color: #000000 !important;
	display: block;
	font-weight: bold;
}

.stma-tooltip-body {
	color: #959599 !important;
	display: block;
	font-size: 12px;
	line-height: 1.333333;
}

.stma-border-dark {
	border-color: #58585B !important;
}

.stma-release-link a {
	font-size: 0.75rem;
}

.stma-custom-field-list .stma-title {
	font-weight: 600;
	line-height: 1.25;
}

.stma-custom-field-list .stma-label,
.stma-download-details {
	font-family: 'Inter', sans-serif;
	font-size: 0.6875rem; /* 11px */
	letter-spacing: 0.25px;
}

.stma-download-name {
	font-size: 0.875rem;
	font-weight: 600;
}

/* Color Info */
.stma-color-info-wrapper {
	max-width: 100%;
}

.stma-color-info-title {
	font-family: "DM Mono", monospace;
	font-size: 0.875rem;
	letter-spacing: 4px;
	text-transform: uppercase;
}

/* Missing HDS Classes */
.bg-carbon-10 {
	background-color: #E3E3E3 !important;
}

.bg-carbon-60 {
	background-color: #58585B;
}

.bg-carbon-70 {
	background-color: #444447 !important;
}

.border-color-carbon-40-important {
	border-color: #959599 !important;
}

/* Utilities */
.width-125px {
	width: 125px !important;
}

/* SMD Block Overrides */
.single-stma {
	background-color: #17171B;
}

.type-stma .wp-block-nasa-blocks-article-intro {
	max-width: 86rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin: 0 auto;
}
.type-stma .article-header {
	max-width: 53rem;
	margin: 0;
}

.type-stma .entry-content h1 {
	color: #FFFFFF !important;
}

/* Featured Link List */
.type-stma .hds-featured-link-list h2 {
	color: #FFFFFF !important;
}

.type-stma .hds-featured-link-list,
.hubble-science-release .hds-featured-link-list {
	margin-top: 0rem !important;
}

.type-stma .hds-featured-link-list .list-item-heading,
.hubble-science-release .hds-featured-link-list .list-item-heading {
	font-size: 1.5rem;
	line-height: 1.25;
}

.type-stma .hds-featured-link-list .large-image-layout img,
.hubble-science-release .hds-featured-link-list .large-image-layout img {
	height: 125px !important;
	width: 125px !important;
}

/* Parent row layout adjustments */
.type-stma .hds-featured-link-list.large-image-layout .featured-link-list-row,
.hubble-science-release .hds-featured-link-list.large-image-layout .featured-link-list-row {
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

/* Image column */
.type-stma .hds-featured-link-list.large-image-layout .flex-fit-col,
.hubble-science-release .hds-featured-link-list.large-image-layout .flex-fit-col {
	flex: 0 0 auto;
	max-width: none;
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	min-height: 125px !important;
}

/* Middle column */
.type-stma .hds-featured-link-list.large-image-layout .flex-fill-col,
.hubble-science-release .hds-featured-link-list.large-image-layout .flex-fill-col {
	flex: 1 1 auto;
	width: calc(100% - 157px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 0rem;
	box-sizing: border-box;
	min-height: 125px !important;
}

/* Icon column */
.type-stma .hds-featured-link-list.large-image-layout .icon-column,
.hubble-science-release .hds-featured-link-list.large-image-layout .icon-column {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-end;
	width: auto;
	box-sizing: border-box;
	min-height: 125px !important;
}

/* Credits & Details */
.type-stma .wp-block-nasa-blocks-credits-and-details {
	color: #ffffff;
}

.type-stma .wp-block-nasa-blocks-credits-and-details .subheading {
	color: #959599;
}

.type-stma .wp-block-nasa-blocks-credits-and-details .border-bottom {
	border-color: #58585b;
}

.cnd-extra-left-wysiwyg p:first-child,
.cnd-extra-right-wysiwyg p:first-child {
	margin-top: 0;
}

.cnd-extra-left-wysiwyg ul,
.cnd-extra-right-wysiwyg ul {
	padding-left: 1em;
	line-height: 1.65;
}

/* Related Articles */
.type-stma .wp-block-nasa-blocks-related-articles,
.hubble-science-release .wp-block-nasa-blocks-related-articles {
	background-color: #F6F6F6;
}

.type-stma .wp-block-nasa-blocks-related-articles h2,
.hubble-science-release .wp-block-nasa-blocks-related-articles h2 {
	font-size: 2.25rem;
}

/* Topic Cards */
/* Reverts styling to light version of the block, even though the overall article color mode is dark. */
.article-color-mode-dark .type-stma .hds-topic-cards {
	background-color: #fff;
}
.article-color-mode-dark .type-stma .hds-topic-cards .label {
	color: #58585b !important;
}
.article-color-mode-dark .type-stma .hds-topic-cards h2 {
	color: #000 !important;
}

/* Responsive Adjustments */
@media (max-width: 1023px) {
	.type-stma .hds-featured-link-list .block-heading,
	.hubble-science-release .hds-featured-link-list .block-heading {
		font-size: 2.25rem !important;
	}

	.type-stma .hds-featured-link-list.large-image-layout .flex-fill-col,
	.hubble-science-release .hds-featured-link-list.large-image-layout .flex-fill-col {
		min-height: none;
	}

	.type-stma .hds-featured-link-list.large-image-layout .flex-fit-col,
	.hubble-science-release .hds-featured-link-list.large-image-layout .flex-fit-col {
		display: none;
		min-height: none;
	}

	.type-stma .hds-featured-link-list.large-image-layout .icon-column,
	.hubble-science-release .hds-featured-link-list.large-image-layout .icon-column {
		min-height: none;
	}
}