/* React Content Builder Block (Learning Center Artciles) */

/* Overrides */
figure { margin: 0px; }
header h1, header h2, header h3 { text-align:left !important; }
header h2, header h3 { padding: 0 0 var(--spacing-02) !important; margin: 0px; }
.image-block { padding: 0px; }
p { margin-bottom:0px; }
.side_nav { padding-top: 0px; }
section .multi_blk-wrap.swiper-carousel { padding-bottom: 0px; } /* Overriding carousel spacer to match mocks */
.table { margin-bottom:0px; }
/* End Overrides */

.content_nav--small {
	border-radius: 0px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.content_nav--small > li { border-right: none; border-left: none; border-top: none; padding-right: 0px; }
.content_nav--small .dropdown-item.active { var}

.content_nav--large > .content_nav--large_header { padding-bottom: var(--spacing-06); padding-top: var(--spacing-06); font: var(--text-title-lg); }
.content_nav--large > .list-group-item, .content_nav--small .dropdown-item { font: var(--text-menu-secondary); }
.content_nav--large > .list-group-item.section { padding-top: var(--spacing-02); }
.content_nav--large > .list-group-item.active, .content_nav--small .dropdown-item.active { font-weight: normal; }

.content_main-container > section.multi_blk:not(:last-child) {
	border-bottom: 1px solid var(--color-border-primary);
	margin-bottom: 40px;
}
.content_body-container > section.main_body-container { margin-bottom: 24px; }

.header-container__headline, .header-container__subcontent-wrapper {
	border: 1px solid var(--color-border-primary);
	border-top: none;
	border-left: none;
	border-right: none;
}
.header-container__content { text-align: left; padding: 0 0 24px; }
.header-container__subcontent-wrapper { padding: 16px 0px; }

.image-block__image { width: 100%; }
.image-block__caption {
	font: var(--text-body-sm-compact);
	color: var(--color-text-primary-dark);
	text-decoration: none;
	text-align: center;
}

.multi_blk { padding-bottom: var(--spacing-04); }
.multi_blk--spacer { padding-bottom: var(--spacing-06); }

.multi_blk--author_wrapper { margin-right: var(--spacing-06); }
.multi_blk--author_img {
	width: 64px;
	height: 64px;
	border-radius: 64px;
}
.multi_blk--author_info > *:not(:last-child) { padding-bottom: var(--spacing-04); }
.multi_blk--author_name { color: var(--color-text-primary-dark); font-size: 18px; font-weight:700; line-height: 27px; }
.multi_blk--author_title { color: var(--color-text-secondary); font-size: 16px; line-height: 24px; }
.multi_blk--author_bio { color: var(--color-text-primary-dark); font-size: 16px; line-height: 28px; }

.multi_blk--double_wrapper { display: flex; flex-wrap: wrap; }
.multi_blk--double_wrapper > .multi_blk--double_col:first-child { padding-left: 0px; }
.multi_blk--double_wrapper > .multi_blk--double_col:last-child { padding-right: 0px; }
.multi_blk--double_col { flex: 1 0 100%; max-width: 100%; padding-bottom: var(--spacing-06); }
.multi_blk--double_col .multi_blk, .multi_blk--double_col .multi_blk-wrap,
	.multi_blk--double_col .image-block__banner { padding-bottom: 0px; margin-bottom: 0px; }

.multi_blk--link, .multi_blk--double_col > .multi_blk--text_container a {
	color: var(--color-text-primary-dark) !important;
	font-size: 18px;
	line-height: 32px;
	text-decoration: underline;
	font-feature-settings: 'liga' off, 'clig' off;
}
.multi_blk--link:hover, .multi_blk--double_col > .multi_blk--text_container a:hover {
    color: var(--color-text-link-hover);
    text-decoration: none;
}
.multi_blk--subsection > section.multi_blk { padding-bottom: 0px; }

.multi_blk--text_container { font: var(--text-body-lg); color: var(--color-text-primary-dark); }
.multi_blk--text_container p {
    padding-bottom: var(--spacing-06);
    margin-bottom: 0;
}
.multi_blk--text_container p:last-of-type {
    padding-bottom: 0;
}

.multi_blk--tip { margin-bottom:0px; }
.multi_blk--tip.tip { color: var(--text-support-info); }
.multi_blk--tip.warning { color: var(--text-support-warning); }
.multi_blk--tip.primary { color: var(--text-support-primary); }
.multi_blk--tip_headline { font: var(--text-title-md); }

@media (min-width: 480px) {
	.multi_blk--double_wrapper { flex-wrap: nowrap; }
	.multi_blk--double_col {
		flex: 1 0 50%;
		padding: 0px var(--spacing-03) var(--spacing-06);
	}
	.multi_blk--double_col .image-block__image { width: 100%; }

}

@media (min-width: 576px) {
	.image-block__image { width: 100%; max-width: 100%; }
}
@media (min-width: 992px) {
	.header-container__headline, .header-container__subcontent-wrapper {
		border: 1px solid var(--color-border-secondary);
		border-top: none;
		border-left: none;
		border-right: none;
	}
}

@media (min-width: 1200px) {
	.container-fluid { padding-left: var(--spacing-10); padding-right: var(--spacing-10); }
}

/* Content Block (Learning Center Articles) - old styling */
.block_wrap {
    padding-bottom: var(--spacing-10);
}

.block_wrap .block_heading-1 {
    font-size: var(--font-size-500);
    margin: 0;
    line-height: var(--font-line-height-04);
    text-align: center;
}

.block_wrap .block_heading-2 {
    font-size: var(--font-size-400);
    font-weight: var(--font-weight-reg);
    text-align: center;
    border: 0;
    margin: 0;
}

.block_wrap .block_heading-3 {
    font-size: var(--font-size-300);
    font-weight: var(--font-weight-reg);
    border: 0;
    margin: 0;
}

.block_wrap .block {
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
    margin-bottom: var(--spacing-10);
}

.block_wrap .block:last-child {
    margin-bottom: 0;
}

.block_wrap .block_head {
    text-align: center;
}

.block_wrap .block_head:first-child {
    margin-top: var(--spacing-10);
}

.block_wrap .block_head .block_heading-1 {
    margin: 0 auto var(--spacing-06);
}

.block_wrap .block_head-subline {
    font-size: var(--font-size-50);
    line-height: 1.3846153846153846;
    color: var(--disabled);
    margin: var(--spacing-04) auto 0;
    max-width: 472px;
}

.block_wrap .block_head-author {
    font-size: var(--font-size-50);
    margin: var(--spacing-04) 0 0;
}

.block_wrap .block_heading-h3 {
    margin-bottom: var(--spacing-04);
}

.block_wrap .block_heading .sub_line {
    max-width: 472px;
    margin: var(--spacing-04) auto 0;
    text-align: center;
}

.block_wrap .block_text::after {
    display: block;
    clear: both;
    content: "";
}

.block_wrap .block_text h1 {
    margin: 0 auto var(--spacing-10);
}

.block_wrap .block_text h2 {
    margin: 0 auto var(--spacing-10);
}

.block_wrap .block_text h3 {
    margin: 0 auto var(--spacing-04);
}

.block_wrap .block_text *+h1 {
    margin-top: var(--spacing-10);
}

.block_wrap .block_text *+h2 {
    margin-top: var(--spacing-10);
}

.block_wrap .block_text *+h3 {
    margin-top: var(--spacing-04);
}

.block_wrap .block_text p {
    padding: 0;
    margin: 0 auto var(--spacing-04);
}

.block_wrap .block_text ul,
.block_wrap .block_text ol {
    padding-left: var(--spacing-06);
    margin: 0 auto var(--spacing-04);
}

.block_wrap .block_text ul {
    list-style: disc;
}

.block_wrap .block_text ol {
    list-style: decimal;
}

.block_wrap .block_text li {
    margin-bottom: var(--spacing-04);
}

.block_wrap .block_text li:last-child {
    margin-bottom: 0;
}

.block_wrap .block_text table {
    border: var(--border-weight-01) solid var(--mediumgray);
    margin: 0 auto var(--spacing-04);
    line-height: var(--font-line-height-04);
}

.block_wrap .block_text table th {
    font-weight: var(--font-weight-bold);
    text-align: left;
    border: var(--border-weight-01) solid var(--mediumgray);
}

.block_wrap .block_text table td {
    border: var(--border-weight-01) solid var(--mediumgray);
}

.block_wrap .block_text table th,
.block_wrap .block_text table td {
    padding: var(--spacing-04);
}

.block_wrap .block_text table th:nth-child(2n),
.block_wrap .block_text table td:nth-child(2n) {
    background-color: var(--gray-100);
}

.block_wrap .block_text *:last-child {
    margin-bottom: 0;
}

.block_wrap .block_text-img {
    padding-bottom: var(--spacing-10);
}

.block_wrap .block_text-img.is-left {
    float: left;
    padding-right: var(--spacing-10);
}

.block_wrap .block_text-img.is-right {
    float: right;
    padding-left: var(--spacing-10);
}

.block_wrap .block_single_img {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.block_wrap .block_single_img img {
    width: 100%;
}

.block_wrap .block_single_img-cap {
    font-size: var(--font-size-50);
    font-style: italic;
    text-align: center;
    margin: var(--spacing-02) 0 0;
    line-height: 1.3846153846153846;
}

.block_wrap .block_double_img {
    position: relative;
}

.block_wrap .block_double_img .double_left_img {
    margin-bottom: var(--spacing-10);
}

.block_wrap .block_double_img img {
    width: 100%;
}

.block_wrap .block_double_img-cap {
    font-size: var(--font-size-50);
    font-style: italic;
    text-align: center;
    margin: var(--spacing-02) 0 0;
    line-height: 1.3846153846153846;
}

.block_video .iframe_contain {
    max-width: 790px;
    margin: auto;
}

.block_video .iframe_wrap {
    position: relative;
    padding-bottom: 56.21%;
    height: 0;
}

.block_video .iframe_contain .block_video_iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.block_buttons-wrap+.block_buttons-wrap {
    margin-top: var(--spacing-05);
}

.block_wrap .block_author {
    padding: 0 var(--spacing-04);
}

.block_author-wrap {
    padding: var(--spacing-06) 0;
    border-top: var(--border-weight-01) solid var(--gray-100);
    border-bottom: var(--border-weight-01) solid var(--gray-100);
    margin: 0 auto;
}

.block_author-image {
    float: left;
    width: 40px;
    height: 40px;
}

.block_author-image img {
    border-radius: 50%;
    width: 40px;
}

.block_author-info {
    float: left;
    width: 100%;
    margin-left: -40px;
}

.block_author-info-heading {
    font-size: var(--font-size-50);
    font-weight: var(--font-weight-bold);
    padding-left: 66px;
}

.block_author-info-text {
    margin: var(--spacing-02) 0 0;
    font-size: var(--font-size-50);
    padding-left: 66px;
}

@media (min-width: 480px) {

    .block_wrap .block_buttons {
        display: flex;
    }

    .block_buttons-wrap {
        flex: 1 1 50%;
        padding-right: var(--spacing-02);
    }

    .block_buttons-wrap+.block_buttons-wrap {
        margin-top: 0;
        padding: 0 0 0 var(--spacing-02);
    }

    .block_buttons-wrap.is-solo {
        padding: 0;
        max-width: 250px;
        margin: auto;
    }
}

@media (min-width: 576px) {

    .block_wrap .block {
        padding-left: 18px;
        padding-right: 18px;
    }

    .block_wrap .block_double_img {
        display: flex;
    }

    .block_wrap .block_double_img>div {
        flex: 1 1 50%;
    }

    .block_wrap .block_double_img .double_left_img {
        padding-right: 2px;
    }

    .block_wrap .block_double_img .double_right_img {
        padding-left: 2px;
    }

    .block_wrap .block_double_img .double_left_img {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {

    .block_wrap .block {
        padding-left: var(--spacing-06);
        padding-right: var(--spacing-06);
    }

    .block_wrap .block_text {
        padding-left: 86px;
        padding-right: 86px;
    }
}

@media (min-width: 768px) {

    .block_wrap .block_heading {
        padding-left: 86px;
        padding-right: 86px;
    }
}

@media (min-width: 991px) {

    .block_wrap .block_heading {
        padding-left: 84px;
        padding-right: 84px;
    }

    .block_wrap .block_text {
        padding-left: 84px;
        padding-right: 84px;
    }
}