/*<meta conditions="default.External,default.French" />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* 
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * overdrive.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2015
 */

@font-face 
{
	font-family: "Brown-Light";
	src: url("../fonts/lineto-brown-light.eot");
	src: url("../fonts/lineto-brown-light.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-light.woff") format("woff"), url("../fonts/lineto-brown-light.ttf") format("truetype"), url("../fonts/lineto-brown-light.svg#lineto-brown-light") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: "Brown-Regular";
	src: url("../fonts/lineto-brown-regular.eot");
	src: url("../fonts/lineto-brown-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-regular.woff") format("woff"), url("../fonts/lineto-brown-regular.ttf") format("truetype"), url("../fonts/lineto-brown-regular.svg#lineto-brown-regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: "Brown-Bold";
	src: url("../fonts/lineto-brown-bold.eot");
	src: url("../fonts/lineto-brown-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-bold.woff") format("woff"), url("../fonts/lineto-brown-bold.ttf") format("truetype"), url("../fonts/lineto-brown-bold.svg#lineto-brown-bold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'FreightTextProLight-Regular';
	src: url('../fonts/2D64F3_8_0.eot');
	src: url('../fonts/2D64F3_8_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2D64F3_8_0.woff2') format('woff2'), url('../fonts/2D64F3_8_0.woff') format('woff'), url('../fonts/2D64F3_8_0.ttf') format('truetype');
}

@font-face 
{
	font-family: 'FreightTextProMedium-Regular';
	src: url('../fonts/2D64F3_A_0.eot');
	src: url('../fonts/2D64F3_A_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2D64F3_A_0.woff2') format('woff2'), url('../fonts/2D64F3_A_0.woff') format('woff'), url('../fonts/2D64F3_A_0.ttf') format('truetype');
}

@font-face 
{
	font-family: MuseoSlabFree;
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/museo-slab-500.woff) format("woff"), url(../fonts/museo-slab-500.ttf) format("truetype");
}

@font-face 
{
	font-family: 'icons';
	src: url('../fonts/icons-dev.eot?b6zuci');
	src: url('../fonts/icons-dev.eot?#iefixb6zuci') format('embedded-opentype'), url('../fonts/icons-dev.woff?b6zuci') format('woff'), url('../fonts/icons-dev.ttf?b6zuci') format('truetype'), url('../fonts/icons-dev.svg?b6zuci#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"]
{
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-ebook:before
{
	content: "\e600";
}

.icon-ebooks:before
{
	content: "\e600";
}

.icon-up-arrow:before
{
	content: "\e605";
}

.icon-troubleshooting:before
{
	content: "\e606";
}

.icon-menu:before
{
	content: "\e608";
}

.icon-home:before
{
	content: "\e609";
}

.icon-getting-started:before
{
	content: "\e60a";
}

.icon-down-arrow:before
{
	content: "\e60b";
}

.icon-left-arrow:before
{
	content: "\e610";
}

.icon-thumbs-up:before
{
	content: "\e612";
}

.icon-thumbs-down:before
{
	content: "\e613";
}

.icon-android:before
{
	content: "\e614";
}

.icon-apple:before
{
	content: "\e615";
}

.icon-windows:before
{
	content: "\e616";
}

/* END FONT DISCLAIMER */

#accordion h2,
.content h3,
.learn-more-btn,
.panel-title,
.search_area h2,
.tk-freight-text-pro,
h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: 'FreightTextProMedium-Regular', 'Georgia', serif;
}

#cssmenu > ul > li > a,
.breadcrumbs li a,
.nav .nav-column li a,
.nav > li > a,
.side-expand li a,
.topic ul a,
body,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
.search_area span,
textarea
{
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

form
{
	background: none;
}

#skip-nav
{
	position: absolute;
	height: auto;
	text-align: center;
	background: #2a435b none repeat scroll 0 0;
	opacity: 0;
}

/*#cssmenu,
#cssmenu a,
#cssmenu li,
#cssmenu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: 400;
	text-decoration: none;
	line-height: 1;
	font-size: 1em;
	position: relative;
}*/

#cssmenu a
{
	line-height: 1.3;
}

#cssmenu > ul
{
	background: #006693;
}

#cssmenu > ul > li > a
{
	font-size: 18px;
	display: block;
	color: #fff;
	border-bottom: 1px solid rgba(218, 218, 218, 0.14);
}

#cssmenu > ul > li > a > span
{
	display: block;
	padding: 20px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.skip-links > li > a:focus
{
	outline-offset: -3px;
}

#cssmenu > ul > li > a:hover
{
	text-decoration: none;
}

#cssmenu ul ul a:hover
{
	color: #000;
}

a:hover
{
	text-decoration: underline;
	color: #32708a;
	text-underline-offset: .15em;
	text-decoration-thickness: 1px;
}

.index_page .title a:hover
{
	text-decoration: none;
}

.wrap_cat .panel a:hover
{
	text-decoration: none;
}

.nav .nav-column li a:hover
{
	color: #1d6096 !important;
}

#search-results .article p a:hover
{
	text-decoration: none !important;
}

#search-results a:hover
{
	text-decoration: underline;
}

.article_page a:hover
{
	text-decoration: underline;
	text-underline-offset: .15em;
	text-decoration-thickness: 1px;
}

.dropDownHead a:hover
{
	text-decoration: none;
}

.side-expand li ul li a:hover
{
	background-color: #ddd;
}

.side-expand li a:hover
{
	text-decoration: none;
}

.MCHelpControl > ul > li > a:hover
{
	text-decoration: underline;
	color: #006693;
	text-underline-offset: .15em;
	text-decoration-thickness: 1px;
}

.MCHelpControl ul ul a:hover
{
	color: #000;
}

.MCDropDown > ul > li > a:hover
{
	text-decoration: none;
	background: #f2f2f2;
}

.cookie-popup a:hover
{
	text-decoration: underline;
}

.tree-node-leaf a:hover
{
	text-decoration: underline !important;
}

.toc-links .sub-menu li a:hover
{
	text-decoration: none;
}

.toc-links .sub-menu li li a:hover
{
	text-decoration: underline;
}

.modal-content a#GSMobileMenu:hover
{
	color: #fff;
}

.modal-content a:hover
{
	text-decoration: none;
	color: #000;
}

.jacket-text-flex-column a:hover
{
	text-decoration: underline;
}

.lib_support a:hover
{
	background: #2CB926;
	text-decoration: none;
}

._Skins_odhelp_search_results.mc-component #resultList h2.title a:hover
{
	color: #1d6096;
	text-decoration: underline;
}

a:focus-visible
{
	outline: auto;
	outline-offset: 2px;
}

#search-results .micro-content a
{
	text-decoration: inherit;
	display: inline;
	font-size: inherit;
	font-weight: normal;
	text-underline-offset: .15em;
	text-decoration-thickness: 1px;
}

.micro-content-container
{
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.micro-content-expand
{
	display: none;
	visibility: hidden;
}

#cssmenu ul
{
	border-top: 1px solid rgba(218, 218, 218, 0.14);
}

#cssmenu > ul > li.active
{
	border-bottom: none;
}

#cssmenu > ul > li.has-sub > a span
{
	background: url('../images/siteui/plus.png') 96% center no-repeat;
}

#cssmenu > ul > li.has-sub.active > a span
{
	background: url('../images/siteui/minus.png') 96% center no-repeat;
}

#cssmenu ul ul
{
	display: none;
	background: #fff;
}

#cssmenu ul ul li
{
	padding: 0;
	border-bottom: 1px solid #dadada;
	border-top: none;
	background: #FFF;
}

/*#cssmenu .indent
 {
	margin-left: 18%;
}
*/

#cssmenu ul ul a
{
	padding: 20px 10px;
	display: flex;
	color: #676767;
	font-size: 1em;
	font-weight: 400;
	justify-content: left;
	align-items: center;
	gap: 1rem;
}

#cssmenu ul ul i
{
	display: inline-block;
	font-size: 32px;
}

#resultList b
{
	background: #b0f3ac;
	font-weight: normal;
}

#resultList a b
{
	font-weight: bold;
}

#resultList li
{
	/*margin: 10px 0;*/
	border-bottom: 1px dotted #999;
	width: 100%;
}

.search-result-bread
{
	display: none;
}

._Skins_odhelp_search_results.mc-component #resultList .description
{
	line-height: 1.6;
}

/* New mobile menu styling*/

dialog::backdrop
{
	background-color: rgba(0, 0, 0, 0.5);
	/* Semi-transparent background */
}

dialog
{
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	border: none;
	height: 100%;
	width: 230px;
	background: #006693;
}

.scrollbar
{
	overflow-y: scroll;
}

dialog:modal
{
	max-height: 100%;
}

.modal-content
{
	display: flex;
	/* Show modal when class "open" is added */
	height: 100%;
	gap: 0;
	flex-direction: column;
}

.modal-content,
.modal-content ul ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: 400;
	text-decoration: none;
	line-height: 1;
	font-size: 1em;
	position: relative;
	width: 100%;
	line-height: 1.3;
}

.close-button
{
	height: 40px;
	width: 40px;
	background: transparent;
	border: none;
	margin: .5rem;
	align-self: start;
	cursor: pointer;
}

#modal *:focus-visible
{
	z-index: 3;
	outline-offset: -5px;
}

.modal-content details > summary
{
	background: url('../images/helpui/arrow-icon-light.png') 96% center no-repeat;
}

.modal-content details[open] > summary
{
	background: url('../images/helpui/arrow-icon-active-light.png') 96% center no-repeat;
}

.modal-content details > ul > li
{
	padding: 0;
	border-bottom: 1px solid #dadada;
	border-top: none;
	background: #FFF;
}

.modal-content details > ul > li > a
{
	padding: 20px;
	display: block;
	color: #676767;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.3;
}

.modal-content .device-list span
{
	height: 32px;
	width: 32px;
	background-size: 32px;
}

.article-content ol ul,
.article-content ul
{
	list-style: disc;
}

.search-bar._Skins_odhelp_search_bar.mc-component .search-field,
.search-bar._Skins_odhelp_search_bar.mc-component .search-submit
{
	height: 2em;
	border-radius: 4px;
	padding-right: 50px;
	margin-right: 10px;
}

.inner .search-bar._Skins_odhelp_search_bar.mc-component .search-field,
.inner .search-bar._Skins_odhelp_search_bar.mc-component .search-submit
{
	height: 3em;
}

html
{
	background: none !important;
	text-rendering: optimizeLegibility;
}

.navigation
{
	padding: 8px 0;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
}

.navigation .columns
{
	float: unset;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

a,
.xref
{
	color: #006693;
}

a:hover,
a:focus
{
	color: #0A2240;
}

h1,
h2,
h3,
h4,
h5
{
	color: #444;
	font-weight: 500;
}

h1
{
	font-size: 1.8em;
}

.search_result h2
{
	color: #444 !important;
	border-bottom: 1px dotted #ccc;
}

.resulting h3,
.resulting h2	/* idk what this is */
{
	font-size: 1em !important;
	font-weight: 400 !important;
	color: #444 !important;
}

.content h1
{
	color: #444 !important;
	border-bottom: 1px dotted #ccc;
}

#support-main h5 a,
#toggle .active
{
	visibility: hidden;
}

.article-content .side-expand ul li
{
	list-style-type: none;
	padding: 0;
}

.article-content ul li ul li
{
	list-style-type: circle;
}

.article-content ol li
{
	padding: 2px 0 2px 5px;
}

.article-content img
{
	margin: 10px 0;
}

.article_page img.inline
{
	padding: 0;
}

.book-jacket-flex-row
{
	display: flex;
	gap: 3em;
}

.jacket-text-flex-column
{
	width: 25%;
	display: flex;
	flex-direction: column;
	border: 1px lightgray solid;
	align-items: center;
}

.jacket-text-flex-column p
{
	text-align: center;
	padding-inline: 10px;
}

.jacket-text-flex-column a
{
	text-decoration: none;
}

.MCHelpControl_Image_Icon,
.txt_hide
{
	display: none;
}

.row
{
	max-width: 87.5em !important;
}

.large-8
{
	padding-left: 22px;
}

.large-4
{
	padding-right: 22px;
}

.lib_support a
{
	background-color: #298025;
	color: #FFF;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.img_wrapper
{
	background: #00000066;
	height: 100%;
}

.search_area
{
	background: #002a5c;
	padding: 0;
}

.new-to-od
{
	width: 100%;
	background: rgba(20, 103, 151, 1);
	display: block;
	padding: 10px;
	color: #FFFFFF;
	text-align: center;
}

.icon-android:before,
.icon-apple:before,
.icon-windows:before
{
	color: #6F6F6F;
	font-size: 18pt;
}

#form,
.pagination,
.support-body
{
	background: none !important;
}

.search_area h2
{
	color: #fff !important;
	font-size: 2em;
	text-align: left;
	text-shadow: 0 0 7px #222;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#222222, direction=180);
	font-weight: 700;
}

.search_area h2 label,
.inner_nohome label
{
	color: inherit;
	cursor: inherit;
	display: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin-bottom: inherit;
}

.inner
{
	height: 48px;
	background: rgba(255, 255, 255, 0.88);
	border-radius: 6px;
	width: 100% !important;
}

#q,
#q2
{
	float: left;
	border: none;
	margin: 3px 10px;
	font-size: 1em;
	background: 0 0;
	width: 75%;
	color: #6e6e6e;
}

#q::-ms-clear,
#q2::-ms-clear
{
	width: 0;
	height: 0;
}

.search_area_search #q
{
	font-size: 17px;
}

.inner_nohome #q,
.search_area_search #q2
{
	font-size: 15px;
}

.search_area_search
{
	padding: 0;
	position: relative;
	display: flex;
	gap: 10px;
	justify-content: end;
	align-items: center;
}

.templateTopic .buttons,
.lang .templateTopic .buttons
{
	display: block;
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea
{
	box-shadow: none;
}

input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus
{
	background: 0 0;
	box-shadow: none;
}

.page-header
{
	display: flex;
	gap: 20px;
	align-items: center;
}

header h1
{
	font-size: 1.9em;
	margin: 0;
}

header
{
	background: #fff;
}

header .logo
{
	background: url('../images/siteui/odlogo.png') no-repeat;
	width: 108px;
	height: 70px;
}

/* new lang drop-down code */

._Skins_language_dropdown.mc-component .button.select-language-button
{
	display: flex;
	justify-contents: space-between;
	width: 100%;
	background-position-x: right;
	width: fit-content;
	padding-right: 20px;
}

.navigation .button-group-container-left
{
	float: unset;
	margin-left: 0;
}

._Skins_language_dropdown.mc-component .toolbar-button-drop-down.select-language-drop-down
{
	position: absolute;
	width: 225px;
	right: 0;
	left: unset !important;
}

._Skins_language_dropdown.mc-component .button.select-language-button .button-text
{
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

/* old lang drop-down */

.lang
{
	overflow: hidden;
	min-width: fit-content;
}

.orbit-container
{
	background: 0 0;
}

.section-container.auto > .section > .title,
.section-container.auto > section > .title
{
	width: 25%;
	text-align: center;
	background: 0 0;
	border: none;
	display: none;
}

.section-container.auto > .section.active > .default,
.section-container.auto > section.active > .default
{
	z-index: 99999;
	border: none !important;
	background: #1e6198;
	color: #fff;
}

.index_page .title a
{
	color: #847d7d !important;
	padding: 0 !important;
}

.index_page .title
{
	font-size: 18px;
	line-height: 1.4;
	text-transform: uppercase;
}

.index_page .title:hover
{
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d7d7d7), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #d7d7d7, #f0f0f0);
	background-image: -moz-linear-gradient(top, #d7d7d7, #f0f0f0);
	background-image: -ms-linear-gradient(top, #d7d7d7, #f0f0f0);
	background-image: -o-linear-gradient(top, #d7d7d7, #f0f0f0);
	border-bottom: 1px solid #f0f0f0;
}

.section-container.auto
{
	margin-top: 10px;
}

.section-container.auto > .section > .content,
.section-container.auto > section > .content
{
	border: none;
	padding: 0;
	background: none !important;
}

.title.default img
{
	margin-right: 20px;
	position: relative;
	top: -3px;
}

.nav li span:first-child
{
	position: relative;
	top: 8px;
	margin-right: 4px;
	width: 25px;
	height: 25px;
	display: inline-block;
}

.nav .devices_submenu li span:first-child
{
	width: 40px;
	height: 40px;
	background-size: 40px;
	top: 14px;
}

.nav,
.nav a,
.nav div,
.nav form,
.nav input,
.nav li,
.nav ul
{
	margin: 0;
	padding: 0;
	border: none;
}

.nav a
{
	text-decoration: none;
}

.nav li
{
	list-style: none;
	break-inside: avoid;
}

.nav
{
	display: flex;
	gap: 10px;
	position: relative;
	cursor: default;
	z-index: 500;
}

.nav > li
{
	display: flex;
	text-align: left;
	height: 3em;
	line-height: 3;
}

.nav > li:hover > a,
.nav [aria-controls]:hover,
.nav [aria-expanded="true"]
{
	color: #006693;
	cursor: pointer;
	border-radius: 4px;
	background: #F8F8F8;
}

.nav > li.active > a
{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

#menu_articles_home
{
	color: #006693;
	display: inline;
	padding: 0px 24px;
	border-radius: 5px;
	border: 2px solid rgba(29, 96, 150, 1);
	text-transform: uppercase;
	font-size: 14px;
	white-space: nowrap;
	font-weight: 700;
}

#menu_articles_home:hover
{
	color: #fff;
	background: #006693;
}

.btn-outline:focus-visible,
#breadcrumbs a:focus-visible
{
	outline: #0A2240 solid 2px;
	outline-offset: 3px;
}

.nav [aria-controls]
{
	position: relative;
	display: block;
	z-index: 510;
	padding: 8px 20px;
	font-size: .875em;
	color: #555;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Brown-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid transparent;
	border-radius: 4px;
	background: white;
}

.nav .lang [aria-controls]
{
	text-transform: revert;
}

.nav > li > div
{
	position: absolute;
	display: none;
	width: 600px;
	left: 0;
	background: rgb(255, 255, 255) !important;
	padding: 10px 20px;
	border: 1px solid #ccc;
	top: 59px;
}

.nav > li:hover > div
{
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

.nav #menu-categories .nav-column
{
	columns: 2;
}

.nav #menu-devices .nav-column
{
	columns: 3;
}

.nav .nav-column li a
{
	display: block;
	padding: 0 0 8px 10px;
	font-size: 14px;
	color: #4d4d4d !important;
	background: none !important;
	font-weight: 700;
}

.geto .nav-column li a
{
	padding: 8px 0 8px 10px;
}

.nav .nav-column li a:hover .icon-ebooks:hover,
.nav .nav-column li a:hover .icon-getting-started:hover,
.nav .nav-column li a:hover .icon-troubleshooting:hover
{
	color: #1d6096;
}

.section-container.auto,
.section-container.horizontal-nav,
.section-container.vertical-nav,
.section-container.vertical-tabs
{
	border: none;
}

.nav .icon-ebooks,
.nav .icon-getting-started,
.nav .icon-troubleshooting
{
	font-size: 26px;
	display: inline;
	margin: 10px 4px 0 0;
	position: relative;
	top: 5px;
	padding: 6px;
	color: #1d6096;
	border-radius: 25px;
}

.icon-home,
.icon-ebooks,
.icon-getting-started,
.icon-troubleshooting
{
	font-size: 100px;
	color: #006693;
	display: inline-block;
}

.icon-ebooks:hover,
.icon-getting-started:hover,
.icon-troubleshooting:hover
{
	color: #32708A;
}

.icon img
{
	width: 112px;
	height: 112px;
	margin-bottom: 20px;
}

.panel i
{
	color: #FFFFFF;
	display: block;
	margin-bottom: 20px;
	background: #1d6096;
	height: 160px;
	width: 160px;
	margin: 20px auto;
	border-radius: 100px;
	padding: 28px;
}

.panel-desc
{
	display: block;
	font-size: .8em !important;
	margin: 8px;
}

.icon-menu
{
	display: none;
}

.icon-down-arrow
{
	font-size: 10px;
	position: relative;
	top: 0;
}

.menu-btn
{
	display: none;
}

.wrap_cat .panel
{
	border: none;
	margin: 45px 0;
	padding: 0;
	background-color: transparent;
}

.wrap_cat a
{
	font-size: 20px;
}

#first_row
{
	display: flex;
	justify-content: center;
}

#first_row .large-2
{
	width: 33%;
}

#first_row .panel a
{
	text-align: center;
	display: block;
	font-weight: 300;
	color: #333;
}

#first_row .panel a:hover i,
#first_row .panel a:hover i
{
	color: #fff;
	background: #0D4A7C;
}

#second_row .panel a
{
	text-align: center;
	display: block;
	font-weight: 700;
	padding: 70px 0 0;
	font-size: 22px;
}

#first_row .panel a .panel-title
{
	font-size: 18px;
	display: block;
	font-family: "Brown-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	color: #006693;
}

#second_row .panel a span
{
	font-size: 15px;
	color: #333;
	font-weight: 400;
	padding: 5px 0;
}

.panel-desc
{
	line-height: 22px;
	display: block;
}

svg
{
	max-height: 100%;
}

.lib_support_mob
{
	display: none !important;
}

#search-results p
{
	color: #000 !important;
	font-size: 1em;
	margin: 5px 0 14px 50px;
}

#search-results .article p a
{
	display: inline !important;
	font-weight: normal !important;
	margin: 0 !important;
	text-decoration: underline !important;
}

.article-content p
{
	color: #000 !important;
	font-size: 1em;
	margin: 5px 0 14px;
}

#search-results a
{
	font-weight: 700;
	font-size: 1.1em;
	text-decoration: none;
	display: block;
}

#search-results .article,
.topic
{
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px dotted #999;
}

.topic_page .article
{
	background: none repeat scroll 0 0;
	padding: 10px !important;
	border-bottom: 1px solid #CCCCCC !important;
}

#search-results h4
{
	color: #333 !important;
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 0;
}

#breadcrumbs
{
	list-style: none outside none;
	margin: 12px 0;
	position: relative;
	font-size: .8em;
	color: #000 !important;
	padding-bottom: 8px;
	min-height: 38px;
	width: 65%;
	float: left;
}

#breadcrumbs .MCBreadcrumbsSelf
{
	color: #666;
	padding-left: 5px;
}

.MCBreadcrumbsPrefix,
.MCBreadcrumbsDivider
{
	display: none;
}

div.MCBreadcrumbsBox_0
{
	border: none;
	margin: 0;
	padding: 0;
}

div.MCMiniTocBox_0
{
	border: none;
}

#breadcrumbs ul
{
	margin: 0;
}

a.MiniTOC2:link
{
	color: #1d6096;
}

#breadcrumbs a
{
	display: inline-block;
	position: relative;
	line-height: 22px;
	padding: 0 9px 0 11px;
	margin: 4px 6px 4px;
	-moz-transition: all 130ms;
	-o-transition: all 130ms;
	-webkit-transition: all 130ms;
	transition: all 130ms;
	-moz-border-radius: 4px 3px 3px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 3px 3px 4px;
}

#breadcrumbs a
{
	background-color: #146797;
	color: #fff;
}

#breadcrumbs a:after
{
	content: "";
	position: absolute;
	right: -5px;
	top: 1px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 6px solid #146797;
	border-bottom: 10px solid transparent;
	-moz-transition: all 130ms;
	-o-transition: all 130ms;
	-webkit-transition: all 130ms;
	transition: all 130ms;
}

#breadcrumbs a:after
{
	border-left: 6px solid #146797;
}

#breadcrumbs li
{
	display: inline;
	color: #555;
}

table
{
	border: none;
}

table tbody tr td,
table tfoot tr td,
table tfoot tr th,
table thead tr th,
table tr td
{
	display: block;
	float: left;
	width: 100%;
}

table tr.alt,
table tr.even,
table tr:nth-of-type(2n)
{
	background: 0 0;
}

.topic h4
{
	color: #666 !important;
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

.topic ul,
dl,
ol
{
	margin: 0;
}

.topic .articles
{
	color: #32718a !important;
	font-size: 15px;
	font-weight: 400;
}

.topic ul a
{
	font-size: 15px;
	font-weight: 400;
	font-family: "proxima-nova", Helvetica, Tahoma, Verdana, sans-serif;
}

.active .content h2
{
	color: #002a5c;
	font-size: 1.7em;
}

#social-share div
{
	display: inline-block;
}

.article_page a
{
	text-decoration: none;
}

.article_page h2
{
	font-size: 20px;
	margin-top: 2em;
	color: #146797;
	font-weight: 700;
}

.article_page h3
{
	font-size: 16px;
	margin-top: 2em;
	color: #146797;
	font-family: "Brown-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;
	text-transform: uppercase;
}

#search-results h4,
._Skins_odhelp_search_results.mc-component #resultList h2.title
{
	text-transform: unset;
	margin: 0;
	font-size: 16px;
}

.article_page h2:first-child,
.article_page h3:first-child
{
	margin: initial;
}

#pagination
{
	margin-bottom: 16px;
	display: block;
	height: auto;
}

#pagination a
{
	display: inline;
	border: none;
}

._Skins_odhelp_search_results.mc-component #pagination
{
	height: auto;
}

.article_page .meta
{
	text-transform: uppercase;
	display: block;
	margin-top: 25px;
	clear: left;
	float: left;
	width: 100%;
	font-size: .8em;
}

.main-content
{
	border-right: 1px solid #ccc;
	margin-bottom: 20px;
}

MadCap|conceptLink
{
	mc-label: 'Verwandte Artikel';
}

.article_page ol,
.article_page ul
{
	margin-left: 30px;
}

#social-share
{
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.outer_nohome
{
	height: 1px;
}

.inner_nohome
{
	border: 1px solid #dbdfdf;
	height: 37px;
	background: #FFF;
	border-radius: 5px;
}

.inner_nohome #q,
.inner_nohome #q2
{
	margin: 0 2px 0 10px;
}

.index_page #toutRow01
{
	left: -8px;
	margin: 40px auto;
	position: relative;
	width: 102.4%;
}

object
{
	border: 1px solid #ccc;
}

#wrapper
{
	width: 100%;
	margin: 80px auto;
	max-width: 300px;
}

/**.selected {background-color: #a9cdeb}**/

.top_kobo
{
	background: url('../images/siteui/kobo.svg') no-repeat;
}

.top_tolino
{
	background: url('../images/siteui/tolino-icon.svg') no-repeat;
}

.ui-autocomplete-input
{
	position: relative;
}

#accordion h2
{
	border-radius: 0;
	padding: 6px 5px 6px 10px;
	border: none;
	color: #444 !important;
	background: none;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}

.ui-state-default .ui-icon
{
	background: url('data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaadljrefuenpiyiaaayd+d8tngviaaq8qgcoaymug975hugwgtaxkagu00wtidh/rnoaf+hxcigacdaayyhd6kfpziqaaaabjru5erkjggg==') no-repeat center right;
}

.ui-state-active .ui-icon
{
	background: rgba(0, 0, 0, 0) url('data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaaedjrefuenpiyiasmjgi8d8qnwdiaszyala5kbo4a12xajochoaadjgsus/jc5icel+hkgdh+zjcdqygumxvowzsadhhcbbgamqdgi1w1jjlaaaaaelftksuqmcc') no-repeat scroll right center;
}

.arrow-icon,
.arrow-icon-active
{
	width: 10px;
	height: 10px;
	float: right;
	position: relative;
	top: 15px;
}

.arrow-icon
{
	background: url('../images/siteui/arrow-icon-active.png');
	cursor: pointer;
}

.arrow-icon-active
{
	background: url('../images/siteui/arrow-icon.png');
}

.side-expand
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-expand li a
{
	font-size: 15px;
	color: #000;
	padding: 5px 10px;
	border-bottom: 1px solid rgb(235, 235, 235);
	display: block;
	background-size: 25px !important;
}

.side-expand li:last-child a
{
	border: medium none;
}

.side-expand li ul
{
	display: none;
}

.side-expand li ul li a
{
	padding-left: 55px !important;
}

.section-container.auto,
.section-container.horizontal-nav,
.section-container.vertical-nav,
.section-container.vertical-tabs,
[data-section=""],
[data-section=accordion],
[data-section=auto],
[data-section=horizontal-nav],
[data-section=vertical-nav],
[data-section=vertical-tabs]
{
	margin-bottom: 0;
}

.top_chrome
{
	background: url('../images/siteui/chrome.svg') no-repeat;
}

.top_kindle
{
	background: url('../images/siteui/kindle.svg') no-repeat;
}

.top_amazon
{
	background: url('../images/siteui/amazon.svg') no-repeat;
}

.top_nook
{
	background: url('../images/siteui/nook.svg') no-repeat;
}

.top_pocketbook
{
	background: url('../images/siteui/pocketbook.svg') no-repeat;
}

.top_ereader
{
	background: url('../images/siteui/ereader.svg') no-repeat;
}

.top_android
{
	background: url('../images/siteui/android.svg') no-repeat;
}

.top_i
{
	background: url('../images/siteui/apple.svg') no-repeat;
}

.top_wins8
{
	background: url('../images/siteui/windows8.svg') no-repeat;
}

.related a
{
	display: block;
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	color: #666;
	text-decoration: none;
	background: none;
}

.overview
{
	float: right;
	margin-top: 20px;
	width: 75%;
	padding-right: 25%;
}

.ui-autocomplete
{
	width: 400px !important;
	display: none !important;
}

#iframe
{
	border: none;
	min-height: 750px;
	width: 100%;
	height: 100%;
}

iframe
{
	margin: 0 auto;
	max-width: 100%;
	border: none;
	display: block;
}

.search_area .large-2 i
{
	color: rgba(255,255,255,.8);
	font-size: 58px;
	float: left;
	padding: 16px;
}

.deviceBanner
{
	text-align: left;
}

.deviceBanner img
{
	max-height: 200px;
	max-width: 100%;
}

.article-content
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.buttons._Skins_odhelp_toolbar.mc-component
{
	margin-top: -40px;
	width: 30%;
	float: right;
}

.button-group-container-left
{
	float: right;
}

.print-icon
{
	font-size: 20px;
	color: #fff;
	display: inline;
	padding: 8px 14px;
	border-radius: 6px;
	background: #002a5c;
}

.print-icon:hover
{
	color: #fff;
	text-decoration: none;
	background: #0D4A7C;
}

.print-icon span
{
	margin-left: 8px;
	font-size: 16px;
}

.MCHelpControlList
{
	display: none;
}

.MCHelpControl,
.MCHelpControl a,
.MCHelpControl li,
.MCHelpControl ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: 400;
	text-decoration: none;
	line-height: 1;
	font-size: 1em;
	position: relative;
}

.MCHelpControl.MCHelpControl-Concept.conceptLink
{
	margin: 40px 0;
}

.MCHelpControl span
{
	background: url('data:image/png;base64,ivborw0kggoaaaansuheugaaaaoaaaakcayaaacnms+9aaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaadljrefuenpiyiaaayd+d8tngviaaq8qgcoaymug975hugwgtaxkagu00wtidh/rnoaf+hxcigacdaayyhd6kfpziqaaaabjru5erkjggg==') no-repeat center right;
	border-bottom: 1px solid #CCC;
	display: block;
	font-weight: bold;
	padding: 10px;
	width: 100%;
	cursor: pointer;
	color: #6d6e71;
	font-size: 18px;
}

.MCHelpControl span:hover
{
	color: #000;
}

.MCHelpControl a
{
	line-height: 1.3;
}

.MCHelpControl > ul > li
{
	list-style: none;
	padding: 0;
}

.MCHelpControl > ul > li > a
{
	color: #006693;
	display: block;
	font-size: 16px;
	padding: 10px;
	text-decoration: none;
}

.MCHelpControl > ul > li > a > span
{
	display: block;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.MCHelpControl > ul > li.active
{
	border-bottom: none;
}

.MCHelpControl > ul > li.has-sub > a span
{
	background: url('../images/siteui/plus.png') 96% center no-repeat;
}

.MCHelpControl > ul > li.has-sub.active > a span
{
	background: url('../images/siteui/minus.png') 96% center no-repeat;
}

.MCHelpControl ul ul
{
	display: none;
	background: #fff;
}

.MCHelpControl ul ul li
{
	padding: 0;
	border-bottom: 1px solid #dadada;
	border-top: none;
	background: #FFF;
}

.MCHelpControl ul ul a
{
	padding: 11px 10px;
	display: block;
	color: #676767;
	font-size: .8em;
	font-weight: 400;
}

.MCHelpControl ul ul i
{
	display: inline;
	font-size: 18px;
	padding-right: 5px;
}

.MCDropDownBody,
.MCDropDown_Image_Icon
{
	display: none;
	padding: 0 30px;
}

.MCDropDownBody ul
{
	padding: 0 30px !important;
}

.MCDropDown,
.MCDropDown a,
.MCDropDown li,
.MCDropDown ul
{
	margin: 0;
	padding: 0;
	border: 0;
	/*list-style: none;*/
	font-weight: 400;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 1em;
	position: relative;
}

.article-content a,
ul.menu._Skins_odhelp_menu.mc-component ul ul > li > a
{
	text-decoration: underline;
	text-underline-offset: .15em;
	text-decoration-thickness: 1px;
}

._Skins_odhelp_menu a:focus-visible
{
	outline-offset: -1px;
}

.MCDropDownBody table
{
	width: 100%;
}

.MCDropDownBody table td
{
	width: 50%;
}

.MCDropDownHotSpot
{
	font-size: 1.1em !important;
	font-weight: 900 !important;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage,
.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background: url('../images/siteui/plus_black_b.png') no-repeat center left;
	display: block;
	font-weight: 700;
	padding: 10px 10px 10px 30px;
	width: 100%;
	cursor: pointer;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background: rgba(0, 0, 0, 0) url('../images/siteui/minus_black_b.png') no-repeat scroll left center;
}

.MCDropDown a
{
	line-height: 1.3;
}

.MCDropDown > ul > li
{
	/*list-style: none;*/
	padding: 0;
}

.MCDropDown > ul > li:hover
{
	background: #e5e3e3;
}

.MCDropDown > ul > li > a
{
	border-bottom: 1px solid #e9e9e9;
	color: #216CA1 !important;
	display: block;
	font-size: 14px;
	padding: 10px;
}

.MCDropDown > ul > li > a > span
{
	display: block;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.MCDropDown > ul > li.active
{
	border-bottom: none;
}

.MCDropDown > ul > li.has-sub > a span
{
	background: url('../images/siteui/plus.png') 96% center no-repeat;
}

.MCDropDown > ul > li.has-sub.active > a span
{
	background: url('../images/siteui/minus.png') 96% center no-repeat;
}

.MCDropDown ul ul
{
	background: #fff;
}

.MCDropDown ul ul li
{
	padding: 0;
	border-top: none;
	background: #FFF;
}

.MCDropDown ul ul i
{
	display: inline;
	font-size: 18px;
	padding-right: 5px;
}

.flex-video
{
	height: 90%;
	padding-bottom: 1.5625em;
}

.titles img
{
	position: absolute;
	right: 20px;
	top: -10px;
}

.titles img:hover
{
	opacity: 0.8;
}

#results-heading .query
{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

#SearchTerm,
.countrycd,
#submitlib
{
	clear: right;
	display: block;
}

#SearchTerm
{
	border-radius: 5px;
	font-size: 17px;
	max-width: 600px;
	width: 90%;
	border: 1px solid #ccc;
	padding: 0.5em;
}

#submitlib
{
	background: rgba(0, 0, 0, 0) url('../images/siteui/search_mag_b.png') no-repeat scroll 0 0;
	cursor: pointer;
	height: 21px;
	padding: 0 10px !important;
	position: relative !important;
	right: 32px !important;
	text-indent: -9999px;
	top: 9px !important;
	width: 22px;
	border: none;
}

.tags
{
	clear: both;
	float: left;
	margin-top: 20px;
}

.result
{
	float: left;
	width: 100%;
	margin-top: 20px;
}

#city,
#state
{
	display: none;
	clear: left;
	width: auto;
	margin-right: 10px;
}

#state
{
	clear: right;
}

.supbutton
{
	border: 2px solid #1e2f61;
	border-radius: 5px;
	bottom: 5px;
	color: #1e2f61;
	float: right;
	font-size: 11pt !important;
	margin: 2px 10px 2px 0;
	padding: 0.2rem 0.4rem !important;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	width: 150px;
}

.supbutton:hover
{
	background: #1e2f61;
	color: #fff;
}

.fieldrow .no-active
{
	border-color: #afaeae;
	color: #666;
	cursor: default;
	width: 150px;
	float: right;
}

.fieldrow .no-active:hover
{
	background: none;
	color: #666;
}

.fieldrow
{
	border-bottom: 1px solid #ddd;
	float: left;
	padding: 10px 0 0 20px !important;
	padding: 10px 0 0;
	width: 100%;
	font-weight: normal;
	cursor: default;
}

.fieldrow span:nth-child(2)
{
	float: right !important;
	max-width: 50%;
}

.codetag
{
	padding: 5px;
	font-size: 13px;
	background: #ccc;
	border-radius: 5px;
	margin: 3px;
	cursor: pointer;
	float: left;
}

.result li
{
	list-style: none;
	padding-left: 20px;
}

/*# sourceMappingURL=style.css.map */

img.borders
{
	border: 1px solid #515151;
}

/** Libby Message**/

.libby
{
	background: #f3f3f3 none repeat scroll 0 0;
	color: #fff;
	width: 100%;
	display: none !important;
	border: 1px solid #ccc;
}

.meetlibbydesc
{
	font-size: 15px;
	font-family: "MuseoSlabFree", sans-serif;
	color: #444;
}

.libbylogo
{
	position: relative;
	top: 10px;
	width: 60px;
	float: left;
	margin-right: 30px;
}

.meetlibbydesc > a
{
	color: #a61c49;
}

.meetlibby
{
	font-family: "MuseoSlabFree", sans-serif;
	font-size: 22px;
	font-weight: 500;
	margin-top: 20px;
	color: #222;
}

.libbyapps a
{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.libbyapps > a:last-child
{
	margin-right: 0;
}

.libbyapps a > img
{
	margin: 24px 0 0;
	width: 115px;
	border: 1px solid #7c606c;
}

.libbybody
{
	z-index: 2;
}

.closelibby
{
	position: absolute;
	right: 32px;
	top: 10px;
	width: 32px;
	height: 23px;
	opacity: 0.3;
	cursor: pointer;
}

.closelibby:hover
{
	opacity: 1;
}

.closelibby:before,
.closelibby:after
{
	position: absolute;
	left: 15px;
	content: ' ';
	height: 23px;
	width: 2px;
	background-color: #333;
	cursor: pointer;
}

.closelibby:before
{
	transform: rotate(45deg);
}

.closelibby:after
{
	transform: rotate(-45deg);
}

.icon-libby-logo
{
	background: url('../images/siteui/libby_icon.svg') no-repeat;
}

.icon-sora-logo
{
	background: url('../images/siteui/sora_app_icon_circle.svg') no-repeat;
}

.icon-kanopy-logo
{
	background: url('../images/siteui/icon-kanopy.svg') no-repeat;
	background-size: 25px;
}

.icon-libby-logo,
.icon-sora-logo,
.icon-kanopy-logo
{
	width: 25px;
	height: 24px;
	top: 5px;
	margin-left: 6px;
	margin-right: 18px;
}

.cat-libby
{
	background: url('../images/siteui/libby_icon.svg') no-repeat top right;
	width: 25px;
	height: 25px;
	float: left;
	margin: 4px 10px 5px 10px;
}

.categ-libby a,
.categ-sora a
{
	border-bottom: 1px dashed #ccc !important;
}

.cat-sora
{
	background: url('../images/siteui/sora_app_icon_circle.svg') no-repeat top right;
	width: 25px;
	height: 25px;
	float: left;
	margin: 4px 10px 5px 10px;
}

.cat-kanopy
{
	background: url('../images/siteui/icon-kanopy.svg') no-repeat;
	width: 25px;
	height: 24px;
	float: left;
	margin: 4px 10px 5px 10px;
	background-size: contain;
}

.categ-libby,
.categ-sora,
.categ-kanopy
{
	background: #f3f3f3;
}

/*.categ-libby:hover,
.categ-sora:hover,
.categ-kanopy:hover
{
	text-decoration: underline;
}*/

.app-promo-section
{
	display: flex;
	justify-content: space-evenly;
	gap: 40px;
	margin-inline: 1rem;
	flex-wrap: wrap;
}

.get-the-app
{
	padding: 60px 5px 0 5px;
	margin: 30px 0 40px 0 !important;
	border-top: 1px solid #dedede;
}

.get-the-app .app-box
{
	display: flex;
	background: #f2f2f2;
	border: 2px solid #dedede;
	border-radius: 10px;
	padding: 1.25rem 1rem;
	gap: 1rem;
	min-height: 160px;
	min-width: 45ch;
	flex: 0 1;
}

.get-the-app .app-box-heading
{
	color: #333;
	font-size: 22px;
	font-family: "Brown-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0;
}

.get-the-app .app-box-icon
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-direction: column;
	text-align: center;
}

.get-the-app .app-box-desc
{
	font-size: 16px;
	color: #333;
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	line-height: 20px;
	padding-top: 5px;
}

.get-the-app .app-box-link
{
	font-size: 18px;
	margin-top: 10px;
	font-family: "Brown-Regular", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	display: block;
}

.get-the-app .app-box-link::after
{
	content: '';
	color: transparent;
	border: 2px solid #1d6096;
	border-left: 0;
	border-top: 0;
	display: inline-block;
	width: 11px;
	height: 11px;
	-webkit-transform: translate3d(0, 0px, 0) rotate(315deg);
	transform: translate3d(0, 0px, 0) rotate(315deg);
	margin: 0 1px 0 8px;
}

.app-promo-section span img
{
	display: flex;
	justify-content: center;
	gap: 20px;
}

.app-box .l-icon
{
	width: 73px;
	max-height: 73px;
	border-radius: 20px;
	max-width: unset;
}

#accordion
{
	margin-top: 0;
	margin-bottom: 30px;
}

/* TOC options */

.toc-links ul ul > .has-children a
{
	background: url('../images/siteui/arrow-icon.png') no-repeat center right;
	background-repeat: no-repeat !important;
}

.toc-links ul ul > .has-children .open
{
	background: url('../images/siteui/arrow-icon-active.png') no-repeat center right;
	background-repeat: no-repeat !important;
}

.tree-node-leaf a
{
	color: #006693 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}

/*.MCExpanding_Closed .MCExpandingHotSpot_.MCHotSpotImage,*/

.conceptLink > span
{
	background: url('../images/siteui/arrow-icon.png') no-repeat center right !important;
}

/*.MCExpanding_Open .MCExpandingHotSpot_.MCHotSpotImage,*/

.conceptLink.open > span
{
	background: url('../images/siteui/arrow-icon-active.png') no-repeat center right !important;
}

.toc-links .selected
{
	display: none !important;
}

.toc-links .sub-menu li
{
	border-bottom: 1px solid #CCC;
}

.toc-links .sub-menu li li a,
.toc-links .sub-menu li li
{
	border: none;
	background: none;
}

.toc-links .sub-menu li li:last-child a
{
	padding-bottom: 15px !important;
}

.toc-links ul ul ul
{
	display: none;
}

/* END of TOC options */
/* Error page */

.app-column
{
	font-weight: 600;
}

.error-title
{
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 30px;
}

.return-home
{
	display: inline-block;
	margin-top: 20px;
}

.error-explanation ul
{
	background: #f1f1f1;
	padding: 20px 50px;
	display: inline-block;
}

.error-explanation li
{
	font-weight: 500;
	color: #000;
}

.app-column blockquote
{
	font-weight: normal;
	margin-top: 20px;
}

cite
{
	display: block;
	font-size: 0.8125rem;
	font-weight: normal;
}

cite:before
{
	content: "â€” ";
}

.separe
{
	border-top: 1px dashed #ccc;
	margin: 20px 0;
}

.return-home:after
{
	content: "";
	border: 2px solid;
	border-left: 0;
	border-top: 0;
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	margin: 0 0 0 0.05em;
	-webkit-transform: translate3d(0, -0.075em, 0) rotate(-45deg);
	transform: translate3d(0, -0.075em, 0) rotate(-45deg);
	margin-right: -7px;
}

/* END of error page */

@media only screen and (max-width: 990px)
{
	.footer .large-3
	{
		width: 50%;
		padding: 0 50px;
	}

	.site-footer__section .odtext
	{
		text-align: left;
	}

	.site-footer__list.social
	{
		justify-content: left;
	}

	.site-footer__list.certifiedlogo img
	{
		display: inline-block;
		margin: 0 0 10px 0;
	}

	.footer .large-12
	{
		padding: 0 50px;
	}
}

@media only screen and (max-width: 552px)
{
	.footer .large-3
	{
		width: 100%;
		padding: 0 20px;
	}

	.footer .large-12
	{
		padding: 0 20px;
	}
}

/** Libby END **/
/* --- GDPR MODAL OVERRIDES --- */

.cookie-popup
{
	background: #fff;
	border-radius: 2px;
	bottom: 1rem;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	font-size: 16px;
	left: 16px;
	right: 16px;
	max-width: 600px;
	padding: 2rem;
	position: fixed;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.8s ease 0s;
	transition: -webkit-transform 0.8s ease 0s;
	-o-transition: transform 0.8s ease 0s;
	transition: transform 0.8s ease 0s;
	transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
	will-change: transform;
	z-index: 1000;
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #222;
}

.cookie-popup p
{
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility;
}

.check-group
{
	text-align: left;
	margin: 0;
}

.check-group label
{
	font-weight: 600;
	display: inline;
	font-size: 18px;
}

.check-group p
{
	padding: 0 0 10px 32px;
	line-height: 24px;
	margin: 0;
}

.cookie-popup.cookie-popup--uses-badge:hover,
.cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link:hover
{
	bottom: 2rem;
}

.cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link.cookie-popup--is-sticky
{
	bottom: .6rem;
}

.cookie-popup--uses-badge > h2,
.cookie-popup--uses-badge > p,
.cookie-popup--uses-badge > form
{
	display: none;
}

.cookie-popup--is-sticky
{
	border-radius: 2px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform .8s ease 0s;
	transition: transform .8s ease 0s;
}

.cookie-popup--uses-badge.cookie-popup--is-sticky
{
	background: #ffffff;
	bottom: 1rem;
	height: auto;
	padding: 2rem;
	width: 100%;
}

@media (max-width: 600px)
{
	.cookie-popup--is-sticky
	{
		bottom: 0 !important;
		left: 0;
		right: 0;
		height: 80%;
		overflow-y: auto;
	}
}

@media (min-width: 600px)
{
	.cookie-popup--is-sticky:hover
	{
		bottom: 1rem;
	}
}

.cookie-popup--is-sticky > h2,
.cookie-popup--is-sticky > p,
.cookie-popup--is-sticky > form
{
	display: block;
}

.cookie-popup.cookie-popup--uses-link
{
	background: #fff;
	bottom: 0;
}

.cookie-popup.cookie-popup--uses-link
{
	background: #24a931;
	bottom: 0.6rem;
}

.cookie-popup.cookie-popup--uses-link.cookie-popup--is-sticky
{
	background: #fff;
}

.cookie-popup--is-sticky.cookie-popup--uses-link
{
	-webkit-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	transform: translateY(-1rem);
}

.cookie-popup > h2
{
	font-size: 20px;
	margin: 0;
	font-family: inherit;
	font-weight: 600;
	color: #006693;
}

.cookie-popup p
{
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

.cookie-popup a
{
	font-weight: 600 !important;
	color: #006595 !important;
	font-family: inherit;
}

.cookie-popup__save
{
	background: #006693;
	border: none !important;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ffffff !important;
	font-size: 16px;
	padding: 0.666rem 1.2rem;
	font-family: "Brown-Regular", -apple-system, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	cursor: pointer;
	-webkit-appearance: none;
}

.cookie-popup__save:active,
.cookie-popup__save:focus
{
	outline-offset: 3px;
}

.cancel-btn
{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	margin-left: 20px;
	cursor: pointer;
}

.cancel-btn span
{
	font-family: "Brown-Light", -apple-system, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin: 0 20px;
	text-align: left;
}

.cookie-popup > form,
.cookie-popup__save-wrapper
{
	margin-top: 1.06667rem;
}

.cookie-popup__save:hover,
.cookie-popup__save:active
{
	opacity: 0.85;
}

.cookie-popup-label
{
	color: #fff;
	cursor: pointer;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	white-space: nowrap;
}

.cookie-popup--is-sticky .cookie-popup-label
{
	display: none;
}

/* --- END GDPR MODAL OVERRIDES --- */

@media only screen and (max-width: 1010px) and (min-width: 767px)
{
	.nav > li > div
	{
		margin-left: -90px;
	}
}

@media only screen and (max-width: 1393px)
{
	.search_area h2
	{
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 1275px)
{
	.icon-ebooks,
	.icon-getting-started,
	.icon-troubleshooting
	{
		font-size: 75px;
	}

	#first_row .panel a span
	{
		font-size: 23px;
	}
}

@media only screen and (max-width: 1108px)
{
	.search_area h2
	{
		font-size: 1.8em;
	}

	.nav-column .indent
	{
		margin-left: 28%;
	}
}

@media only screen and (max-width: 1130px)
{
	.fieldrow span
	{
		width: 100%;
		padding: 0px 0px 10px 0px;
		text-align: center;
		float: left;
	}

	.fieldrow span:nth-child(2)
	{
		float: none;
		max-width: 100%;
	}

	.result li
	{
		padding-left: 0px !important;
	}

	.supbutton,
	.fieldrow .no-active
	{
		float: none;
		padding: 0.4rem 0.5rem !important;
		display: inline-block;
	}

	.parentsys
	{
		text-align: center;
	}

	.print-icon
	{
		display: none;
	}

	.inner_nohome
	{
		margin: 0;
	}

	#first_row
	{
		flex-wrap: wrap;
	}

	#first_row .panel a span
	{
		font-size: 20px;
	}

	.search_area h2
	{
		font-size: 1.5em;
	}

	.support > a
	{
		float: none;
	}

	header .logo
	{
		margin-left: 0;
	}

	.nav > li > a
	{
		padding: 8px 15px;
	}

	.icon-down-arrow
	{
		font-size: 14px;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 1024px)
{
	.panel i
	{
		font-size: 3em;
		height: 120px;
		padding: 28px;
		width: 120px;
	}
}

@media only screen and (min-width: 1044px) and (min-width: 768px)
{
	.banner_area
	{
		background-size: cover !important;
		-webkit-background-size: cover !important;
		height: 72vh;
		background-position: 0 40% !important;
		z-index: 999;
		clear: both;
	}

	.banner_area .large-6
	{
		width: 100%;
		padding: 0 15em;
	}

	.banner_area .search_area
	{
		visibility: hidden;
	}

	.banner_area .search_area .search_pad
	{
		visibility: visible;
		margin: 25vh 0;
	}

	#accordion :after
	{
		border-bottom: 1px solid #ccc;
	}
}

@media only screen and (max-width: 1043px) and (min-width: 400px)
{
	.banner_area
	{
		background-size: cover !important;
		-webkit-background-size: cover !important;
		height: 72vh;
		z-index: 999;
		clear: both;
	}

	.banner_area .large-6
	{
		width: 100%;
		padding: 0 10em;
	}

	.banner_area .search_area
	{
		visibility: hidden;
	}

	.banner_area .search_area .search_pad
	{
		visibility: visible;
		margin-top: 25vh;
	}

	.search_area .large-2 i
	{
		display: none;
	}
}

@media only screen and (max-width: 1024px)
{
	.banner_area
	{
		background-size: cover !important;
		-webkit-background-size: cover !important;
		height: 52vh;
		background-position: 0 40% !important;
		z-index: 999;
		clear: both;
	}

	.banner_area .large-6
	{
		float: right;
	}

	.banner_area .search_area
	{
		visibility: hidden;
	}

	.banner_area .search_area .search_pad
	{
		visibility: visible;
		margin: 20vh 0;
	}
}

@media only screen and (max-width: 767px)
{
	#breadcrumbs
	{
		width: 90%;
	}

	.get-the-app .app-box
	{
		flex-direction: column;
		text-align: center;
		flex-basis: auto;
		min-width: unset;
	}

	.app-promo-section span img
	{
		display: flex;
		justify-content: center;
		gap: 20px;
	}

	.get-the-app .app-box-icon
	{
		flex-direction: row;
	}

	.get-the-app .app-box-icon img
	{
		max-width: 95px;
	}

	.nav .icon-libby-logo,
	.nav .icon-sora-logo,
	.nav .icon-kanopy-logo
	{
		padding: 6px 16px 40px 16px;
		margin-right: 22px;
	}

	.modal-content .icon-libby-logo,
	.modal-content .icon-sora-logo,
	.modal-content .icon-kanopy-logo
	{
		height: 32px;
		width: 32px;
		padding: 0;
		margin: 0;
	}

	.navigation
	{
		float: unset;
	}

	.content h1
	{
		padding-right: 0 !important;
	}

	.page-header
	{
		margin: 0 20px 10px 0;
	}

	.search_pad
	{
		float: left;
		width: 100%;
	}

	.search_area .large-10 span
	{
		font-size: 30px;
	}

	.search_area .large-10 p
	{
		font-size: 15px;
		line-height: 1;
	}

	.menu-btn
	{
		display: block;
		height: 45px;
		position: absolute;
		width: 46px;
		z-index: 1;
	}

	[class*=column] + [class*=column]:last-child
	{
		float: left;
	}

	body
	{
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}

	#first_row
	{
		padding-top: 0;
	}

	#second_row .large-3
	{
		height: 250px;
	}

	#second_row
	{
		background: #f8f8f8;
		border-top: 1px solid #d0cece;
	}

	.second_rowbg
	{
		display: none;
	}

	.section-container .title
	{
		display: none;
	}

	.section-container.auto
	{
		margin-top: 5px;
	}

	.search_area h2
	{
		font-size: 1.3em;
	}

	.inner
	{
		width: 100%;
		height: 35px;
		transition: none;
		-webkit-transition: none;
	}

	#q,
	#q2
	{
		height: 35px !important;
		margin-left: 10px;
		padding: 0 5px;
	}

	.icon-ebooks,
	.icon-getting-started,
	.icon-troubleshooting
	{
		font-size: 70px;
	}

	#first_row .panel a span
	{
		font-size: 25px;
	}

	.inner_nohome
	{
		margin: 0 auto;
		width: 100%;
		height: 38px;
	}

	.article_page .title,
	.search_result
	{
		margin-top: 0;
		padding-bottom: 0;
	}

	.article_page .title h3,
	.search_result h2
	{
		white-space: normal;
		text-shadow: none;
	}

	.search_area_search
	{
		padding: 6px 0;
		max-width: 100%;
		margin: 0;
	}

	.inner .search-bar._Skins_odhelp_search_bar.mc-component .search-field,
	.inner .search-bar._Skins_odhelp_search_bar.mc-component .search-submit
	{
		height: 2em;
	}

	form
	{
		margin: 0;
	}

	.lib_support_mob a
	{
		background-color: #33758f;
		/*background-image: url(images/fallback-gradient.png);*/
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3d8cab), to(#33758f));
		background-image: -webkit-linear-gradient(top, #3d8cab, #33758f);
		background-image: -moz-linear-gradient(top, #3d8cab, #33758f);
		background-image: -ms-linear-gradient(top, #3d8cab, #33758f);
		background-image: -o-linear-gradient(top, #3d8cab, #33758f);
		color: #FFF;
		display: block;
		font-size: 16px;
		font-weight: 700;
		margin: 1px 0 10px;
		padding: 11px;
		text-align: center;
		width: 100%;
	}

	.lib_support_mob a:hover
	{
		background-color: #3d8cab;
		/*background-image: url(images/fallback-gradient.png);*/
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33758f), to(#3d8cab));
		background-image: -webkit-linear-gradient(top, #33758f, #3d8cab);
		background-image: -moz-linear-gradient(top, #33758f, #3d8cab);
		background-image: -ms-linear-gradient(top, #33758f, #3d8cab);
		background-image: -o-linear-gradient(top, #33758f, #3d8cab);
		text-decoration: none;
	}

	/*.lib_support {
	display: none!important
} */

	button.menu-btn
	{
		border: none;
		margin: 3px;
		cursor: pointer;
		background: white;
	}

	.icon-menu
	{
		color: #1d6096;
		display: inline;
		margin: 0;
		cursor: pointer;
		font-size: 32px;
	}

	#menu-wrapper
	{
		display: none;
	}

	header .logo
	{
		background: url('../images/siteui/odlogo-mobile.png') no-repeat;
		width: 171px;
		height: 27px;
		margin-left: 40px;
		margin-top: 5px;
	}

	header h1
	{
		font-size: .8em;
		margin-bottom: 6px;
	}

	.search_pad
	{
		padding-top: 0;
		margin-right: 0;
		padding-left: 0;
	}

	#q,
	#q2
	{
		margin-bottom: 10px;
	}

	.bx-wrapper img
	{
		max-height: 223px;
	}

	a.learn-more-btn
	{
		background: none repeat scroll 0 0 #FC4349;
		display: block;
		margin: 10px auto 0;
		width: 145px;
	}

	.main-content
	{
		border: none;
	}

	.app-promo-section
	{
		flex-direction: column;
		align-items: center;
	}

	.libby-banner
	{
		display: none;
	}

	.nextgen-style,
	.thunder-style
	{
		width: 100%;
	}

	.banner_area .search_area .search_pad
	{
		visibility: visible;
		margin: 15vh 0;
	}

	.banner_area .large-6
	{
		width: 100%;
		padding: 0 1em;
	}

	.reveal-modal
	{
		width: 90%;
		left: 45%;
		padding: 0;
	}

	#first_row .large-2
	{
		width: 100%;
	}

	a.learn-more-btn
	{
		margin-top: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px)
{
	#first_row .large-2
	{
		height: 310px;
	}
}

@media only screen and (max-width: 510px)
{
	.search_area_search
	{
		width: 100%;
		/*top: 0;
		padding-bottom: 10px;
		margin-block-start: 5px;*/
	}

	.navigation
	{
		height: auto;
	}
}

@media only screen and (max-width: 479px)
{
	.icon-ebooks,
	.icon-getting-started,
	.icon-troubleshooting
	{
		font-size: 55px;
	}
}

@media only screen and (max-width: 320px)
{
	.footer,
	.footer a
	{
		font-size: 13px;
	}

	.panel i
	{
		font-size: 4em;
		height: 120px;
		padding: 28px;
		width: 120px;
	}
}

@media only screen and (max-width: 240px)
{
	.footer,
	.footer a
	{
		font-size: 13px;
	}

	*,
	:after,
	:before
	{
		-moz-box-sizing: border-box;
	}

	.search_area
	{
		margin-top: 9px;
	}

	#q,
	#q2
	{
		width: 77%;
	}
}

@media only screen and (max-width: 450px)
{
	.supbutton,
	.fieldrow .no-active
	{
		font-size: 13px !important;
		padding: 0.2rem 0.4rem !important;
	}
}

@media only screen and (max-width: 400px)
{
	.banner_area
	{
		background-size: cover !important;
		-webkit-background-size: cover !important;
		background-position: 0 40% !important;
		z-index: 999;
		clear: both;
		height: 52vh;
		border-top: 2px solid #006693;
		border-bottom: 2px solid #006693;
	}

	.banner_area .large-6
	{
		width: 100%;
		padding: 0 1em;
	}

	.banner_area .search_area
	{
		visibility: hidden;
	}

	.banner_area .search_area .search_pad
	{
		visibility: visible;
		margin-top: 20vh;
	}

	.search_area h2
	{
		font-size: 1em;
	}

	.search_area .large-4
	{
		padding-top: 10px;
	}

	#first_row .large-2,
	.large-2,
	.large-3
	{
		width: 100%;
	}

	.new-to-od
	{
		display: block;
	}
}

/*SKIP LINK STYLES*/

.skip-links:not(:focus-within)
{
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	position: absolute;
	padding: 0;
	margin: 0;
}

.skip-links
{
	display: flex;
	margin: 0;
	justify-content: center;
	background-color: #fff;
	padding: 0;
}

ul.skip-links
{
	list-style: none;
}

/*.skip-links > li
{
	margin:8px 0;
	background-color: #006693;
	border-radius: 6px;
	padding:0;
}*/

.skip-links > li > a
{
	color: #006693;
	text-decoration: none;
	padding: 8px;
	display: inline-block;
	font-family: "Brown-Bold", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

/* June 2023 -- styles from Libby */

img.icon
{
	height: 35px;
	width: auto;
	vertical-align: middle;
}

img.full-size
{
	width: 250px;
	height: auto;
}

img.border
{
	border: solid #899499 1px;
}

img.wide
{
	height: auto;
	width: 350px;
}

/* Elasticsearch stuff */

._Skins_Search_bar.mc-component .search-auto-complete ul
{
	max-width: 770px;
	margin: 0 auto !important;
	text-align: left;
}

._Skins_Search_bar.mc-component .search-auto-complete a
{
	border-bottom: none;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-decoration: none;
}

._Skins_Search_bar.mc-component .search-auto-complete li a
{
	text-align: left;
}

._Skins_odhelp_search_bar.mc-component .search-auto-complete li.auto-result-item
{
	margin: 0;
	padding-block: 6px;
	padding-inline: 0;
}

div.auto-result-icon
{
	display: none;
}

span.auto-result-description
{
	display: none;
}

/* Elasticsearch stuff */

.modal-backdrop
{
	z-index: 20;
	position: fixed;
	top: 0;
	width: 100%;
	height: 105%;
	background-color: rgba(10,34,64,.7);
}

.close
{
	font-size: 4.5rem;
	display: inline-block;
	text-align: right;
	width: 7%;
	background: #fff;
}

.cookie-policy,
.privacy-policy
{
	margin: 0;
}

.cookie-banner
{
	position: fixed;
	inset-block-end: 0;
	z-index: 9999;
	inline-size: 100%;
	background-color: #fff;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.15);
}

.cookie-banner a,
.cookie-banner button.banner-cookie-button
{
	color: #0B60FF;
	text-decoration: underline;
	cursor: pointer;
}

.cookie-banner button.banner-cookie-button
{
	border: none;
	background: transparent;
	font-size: 1em;
	font-family: inherit;
	padding: 0;
}

.banner-body
{
	max-inline-size: 920px;
	margin: auto;
	padding-inline: 24px;
	padding-block: 24px;
	display: flex;
	flex-direction: row;
	gap: 8px;
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility;
}

.banner-body a
{
	text-decoration: underline;
	cursor: pointer;
}

.banner-body .close
{
	align-self: start;
	line-height: 16px;
	border: none;
	font-size: 3.5rem;
	cursor: pointer;
}

._Skins_odhelp_search_results.mc-component #resultList .description
{
	font-size: 16px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 14px;
}

._Skins_odhelp_search_results.mc-component #resultList h2.title a
{
	font-size: 1.2em;
}

/* note box */

div.note-box
{
	margin: .5em 1em 1em;
}

.note-box
{
	display: flex;
	align-items: center;
	padding: 12px;
	gap: 8px;
	background: #E5ECFA;
	border-radius: 6px;
	font-style: italic;
	max-width: 750px;
}

.note-box:before
{
	content: "";
	display: inline-block;
	min-width: 30px;
	height: 28px;
	background: url('../images/siteui/info.svg') no-repeat center;
	align-self: start;
}

.note-box > *
{
	margin: 0;
}

.article-content .note-box img
{
	margin: 0;
}

.note-box .multi-note p
{
	margin: 3px 0 0 0;
	padding: 0;
}

.note-box .multi-note ul
{
	margin: 0 0 0 1em;
	padding: 0;
}

/*New footer*/

.height-container-no-footer
{
	padding-bottom: 0;
}

footer,
.lower-footer-container
{
	color: #ffffff;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

footer
{
	background: #006495;
	padding: 42px 12px 25px 12px;
}

.site-footer_upper-bar
{
	display: flex;
	align-items: top;
	max-width: 1225px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 12px;
	padding-right: 12px;
	overflow: hidden;
}

.site-footer__section-logos
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	padding-right: 20px;
}

.site-footer_od-Logo
{
	margin: 0 0 1rem 0;
	height: 71px;
	display: flex;
	align-items: flex-end;
}

.site-footer_b-corp img
{
	width: 75px;
	margin: 1rem 0 1rem 0;
}

.tablet-logo-block
{
	display: none;
}

.site-footer__section
{
	float: left;
	width: 25%;
	position: relative;
	min-height: 1px;
	padding-left: 12px;
	padding-right: 12px;
}

.site-footer__section > .our-apps,
.site-footer__section > .markets,
.site-footer__section > .about
{
	flex: 1 1 0;
	min-width: 180px;
}

.site-footer__section-heading
{
	margin: 0;
	font-size: 20px;
	color: #ffffff;
	font-family: "Brown-Bold", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	color: #f0f0f0;
}

.headerContainer
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 4px 0;
}

.headerContainer .icon
{
	width: 16px;
	height: 16px;
	opacity: .7;
}

.site-footer__list
{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.site-footer__list li
{
	margin: 8px 0;
}

.site-footer__list a
{
	color: #ffffff;
	text-decoration: none;
}

.site-footer__list a:hover,
.site-footer__list a:focus
{
	color: #ffffff;
	text-decoration: underline;
}

.arrow-hide
{
	display: none;
}

/* ---------- LOWER STRIP ---------- */

.lower-footer-container
{
	background: #034166;
	padding: 29px 0;
}

.lower-footer-container .l-container
{
	max-width: 100%;
	padding: 0 35px;
}

.site-footer_lower-bar-cs
{
	flex: 1;
	justify-content: space-between;
	display: flex;
	color: #fff;
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	width: 100%;
	padding-top: .5rem;
	align-items: center;
	gap: 20px;
}

.site-footer_copyright-text
{
	color: #fff;
	font-size: 19px;
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

.site-footer_privacy
{
	color: #fff;
	text-align: center;
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

.site-footer_privacy:hover
{
	text-decoration: none;
}

.site-footer_privacy a,
.site-footer_privacy button
{
	color: #fff;
	font-size: 19px;
	font-family: "Brown-Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
}

.cookie-link-edit
{
	cursor: pointer;
}

.site-footer_privacy button
{
	background: none;
	border: none;
}

.site-footer_privacy a:hover,
.site-footer_privacy button:hover
{
	text-decoration: underline;
}

.site-footer_social
{
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
	justify-content: flex-end;
}

.site-footer_csIcon
{
	height: 24px;
	display: block;
}

@media (max-width: 920px)
{
	.site-footer_upper-bar
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		gap: 24px;
	}

	.site-footer__section-logos
	{
		display: flex;
		align-items: center;
		gap: 20px;
		flex: none;
		min-width: auto;
		margin-right: 0;
	}

	.site-footer__section
	{
		display: flex;
		flex: none;
		min-width: auto;
		gap: 30px;
	}
}

@media (max-width: 820px)
{
	.site-footer_upper-bar
	{
		display: flex;
		flex-direction: row;
		align-items: start;
		justify-content: space-evenly;
		width: 100%;
		gap: 16px;
	}

	.site-footer__section-logos
	{
		display: none;
	}

	.tablet-logo-block
	{
		display: flex;
		justify-content: center;
	}

	.b-corp-block
	{
		padding: 20px 0;
	}

	.site-footer_lower-bar-cs
	{
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 680px)
{
	.site-footer__section > .our-apps,
	.site-footer__section > .markets,
	.site-footer__section > .about
	{
		min-width: auto;
	}
}

@media (max-width: 424px)
{
	footer
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	.site-footer_upper-bar
	{
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		gap: 0;
		padding: 0;
	}

	.site-footer__section-logos
	{
		display: none;
	}

	.site-footer__section > .our-apps,
	.site-footer__section > .markets,
	.site-footer__section > .about
	{
		border-bottom-color: #fff;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding: 0px 16px;
	}

	.site-footer__section > .our-apps
	{
		border-top-color: #fff;
		border-top-width: 1px;
		border-top-style: solid;
	}

	.tablet-logo-block
	{
		display: flex;
		justify-content: center;
	}

	.site-footer__section
	{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
		gap: 0;
		padding: 0px;
	}

	.site-footer__section-heading
	{
		margin: 0 !important;
	}

	.headerContainer
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		padding: 12px 0;
	}

	.headerContainer img.icon
	{
		display: flex;
		width: 16px;
		height: 16px;
		transition: transform 0.3s ease;
	}

	.headerContainer[aria-expanded="true"] img.icon
	{
		transform: rotate(180deg);
	}

	.site-footer__list
	{
		padding-left: 16px;
		margin-top: 0;
	}

	.footer-items-hide
	{
		display: none;
	}

	.site-footer__list.expanded
	{
		display: block;
	}

	.site-footer__list li
	{
		margin: 8px 0;
	}

	.site-footer__list a
	{
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}

	.site-footer__list a:hover
	{
		text-decoration: underline;
	}
}

