/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*===========================================================================================================================================================

Hello! If this is your first time looking at a stylesheet within the text editor view, what you are reading right now is a "comment". Comments are added throughout this stylesheet with the purpose of making the source code easier to understand, comments will not be interpreted during the compile process. Since comments are not interpreted during the compile process, feel free to add or remove any comments.

For help with MadCap Flare go to Help Ribbon > Topics Section > Open Help. Alternatively visit the Flare Online Help at help.madcapsoftware.com

If you have any questions regarding how to work with this stylesheet or template project, please contact MadCap Technical Support. 
https://www.madcapsoftware.com/support/contact-options.aspx

===========================================================================================================================================================*/

/*==Topic General Styles==*/

@font-face 
{
	font-family: 'Lato';
	src: url(../fonts/lato-regular.ttf);
}

@font-face 
{
	font-family: "Font Awesome 5 Pro Solid";
	src: url(../fonts/fa-solid-900.ttf);
}

@font-face 
{
	font-family: "Font Awesome 5 Pro Regular";
	src: url(../fonts/fa-regular-400.ttf);
}

@font-face 
{
	font-family: "Font Awesome 5 Pro Light";
	src: url(../fonts/fa-light-300.ttf);
}

html
{
	overflow-x: hidden;
}

body
{
	color: #262626;
	font-family: "Open Sans", sans-serif;
	line-height: 2em;
	background: #fdfdfd;
	overflow-x: hidden;
}

body-container
{
	overflow-x: hidden;
}

.content-container #mc-main-content
{
	max-width: 800px;
}

#mc-main-content h1
{
	margin: 0 -9999rem 30px -9999rem;
	padding: 1rem 9999rem;
	background-color: #2d5778;
	line-height: 1.1;
}

#mc-main-content .heading-search-container h1
{
	margin: 0 20px 20px 0;
	padding: 0;
	background-color: #fdfdfd;
}

h1
{
	font-size: 2.7em;
	font-weight: normal;
	color: white;
	background-color: #2d5778;
	/*	color: #2d5778;
	border-top: 2px solid #e89024;
	border-bottom: 2px solid #e89024; */
}

h2
{
	margin-bottom: 25px;
	margin-top: 30px;
	font-weight: bold;
	font-size: 20pt;
}

h3
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 16px;
	margin-top: 16px;
}

*:focus
{
	box-shadow: 0 0 1px #ffc980;
	border-color: #ffc980;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

#mc-main-content img
{
	margin: 20px 15px 15px 0px;
}

.title-bar-layout .logo-wrapper
{
	padding-top: 7px;
}

.containerTip:before
{
	font-family: "Font Awesome 5 Pro Regular";
	content: "\F672";
	margin-left: -45px;
	color: #FFAF47;
	position: absolute;
	font-size: 1.5em;
}

.containerTip
{
	background-color: #FFF6EB;
	padding: 15px 15px 15px 60px;
	border-radius: 5px;
	border: 1px solid #FFAF47;
	margin-top: 30px;
	margin-bottom: 30px;
}

.containerWarning:before
{
	font-family: "Font Awesome 5 Pro Regular";
	content: "\F071";
	margin-left: -45px;
	color: #B9533C;
	position: absolute;
	font-size: 1.5em;
}

.containerWarning
{
	background-color: #FFF4F1;
	padding: 15px 15px 15px 60px;
	border-radius: 5px;
	border: 1px solid #B9533C;
	margin-top: 30px;
	margin-bottom: 30px;
}

.containerNote:before
{
	font-family: "Font Awesome 5 Pro Regular";
	content: "\F4A4";
	margin-left: -45px;
	color: #3E77A3;
	position: absolute;
	font-size: 1.5em;
}

.containerNote
{
	background-color: #F5FCFD;
	padding: 15px 15px 15px 60px;
	border-radius: 5px;
	border: 1px solid #3E77A3;
	margin-top: 30px;
	margin-bottom: 30px;
}

.containerFieldHelp
{
	background-color: #FDFDFD;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 1px 5px 0 #D6D6D6;
	border: 1px solid #D6D6D6;
	margin-top: 20px;
	margin-bottom: 30px;
}

.containerFieldHelp span.fa-icon
{
	float: left;
	width: 30px;
	font-size: 1.1em;
}

.containerList
{
	background-color: #FDFDFD;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 1px 5px 0 #D6D6D6;
	border: 1px solid #D6D6D6;
	margin-top: 30px;
	margin-bottom: 30px;
}

.nocontent .breadcrumbs
{
	margin: 0 -9999rem;
	/* add back negative margin value */
	padding: 1em 9999rem 0 9999rem;
	color: white;
	background-color: #2d5778;
}

div.MCBreadcrumbsBox_0
{
	font-size: 0.9em;
}

a.MCBreadcrumbsLink,
a.MCBreadcrumbsLink:visited
{
	font-style: normal;
	text-decoration: underline;
	color: white;
}

.MCBreadcrumbsSelf
{
	color: white;
}

a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
	color: white;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: 0.8em;
	font-style: normal;
	margin-top: 5px;
	margin-right: 10px;
	mc-breadcrumbs-prefix: '';
}

