﻿/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'Filson_Soft_Book';
	src: url('../assets/fonnts.com-Filson_Soft_Book.otf');
}

@font-face 
{
	font-family: 'Filson_Soft';
	src: url('../assets/fonnts.com-Filson_Soft_Regular.otf');
}

@font-face 
{
	font-family: 'Filson_Soft_Bold';
	src: url('../assets/fonnts.com-Filson_Soft_Bold.otf');
}

@font-face 
{
	font-family: 'Filson_Soft_Light';
	src: url('../assets/fonnts.com-Filson_Soft_Light.otf');
}

@font-face 
{
	font-family: 'Filson_Soft_Medium';
	src: url('../assets/fonnts.com-Filson_Soft_Medium.otf');
}


:root
{
	--primary-color: #E5A923;
	--secondary-color: #efa700;
	--primary-padding: 2rem;
	--secondary-padding: 1rem;
	--no-padding: 0rem;
	--text-color: #1A171B;
	--border-primary: #E5A92;
}

body
{
	font-family: Filson_Soft;
	mc-hyphenate: never;
	font-size: 1rem;
	margin: 0px;
	color: var(--text-color);
}

.border-primary {border-color: var(--primary-color);}

.border {border-color: var(--primary-color);}
  
.bold {	font-weight: bold; }

.text-primary-color {color: var(--primary-color);}

.hover\:text-primary-color:hover {color: var(--primary-color);}

.hover\:bg-hover-grey:hover{background-color: #3F444B;color: white;}

.group-hover\:text-primary-color:hover {color: var(--primary-color);}

.hover\:border-primary:hover {border-color: var(--primary-color);}

.bg-primary-color { background-color: var(--primary-color); }

.selected {color: var(--primary-color);}

.italic { font-style: italic; }

/* LISTS */

ul.primarylist
{
	margin-bottom: 12px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	list-style-position: outside;
	margin-left: 2rem;
}

ul.primarylist > li::marker
{
	font-family: 'Times New Roman';
	content: '→  ';
}

div.custom > ol
{
	margin-bottom: 12px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	list-style-position: outside;
	margin-left: 2rem;
}

div.custom > ul
{
	margin-bottom: 12px;
	margin-top: 0px;
	padding-top: 0;
	padding-bottom: 0;
	list-style-position: outside;
	margin-left: 2rem;
}

ol.secondarylist
{
	list-style-type: lower-alpha;
}

div.custom > ul ul
{
	margin-left: 1rem;
}

div.custom > ol ol
{
	margin-left: 1rem;
}

div.custom > ol ul
{
	margin-left: 1rem;
}

div.custom > li
{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.3;
	padding-top: 0;
	padding-bottom: 0;
}

div.custom > ul li
{
	
}

span.light
{
	font-family: 'Filson_Soft_Light';
}

/*language-button*/

.button.select-language-button .button-icon
{
	background: url('../Images/fr.svg') !important;
}

/*prev-next-buttons*/

.button.previous-topic-button
{
	background: url('../Images/prev.svg') !important;
}

.button.next-topic-button
{
	background: url('../Images/next.svg') !important;
	margin-left: 12px;
}

.button.previous-topic-button:hover
{
	background: url('../Images/hoverprev.svg') !important;
}

.button.next-topic-button:hover
{
	background: url('../Images/hovernext.svg') !important;
}

/*MCBreadcrumbsSelf*/

.MCBreadcrumbsSelf
{
	color: #efa700;
}

.MCBreadcrumbsLink
{
	color: #000000;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-prefix: ' ';
	font-size: 13.3px;
	font-family: 'Filson_Soft_Medium';
	mc-breadcrumbs-divider: ' ';
	border-bottom-width: 0px;
	mc-breadcrumbs-count: 2;
}

span.MCBreadcrumbsDivider
{
	padding-left: 2px;
	padding-right: 2px;
}

span.MCBreadcrumbsDivider:before
{
	padding-bottom: 2px;
	padding-left: 4px;
	content: url('../Images/chevron.svg') !important;
}


/*ContentStyles*/

p.title
{
	color: #1D1D1B;
	font-size: 55px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.15;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0;
	orphans: 1;
	text-align: left;
	text-indent: 0;
	text-transform: none;
	widows: 1;
}

p.subtitle
{
	color: #efa700;
	font-size: 26.6px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.15;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0;
	orphans: 1;
	text-align: left;
	text-indent: 0;
	text-transform: none;
	widows: 1;
}

div.custom > h1
{
	color: #1D1D1B;
	font-size: 1.875rem;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 18px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 18px;
	orphans: 1;
	text-align: left;
	text-indent: 0;
	widows: 1;
	mc-heading-level: 1;
}

div.custom > h2
{
	color: #efa700;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 12px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 30px;
	orphans: 1;
	text-align: left;
	text-indent: 0;
	widows: 1;
	mc-heading-level: 2;
}

div.custom > h3
{
	color: #1D1D1B;
	font-size: 1.25rem;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 6px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 24px;
	orphans: 1;
	text-align: left;
	text-indent: 0;
	text-transform: none;
	widows: 1;
	mc-heading-level: 0;
}

div.custom > h3 + p + img
{
	margin-top: 24px;
	margin-bottom: 0px;
}

div.custom > h4
{
	color: #1D1D1B;
	margin-top: 24px;
	margin-bottom: 0px;
	font-size: 1.125rem;
	font-weight: bold;
}

div.custom > h5
{
	color: #1D1D1B;
	margin-top: 24px;
	margin-bottom: 0px;
	font-size: 1.1rem;
	font-weight: bold;
}

.pt-1
{
	padding-top: 6px;
}

.pt-2
{
	padding-top: 12px;
}

.pt-3
{
	padding-top: 12px;
}

.mt-0
{
	margin-top: 0;
}

.mb-0
{
	margin-bottom: 0;
}

.pt-0
{
	padding-top: 0;
}

.pb-0
{
	padding-bottom: 0;
}

a.link
{
	text-decoration: none;
}

p > a
{
	font-variant: normal;
	text-decoration: underline;
}

li > a
{
	font-variant: normal;
	text-decoration: underline;
}

MadCap|xref
{
	text-decoration: underline;
	color: inherit;
	mc-format: ' {paranum} {paratext}';
}

/* TABLES */

table
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top: 20px;
}

