@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html,
input,
button,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Open Sans', 'LatoWeb', Arial, Helvetica, sans-serif;
}

.pages.show .page-title,
.pages .header-bar-outer-container .header-bar-container .header-left-flex .course-title {
	font-size: 2.25rem;
	letter-spacing: -0.0625rem;
	font-weight: 600;
	margin: 1.25rem 0 2.5rem;
	color: var(--ic-brand-primary);
}

body {
	font-size: 0.9375rem;
	letter-spacing: -0.0125rem;
}

.btn,
.Button,
.ui-button {
	border-radius: 0.375rem;
	font-size: 0.9375rem;
	line-height: 1.25rem;
	box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.2);
	font-weight: 600;
}

.Button--block+.Button--block,
.btn-block+.btn-block {
	margin-top: 1rem;
}

.btn-published,
.btn-primary,
.Button--primary,
.btn-warning,
.Button--warning,
.btn-danger,
.Button--danger,
.btn-success,
.Button--success,
.btn-info,
.Button--secondary {
	border: 0;
	line-height: 1.375rem;
}

.Button.external:hover span,
.btn.external:hover span {
	text-decoration: none
}

.Button--course-syllabus,
.Button--course-link {
	line-height: 1;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 3.125rem;
	text-align: left;
	position: relative;
}

.Button--course-syllabus:before,
.Button--course-link:before {
	content: '';
	position: absolute;
	left: 1rem;
	top: 0.875rem;
	background-image: url('data:image/svg+xml;utf8,<svg width="24" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="none" fill-rule="evenodd"><path d="M2,0 L22,0 C23.1045695,-2.02906125e-16 24,0.8954305 24,2 L24,28 C24,29.1045695 23.1045695,30 22,30 L2,30 C0.8954305,30 1.3527075e-16,29.1045695 0,28 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z M6,8 L6,13 L18,13 L18,8 L6,8 Z M6,17 L6,19 L18,19 L18,17 L6,17 Z" fill="%23002C5A" fill-rule="nonzero" transform="translate(-12.000000, -12.000000) translate(12.000000, 12.000000)"/><g transform="translate(-12.000000, -12.000000) translate(12.000000, 12.000000) translate(6.000000, 8.000000)"/></g></svg>');
	background-size: 100%;
	width: 1.5rem;
	height: 1.875rem;
	background-repeat: no-repeat;
}

.Button--course-link:before {
	background-image: url('data:image/svg+xml;utf8,<svg width="24" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(-12.000000, -12.000000) translate(12.000000, 12.000000)" fill-rule="nonzero" fill="none"><rect fill="%23FFCB0B" width="24" height="30" rx="2"/><path d="M9.719,17.281 C9.8655,17.4275 10.0575,17.501 10.2495,17.501 C10.4415,17.501 10.6335,17.4275 10.78,17.281 L14.281,13.78 C14.574,13.487 14.574,13.012 14.281,12.719 C13.988,12.426 13.513,12.426 13.22,12.719 L9.719,16.22 C9.426,16.513 9.426,16.988 9.719,17.281 Z M11.4695,18.82 C10.563,19.727 9.087,19.727 8.1795,18.82 C7.2725,17.913 7.2725,16.4375 8.1795,15.5305 L9.8245,13.8855 L8.764,12.825 L7.119,14.47 C5.627,15.962 5.627,18.3895 7.119,19.8815 C7.865,20.627 8.845,21 9.825,21 C10.805,21 11.785,20.627 12.5305,19.881 L14.1755,18.236 L13.1145,17.175 L11.4695,18.82 Z M16.881,10.119 C15.3895,8.627 12.9615,8.627 11.4695,10.119 L9.8245,11.764 L10.8855,12.825 L12.5305,11.18 C12.984,10.7265 13.5795,10.5 14.175,10.5 C14.7705,10.5 15.3665,10.727 15.82,11.1805 C16.727,12.0875 16.727,13.563 15.82,14.47 L14.175,16.115 L15.236,17.176 L16.881,15.531 C18.373,14.0385 18.373,11.611 16.881,10.119 Z" fill="%23002C5A"/></g></svg>');
	height: 2.125rem;
}

@media only screen and (min-height: 400px) {
	.ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle) {
		padding: 0.75rem 0;
	}
}

.user_content h1,
.user_content .h1 {
	font-size: 2.25rem;
	color: var(--ic-brand-primary);
	margin-bottom: 1.875rem;
	font-weight: 600;
	letter-spacing: -0.0625rem;
}