.search-bar._Skins_SearchOther.mc-component .search-field
{
	box-shadow: 1px 1px 3px rgba(0,0,0,0.12), 1px 1px 2px rgba(45,87,120,0.7);
	border: 1px solid #d3d3d3;
	background-color: white;
}

MadCap|xref
{
	color: #2d5778;
	mc-format: '{para}';
}

MadCap|xref:hover
{
	color: #2d5778;
	text-decoration: underline;
}

MadCap|dropDown
{
	mc-open-image: url('mainstyles.css/images/assets/icons/arrows/arrow-down-gray.png');
	mc-closed-image: url('mainstyles.css/images/assets/icons/arrows/arrow-right-gray.png');
}

MadCap|dropDownHotspot
{
	color: #f59405;
	font-weight: bold;
}

p.MiniTOC1_0
{
	width: 50%;
	display: inline-block;
	font-size: 18px;
	padding-right: 40px;
	padding-left: 20px;
	margin: 8px 0;
}

p.MiniTOC1_0:before
{
	content: "\F0DA";
	position: absolute;
	color: #2d5778;
	font-family: "Font Awesome 5 Pro Regular";
	margin-left: -20px;
}

a.MiniTOC1:link
{
	color: #2d5778;
}

p.MiniTOC1_0 a:visited
{
	color: #2d5778;
}

a:visited
{
	color: inherit;
}

a:visited
{
	text-decoration: none;
	color: #2d5778;
}

p.MiniTOC1_0 a:hover
{
	text-decoration: underline;
}

ul.navigation li > a:hover
{
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}

ul.navigation ul li > a:hover
{
	text-decoration: underline;
	color: inherit;
	font-size: 18px;
}

ul.navigation ul > li a:hover
{
	text-decoration: underline;
	color: #131822;
	font-size: 18px;
}

ul.navigation ul > li.is-expanded > ul a:hover
{
	text-decoration: underline;
	color: #131822;
}

a:hover
{
	text-decoration: underline;
}

.footer-widgets a:hover
{
	text-decoration: underline;
}

#simple-social-icons-7 ul li a:hover
{
	color: #405471 !important;
}

ul.sub-menu li
{
	margin: 5px;
}

ul.menu
{
	border: 1px solid #ddd;
}

ul.off-canvas-list li a
{
	border: none;
}

ul.menu.mc-component li > a
{
	padding: 4px 0;
}

ul.menu.mc-component
{
	width: 400px;
}

ul.menu.mc-component li > a.selected
{
	color: #e26000;
	font-size: 20px;
	padding-top: 11px;
	padding-bottom: 9px;
}

/*==Top menu==*/

ul.navigation li > a
{
	font-size: 18px;
	padding-top: 9px;
	padding-bottom: 5px;
	line-height: 1em;
}

ul.navigation ul
{
	border: 1px solid #ddd;
}

ul.navigation ul li > a
{
	font-size: 18px;
}

ul.navigation ul > li.is-expanded a
{
	text-decoration: underline;
	color: #131822;
	font-size: 18px;
}

ul.navigation ul > li.is-expanded > ul a
{
	text-decoration: none;
	color: #131822;
	font-size: 18px;
}

/*==Master Page Topic Layout==*/

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

nav.title-bar
{
	/* border-top: 5px solid #e89024; */
	/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
	background-color: #131822;
	padding-left: 60px;
	padding-right: 60px;
	height: 50px;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	padding: 0;
}

div.content-container	/*Wraps the topic content on the masterpage and provides the white background behind topics.*/
{
	width: 65%;
	margin-bottom: 2%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background: #fdfdfd;
	padding: 20px;
	min-height: 80vh;
	/*	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: 1px solid #d3d3d3; */
}

div.side-content	/*Container for Search proxy*/
{
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	max-width: 800px;
}

