/* CSS styles for the Wolfram CAG documentation overview page */

developer : yhechler requires : shared.css.en /common/framework/css/framework.en.css==========================================================================*/ #overview main .inner {
	max-width: 1020px;
}
#overview main header+section .inner {
	padding: 0 2rem 0 2rem;
}
#overview main header h1 {
	margin-bottom: 1rem;
}
#overview main #intro .inner h2 {
    font-size: 2.1875rem;
}
#overview #list-of-apis .inner h2 {
	margin: 0;
}
#overview #_product-header #_product-overview {
	display: none;
}
#overview h2+p {
	color: #373737;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
}
/* ========== overview overwrite========== */

#overview main .inner h3 {
	font-size: 1.25rem;
	margin: 2rem 0 0.5rem 0;
}
#overview main #list-apis h3 {
	font-size: 1.5rem;
	margin: 0 0 0.5rem 0;
}
#overview #documentation .dock-block p {
	margin: 0;
	max-width: 400px;
}
#overview main .inner li {
	margin-bottom: 1rem;
}
main header+section .inner {
	padding: 0 2rem 2rem;
}
main header .inner {
	padding: 0 2rem 0;
}
main .inner li {
	margin-bottom: 1rem
}
main #documentation p {
	margin: 0;
}
#overview #downloadPDF {
	display: none;
}
#overview nav#_product-nav-wrapper {
	display: none;
}
#overview .inner .divider {
	border-top: 1px solid #ccc;
	margin-top: 1.5rem;
	padding-top: 2rem;
}
#overview .doc-block {
	margin-top: 1rem;
}
#overview .doc-block ul {
	max-width: unset;
}
#overview .doc-block p {
	color: #333;
	font-weight: 400;
	margin: 0.5rem 0;
	font-size: 1rem;
	line-height: 1.6;
}
#list-of-apis a.button {
	background-size: 1.5rem;
	background: var(--product-header-orange);
	border-radius: 5px;
	border: 1px solid var(--product-header-orange);
	color: #fff;
	font-size: 1rem;
	padding: 0.4375rem 1.8125rem;
}
/* styles for minimum supported screen width (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}
/* styles for minimum supported screen width (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
	#using-the-api .grid p.caption {
		white-space: normal;
	}
}
@media all and (max-width: 600px) {
	nav#_product-mobile{
		display:none!important;
	}
	#overview .get-started {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	#overview .get-started .button {
		align-self: center;
	}
	#overview .get-started .content {
		max-width: 100%;
	}
}
/* styles for minimum supported screen width (320px)
========================================================================== */

@media all and (max-width: 320px) {}