.user_content > ul {
	list-style: none;
	margin-left: 0;
	padding-left: 2.5rem;
}

.user_content ul ul,
.user_content ol ol,
.user_content ol ul,
.user_content ul ol {
	margin-left: 2rem;
	padding-top: 16px;
}

.user_content > ol {
	counter-reset: smart-count;
	/* padding-left: 2.5rem; */
}

.user_content > ol > li {
	counter-increment: smart-count;
	position: relative;
}

.user_content > ul > li {
	position: relative;
}

.user_content > ul > li:before {
	content: '';
	position: absolute;
	background-color: rgb(104,104,104);
	height: .584375rem;
	width: .584375rem;
	left: -1.5rem;
	top: .584375rem;
	border-radius: 50%;
}


.user_content p,
.user_content li {
	font-size: 1.0625rem;
	letter-spacing: -0.0125rem;
	line-height: 1.65;
	margin-top: 0;
	/* margin-bottom: 1.75rem; */
	color: var(--ic-brand-font-color-dark);
}


.user_content p.condensed {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.user_content li {
	margin-bottom: 1.25rem;
}

.user_content h1,
.user_content h2,
.user_content h3,
.user_content h4,
.user_content h5,
.user_content h6,
.user_content .h1,
.user_content .h2,
.user_content .h3,
.user_content .h4,
.user_content .h5,
.user_content .h6 {
	margin-bottom: 1rem;
}

.user_content h2,
.user_content .h2 {
	text-transform: uppercase;
	font-size: 1.4375em;
	line-height: 1.75rem;
	letter-spacing: 0.046875rem;
	font-weight: 600;
	color: var(--ic-brand-primary);
	margin-bottom: 1rem;
	margin-top: 2rem;
}

.user_content img {
	border-radius: 0.375rem;
}

.module-sequence-footer {
	margin-top: 3rem;
}

.user_content .noodle-teacher-information-box {
	border-radius: 0.375rem;
	background-color: #FAFAFA;
	border: 0.0625rem solid #eee;
	margin-bottom: 2rem;
}

.user_content .noodle-teacher-information-box *[class^=col] {
	border-right: 0.0625rem solid #eee;
}

.user_content .noodle-teacher-information-box *[class^=col]:last-child {
	border-right: none;
}

.user_content .noodle-teacher-information-box *[class^=col]>* {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.user_content .noodle-teacher-information-box *[class^=col]:last-child>* {
	padding-right: 1rem;
}

.user_content .noodle-teacher-information-box *[class^=col]:first-child>* {
	padding-left: 1rem;
}

.user_content .noodle-teacher-information-box p {
	margin: 0;
	font-size: 0.9375rem;
}

.user_content .noodle-teacher-information-box p+p {
	font-size: 0.8125rem;
}

.user_content .noodle-teacher-information-box a {
	color: var(--ic-brand-font-color-dark-lightened-15);
}

.user_content .noodle-teacher-information-box img {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	display: inline-block;
	float: left;
	margin: 0.25rem 0.625rem 0 0;
}

.user_content .noodle-outcomes-box *[class^='col'] {
	background-color: #FDFDFD;
	background-image: url('data:image/svg+xml;utf8,<svg width="20" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Group 9</title><desc>Created with Sketch.</desc><g stroke="%23FFCB0B" stroke-width="2.000001" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M5.50000425 12.0000065L8.50000575 14.0000075 12.5000077 8.0000045" transform="translate(-15.000000, -28.000000) translate(16.000000, 29.000000)"/><path d="M9.000006,5.00000098e-07 L1.4999993e-06,5.000003 L1.4999993e-06,11.000006 C0.118001559,15.3780082 1.61500231,19.5850103 9.000006,22.0000115 C16.3850097,19.5850103 17.8820104,15.3780082 18.0000105,11.000006 L18.0000105,5.000003 L9.000006,5.00000098e-07 Z" transform="translate(-15.000000, -28.000000) translate(16.000000, 29.000000)"/></g></svg>');
	background-size: 1.125rem;
	background-repeat: no-repeat;
	background-position: 1.375rem center;
	border-radius: 0.375rem;
	box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
	margin: 0 0.5rem;
	position: relative;
	justify-content: center;
}

.user_content .noodle-outcomes-box p {
	font-size: 0.875rem;
	margin-left: 3.125rem;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	margin-right: 1rem;
}

.user_content .noodle-live-session-info-box {
	border-radius: 0.375rem;
	background-color: #FAFAFA;
	border: 0.0625rem solid #eee;
	margin: 0;
}

.user_content .noodle-live-session-info-box p {
	margin: 0;
	font-size: 0.9375rem;
}

.user_content .noodle-live-session-info-box p.session-label {
	font-size: 0.6875rem;
	line-height: 1;
	text-transform: uppercase;
}

.user_content .noodle-live-session-info-box *[class^=col]>* {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.user_content .noodle-live-session-info-box *[class^=col]:first-child>* {
	padding-left: 1rem;
}

.user_content .noodle-live-session-info-box *[class^=col]:first-child,
.user_content .noodle-live-session-info-box *[class^=col]:nth-child(2) {
	max-width: 12.5rem;
}

.user_content .noodle-live-session-info-box *[class^=col]:last-child>* {
	padding-right: 1rem;
	text-align: right;
}

.user_content .noodle-live-session-info-box .Button+p {
	display: inline-block;
	margin-left: 1rem;
	font-size: 0.8125rem;
}

.user_content .noodle-call-in-info {
	display: none;
	border-radius: 0.375rem;
	background-color: #FAFAFA;
	border: 0.0625rem solid #eee;
	margin: 0;
	padding: 1rem;
}

.user_content .noodle-call-in-info p,
.user_content .noodle-call-in-info p a,
.user_content .noodle-call-in-info a {
	font-size: .9375rem;
}

.module-sequence-footer .module-sequence-footer-content {
	padding: 0;
	border-color: #DDDDDD;
}

.module-sequence-footer-button--next .Button,
.Button.module-sequence-footer-button--next,
.Button.module-sequence-footer-button--previous,
.module-sequence-footer-button--previous .Button {
	background: var(--ic-brand-button--primary-bgd);
	color: var(--ic-brand-button--primary-text);
	margin-top: 1rem;
	padding: 0.5rem 0.875rem;
	letter-spacing: 0.0125rem;
}

.module-sequence-footer-button--next .Button:hover,
.Button.module-sequence-footer-button--next:hover,
.Button.module-sequence-footer-button--previous:hover,
.module-sequence-footer-button--previous .Button:hover {
	background: var(--ic-brand-button--primary-bgd-darkened-5);
	color: var(--ic-brand-button--primary-text)
}

.item-group-container {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.item-group-condensed .ig-row {
	box-shadow: none;
	border: 0;
	background: #ffffff;
	padding: 1.125rem 0.625rem 1.125rem 1rem;
}

.item-group-container .ig-type-icon,
.ig-published:not(.student-view) .ig-type-icon {
	color: var(--ic-brand-button--secondary-bgd);
}

#context_modules .ig-header .name {
	text-transform: uppercase;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-shadow: none;
	letter-spacing: 0.046875rem;
	font-weight: 700 !important;
	color: var(--ic-brand-primary);
	margin-bottom: 1rem;
	margin-top: 5rem;
}

.context_module_item.context_module_sub_header .locked_title {
	font-size: 1rem;
	letter-spacing: 0.02em;
}

.ig-list .ig-row a.ig-title {
	font-weight: 400;
	letter-spacing: .01em;
}

#context_modules .item-group-condensed.context_module:not(.collapsed_module) .ig-header-title .name {
	font-weight: 800!important;
}

#context_modules .ig-header-title {
	font-size: 1.5rem;
	letter-spacing: 0.046875rem;
	outline: 0;
}

.ig-header .ig-header-title .icon-mini-arrow-down,
.ig-header .ig-header-title .icon-mini-arrow-right {
	vertical-align: middle;
	height: 1.5rem;
	width: 1.5rem;
	margin-top: 0.625rem;
	color: var(--ic-brand-primary);
	display: inline-block;
}

.ig-list .ig-row.ig-published:not(.student-view):before {
	width: 0.125rem;
}

.item-group-condensed .ig-row:hover {
	background: #FAFAFA;
}

.item-group-condensed .ig-list li {
	border-bottom: 0.0625rem solid #EEEEEE!important;
}

.item-group-condensed .ig-list li:last-child {
	border-bottom: 0!important;
}

.item-group-condensed .ig-list li:first-child .ig-row,
.item-group-condensed .ig-list li:first-of-type .ig-row,
.item-group-condensed .first_visible .ig-row {
	border-top: 0.0625rem solid #EEEEEE;
	border-radius: 0;
}

.noodle-module-accordion .element_toggler {
	font-size: 1.0625rem;
	letter-spacing: -0.0125rem;
	line-height: 1.65;
	border-bottom: 0.0625rem solid #EEEEEE;
	padding: 1rem 0.75rem;
	margin: 0;
	display: block;
	color: var(--ic-brand-font-color-dark);
	background-color: #FFFFFF;
	position: relative;
}

.noodle-module-accordion .element_toggler:after {
	content: '';
	background-image: url('data:image/svg+xml;utf8,<svg width="19" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill-rule="nonzero" stroke="%239D9D9D" stroke-width="1.5" fill="none" stroke-linecap="square"><path d="M673,8 L673,24" transform="translate(-663.000000, -32.000000) translate(0.000000, 25.000000)"/><path d="M672.5,8.5 L672.5,24.5" transform="translate(-663.000000, -32.000000) translate(0.000000, 25.000000) translate(672.500000, 16.500000) rotate(-270.000000) translate(-672.500000, -16.500000)"/></g></svg>');
	background-size: 1rem;
	background-position: center center;
	background-repeat: no-repeat;
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 1rem;
	top: 1.333rem;
}

.noodle-module-accordion .element_toggler[aria-expanded=false]:after {
	background-image: url('data:image/svg+xml;utf8,<svg width="19" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill-rule="nonzero" stroke="%239D9D9D" stroke-width="1.5" fill="none" stroke-linecap="square"><path d="M673,8 L673,24" transform="translate(-663.000000, -32.000000) translate(0.000000, 25.000000)"/><path d="M672.5,8.5 L672.5,24.5" transform="translate(-663.000000, -32.000000) translate(0.000000, 25.000000) translate(672.500000, 16.500000) rotate(-270.000000) translate(-672.500000, -16.500000)"/></g></svg>');
}

.noodle-module-accordion .element_toggler[aria-expanded=true]:after {
	background-image: url('data:image/svg+xml;utf8,<svg width="19" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill-rule="nonzero" stroke="%239D9D9D" stroke-width="1.5" fill="none" stroke-linecap="square"><path d="M672.5,8.5 L672.5,24.5" transform="translate(-663.000000, -32.000000) translate(0.000000, 25.000000) translate(672.500000, 16.500000) rotate(-270.000000) translate(-672.500000, -16.500000)"/></g></svg>');
}

.noodle-module-accordion .element_toggler[aria-expanded=false]+.element_to_toggle {
	display: none;
	background-color: #FAFAFA;
}

.noodle-module-accordion .element_toggler[aria-expanded=true] {
	background-color: #FAFAFA;
	border-color: #FAFAFA;
}

.noodle-module-accordion .element_to_toggle {
	padding: 0 1rem 1rem;
	background-color: #FAFAFA;
}

.noodle-module-accordion .module-card {
	background: #ffffff;
	padding: 1rem;
	border-radius: 0.375rem;
	box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.2);
}

