/* MYOB overrides to WebHelp Responsive */
/* HyperWrite HW Nov 2023 */

/*Google Fonts Alternative to @font-face */




/*@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(://fonts.httpsgstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2) format("woff2"),url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-regular--376ea5d93f71583052f6.woff) format("woff")}
@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src: local(Inter), url(https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2) format(woff2');}
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-500--ef8bb09446f518f4b91c.woff2) format("woff2"),url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-500--52cb737b682eb9661ee1.woff) format("woff")}
@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:500;src:url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-500italic--5d57d7b0d039ba086885.woff2) format("woff2"),url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-500italic--014be8ff46b138479363.woff) format("woff")}
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-700--6a1f56a657ffc4e56dbb.woff2) format("woff2"),url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-700--ef6d1d09b20b877fee4e.woff) format("woff")}
@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:600;src:url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-700italic--7e573efd5238dba2bdc9.woff2) format("woff2"),url(../fonts/roboto-v29-latin-ext_latin_cyrillic-ext_cyrillic-700italic--505a9e3950ef25e1bdff.woff) format("woff")}
*/



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

@font-face{
	font-display:swap;font-family:Material Icons;font-style:normal;font-weight:400;src:url(../fonts/materialdesignicons-webfont--7a50c73b9b770af3fa7e.eot) format("eot");src:url(../fonts/materialdesignicons-webfont--af0830adcfb86729bdfd.woff2) format("woff2"),url(../fonts/materialdesignicons-webfont--4fd28a6cd9cd00861b96.woff) format("woff"),url(../fonts/materialdesignicons-webfont--7a50c73b9b770af3fa7e.eot) format("eot"),url(../fonts/materialdesignicons-webfont--30f9cbc38f0b362683e1.ttf) format("truetype")
}

@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: local('Inter'), url('https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: italic;
	font-weight: 400;
	src: local('Inter'), url('https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: local('Inter'), url('https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: italic;
	font-weight: 500;
	src: local('Inter'), url('https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	src: local('Inter'), url('https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: italic;
	font-weight: 700;
	src: local('Inter'), url('https://fonts.gstatic.com/s/inter/v3/UcCnXWRlEv5XkO-EKO4.woff2') format('woff2');
}


html, body {
	
	font-family: Inter, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;	
}

footer.navbar {
    background-color: rgb(67, 0, 113);
    color: white;
    border-top: thin rgb(67, 0, 113);
    margin-top: 20px;
    min-height: 106px;
    padding-bottom: 2.5rem;
    padding-top: 3.75rem;
}

a, a:hover, a:visited {
    color: rgb(67, 0, 113);
}

.wh_tile_title {
    font-family: Inter, Arial, sans-serif;
}

.wh_search_button {
    background-color: rgb(67, 0, 113);
}

h1 {
	
	font-weight: 500;
	font-size: 32px;
height: auto;
hyphens: auto;
line-height: 48px;
margin-block-end: 16px;
margin-block-start: 0px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

h2 {
/*--k15t-font-headline-medium */
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-size: 24px;
    
        margin-bottom: 0.5rem;
    margin-top: 2rem;
}

p {
    line-height: 27px;
    margin-bottom: .75rem;

}

ul, ol	{
    line-height: 27px;
	row-gap: 0.5rem;
	margin-bottom: 1em;
	/* margin-top: 1em; Removed to fix issue with gap in top drop-down menus */ 
}

li {
	    margin-bottom: .75rem;
}


div.main {

	margin-left: 100px;	
	
}

p.breadcrumb {
	font-size: 13px;
	font-weight: 400;
	color: rgb(0,12,52);
	margin-left: 100px;
	
}

nav.related-links:before {
	content: "In this section: ";
	font-weight: 700;
	font-size: 16px;
}

h2.sectiontitle {
	border: 1px solid #e2e5eb;
	padding: 12px;
	position: relative;
	padding-right: 20px;
}
h2.sectiontitle:hover {
	background-color: #f7f7f9;
}


span.wh_expand_btn  {
	/*color: red;*/
	left: 100%;
	font-weight: bold;
	font-size: 150%;
}

article.topic, div.wh_related_links, div.wh_child_links {
	width: 80%;
	margin-left: 10%;
}

footer.navbar {
	background-color: rgb(35, 36, 40);
	color: white;
	border-top: thin navy groove;
	margin-top: 20px;
    min-height: 106px;
    padding-bottom: 2.5rem;
    padding-top: 3.75rem;
}

footer.navbar a {
	color: #CCFFFF;
	text-decoration: underline;
}

div.note {
	background-color: #E7EFFF;
	background-image: url('./info_icon.svg');
	background-repeat: no-repeat;
	background-position: 14px 14px;
}

.wh_related_links, .wh_child_links, .wh_topic_content .related-links {
    background-color: #ffffff;
    border-top: thin gray groove;

}


table {
	border-spacing: 2px;
	text-indent: initial;
	width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
}
.frame-all, td, tr {
	border: thin #E2E5EB solid;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    background-color:#E2E5EB;
}

.shortdesc {
	color: #808080;
	padding-left: 55px;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
	margin-right: 15px;
	background-image: url('./abstract.gif');
	background-position: left top;
	background-repeat: no-repeat;
}

.wh_tile_title {
    font-size: 1.3em;
}

/*These styles are for the draft site only*/

body {
    background-image: url('./DraftBackground.png');
    background-repeat: repeat;
}