/* =========================================================
   KEN'S DISTRIBUTING
   CROWN MANUALS / PARTS BREAKDOWN
   ========================================================= */


/* =========================================================
   PAGE
   ========================================================= */

.kendisco-crown-manuals-page {
	--kendisco-crown-width: 1440px;
	--kendisco-crown-navy: #0F172A;
	--kendisco-crown-orange: #FF5F14;
	--kendisco-crown-text: #10234A;

	display: block;

	width: 100%;

	margin: 0;

	padding: 0;

	background:
		#FFFFFF;

	color:
		var(--kendisco-crown-text);
}


.kendisco-crown-manuals-page *,
.kendisco-crown-manuals-page *::before,
.kendisco-crown-manuals-page *::after {
	box-sizing:
		border-box;
}


.kendisco-crown-manuals-width {
	width: 100%;

	max-width:
		var(--kendisco-crown-width);

	margin:
		0 auto;

	padding:
		0 24px;
}


/* =========================================================
   PAGE HEADER
   ========================================================= */

.kendisco-crown-manuals-header {
	width: 100%;

	margin: 0;

	padding:
		24px 0 10px;
}


.kendisco-crown-manuals-header h1 {
	margin:
		0 !important;

	padding:
		0 !important;

	color:
		var(--kendisco-crown-navy) !important;

	font-family:
		inherit !important;

	font-size:
		30px !important;

	font-style:
		normal !important;

	font-weight:
		700 !important;

	line-height:
		1.2 !important;

	letter-spacing:
		0 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.kendisco-crown-manuals-content {
	width: 100%;

	padding:
		4px 0 54px;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.kendisco-crown-manual-section {
	width: 100%;

	margin:
		0 0 36px;

	padding: 0;
}


.kendisco-crown-manual-section:last-child {
	margin-bottom:
		0;
}


.kendisco-crown-manual-section-title {
	margin:
		0 0 20px !important;

	padding:
		0 !important;

	color:
		var(--kendisco-crown-orange) !important;

	font-family:
		inherit !important;

	font-size:
		17px !important;

	font-style:
		normal !important;

	font-weight:
		700 !important;

	line-height:
		1.3 !important;

	letter-spacing:
		0 !important;
}


/* =========================================================
   TWO COLUMN LAYOUT
   ========================================================= */

.kendisco-crown-manual-grid {
	display: grid;

	width: 100%;

	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);

	column-gap:
		76px;

	row-gap:
		20px;
}


.kendisco-crown-manual-column {
	min-width: 0;
}


/* =========================================================
   MANUAL LINKS
   ========================================================= */

.kendisco-crown-manual-list {
	display: flex;

	width: 100%;

	flex-direction:
		column;

	gap:
		17px;

	margin: 0;

	padding: 0;

	list-style:
		none;
}


.kendisco-crown-manual-list li {
	margin: 0;

	padding: 0;

	list-style:
		none;
}


.kendisco-crown-manual-list a,
.kendisco-crown-manual-list a:link,
.kendisco-crown-manual-list a:visited,
.kendisco-crown-manual-list a:hover,
.kendisco-crown-manual-list a:focus,
.kendisco-crown-manual-list a:active {
	display: inline-flex;

	max-width: 100%;

	align-items:
		flex-start;

	gap:
		12px;

	color:
		var(--kendisco-crown-text) !important;

	font-family:
		inherit !important;

	font-size:
		16px !important;

	font-style:
		normal !important;

	font-weight:
		400 !important;

	line-height:
		1.45 !important;

	letter-spacing:
		0 !important;

	text-decoration:
		none !important;

	transform:
		none !important;

	animation:
		none !important;

	transition:
		color 0.15s ease !important;
}


.kendisco-crown-manual-list a:hover,
.kendisco-crown-manual-list a:focus {
	color:
		var(--kendisco-crown-orange) !important;
}


/* =========================================================
   PDF ICON
   ========================================================= */

.kendisco-crown-manual-icon {
	flex:
		0 0 18px;

	width:
		18px;

	height:
		18px;

	margin-top:
		2px;

	color:
		var(--kendisco-crown-orange);
}


/* =========================================================
   WIDESCREEN
   ========================================================= */

@media (min-width: 1600px) {

	.kendisco-crown-manuals-page {
		--kendisco-crown-width:
			1520px;
	}


	.kendisco-crown-manuals-header h1 {
		font-size:
			32px !important;
	}


	.kendisco-crown-manual-grid {
		column-gap:
			90px;
	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media
(min-width: 768px)
and
(max-width: 1199px) {

	.kendisco-crown-manuals-width {
		padding-left:
			20px;

		padding-right:
			20px;
	}


	.kendisco-crown-manual-grid {
		column-gap:
			40px;
	}


	.kendisco-crown-manual-list a,
	.kendisco-crown-manual-list a:link,
	.kendisco-crown-manual-list a:visited,
	.kendisco-crown-manual-list a:hover,
	.kendisco-crown-manual-list a:focus,
	.kendisco-crown-manual-list a:active {
		font-size:
			14px !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.kendisco-crown-manuals-width {
		padding:
			0 15px;
	}


	.kendisco-crown-manuals-header {
		padding:
			20px 0 8px;
	}


	.kendisco-crown-manuals-header h1 {
		font-size:
			25px !important;
	}


	.kendisco-crown-manuals-content {
		padding-bottom:
			36px;
	}


	.kendisco-crown-manual-section {
		margin-bottom:
			30px;
	}


	.kendisco-crown-manual-section-title {
		margin-bottom:
			16px !important;

		font-size:
			16px !important;
	}


	.kendisco-crown-manual-grid {
		grid-template-columns:
			1fr;

		gap:
			14px;
	}


	.kendisco-crown-manual-list {
		gap:
			13px;
	}


	.kendisco-crown-manual-list a,
	.kendisco-crown-manual-list a:link,
	.kendisco-crown-manual-list a:visited,
	.kendisco-crown-manual-list a:hover,
	.kendisco-crown-manual-list a:focus,
	.kendisco-crown-manual-list a:active {
		gap:
			10px;

		font-size:
			14px !important;

		line-height:
			1.4 !important;
	}


	.kendisco-crown-manual-icon {
		flex-basis:
			17px;

		width:
			17px;

		height:
			17px;
	}

}