td
{
	vertical-align: top;
	padding: 8px;
}

table.border
{
	width: 100%;
	border-collapse: collapse;
	border-width: 0px;
}

table.border td
{
	padding: 8px;
	border-bottom: 1px solid black;
}

table.border tr:last-child td
{
	border-bottom: 0px solid black;
}

th
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
}

th p
{
	font-weight: bold;
	text-align: left;
}

table.noborder
{
	border: 0px solid white;
}

table.noborder td
{
	border: 0px solid black;
	padding: 2px;
}

/* IMAGES */

div.img
{
	background-color: white;
	border-radius: 8px;
	padding: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.w100
{
	width: 100%;
	height: auto;
}

.w20
{
	width: 20%;
	height: auto;
}

.w30
{
	width: 30%;
	height: auto;
}

.w40
{
	width: 40%;
	height: auto;
}

.w50
{
	width: 50%;
	height: auto;
}

.w60
{
	width: 60%;
	height: auto;
}

.w70
{
	width: 70%;
	height: auto;
}

.w80
{
	width: 80%;
	height: auto;
}

.w90
{
	width: 90%;
	height: auto;
}

.icon
{
	width: 70px;
	height: auto;
}

.height-container-no-footer
{
	padding-bottom: 0px;
}

div.warning
{
	background-color: black;
	width: 14rem;
	margin: 12px 0px 6px 0px;
	padding: 6px;
	height: 2.8rem;
	line-height: 1;
}

div.warning > p > img
{
	width: auto;
	height: 1.2em;
	float: left;
	padding-left: 3px;
	padding-right: -4px;
	padding-bottom: 2px;
	padding-top: 0px;
}

div.warning > p
{
	font-family: 'Open Sans';
	color: #ffffff;
	font-size: 1.2em;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 4px;
}

.circleletter
{
	letter-spacing: -3px;
	font-family: "Arial", sans-serif;

}

.circleletter2
{
	letter-spacing: 0px;
	font-family: "Arial", sans-serif;

}

.search-bar._Skins_searchbar.mc-component .search-field
{
	height: 32px !important;
}

.search-bar._Skins_searchbar.mc-component .search-submit
{
	height: 32px !important;
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 250px)
{
	body
	{
		font-size: 14px;
	}

	.i20
	{
		width: 40%;
	}

	p.title
	{
		font-size: 2em;
	}

	h1
	{
		font-size: 1.6em;
	}

	h2
	{
		font-size: 1.4em;
	}

	.w10
	{
		width: 15%;
	}

	.w90
	{
		width: 85%;
	}

	.search-bar._Skins_searchbar.mc-component .search-field
	{
		height: 32px !important;
	}

	.search-bar._Skins_searchbar.mc-component .search-submit
	{
		height: 32px !important;
	}
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px)
{
	body
	{
		font-size: 15px;
	}

	.i20
	{
		width: 30%;
	}

	p.title
	{
		font-size: 3em;
	}

	.w10
	{
		width: 15%;
	}

	.w90
	{
		width: 85%;
	}

	.search-bar._Skins_searchbar.mc-component .search-field
	{
		height: 48px !important;
	}

	.search-bar._Skins_searchbar.mc-component .search-submit
	{
		height: 48px !important;
	}
}

/* Large devices (laptops/desktops, 1024px and up) */

@media only screen and (min-width: 1024px)
{
	body
	{
		font-size: 16px;
	}

	.i20
	{
		width: 20%;
	}

	.icon
	{
		width: 100px;
		height: auto;
	}

	.w10
	{
		width: 10%;
	}

	.w90
	{
		width: 90%;
	}
}