a
{
	color: #2d5778;
}

/* Footer */

.footer-widgets
{
	background-color: #131822;
	color: #fff;
	clear: both;
	font-size: 14px;
}

.footer .wrap
{
	width: 100%;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.6;
}

.footer-widgets-1,
.footer-widgets-2
{
	float: left;
}

.footer-widgets-1
{
	padding: 0 2.8% 0 0;
	width: 41.6666666666%;
}

.footer-widgets-2
{
	padding: 0 2.8%;
	width: 25%;
}

.footer-widgets-3
{
	float: right;
	padding: 0;
	width: 33.3333333333%;
}

.footer-widgets .widget
{
	margin-bottom: 20px;
	word-wrap: break-word;
}

.footer-widgets .widget-title
{
	margin-bottom: 12.5px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #fff;
}

.footer-widgets .widget-title a,
.footer-widgets .widget-title a:hover,
.footer-widgets .widget-title a:visited
{
	color: #fff;
}

a.widget-heading:hover
{
	color: #fff;
}

.footer-widgets .wrap
{
	overflow: hidden;
	background: url('hex-pattern-orange-fade.png') no-repeat right 30px bottom 8px;
	padding: 30px 50px 5px 50px;
}

.footer-widgets-1 img.alignleft
{
	margin: 0 24px 12px 0;
	float: left;
	text-align: left;
}

.footer-widgets-1 .frame
{
	padding: 10px;
	background-color: #f2f2f2;
}

.widget ul
{
	list-style-type: none;
}

.widget ul > li
{
	list-style-position: outside;
	padding: 0 0 0 16px;
}

.widget ul > li
{
	text-indent: 0;
}

.footer-widgets a
{
	text-decoration: none;
}

.footer-widgets a,
.footer-widgets a:hover,
.footer-widgets a:visited
{
	color: #FFC980;
}

.footer-copyright
{
	margin-top: 35px;
	line-height: 1;
	font-size: 12px;
}

section#simple-social-icons-7
{
	float: right;
}

.simple-social-icons ul li
{
	background: none !important;
	border: none !important;
	float: left;
	list-style-type: none !important;
	margin: 0 6px 12px !important;
	padding: 0 !important;
}

.footer-widgets .simple-social-icons ul li
{
	margin: 0 0px 105px 12px !important;
}

#simple-social-icons-7 ul li a,
#simple-social-icons-7 ul li a:focus
{
	background-color: #f9f9f9 !important;
	border-radius: 0px;
	color: #21324a !important;
	border: 0px #ffffff solid !important;
	font-size: 20px;
	padding: 10px 8px 6px 8px;
}

.simple-social-icons svg[class^="social-"],
.simple-social-icons svg[class*=" social-"]
{
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.simple-social-icons svg[class^="social-"],
.simple-social-icons svg[class*=" social-"]
{
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.footer-widgets li
{
	background: url('icon-li-footer@2x.png') no-repeat left 3px top 7px;
	background-size: 8px 8px;
}

.footer .search-bar._Skins_SearchOther.mc-component .search-field
{
	margin-left: 0;
}

footer
{
	background-color: #2d5778;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-width: 1279px)
{
	div.content-container
	{
		width: 80%;
		margin-left: 10%;
	}

	nav.title-bar .menu-icon
	{
		top: 60%;
		right: 0;
	}

	div.home-footer
	{
		padding: 1% 5%;
	}

	.footer-widgets-1,
	.footer-widgets-2
	{
		width: 45%;
	}

	.footer-widgets-3
	{
		width: 80%;
		float: left;
	}

	#simple-social-icons-7 .widget-wrap
	{
		float: right;
	}

	ul.off-canvas-list li a,
	ul.off-canvas-list li a:visited
	{
		border: none;
		color: #2d5778;
		background-color: #f8f8f8;
	}

	ul.off-canvas-list li a:hover
	{
		text-decoration: underline;
	}

	.off-canvas,
	.off-canvas ul,
	.off-canvas ul ul
	{
		background-color: #f8f8f8;
	}
}

@media only screen and (max-width: 767px)
{
	div.content-container
	{
		width: 90%;
		margin-left: 5%;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-2
	{
		width: 100%;
		float: left;
	}

	.main-section > .outer-row	/*Removes the padding around the body proxy in mobile*/
	{
		padding: 0;
	}

	.off-canvas
	{
		background-color: #f8f8f8;
	}

	p.MiniTOC1_0
	{
		width: 100%;
	}
}