/* custom styles for the course */
/* items marked DEV NOTE: should be updated as needed when building the course */

/* DEV NOTE: adjust each #sec_XX for all sections (pages) in the course to ensure reasonable consistent spacing between pages; group pages where can be done by screentype but a page may need unique styles */
/* DEV NOTE: ensure when two pages with a background color follow each other that they do not have whitespace between them but only spacing above and below within their own background colors */
/* DEV NOTE: if you have to make an approved custom change to a style in styles.css for the course then add to this stylesheet instead and ensure it is raised to be added to the template later */

/* Text and Vertical Image (Left) and (Right) */
#sec_4, #sec_6, #sec_17, #sec_11 {
	margin-top: 50px;
}
#sec_11, #sec_15, #sec_20, #sec_24, #sec_29 {
	margin-top: 0px;	
	padding-bottom: 0px;
	padding-top: 0px;
}

/* Text Only and Text and Two Columns / Text and Table */
#sec_22, #sec_26 {
	margin-top: 50px;
	padding-bottom: 90px;
	padding-top: 120px;
}
#sec_10 {
	margin-top: 0px;
	padding-bottom: 90px;
	padding-top: 120px;
}

/* Text and Horizontal Adaptive Image or Full Screen Image with Text */
#sec_5, #sec_12, #sec_16, #sec_21, #sec_25 {
	margin-top: 120px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Timeline/Sequence */
/* Timeline/Sequence */
#sec_2 {
	margin-top: 60px;
	padding-top: 90px;
	padding-bottom: 120px !important;
}
#sec_9, #sec_14, #sec_19 {
	margin-top: 90px;
	padding-top: 120px;
	padding-bottom: 90px;
}
#sec_23 {
	margin-top: 0px;
	padding-top: 120px;
	padding-bottom: 90px;
}
#sec_28 {
	margin-top: 0px;
	padding-top: 120px;
	padding-bottom: 90px;
}

/* Accordian */
#sec_3, #sec_7, #sec_18 {
	margin-top: 70px;		
	margin-bottom: 0px;
}

/* Slider */
#sec_13 {	
	margin-top: 0px;
	margin-bottom: 50px;
}
#sec_30 {
	margin-top: 90px;
	margin-bottom: 50px;
}
/* Image Click and Display */
#sec_8 {
	margin-top: 25px;
	margin-bottom: 0px;	
	min-height: 500px;
}
#sec_27 {
	margin-top: 25px;
	margin-bottom: 0px;
}	
/* for 1376 */
@media (min-width: 1024px) {
	#sec_8 {
		margin-top: 50px;
		margin-bottom: 0px;
	}
	#sec_27 {
		margin-top: 50px;
		margin-bottom: 0px;
		min-height: 500px;
	}
}

/* Multiple Choice Single Answer Question (assessment) */
#sec_32, #sec_33, #sec_34, #sec_35, #sec_36 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 120px;
	padding-bottom: 120px;	
}

/* Assesment Results (Text Only) */
#sec_37 {
	margin-top: 0px;
	padding-bottom: 50px;
	padding-top: 120px;
}

/* Attestation (Text Only) */
#sec_39 {
	margin-top: 0px;
	padding-bottom: 50px;
	padding-top: 120px;	
}

/* custom timeline style 2026 */
.timeline_item_title_content {	
	font-weight: 300;
}

/* DEV NOTE: if a Topic Intro type page requires a shorter blue box due to lack of content then uncomment and update for the sec number(s) */
/*#sec_XX .topic_intro_content {
	min-height: 1px !important;
}*/

/* DEV NOTE: if document.hasBranchMenu then uncomment and adjust branchmenu classes as needed */
/*.branchmenu1, .branchmenu2, .branchmenu3, .branchmenu4 {
	display: block;
}*/
/* for 1376px */
/*@media (min-width: 768px) {
	.branchmenu2 .topic_select_3 {
		margin-left: 16px;
	}
	.branchmenu4 .topic_select_5 {
		margin-left: 16px;
	}
	.branchmenu4 .topic_select_6 {
		margin-left: 0px;
	}
}
@media (min-width: 1100px) {
	.branchmenu1 .topic_select_6 {
		margin-left: 0px;
	}
	.branchmenu2 .topic_select_6 {
		margin-left: 0px;
	}
	.branchmenu3 .topic_select_4 {
		margin-left: 16px;
	}
	.branchmenu3 .topic_select_6 {
		margin-left: 0px;
	}
	.branchmenu4 .topic_select_6 {
		margin-left: 16px;
	}
}
@media (min-width: 1392px) {
	.branchmenu1 .topic_select_5 {
		margin-left: 16px;
	}
	.branchmenu1 .topic_select_6 {
		margin-left: 16px;
	}
	.branchmenu2 .topic_select_5 {
		margin-left: 16px;
	}
	.branchmenu2 .topic_select_6 {
		margin-left: 16px;
	}
	.branchmenu3 .topic_select_5 {
		margin-left: 16px;
	}
	.branchmenu3 .topic_select_6 {
		margin-left: 16px;
	}	
}*/

/* DEV NOTE: if header buttons layout need adjustment for smaller viewports such as with jp then uncomment and adjust as needed */
/*.home, .page, .bar_close, .switchLang {
	padding: 6px;
	margin-top: -1px;
}*/