/*<meta />*/
@media only screen and (max-width: 1279px)
{
/* OffCanvas styles */
html,
body
{
height: 100%;
margin: 0;
}
.off-canvas
{
height: 100%;
overflow-x: hidden;
background-color: #333333;
}
.off-canvas-content
{
max-height: none;
}
/* Foundation Overrides */
.foundation-wrap,
.off-canvas-wrapper,
.off-canvas-wrapper-inner
{
min-height: 100%;
}
.foundation-wrap,
.off-canvas-wrapper
{
overflow: visible;
}
nav.title-bar .menu-icon
{
display: block;
border: none;
z-index: 100;
position: absolute;
background: transparent;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
left: auto;
right: -13px;
}
nav.title-bar
{
background-position: center top;
background-repeat: repeat;
padding-top: 15px;
padding-bottom: 15px;
background: #ffffff none;
-pie-background: #ffffff;
}
/* Topbar Menu Styles */
.title-bar-section.middle > div
{
}
.navigation-wrapper,
ul.navigation
{
display: none;
}
.responsive-header
{
display: block;
background: #292929;
height: 60px;
}
.title-bar-layout a.logo
{
top: 0;
margin: 0;
width: 255px;
height: 66px;
background: transparent url('Images/LogoWebsite_4.jpg') no-repeat center center;
background: url('Images/LogoWebsite_4.jpg') no-repeat center center, -moz-linear-gradient(top, transparent 0%, transparent 100%);
background: url('Images/LogoWebsite_4.jpg') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,transparent));
background: url('Images/LogoWebsite_4.jpg') no-repeat center center, -webkit-linear-gradient(top, transparent 0%, transparent 100%);
background: url('Images/LogoWebsite_4.jpg') no-repeat center center, -o-linear-gradient(top, transparent 0%,transparent 100%);
background: url('Images/LogoWebsite_4.jpg') no-repeat center center, -ms-linear-gradient(top, transparent 0%,transparent 100%);
background: url('Images/LogoWebsite_4.jpg') no-repeat center center, linear-gradient(top, transparent 0%,transparent 100%);
-pie-background: url('Skins/Fluid/Stylesheets/Images/LogoWebsite_4.jpg') no-repeat center center, linear-gradient(transparent, transparent);
}
.title-bar .menu-icon span
{
height: 48px;
width: 48px;
display: block;
background: transparent url('Images/Menu.png') no-repeat center center;
background: url('Images/Menu.png') no-repeat center center, -moz-linear-gradient(top, #000000 0%, #a9a9a9 100%);
background: url('Images/Menu.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#a9a9a9));
background: url('Images/Menu.png') no-repeat center center, -webkit-linear-gradient(top, #000000 0%, #a9a9a9 100%);
background: url('Images/Menu.png') no-repeat center center, -o-linear-gradient(top, #000000 0%,#a9a9a9 100%);
background: url('Images/Menu.png') no-repeat center center, -ms-linear-gradient(top, #000000 0%,#a9a9a9 100%);
background: url('Images/Menu.png') no-repeat center center, linear-gradient(top, #000000 0%,#a9a9a9 100%);
-pie-background: url('Skins/Fluid/Stylesheets/Images/Menu.png') no-repeat center center, linear-gradient(#000000, #a9a9a9);
}
.search-bar .search-submit
{
background-repeat: no-repeat;
background-position: center center;
height: 2em;
}
.search-bar .search-filter
{
background-position: center center;
height: 2em;
background-repeat: no-repeat;
background: transparent none;
-pie-background: transparent;
}
.search-input
{
background-repeat: no-repeat;
background-position: center center;
}
.off-canvas.position-right
{
background-position: top center;
}
.off-canvas.position-right ul ul
{
background-position: top center;
}
.off-canvas.position-left
{
background-position: top center;
}
.off-canvas.position-left ul ul
{
background-position: top center;
}
.off-canvas ul ul.is-accordion-submenu
{
background: inherit;
}
.off-canvas ul.off-canvas-list li.is-drilldown-submenu-parent > a:after
{
margin-left: 0.5rem;
}
.is-drilldown-submenu .js-drilldown-back > a:after
{
margin-left: 0.5em;
}
ul.off-canvas-list li a
{
font-size: 1em;
border-bottom: solid 1px #262626;
line-height: inherit;
color: #ffffff;
}
ul.off-canvas-accordion ul > li > a
{
margin-left: 1em;
}
ul.off-canvas-accordion ul ul > li > a
{
margin-left: 2em;
}
ul.off-canvas-accordion ul ul ul > li > a
{
margin-left: 3em;
}
ul.off-canvas-accordion ul ul ul ul > li > a
{
margin-left: 4em;
}
ul.off-canvas-accordion-rtl ul > li > a
{
margin-left: inherit;
margin-right: 1em;
}
ul.off-canvas-accordion-rtl ul ul > li > a
{
margin-left: inherit;
margin-right: 2em;
}
ul.off-canvas-accordion-rtl ul ul ul > li > a
{
margin-left: inherit;
margin-right: 3em;
}
ul.off-canvas-accordion-rtl ul ul ul ul > li > a
{
margin-left: inherit;
margin-right: 4em;
}
/* Side Nav */
.sidenav-layout
{
display: block;
height: inherit;
max-height: none;
}
.sidenav-wrapper
{
display: none;
}
.body-container
{
padding-left: 0px;
padding-right: 0px;
overflow: inherit;
}
.central-dropdown
{
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
left: auto;
right: 35px;
}
.title-bar-layout .central-account-wrapper
{
display: none;
}
.menu-icon-container .central-account-wrapper
{
display: flex;
}
.menu-icon-container .central-account-drop
{
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
}
.central-account-text
{
display: none;
}
.central-dropdown-content
{
left: auto;
right: -25px;
background-color: #ffffff;
}
.central-dropdown .central-account-drop
{
}
.central-dropdown:hover
{
}
.central-account-image
{
background: transparent url('Images/icon-user-white.png') no-repeat center center;
-pie-background: transparent url('Skins/Fluid/Stylesheets/Images/icon-user-white.png') no-repeat center center;
}
div.central-dropdown-content > a
{
}
div.central-dropdown-content > a:hover
{
}
.central-separator
{
background-color: #D5D8DA;
}
.off-canvas-wrapper-inner nav.title-bar .outer-row
{
padding-left: 35px;
max-width: 92%;
}
.title-bar-layout .logo-wrapper
{
min-height: 66px;
justify-content: flex-start;
flex-basis: 100%;
}
.menu-icon-container
{
min-height: 66px;
}
.off-canvas-wrapper-inner .outer-row
{
padding-left: 1em;
padding-right: 1em;
}
.main-section > .outer-row
{
}
.off-canvas ul ul
{
background-color: #333333;
}
ul.off-canvas-list ul > li > a
{
margin-left: 1em;
}
ul.off-canvas-list ul ul > li > a
{
margin-left: 2em;
}
ul.off-canvas-list ul ul ul > li > a
{
margin-left: 3em;
}
ul.off-canvas-list ul ul ul ul > li > a
{
margin-left: 4em;
}
ul.off-canvas-list li.js-drilldown-back > a
{
}
ul.off-canvas-list li.is-accordion-submenu-parent > a span.submenu-toggle
{
border-top-color: #f08080;
}
ul.off-canvas-list li a:hover
{
background-color: #242424;
}
ul.off-canvas-list ul > li > a:hover
{
background-color: #242424;
}
ul.off-canvas-list ul ul > li > a:hover
{
background-color: #242424;
}
ul.off-canvas-list ul ul ul > li > a:hover
{
background-color: #242424;
}
ul.off-canvas-list ul ul ul ul > li > a:hover
{
background-color: #242424;
}
ul.off-canvas-list li.js-drilldown-back > a:hover
{
background-color: #242424;
}
ul.off-canvas-list li.is-accordion-submenu-parent > a span.submenu-toggle:hover
{
}
ul.off-canvas-list li a.selected
{
}
ul.off-canvas-list ul > li > a.selected
{
}
ul.off-canvas-list ul ul > li > a.selected
{
}
ul.off-canvas-list ul ul ul > li > a.selected
{
}
ul.off-canvas-list ul ul ul ul > li > a.selected
{
}
.search-auto-complete ul
{
background-color: #ffffff;
}
.search-auto-complete li.auto-result-item a
{
}
.search-auto-complete li.auto-result-item
{
}
.search-auto-complete li.auto-result-content
{
}
.search-auto-complete li.auto-result-history
{
}
.search-auto-complete li.auto-result-item.auto-result-selected a
{
}
.search-auto-complete li.auto-result-item.auto-result-selected
{
background-color: #ececec;
}
.search-auto-complete li.auto-result-content.auto-result-selected
{
background-color: #ececec;
}
.search-auto-complete li.auto-result-history.auto-result-selected
{
background-color: #ececec;
}
.search-auto-complete li.auto-result-item .auto-result-description
{
}
.search-auto-complete li.auto-result-content .auto-result-description
{
}
.search-auto-complete li.auto-result-history .auto-result-description
{
}
.search-auto-complete li.auto-result-item .auto-result-icon
{
}
.search-auto-complete li.auto-result-content .auto-result-icon
{
background: transparent url('Images/icon-topic.png') no-repeat center center;
-pie-background: transparent url('Skins/Fluid/Stylesheets/Images/icon-topic.png') no-repeat center center;
background-size: contain;
}
.search-auto-complete li.auto-result-history .auto-result-icon
{
background: transparent url('Images/icon-search.png') no-repeat center center;
-pie-background: transparent url('Skins/Fluid/Stylesheets/Images/icon-search.png') no-repeat center center;
background-size: contain;
}
.search-auto-complete li.auto-result-item .auto-result-phrase
{
}
.search-auto-complete li.auto-result-content .auto-result-phrase
{
}
.search-auto-complete li.auto-result-history .auto-result-phrase
{
}
.search-auto-complete li.auto-result-item .auto-result-phrase .search-result-highlight
{
}
.search-auto-complete li.auto-result-content .auto-result-phrase .search-result-highlight
{
}
.search-auto-complete li.auto-result-history .auto-result-phrase .search-result-highlight
{
}
.search-auto-complete li .auto-result-remove
{
width: 17px;
height: 27px;
background: transparent url('Images/icon-remove.png') no-repeat center center;
-pie-background: transparent url('Skins/Fluid/Stylesheets/Images/icon-remove.png') no-repeat center center;
background-size: contain;
}
.search-auto-complete li.auto-result-item .auto-result-separator
{
}
.nav-search-wrapper
{
justify-content: center;
flex-basis: 100%;
}
.nav-search
{
width: 75%;
margin-top: 15px;
}
.search-bar .search-field
{
height: 2em;
background-repeat: no-repeat;
background: #f5f5f5 none;
-pie-background: #f5f5f5;
padding-right: 50px;
}
.search-filter-content
{
top: 2em;
background-color: #ffffff;
}
.search-bar .search-filter-wrapper.open
{
-pie-background: transparent;
background-color: #ffffff;
}
.search-bar .search-filter:hover
{
background-repeat: no-repeat;
background-color: transparent;
}
.search-bar .search-filter.selected
{
background-repeat: no-repeat;
background: transparent url('Images/icon-filter-selected.png') no-repeat center center;
}
.search-filter-content ul li:hover
{
background-color: #ffffff;
}
.search-filter-content ul li button:focus
{
background-color: #ffffff;
}
.search-bar .search-field::-webkit-input-placeholder
{
}
.search-bar .search-field::-moz-placeholder
{
}
.search-bar .search-field:-moz-placeholder
{
}
.search-bar .search-field:-ms-input-placeholder
{
}
.search-bar.search-bar-container .search-submit
{
background-repeat: repeat;
background: #f5f5f5 none;
-pie-background: #f5f5f5;
background-position: center center;
}
.search-bar .search-filter-wrapper
{
right: 0px;
}
.search-bar.search-bar-container .search-submit:hover
{
background-repeat: no-repeat;
background: transparent none;
background: -moz-linear-gradient(top, transparent 0%, transparent 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,transparent));
background: -webkit-linear-gradient(top, transparent 0%, transparent 100%);
background: -o-linear-gradient(top, transparent 0%,transparent 100%);
background: -ms-linear-gradient(top, transparent 0%,transparent 100%);
background: linear-gradient(top, transparent 0%,transparent 100%);
-pie-background: linear-gradient(transparent, transparent);
background-position: center center;
}
.skip-to-content
{
background-color: #ffffff;
}
}