.noodle-module-accordion .module-card p {
	margin: 0;
}

.noodle-module-accordion i[class^=icon] {
	color: var(--ic-brand-button--secondary-bgd);
	vertical-align: text-top;
}

.noodle-module-accordion i[class^=icon]:before {
	font-size: 1.4rem;
}

.noodle-module-accordion .element_toggler strong {
	width: 6rem;
	display: inline-block;
	padding-left: 1rem;
}

.noodle-overview-list {
	display: block;
}

.noodle-overview-list .overview-title {
	display: block;
	background: #EEEEEE;
	padding: .5rem 1rem;
	font-size: 0.6875rem;
	letter-spacing: 0.0125rem;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.noodle-overview-list .row-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 0.0625rem solid #EEEEEE;
}

.noodle-overview-list .block-yellow,
.noodle-overview-list .block-red,
.noodle-overview-list .block-blue {
	flex-grow: 0;
	flex-shrink: 0;
	width: 4.0625rem;
	font-size: 0.6875rem;
	line-height: 1.25rem;
	height: 1.25rem;
	border-radius: 0.1875rem;
	background-color: rgba(228, 196, 66, 0.2);
	border: 0.0625rem solid #E4C442;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-right: 2rem;
}

.noodle-overview-list .block-red {
	background-color: #FAE5E3;
	border-color: #E67C73;
}

.noodle-overview-list .block-blue {
	background-color: #D9E7FD;
	border-color: #4285F4;
}

.noodle-overview-list .row-copy {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin: 0;
	padding: 1rem 0;
}
