/**/
/*==Home Page General Styles==*/
@import url('https://p.typekit.net/p.css?s=1&k=stf8rnu&ht=tk&f=139.140.171.172.173.174.175.176.5474.5475.25136.25137&a=256002103&app=typekit&e=css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 700;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/4de20a/00000000000000007735e604/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 700;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/154cda/00000000000000007735e601/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/154cda/00000000000000007735e601/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/154cda/00000000000000007735e601/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 100;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"), url("https://use.typekit.net/af/7283cd/00000000000000007735e608/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 100;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 600;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/144da4/00000000000000007735e619/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/144da4/00000000000000007735e619/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/144da4/00000000000000007735e619/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 600;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 400;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 300;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova-light";
src: url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/40d372/00000000000000007735e607/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 300;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 500;
font-stretch: normal;
}
@font-face
{
font-family: "proxima-nova";
src: url("https://use.typekit.net/af/79862c/00000000000000007735e60e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/79862c/00000000000000007735e60e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/79862c/00000000000000007735e60e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
font-display: auto;
font-style: italic;
font-weight: 500;
font-stretch: normal;
}
.tk-proxima-nova
{
font-family: "proxima-nova", sans-serif;
}
html
{
font-family: proxima-nova !important;
}
body
{
color: #333333;
font-family: proxima-nova;
font-size: 1rem;
background-color: #FFFFFF;
line-height: 2rem;
overflow: hidden;
}
h1
{
margin-top: 12px;
margin-right: 15px;
margin-bottom: 3px;
margin-left: 0px;
line-height: normal;
page-break-before: always;
padding: 0cm;
font-size: 2.75rem;
font-family: Arial Narrow;
color: #84BD00;
font-weight: bold;
font-style: normal;
}
h2
{
margin-top: 12px;
margin-right: 0cm;
margin-bottom: 3px;
margin-left: 0px;
line-height: 1.2em;
page-break-after: avoid;
font-size: 2.45rem;
font-family: Arial Narrow;
color: #404040;
font-weight: bold;
}
h3
{
margin-top: 12px;
margin-right: 0cm;
margin-bottom: 3px;
margin-left: 0px;
line-height: normal;
page-break-after: avoid;
font-size: 2.25rem;
font-family: Arial Narrow;
color: #0099d6;
font-weight: bold;
}
h4
{
margin-top: 3px;
margin-right: 0cm;
margin-bottom: 3px;
margin-left: 0px;
line-height: normal;
page-break-after: avoid;
font-size: 2.1rem;
font-family: proxima-nova;
color: #404040;
font-weight: bold;
}
h5
{
margin-top: 3px;
margin-right: 0cm;
margin-bottom: 3px;
margin-left: 0px;
line-height: normal;
page-break-after: avoid;
font-size: 1.75rem;
font-family: proxima-nova;
color: #84BD00;
font-weight: bold;
}
h6
{
margin-top: 3px;
margin-right: 0cm;
margin-bottom: 3px;
margin-left: 0px;
line-height: normal;
page-break-after: avoid;
font-size: 1.5rem;
font-family: proxima-nova;
color: #404040;
font-weight: bold;
}
p
{
color: #333333;
font-family: proxima-nova;
font-size: 1rem;
line-height: 1.3em;
font-style: normal;
margin-bottom: 6pt;
margin-left: 0px;
margin-right: 6pt;
margin-top: 6pt;
}
p.caption
{
color: #0099d6;
font-family: proxima-nova;
font-size: 1rem;
line-height: normal;
font-style: normal;
margin-bottom: 6pt;
margin-left: 0px;
margin-right: 6pt;
margin-top: 6pt;
}
.center
{
position: relative;
margin-right: auto;
margin-left: auto;
float: none !important;
text-align: center;
}
.off-canvas-content .main-section > .outer-row
{
max-width: 100%;
padding: 0;
margin-top: 15px;
}
/*==Mad Cap proxy/editor assigned styles==*/
MadCap|searchBarProxy
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
float: none;
width: 50%;
}
MadCap|topicToolbarProxy
{
float: none;
}
MadCap|menuProxy.menu1
{
mc-toc-depth: 1;
mc-context-sensitive: True;
}
MadCap|menuProxy.menu2
{
mc-toc-depth: 1;
mc-context-sensitive: True;
}
html.home-page
{
mc-community-features: disabled;
}
/*==Responsive Header Styles==*/
#contentBody > .responsive-header
{
background-color: transparent;
}
/*==Home Page Hero Section==*/
div.search-hero /*This is the first Hero/Banner on the Home Page - To replace the banner image with your own, change background-image property*/
{
height: 99px;
padding-top: 18px;
background-color: #84BD00;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
}
div.topic-hero /*This is the first Hero/Banner on the Home Page - To replace the banner image with your own, change background-image property*/
{
height: 99px;
padding-top: 18px;
background-color: #84BD00;
background-image: url('../Images/Assets/HeroImages/HeroImage-1.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
}
div.cta /*Call to action button on the Home Page*/
{
color: #FFF;
background-color: #84BD00;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
padding: 14px 20px;
width: 200px;
transition: all 0.5s cubic-bezier(.25,.8,.25,1);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin-top: 50px;
}
div.cta:hover /*When hovering over the CTA button the following properties apply*/
{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transform: scale(1.01);
}
a.cta:link
{
color: #FFF;
text-decoration: none;
}
a.cta:visited
{
color: #FFF;
text-decoration: none;
}
/*==Search bar elements==*/
/*.search-field The box-shadow property is applied to style to provide shadow on the search bar
{
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}*/
div.search-container
{
margin-top: 4px;
margin-bottom: 4px;
}
/*==Home Tiles section==*/
div.home-tiles /*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
margin-bottom: 1%;
}
div.home-tiles::before
{
content: ' ';
display: table;
}
div.home-tiles::after
{
content: ' ';
display: table;
clear: both;
}
div.home-tiles > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
/*Adds transition animation when switching between screen sizes*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 15px 15px;
overflow: hidden;
height: 160px;
text-align: center;
color: #84BD00;
font-size: 17px;
line-height: 16px;
font-family: proxima-nova;
}
div.home-tiles > div:hover /*When hovering over a home-tile, these properties apply*/
{
color: #0099d6;
font-weight: 700;
font-size: 17px;
line-height: 16px;
font-family: proxima-nova;
}
div.home-tiles > div:nth-child(1)
{
width: 10%;
margin-left: 23%;
text-align: center;
}
div.home-tiles > div:nth-child(2)
{
width: 10%;
margin-left: 1%;
text-align: center;
}
div.home-tiles > div:nth-child(3)
{
width: 10%;
margin-left: 1%;
text-align: center;
}
div.home-tiles > div:nth-child(4)
{
width: 10%;
margin-left: 1%;
text-align: center;
}
div.home-tiles > div:nth-child(5)
{
width: 10%;
margin-left: 1%;
text-align: center;
}
/*=Elements for text contained within each home-tile=*/
p.tile-title
{
text-align: center;
font-family: proxima-nova;
}
p.tile-content
{
text-align: center;
color: #7E8890;
font-size: 0.8em;
}
p.tile-items
{
color: #7E8890;
font-size: 0.7em;
text-align: center;
}
div.home-tiles a /*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
text-decoration: none;
text-align: center;
color: #84BD00;
font-size: 17px;
line-height: 16px;
font-family: proxima-nova;
}
div.home-tiles a:hover /*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
color: none;
font-weight: 700;
font-size: 17px;
line-height: 16px;
font-family: proxima-nova;
text-decoration: none;
}
.topnav a:hover
{
background-color: #ddd;
color: black;
}
/*=Info-container section=*/
div.info-container /*div.info-container contains the first Hero/Banner on the Home Page - To replace the banner image with your own, point the background-image property to your own image.*/
{
margin-left: auto;
margin-top: 100px;
margin-right: auto;
padding-bottom: 75px;
padding-top: 100px;
box-shadow: inset -1px 1px 17px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
color: #FFFFFF;
background-color: transparent;
/*Create the parallax scrolling effect*/
background-attachment: fixed;
background-position: center 0;
background-image: url('../Images/Assets/HeroImages/HeroImage-2.jpg');
background-size: cover;
background-repeat: no-repeat;
}
div.info-section /*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.info-section::before
{
content: ' ';
display: table;
}
div.info-section::after
{
content: ' ';
display: table;
clear: both;
}
div.info-section > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.info-section > div:nth-child(1)
{
width: 33.333%;
margin-left: 10%;
}
div.info-container p /*Complex Selector: Any that is contained within div.info-container will have the following properties*/
{
background-color: transparent;
}
/*=Elements for content contained within each info section=*/
p.info-title
{
font-size: 50px;
line-height: 1em;
font-family: proxima-nova;
color: #FFFFFF;
}
p.info-content
{
font-size: 0.8em;
line-height: 1em;
font-family: proxima-nova;
color: #FFFFFF;
}
/*==Home Page Footer Section==*/
div.footer
{
background-color: #84BD00;
}
div.footer a /*Complex Selector: Any anchor (links) tags that are within div.footer will have the following properties */
{
text-decoration: none;
color: #FFFFFF;
}
div.footer > div.outer-row
{
line-height: 20px;
padding: 0;
}
div.home-master-page-footer /*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
width: 60%;
}
div.home-master-page-footer::before
{
content: ' ';
display: table;
}
div.home-master-page-footer::after
{
content: ' ';
display: table;
clear: both;
}
div.home-master-page-footer > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.home-master-page-footer > div:nth-child(1)
{
width: 33.333%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(2)
{
width: 33.333%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(3)
{
width: 33.333%;
margin-left: 0%;
}
div.footer p /*Complex Selector: Any
that is contained within div.footer will have the following properties*/
{
color: #FFFFFF;
font-size: 18px;
}
/*This is used as a fix for an issue in Chrome regarding the parallax effect and foundation*/
.off-canvas-content,
.off-canvas-wrapper
{
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
MadCap|dropDown
{
mc-closed-image: url('../Images/Assets/Icons/Arrows/chevron-right.png');
mc-open-image: url('../Images/Assets/Icons/Arrows/chevron-down.png');
}
/*===========================================================================================================================================================
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-device-width: 1279px)
{
#content-section .right-section,
#content-section .left-section
{
padding: 0;
}
p.info-title
{
font-size: 2em;
}
p.info-content
{
font-size: 1em;
}
div.footer
{
padding-top: 20px;
padding-bottom: 20px;
}
div.home-master-page-footer > div:nth-child(1)
{
width: 25%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(2)
{
width: 50%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(3)
{
width: 25%;
margin-left: 0%;
}
div.home-tiles > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
transition: all 0.5s cubic-bezier(.25,.8,.25,1);
/*Adds transition animation when switching between screen sizes*/
-moz-border-radius: 20x;
-webkit-border-radius: 20px;
padding: 60px 10px;
}
div.home-tiles > div:nth-child(1)
{
width: 20%;
margin-left: 1%;
}
div.home-tiles > div:nth-child(2)
{
width: 20%;
margin-left: 1%;
}
div.home-tiles > div:nth-child(3)
{
width: 20%;
margin-left: 1%;
}
div.home-tiles > div:nth-child(4)
{
width: 20%;
margin-left: 1%;
}
div.home-tiles > div:nth-child(5)
{
width: 20%;
margin-left: 1%;
}
div.info-section > div
{
text-align: center;
}
div.info-section > div:nth-child(1)
{
width: 100%;
margin-left: 0%;
margin-bottom: 10%;
margin-top: 5%;
}
div.info-section > div:nth-child(2)
{
width: 100%;
margin-left: 0%;
margin-bottom: 5%;
}
div.info-section > div:nth-child(3)
{
width: 100%;
margin-left: 0%;
}
}
@media only screen and (max-device-width: 767px)
{
#content-section
{
padding-top: 30px;
padding-bottom: 30px;
}
div.search-container
{
margin-bottom: 50px;
}
p.tile-title
{
font-size: 1.2em;
}
p.info-title
{
font-size: 2em;
}
p.info-content
{
font-size: 1em;
}
div.home-tiles > div
{
margin-top: 2%;
}
div.home-tiles > div:nth-child(1)
{
width: 90%;
margin-left: 5%;
}
div.home-tiles > div:nth-child(2)
{
width: 90%;
margin-left: 5%;
}
div.home-tiles > div:nth-child(3)
{
width: 90%;
margin-left: 5%;
}
div.home-tiles > div:nth-child(4)
{
width: 90%;
margin-left: 5%;
}
div.home-tiles > div:nth-child(5)
{
width: 90%;
margin-left: 5%;
}
div.info-section > div
{
text-align: center;
padding: 0 20px;
}
div.info-section > div:nth-child(1)
{
width: 100%;
margin-left: 0%;
margin-bottom: 10%;
margin-top: 5%;
}
div.info-section > div:nth-child(2)
{
width: 100%;
margin-left: 0%;
margin-bottom: 5%;
}
div.info-section > div:nth-child(3)
{
width: 100%;
margin-left: 0%;
}
div.home-master-page-footer > div /* Adds separators to the footer items when in mobile layout */
{
border-bottom: 1px solid #84BD00;
}
div.home-master-page-footer > div:nth-child(1)
{
width: 100%;
}
div.home-master-page-footer > div:nth-child(2)
{
width: 100%;
}
div.home-master-page-footer > div:nth-child(3)
{
width: 100%;
}
}
/*Top Nav with links*/
.topnav
{
overflow: hidden;
background-color: #FFFFFF;
}
.topnav a
{
float: left;
color: #333333;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a.active
{
background-color: none;
color: white;
}
.topnav-right
{
float: right;
}
.topnav .icon
{
display: none;
}
@media screen and (max-width: 1000px)
{
.topnav a:not(:first-child)
{
display: none;
}
.topnav a.icon
{
float: right;
display: block;
}
}
@media screen and (max-width: 1000px)
{
.topnav.responsive
{
position: relative;
}
.topnav.responsive .icon
{
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a
{
float: none;
display: block;
text-align: left;
}
}
/*Top banner with Search*/
.wrapper
{
border: none;
padding: 2px;
}
.wrapper div
{
width: 100%;
min-height: 100px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#one
{
background-color: gray;
}
#two
{
background-color: white;
}
@media screen and (min-width: 600px)
{
.wrapper
{
height: auto;
overflow: hidden;
}
#one
{
width: 200px;
float: left;
}
#two
{
margin-left: 200px;
}
}
/*==AccordionHomepage==*/
.centercontainer
{
width: 250px;
height: auto;
margin: auto;
}
@media screen and (max-width: 1750px)
{
.centercontainer
{
width: 250px;
height: auto;
margin: auto;
}
}
@media screen and (max-width: 1100px)
{
.centercontainer
{
width: 200px;
height: auto;
margin: auto;
}
}
@media screen and (max-width: 700px)
{
.centercontainer
{
width: 150px;
height: auto;
margin: auto;
}
}
@media screen and (max-width: 500px)
{
.centercontainer
{
width: 100px;
height: auto;
margin: auto;
}
}
.ac-label
{
font-weight: 700;
position: relative;
padding: 10px;
color: #FFFFFF;
font-family: proxima-nova;
display: block;
cursor: pointer;
background-color: #84BD00;
transition: background-color .15s ease-in-out;
font-size: 12pt;
width: 850px;
margin: 0 auto;
margin-top: 5px;
}
.ac-input:checked + label,
.ac-label:hover
{
background-color: #84BD00;
}
.ac-label:after,
.ac-input:checked + .ac-label:after
{
content: "►";
color: #FFFFFF;
position: absolute;
display: block;
right: 0;
top: 0;
width: 2em;
height: 100%;
line-height: 2.25em;
text-align: center;
background-color: #84BD00;
transition: background-color .15s ease-in-out;
}
.ac-label:hover:after,
.ac-input:checked + .ac-label:after
{
background-color: #a9a9a9;
}
.ac-input:checked + .ac-label:after
{
content: "▼";
color: #FFFFFF;
}
.ac-input
{
display: none;
}
.ac-text,
.ac-sub-text
{
opacity: 0;
height: 0;
margin-bottom: 4px;
margin-left: 5px solid #84BD00;
transition: opacity .5s ease-in-out;
overflow: hidden;
font-family: proxima-nova;
color: #333333;
font-size: 14pt;
width: 850px;
margin: 0 auto;
}
.ac-input:checked ~ .ac-text,
.ac-sub .ac-input:checked ~ .ac-sub-text
{
opacity: 1;
height: auto;
}
.ac-sub .ac-label
{
background: none;
font-weight: 600;
padding: .5em 2em;
margin-bottom: 0;
}
.ac-sub .ac-label:checked
{
background: none;
border-bottom: 1px solid #FFFFFF;
}
.ac-sub .ac-label:after,
.ac-sub .ac-input:checked + .ac-label:after
{
left: 0;
background: none;
}
.ac-sub .ac-input:checked + label,
.ac-sub .ac-label:hover
{
background: none;
}
.ac-sub-text
{
padding: 0 1em 0 2em;
}
/*==AccordionTABLES==*/
.accordionrow
{
display: flex;
border-left: 6px solid #0099d6;
margin: 4px 0px 4px 0px;
}
.accordioncolumn
{
flex: 50%;
padding: 0px 10px 20px 15px;
height: 40px;
background: #FFFFFF;
font-family: proxima-nova;
color: #333333;
font-weight: 100;
background-color: #f2f2f2;
}
/* Create two equal columns that floats next to each other */
.templcolumn
{
float: left;
width: 50%;
padding: 10px;
height: auto;
/* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
.templrow:after
{
content: "";
display: table;
clear: both;
}
/* Five */
.fivecontainer
{
width: 75%;
margin: 5px auto;
box-sizing: border-box;
transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
.fivecolumn
{
float: left;
width: 20%;
padding: 25px;
height: auto;
box-sizing: border-box;
transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
.fiverow:after
{
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 1024px)
{
.fivecolumn
{
width: 20%;
}
}
@media screen and (max-width: 900px)
{
.fivecolumn
{
width: 33.33%;
}
}
@media screen and (max-width: 700px)
{
.fivecolumn
{
width: 50%;
}
}
@media screen and (max-width: 500px)
{
.fivecolumn
{
width: 100%;
}
}
.mainfooter
{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #f2f2f2;
color: #b3b3b3;
font-size: 10pt;
text-align: center;
padding: 0px;
margin-top: 30px;
height: 30px;
}
@media screen and (max-width: 600px)
{
.mainfooter
{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #f2f2f2;
color: #b3b3b3;
font-size: 8pt;
text-align: center;
padding: 0px;
margin-top: 30px;
height: 30px;
}
}
/* Lnguage */
.Langdropbtn
{
background-color: #333333;
color: #FFFFFF;
padding: 2px;
font-size: 16px;
border: none;
cursor: pointer;
}
.Langdropbtn:hover,
.Langdropbtn:focus
{
background-color: #333333;
color: #84BD00;
}
.Langdropdown
{
position: relative;
display: inline-block;
}
.Langdropdown-content
{
display: none;
position: absolute;
background-color: #333333;
min-width: 120px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 10;
}
.Langdropdown-content a
{
color: #84BD00;
padding: 4px;
text-decoration: none;
display: block;
}
.Langdropdown-content a:hover
{
color: #0099d6;
text-decoration: underline;
display: block;
}
.Langdropdown a:hover
{
background-color: #333333;
color: #84BD00;
}
.Langshow
{
display: block;
}
.TableOfContents
{
font-family: proxima-nova;
font-size: 11pt;
font-weight: bold;
}
MadCap|miniTocProxy
{
border: none;
}
.HomeNav
{
overflow: hidden;
background-color: #5663FF;
font-family: proxima-nova;
margin-top: 36px;
margin-left: 178px;
}
.HomeNav a
{
float: left;
color: #FFFFFF;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 14px;
font-family: proxima-nova;
}
.HomeNav a:hover
{
color: #0099d6;
font-family: proxima-nova;
}
.HomeNav a.active
{
color: #0099d6;
font-family: proxima-nova;
}
@media screen and (max-width: 1330px)
{
.HomeNav
{
margin-top: 0px;
}
}
@media screen and (max-width: 800px)
{
.HomeNav
{
display: none;
}
}
.dropbtn
{
background-color: #04AA6D;
color: white;
padding: 16px;
font-size: 16px;
border: none;
}
.dropdown
{
position: relative;
display: inline-block;
}
.dropdown-content
{
display: none;
position: absolute;
right: 0;
background-color: #84bd00;
top: 100%;
width: 600px;
height: 430px;
transform: translateX(-90px);
border-top: 10px solid White;
z-index: 1;
font-size: 30px;
line-height: 20px;
border-radius: 36px;
}
.dropdown-content a
{
color: Black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover
{
background-color: #cee697;
padding-left: 50px;
color: white;
}
.dropdown:hover .dropdown-content
{
display: block;
}
.dropdown:hover .dropbtn
{
background-color: #3e8e41;
}